html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0px; padding: 0px; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { font-family: "Microsoft YaHei"; font-size: 14px; color: rgb(51, 51, 51); }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol { list-style: none; }
img { border: none; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
body { font-family: "Microsoft YaHei"; }
@media (min-width: 1410px) {
  .container { width: 1410px; }
}
.llo { line-height: 99px; width: 40%; display: flex; align-items: center; }
.yuqicis { margin-left: 5%; padding-left: 5%; border-left: 1px solid rgb(221, 221, 221); }
.yuqicis h3 { font-size: 30px; color: rgb(51, 200, 167); font-weight: bold; margin-bottom: 5px; }
.yuqicis h3 span { font-size: 48px; color: rgb(51, 200, 167); }
.yuqicis p { font-size: 20px; line-height: 1.5; }
.right_hre { width: 60%; display: flex; flex-wrap: wrap; }
.nav { width: 100%; position: relative; z-index: 999; }
.so { background: url("../image/9b4991918a553de2d563da4f7f48782854c0ce95.png") center center no-repeat; width: 19px; height: 100%; cursor: pointer; }
.ss { display: none; position: absolute; right: 0px; top: 99px; width: 310px; padding: 20px; z-index: 999; background: rgba(255, 255, 255, 0.9); }
.ss input { outline: none; line-height: 32px; width: 20%; border: none; background: rgb(0, 60, 141); font-size: 12px; color: rgb(255, 255, 255); font-weight: 400; }
.ss #keyword { padding-left: 5px; line-height: 30px; width: 80%; background: none; border: 1px solid rgb(0, 60, 141); outline: none; font-size: 13px; color: rgb(51, 51, 51); }
.ss #keyword::placeholder { color: rgb(153, 153, 153); font-size: 12px; }
.case { background: url("../image/cbd077d1bdc8aba9f0be2988845e1b2ef578ae01.jpg") center center / cover no-repeat; padding-top: 30px; padding-bottom: 76px; }
.hotsearch { padding-bottom: 4vh; color: rgb(102, 102, 102); }
.hotsearch a { color: rgb(102, 102, 102); }
.hotsearch a:hover { color: rgb(0, 60, 141); }
.r1 a { padding-right: 5px; }
.bt .bt1 { text-align: center; font-size: 38px; line-height: 38px; color: rgb(51, 51, 51); font-weight: 600; }
.bt .bt1 span { color: rgb(0, 60, 141); font-family: Arial; font-size: 40px; }
.bt .bt2 { text-align: center; font-size: 16px; color: rgb(119, 119, 119); margin-top: 16px; }
.hy { display: flex; justify-content: space-between; margin-top: 64px; }
.hyl { width: 72.31%; }
.hyr { width: 27.69%; }
.hyl .tab2 img { width: 100%; }
.hyl .tab2 { position: relative; }
.hyl .tab2 .cnr { width: 100%; }
.hyl .tab2 .cnr .p1 { color: rgb(255, 255, 255); border-left: 5px solid rgb(255, 255, 255); padding-left: 16px; font-size: 24px; line-height: 24px; font-weight: 600; position: absolute; width: 90%; left: 5%; bottom: 58px; height: 0px; overflow: hidden; transition: all 0.5s ease 0s; }
.hyl .tab2 .cnr .p2 { color: rgb(255, 255, 255); font-size: 14px; position: absolute; width: 90%; left: 5%; bottom: 20px; height: 0px; overflow: hidden; transition: all 0.8s ease 0s; }
.hyl .tab2.on .cnr .p1 { height: auto; bottom: 88px; }
.hyl .tab2.on .cnr .p2 { height: auto; bottom: 44px; }
.hyr ul { height: 100%; background: rgb(255, 255, 255); }
.hyr ul li { height: calc(25%); padding: 0px 25px; }
.hyr ul li .ll { height: 100%; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid rgb(230, 231, 231); }
.hyl .tab2 { display: none; }
.hyr ul li:last-child .ll { border-bottom: none; }
.hyr ul li .div { height: 71px; background: left top no-repeat; transition: all 0.5s ease 0s; }
.hyr ul li .div a { display: block; }
.hyr ul li .div .s1 { display: block; width: 71px; height: 71px; margin-right: 37px; overflow: hidden; border-radius: 50%; background: rgb(247, 247, 247); }
.hyr ul li .div .hfa { width: 100%; height: 40px; margin-top: 15.5px; overflow: hidden; background: center top no-repeat; transition: all 0.5s ease 0s; }
.hyr ul li.cur .div .hfa { background: center bottom no-repeat; }
.hyr ul li.cur { background: rgb(0, 60, 141); }
.hyr ul li.cur .ll { border-bottom: 1px solid rgb(0, 60, 141); }
.hyr ul li .div .p1 { font-size: 22px; line-height: 22px; color: rgb(51, 51, 51); padding-top: 14px; }
.hyr ul li .div .p2 { font-size: 12px; color: rgb(153, 153, 153); margin-top: 9px; text-transform: uppercase; }
.hyr ul li.cur .p1, .hyr ul li.cur .p2 { color: rgb(255, 255, 255); }
.product {padding-top: 20px;}
.picList li { width: 23.4%; margin-right: 28px; }
.pro .bd .tempWrap { width: 100% !important; }
.picList li { padding-right: 1px; }
.picList li .pimg { border: 1px solid rgb(245, 245, 245); position: relative; }
.picList li .pimg img { width: 100%; }
.picList li p { background: rgb(245, 245, 245); line-height: 53px; text-align: center; font-size: 16px; color: rgb(102, 102, 102); transition: all 0.3s ease 0s; }
.picList li .pimg::before { content: ""; position: absolute; width: 1px; background: rgb(0, 60, 141); left: 0px; bottom: 0px; height: 0px; transition: all 0.3s ease 0s; }
.picList li:hover .pimg::before { content: ""; position: absolute; width: 1px; background: rgb(0, 60, 141); left: 0px; bottom: 0px; height: 100%; }
.picList li .pimg .tbu { content: ""; position: absolute; width: 0px; background: rgb(0, 60, 141); left: 0px; top: 0px; height: 1px; transition: all 0.3s ease 0s; }
.picList li:hover .pimg .tbu { width: 100%; transition-delay: 300ms; }
.picList li .pimg .dbu { content: ""; position: absolute; width: 1px; background: rgb(0, 60, 141); right: 0px; top: 0px; height: 0px; transition: all 0.3s ease 0s; }
.picList li:hover .pimg .dbu { height: 100%; transition-delay: 600ms; }
.picList li .pimg::after { content: ""; position: absolute; width: 0px; background: rgb(0, 60, 141); right: 0px; bottom: 0px; height: 1px; transition: all 0.3s ease 0s; }
.picList li:hover .pimg::after { width: 100%; transition-delay: 900ms; }
.picList li:hover p { background: rgb(0, 60, 141); color: rgb(255, 255, 255); }
.about { background: url("../image/8a1da4803034f68b03df38e8daec1a2bea6c5d17.jpg") center center no-repeat fixed; }
.abb { padding-top: 121px; padding-bottom: 118px; }
.abl { width: 47.6%; }
.abl .p1 { font-size: 38px; line-height: 38px; font-weight: 600; color: rgb(255, 255, 255); }
.abl .p2 { font-size: 28px; line-height: 28px; color: rgb(255, 255, 255); margin-top: 24px; }
.abl .p3 { font-size: 16px; line-height: 30px; color: rgb(255, 255, 255); margin-top: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.abl .p4 { display: block; border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; width: 176px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; margin-top: 58px; transition: all 0.3s ease 0s; position: relative; }
.abl .p4::after { content: ""; display: block; background: rgb(255, 255, 255); position: absolute; width: 0px; left: 0px; height: 100%; top: 0px; transition: all 0.3s ease 0s; z-index: 1; }
.abl .p4:hover::after { width: 100%; }
.abl .p4 span { position: relative; transition: all 0.2s ease 0s; z-index: 2; }
.abl .p4:hover span { color: rgb(0, 60, 141); }
.abr { width: 45.65%; overflow: hidden; position: relative; }
.abr img { width: 100%; }
.abr .bf { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; cursor: pointer; }
.pulse { position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -70px; margin-left: -70px; width: 140px; height: 140px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 0; animation: 2s ease-out 1s infinite normal none running warn; transform: scale(0); }
.pulse1 { position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -70px; margin-left: -70px; width: 140px; height: 140px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 0; animation: 2s ease-out 0s infinite normal none running warn; transform: scale(0); }
@keyframes warn { 
  0% { transform: scale(0.3); opacity: 0; }
  25% { transform: scale(0.3); opacity: 0.1; }
  50% { transform: scale(0.5); opacity: 0.3; }
  75% { transform: scale(0.8); opacity: 0.6; }
  100% { transform: scale(1); opacity: 0; }
}
.news { }
.xw { margin-left: -18px; margin-right: -18px; margin-top: 64px; }
.xw1 { margin: 0px 18px; }
.xw1 .nnr { border: 1px solid rgb(225, 230, 242); padding: 34px 30px 33px; }
.xw1 .nnr .p1 { font-size: 20px; line-height: 20px; color: rgb(65, 65, 65); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease 0s; }
.xw1 .nnr .p2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 26px; color: rgb(102, 102, 102); margin-top: 20px; }
.xw1 .nnr .p3 { margin-top: 42px; border-top: 1px solid rgb(225, 230, 242); padding-top: 18px; font-size: 14px; line-height: 14px; color: rgb(168, 172, 181); transition: all 0.3s ease 0s; position: relative; }
.xw1 .nnr .p3::after { position: absolute; content: ""; display: block; width: 0px; height: 1px; background: rgb(0, 60, 141); top: 0px; left: 0px; transition: all 0.3s ease 0s; }
.xw1:hover .nnr .p3::after { width: 100%; }
.xw1 .nnr .p3 .s2 { font-family: 宋体; font-weight: 600; }
.xw1:hover .nnr .p3, .xw1:hover .nnr .p1 { color: rgb(0, 60, 141); }
.xw1 .nimg { overflow: hidden; }
.xw1 .nimg img { transition: all 0.8s ease 0s; width: 100%; }
.xw1:hover .nimg img { transition: all 0.8s ease 0s; transform: scale(1.05); }
.nam { display: block; width: 166px; line-height: 48px; padding-left: 30px; padding-right: 30px; color: rgb(255, 255, 255); font-size: 14px; background: rgb(0, 60, 141); margin: 80px auto 0px; transition: all 0.5s ease 0s; }
.nam span { display: block; background: url("../image/e27d3e3c9b7daacd0b3c67d42343de8e2245648b.png") right center no-repeat; }
.nam:hover { padding-right: 20px; padding-left: 20px; color: rgb(255, 255, 255); }
footer { background: rgb(34, 34, 34); padding-top: 66px; padding-bottom: 60px; }
.dh { width: 60%; display: flex; justify-content: space-between; }
.d1 p { font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); line-height: 16px; }
.d1 ul { margin-top: 33px; }
.d1 ul li { font-size: 14px; color: rgb(153, 153, 153); line-height: 14px; }
.d1 ul li + li { margin-top: 16px; }
.d1 ul li a { color: rgb(153, 153, 153); }
.d1 ul li a:hover { color: rgb(255, 255, 255); }
.area { font-size: 14px; line-height: 24px; color: rgb(153, 153, 153); }
.area p:nth-child(1) { font-size: 16px; line-height: 16px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 14px; }
.area p:nth-child(5) { font-size: 16px; line-height: 16px; font-weight: 600; color: rgb(255, 255, 255); margin-top: 35px; margin-bottom: 12px; }
.fbl { width: calc(100% - 300px); }
.fbl a:hover { color: rgb(255, 255, 255); }
.fb2r { width: 286px; display: flex; justify-content: space-between; }
.fb2r div p { text-align: center; font-size: 14px; line-height: 16px; margin-top: 16px; color: rgb(153, 153, 153); }
.fbl .p1 { font-size: 21px; color: rgb(0, 152, 222); line-height: 21px; padding-top: 20px; margin-bottom: 35px; }
.fb2 { margin-top: 50px; }
.fbl .p2 { font-size: 14px; line-height: 14px; color: rgb(136, 136, 136); }
.fbl .p2 a, .fbl .p3 a, .fbl .p4 a { color: rgb(136, 136, 136); transition: all 0.3s ease 0s; }
.fbl .p2 a:hover, .fbl .p4 a:hover { color: rgb(255, 255, 255); }
.fbl .p3 { font-size: 14px; line-height: 26px; color: rgb(136, 136, 136); }
.fbl .p4 { font-size: 14px; line-height: 26px; color: rgb(136, 136, 136); }
.foot, .sjbq { display: none; }
.bd2 { display: none; }
.bd3 { display: none; }
@media (max-width: 1600px) {
  .w1200 { max-width: 1400px; }
  .lanrenzhijia .title-list li { text-align: center; float: left; font-size: 14px; display: inline; color: rgb(51, 200, 167); padding: 10px 20px; margin: 0px 0.5%; border-radius: 10px; border: 1px solid rgb(221, 221, 221); }
  .ping_1er { width: 14%; position: relative; overflow: hidden; text-align: center; background: rgb(255, 255, 255); padding: 60px 0px; border-left: 1px solid rgb(238, 238, 238); }
  .yuqicis h3 { font-size: 24px; color: rgb(51, 200, 167); font-weight: bold; margin-bottom: 5px; }
  .yuqicis h3 span { font-size: 40px; color: rgb(51, 200, 167); }
}
@media (max-width: 1410px) {
  .x-menu > li { position: relative; line-height: 50px; font-size: 15px; width: 13%; text-align: center; }
  .biaoyutishi ul li h3 { font-size: 14px; padding: 30px 0px; }
  .x-about-right-con h3 { margin-bottom: 20px; }
  .x-about-right-con p { font: 400 13px / 28px "Microsoft yahei"; }
  .lanrenzhijia .title-list li { text-align: center; float: left; font-size: 12px; display: inline; color: rgb(51, 200, 167); padding: 10px 18px; margin: 0px 0.5%; border-radius: 10px; border: 1px solid rgb(221, 221, 221); }
  .product ul li h3 { width: 80%; padding: 15px 5px; font-size: 18px; color: rgb(34, 34, 34); }
  .idnex_cp { width: 100%; height: auto; background: url("../images/as2.jpg") 0% 0% / 100% 100% no-repeat; padding: 80px 0px 200px; }
  .ping_1er { width: 14%; position: relative; overflow: hidden; text-align: center; background: rgb(255, 255, 255); padding: 30px 0px; border-left: 1px solid rgb(238, 238, 238); }
  .new-list ul li a span { display: block; font-size: 14px; font-family: Arial; color: rgb(153, 153, 153); }
  .buhidoa { display: flex; font-size: 14px; margin-bottom: 30px; }
  .w1200 { max-width: 1230px; }
  .abl .p1 { font-size: 30px; line-height: 30px; font-weight: 600; color: rgb(255, 255, 255); }
  .abl .p2 { font-size: 23px; line-height: 23px; color: rgb(255, 255, 255); margin-top: 15px; }
  .abl .p3 { font-size: 14px; line-height: 25px; color: rgb(255, 255, 255); margin-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
  .bd1 { display: none; }
  .bd2 { display: block; }
}
@media (max-width: 1200px) {
  .hyr ul li .div .s1 { width: 53px; height: 53px; margin-right: 4px; }
  .hyr ul li .div .hfa { height: 26px; background-size: 50%; margin-top: 13.5px; }
  .hyr ul li:nth-child(3) .div .hfa { background-size: 30%; }
  .hyr ul li:nth-child(3).cur .div .hfa { background-size: 30%; }
  .hyr ul li:nth-child(4) .div .hfa { background-size: 44%; }
  .hyr ul li:nth-child(4).cur .div .hfa { background-size: 44%; }
  .hyr ul li.cur .div .hfa { background: center bottom / 50% no-repeat; }
  .hyr ul li .div .p1 { font-size: 18px; line-height: 18px; color: rgb(51, 51, 51); padding-top: 7px; }
  .hyr ul li .div .p2 { font-size: 12px; color: rgb(153, 153, 153); margin-top: 3px; text-transform: uppercase; }
  .hyr ul li.cur .p1, .hyr ul li.cur .p2 { color: rgb(255, 255, 255); }
  .abl .p4 { display: block; border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; width: 149px; line-height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; margin-top: 18px; transition: all 0.3s ease 0s; position: relative; }
  .hyl .tab2.on .cnr .p2 { height: auto; bottom: 28px; }
  .bd2 { display: none; }
  .bd3 { display: block; }
  .qqhh .bd { width: 100% !important; }
  .qqhh .hd { margin-top: 25px; width: 100% !important; }
  .qqhh { flex-wrap: wrap; }
  .qqhh .hd ul { display: block !important; }
  .qqhh .hd ul li { padding-bottom: 25px; height: 100% !important; }
  .qqhh { display: block !important; }
  .qqhh .hd ul li + li { margin-top: 20px; }
  .snn { margin-top: 25px; }
}
@media (max-width: 990px) {

.buhidoa2 {
    width: 100%;
}
  .fl-left { width: 100%; float: left; color: rgb(0, 0, 0); font-size: 12px; }
  .fl-center { width: 40%; float: right; display: none; }
  .news { padding-top: 20px; }
  .wss { padding: 2% 15px; background: rgb(255, 255, 255); margin-bottom: 80px; }
  .new-cfn { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .new-cfn ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 0px auto; align-items: center; }
  .new-cfn ul li { position: relative; overflow: hidden; margin: 0px 0px 2% 2%; width: 48%; }
  .new-warp { float: right; width: 100%; margin-top: 0px; }
  .news_listt li { width: 100%; position: relative; overflow: hidden; padding: 10px; border: 1px solid rgb(221, 221, 221); margin-right: 0px; margin-bottom: 3%; }
  .fonntlkj { background: url("../images/beise.jpg") 0% 0% / 100% 100% no-repeat; }
  .oulihjsnews { width: 100%; float: right; margin: 0px; display: none; }
  .youqing { display: none; }
  .foot-left { width: 100%; float: left; }
  .fr-ewm h3 { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 10px; font-weight: bold; background: url("../images/dian.png") left center no-repeat; padding: 20px 0px 20px 50px; }
  .buhidoa {display: flex;font-size: 12px;margin-bottom: 15px;flex-wrap: wrap;}
  .foot-right { float: right; width: 100%; }
  .foot_nav { overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; }
  .foot_nav li .x-nav-menu { margin-top: 1vh; }
  .foot_nav li .x-nav-menu dd a { color: rgb(0, 0, 0); font-size: 12px; line-height: 2; }
  .foot_nav li { float: left; width: 32%; text-align: center; margin-bottom: 5%; font-size: 12px; }
  .news_listt { display: flex; justify-content: flex-start; flex-wrap: wrap; }
  .reason { background: rgb(243, 243, 243); padding: 30px 0px; }
  .ron-show { margin-top: 30px; position: relative; display: flex; flex-wrap: wrap; }
  .ron-show ul li { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
  .ron-left { width: 100%; float: left; margin-bottom: 5%; }
  .yyrdd { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: left; transition: all 0.6s ease 0s; padding: 10px; }
  .yyrdd p { font-size: 12px; color: rgb(255, 255, 255); line-height: 1.8; }
  .yyrdd h3 { font-size: 20px; color: rgb(255, 255, 255); padding: 10px 0px; }
  .ping_1er { width: 33.3333%; position: relative; overflow: hidden; text-align: center; background: rgb(255, 255, 255); padding: 30px 0px; border-left: 1px solid rgb(238, 238, 238); }
  .yyrdd2 h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
  .lier ul li { width: 50%; text-align: center; padding: 30px; box-shadow: rgb(153, 153, 153) 0px 0px 1px 0px; }
  .lier ul li h3 { font-size: 20px; color: rgb(0, 0, 0); padding: 10px 0px; }
  .partner-box .partner-list { position: relative; margin-top: 30px; }
  .partner-box { margin-top: 2px; padding-bottom: 0px; }
  .cph { padding: 30px 0px; }
  .product ul li { width: 48%; margin-bottom: 3%; }
  .product ul li h3 { width: 80%; padding: 15px 5px; font-size: 12px; color: rgb(34, 34, 34); }
  .abo-number li { float: left; width: 50%; text-align: center; padding: 20px 0px; display: flex; justify-content: center; align-items: center; }
  .abo-number { display: flex; box-shadow: rgb(221, 221, 221) 0px 0px 15px 0px; flex-wrap: wrap; }
  .biaoyutishi ul li { width: 25%; display: none; padding-left: 30px; background: url("../images/lv.png") left top 30px no-repeat; }
  .abo-number li h5 { color: rgb(0, 0, 0); font-size: 14px; margin-bottom: 0px; line-height: 24px; }
  .abo-number li div span { font-size: 12px; color: rgb(57, 57, 57); }
  .idnex_cp .omher { padding: 10px; background: rgb(255, 255, 255); }
  .dinwenl h2 { font-size: 16px; color: rgb(51, 200, 167); padding: 0px 0px 5px; }
  .lanrenzhijia { width: 100%; margin: 30px 0px 0px; }
  .lanrenzhijia .title-list { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
  .lanrenzhijia .title-list li { text-align: center; float: left; font-size: 12px; width: 48%; display: inline; color: rgb(51, 200, 167); padding: 10px 18px; margin: 0px 0.5% 5%; border-radius: 10px; border: 1px solid rgb(221, 221, 221); }
  .yt-title h3 { font-size: 24px; color: rgb(51, 200, 167); margin-bottom: 20px; }
  .idnex_cp { width: 100%; height: auto; background: url("../images/as2.jpg") 0% 0% / 100% 100% no-repeat; padding: 20px 0px 100px; }
  .biaoyutishi ul li:last-child { padding-left: 50px; background: url("../images/dian.png") left top 15px no-repeat; display: block; width: 100%; }
  .aboutusrt { padding: 20px 0px 0px; }
  .page-product-detail-right { width: 100% !important; }
  .case-sort .text { padding: 30px 45px; }
  .case-sort .on .text { padding: 30px 45px; }
  .case-sort .text .intro { margin-top: 20px; }
  header { display: none; }
  .x-banner, .page-banner { margin-top: 60px; }
  .hyr ul li .div .s1 { margin-right: 14px; }
  .hyl { width: 100%; }
  .hy { display: block; }
  .hyr { width: 100%; }
  .hyr ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .hyr ul li { width: 50%; }
  .hyr ul li .ll { padding: 15px 0px; }
  .hyr ul li .ll:nth-child(3) { border-bottom: none; }
  .hyr ul li .div { background: left top / 15% no-repeat; }
  .hyr ul li.cur .div { background: left bottom / 15% no-repeat; }
  .hyr ul li .div { height: 46px; }
  .picList li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  footer { display: none; }
  .foot, .sjbq { display: block; }
  .foot { background: rgb(30, 29, 45); color: rgb(188, 187, 190); padding: 20px 15px 15px; }
  .fw { width: 95%; margin: 0px auto; }
  .fw .du .dul .p1 span { margin-right: 30px; }
  .fw .du .dul .sec li { padding-left: 10px; margin-bottom: 8px; }
  .fw .du .dul .sec { display: none; }
  .fw .du .dul .sec a { color: rgb(147, 144, 144); font-size: 12px; }
  .fw .du .dul p { border-bottom: 1px solid rgb(122, 122, 122); line-height: 40px; }
  .fw .du { font-size: 14px; }
  .sjbq { font-size: 12px; color: rgb(188, 187, 190); padding-top: 5px; }
  .sjbq a { color: rgb(188, 187, 190); }
}
@media (max-width: 768px) {
  .case-sort li { padding: 0px 0px 20px; margin: 30px 0px; }
  .case-sort .text h3 { font-size: 22px; }
  .case-sort .text .intro { font-size: 15px; margin-top: 10px; }
  .case-sort .text { padding: 20px 30px; }
  .abr, .abl { float: none; width: 100%; }
  .abl { margin-top: 30px; }
}
@media (max-width: 600px) {
  .bt .bt1 { font-size: 25px; line-height: 25px; }
  .bt .bt1 span { font-size: 28px; }
  .bt .bt2 { text-align: center; font-size: 14px; color: rgb(119, 119, 119); margin-top: 8px; }
  .case { padding-top: 40px; padding-bottom: 45px; }
  .hy { margin-top: 16px; }
  .hyl .tab2 .cnr { bottom: 5px; }
  .hyl .tab2 .cnr .p2 { color: rgb(255, 255, 255); margin-top: 10px; font-size: 12px; }
  .hyl .tab2.on .cnr { bottom: 5px; }
  .hyr ul li { width: 100%; }
  .hyr ul li .div { height: 44px; }
  .hyl .tab2 .cnr .p1 { font-size: 18px; line-height: 18px; }
  .picList li { width: 48%; }
  .product { padding-top: 0px; padding-bottom: 0px; }
  .picList li p { font-size: 12px; line-height: 38px; }
  .about .abb { padding-top: 40px; padding-bottom: 40px; }
  .abl .p1 { font-size: 23px; line-height: 23px; font-weight: 600; color: rgb(255, 255, 255); }
  .abl .p2 { font-size: 18px; line-height: 18px; color: rgb(255, 255, 255); margin-top: 9px; }
  .abl .p3 { font-size: 12px; line-height: 24px; color: rgb(255, 255, 255); margin-top: 9px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
  .abl .p4 { width: 130px; line-height: 35px; }
  .news { margin-top: 0px; padding-bottom: 0px; }
  .xw { margin-top: 20px; }
  .nam { margin-top: 22px; }
  .abr { display: none; }
  .abl { margin-top: 0px; }
  .nam { display: block; width: 133px; line-height: 40px; padding-left: 15px; padding-right: 15px; color: rgb(255, 255, 255); font-size: 14px; background: rgb(0, 60, 141); margin: 22px auto 0px; transition: all 0.5s ease 0s; }
  .hyl .tab2.on .cnr .p1 { height: auto; bottom: 70px; }
}
.rnm { color: rgb(153, 153, 153); }
.page-position .rnm a { font-size: 14px; color: rgb(153, 153, 153); line-height: 74px; }
.page-position .rnm a:hover { color: rgb(0, 60, 141); }
.video { display: none; position: fixed; z-index: 9999; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.video-close { position: absolute; left: 100%; top: 0px; padding: 10px; width: 32px; height: 32px; cursor: pointer; background: url("../image/42e6b311958c7167b352ae58b9ead734612cb12d.png") center center no-repeat rgb(255, 255, 255); }
.video-inner { position: fixed; top: 50%; left: 15%; margin-top: -287px; width: 70%; height: 574px; background: rgb(0, 0, 0); }
.video video { display: block; width: 100%; height: 574px; margin: 0px auto; outline: none; }
.shuiy { position: relative; }
.page-product-detail-right { width: 50%; float: right; }
.page-product-detail-right > h1 { font-size: 28px; color: rgb(13, 13, 13); margin: 1vw 0px; }
.page-product-detail-right .page-product-content { color: rgb(102, 102, 102); }
.page-product-content .tit { font-size: 18px; color: rgb(51, 51, 51); line-height: 2; position: relative; padding-bottom: 5px; }
.page-product-content .tit::after { position: absolute; width: 15px; height: 1px; background: rgba(0, 0, 0, 0.8); content: ""; left: 0px; bottom: 0px; transition: all 0.3s ease 0s; }
.page-product-content .con1 { font-size: 16px; color: rgb(102, 102, 102); line-height: 2; }
.page-product-content .page-pro-box:hover .tit::after { width: 70px; }
.page-product-inquiry { font-size: 0px; margin-top: 0.5vw; margin-bottom: 20px; }
.page-product-inquiry a { }
.page-product-inquiry .in1 { background: url("../image/4cf6df190c1b9299a08182b7e4b586327a29a1d6.png") 30px 50% no-repeat rgb(40, 40, 40); padding-left: 60px; line-height: 60px; }
.page-product-inquiry .in2 { background: url("../image/0b4981871eda54322b2873a20e36f3bc46a3bc4a.png") 15px 50% no-repeat rgb(238, 238, 238); padding: 10px 0px 0px 45px; color: rgb(51, 51, 51); margin-left: 22px; }
.page-product-inquiry .in2 p { font-size: 13px; }
.page-product-inquiry .in1:hover { opacity: 0.9; }
.hzhb { }
.hzhb div { width: calc(16.6667%); float: left; overflow: hidden; }
.hzhb div img { transition: all 0.8s ease 0s; width: 100%; }
.hzhb div:hover img { transition: all 0.8s ease 0s; transform: scale(1.05); }
.nz { width: 71%; }
.nzz { width: 74%; margin-top: 3%; }
.nz a { display: block; }
.nzy { width: 16%; margin-top: 5%; }
.ny { width: 25%; overflow: hidden; }
.ny img { transition: all 0.8s ease 0s; width: 100%; }
.xypg-news-list li:hover .ny img { transition: all 0.8s ease 0s; transform: scale(1.05); }
.nzy { border-left: 1px solid rgb(238, 238, 238); }
.nzy .p1 { color: rgb(119, 119, 119); font-size: calc(12px + 1.25vw); }
.nzy .p2 { color: rgb(119, 119, 119); font-size: calc(12px + 0.3125vw); }
@media (max-width: 600px) {
  .hzhb div { width: 33.33%; }
  .message .x-message-wrap .checkCodeImg .sss { display: none !important; }
  .qqhh .hd ul li { padding-left: 15px !important; }
  .nz, .nzz { width: 100%; }
  .nzz { margin-top: 0px; }
  .ny, .nzy { display: none; }
}
.xypg-news-list li .detail-info-numbers { float: left; position: relative; padding-left: 25px; }
.xypg-news-list li i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0px; }
.xypg-news-list li .detail-info-numbers i::after { opacity: 0.5; background-position: 0px -330px; }
.xypg-news-list li .detail-info-numbers { color: rgb(153, 153, 153); margin-top: 20px; }
.qqhh { display: flex; justify-content: space-between; margin-top: 39px; }
.qqhh .bd { width: 63%; }
.qqhh .hd { width: 35.5%; }
.page-tools { width: 545px !important; }
.qqhh .hd ul { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.qqhh .hd ul li { height: 48%; background: rgb(242, 242, 242); padding-top: 40px; padding-left: 40px; transition: all 0.3s ease 0s; }
.qqhh .hd ul li .p1 { font-size: 22px; line-height: 22px; color: rgb(51, 51, 51); transition: all 0.3s ease 0s; }
.qqhh .hd ul li .p2 { font-size: 16px; line-height: 32px; color: rgb(102, 102, 102); margin-top: 20px; transition: all 0.3s ease 0s; }
.qqhh .hd ul li.on { background: rgb(0, 60, 141); }
.qqhh .hd ul li.on .p1, .qqhh .hd ul li.on .p2 { color: rgb(255, 255, 255); }
.message .x-message-wrap { margin-right: 0px; margin-left: 0px; }
.message { margin-top: 102px; }
.message .x-message-wrap input[type="text"], .message .x-message-wrap textarea { border: none; height: 70px; color: rgb(153, 153, 153); font-size: 16px; background: rgb(242, 242, 242); padding-left: 20px; }
.message .x-message-wrap input::placeholder, .message .x-message-wrap textarea::placeholder { color: rgb(153, 153, 153); }
.message .x-message-wrap textarea { height: 227px; padding-top: 20px; }
.message .x-message-wrap #checkcode { width: 23%; margin-right: 2.6%; }
.message .x-message-wrap .checkCodeImg { width: 23%; margin-right: 2.6%; text-align: left; background: none; margin-top: 14px; }
.message .x-message-wrap .x-submit { width: 23%; margin-right: 2.6%; float: left; height: 70px; font-size: 18px; background: rgb(0, 60, 141); border-radius: 5px; }
.chongzhi { width: 23%; text-align: center; float: left; height: 70px; font-size: 18px; border-radius: 5px; background: rgb(45, 50, 59); color: rgb(255, 255, 255); cursor: pointer; border: none; outline: none; transition: all 0.5s ease 0s; }
.message .row { margin-bottom: 30px; }
.message .x-message-wrap .checkCodeImg img { float: left; }
.message .x-message-wrap .checkCodeImg .sss { line-height: 29px; width: 101px; color: rgb(153, 153, 153); float: left; font-size: 16px; font-style: normal; margin-left: 10px; display: block; }
.message { margin-bottom: 70px; }
.tulist img { margin-bottom: 10px; max-width: 100% !important; height: auto !important; }
.zztitle { line-height: 56px; background: rgb(241, 241, 241); font-size: 20px; padding-left: 46px; font-weight: 600; position: relative; }
.zztitle::before { position: absolute; left: 20px; top: 22px; content: ""; width: 10px; height: 10px; background: rgb(0, 60, 141); }
.ckam { font-size: 16px; line-height: 48px; margin-top: 48px; color: rgb(102, 102, 102); width: 160px; border: 1px solid rgb(51, 51, 51); text-align: center; transition: all 0.3s ease 0s; }
.ckam:hover { color: rgb(0, 60, 141); }
.bab { margin-bottom: 60px; padding-top: 30px; }
.xypg-detail-tags .tags-title .baidu-share { display: none; }
.page-wrap-right img { max-width: 100%; height: auto; }
.page-product-inquiry a { color: rgb(255, 255, 255); }
.lier { }
.sousuo { float: right; width: 100%; z-index: 999; position: relative; margin-bottom: 10px; }
.sousuo #keyword { line-height: 35px; width: 193px; background: url("../images/xx.png") 0% 0% / 100% 100%; outline: none; color: rgb(90, 90, 90); float: right; font-size: 14px; text-indent: 30px; padding: 0px; border: 1px solid rgb(229, 229, 229); border-radius: 0px; }
.sousuo .fl { width: 28%; line-height: 32px; border: none; background-color: rgb(0, 91, 172); color: rgb(255, 255, 255); font-size: 12px; }
.sousuo .fls { letter-spacing: 15px; }
.sousuo #search_button {position: absolute;right: 3%;top: 20%;margin-top: 0px;width: 20px;background: url("../images/so.png");border: 1px solid rgb(255 255 255);height: 20px;}
.gjca { float: left; }
.daohangyu { display: flex; align-items: center; padding: 15px 0px; }