<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, textarea, select { margin: 0; padding: 0; -webkit-appearance: none; outline: none }

ol, ul { list-style: none; }

html { overflow-x: hidden; -webkit-text-size-adjust: none; scroll-behavior: smooth;}

body { color: #121212; font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei',sans-serif; font-size: 14px; line-height: 1.4 }

img { display: inline-block; max-width: 100%; max-height: 100%; border: none }
/*a 链接*/
a { text-decoration: none; outline: none; color: #121212; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
a:hover { color: #0090ec; }

.iconColor{color:#0372B9;margin-right: 5px}
.fs10{font-size: 10px!important;margin-left: 5px}

/*居中*/
.juzhong { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.juzhong2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.erduan { display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; }
.shang { display: flex; flex-direction: row; justify-content: space-between; }
.zuo { display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; }
.you { display: flex; flex-direction: row; justify-content: flex-end; align-content: center; align-items: center; }

/*flex*/
.flex{display: flex}
.flex-between{justify-content: space-between}
.flex-around{justify-content: space-around}
.flex-center{justify-content: center}

/*浮动*/
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.clear { clear: both }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input[type="text"], input[type="button"], button, textarea, select { font-size: 100%; outline: none; resize: none; font-family: "exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; -webkit-appearance: none; }
input[type="button"] { cursor: pointer; border: 0; }
input[type="submit"] { cursor: pointer; border: 0 }
input[type="reset"] { cursor: pointer; border: 0 }

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] &gt; input[type="button"]::-moz-focus-inner { border: none; padding: 0; -webkit-appearance: none; }
i, em { font-style: normal }
img { display: block }

.mainbox { max-width: 1200px; margin: 0 auto;}
.bannerbox { position: relative; margin: 0 auto; height: 70vh}
.banner { position: relative; height: 100%}
.bannerbox .swiper-pagination { left: 0; bottom: 20px; width: 100% }
.banner .swiper-slide { position: relative; height: 70vh; }
.bannerbox .swiper-pagination-bullet { margin: 0 5px; background: rgba(0,0,0,0.5); opacity: 1; width: 10px; height: 10px; }
.bannerbox .swiper-pagination-bullet-active { background: #0090ec; }

.banner .bannertxt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: 1200px; color: #fff; font-family: microsoft yahei; letter-spacing: 10px }
.banner .bannertxt h3 { font-size: 40px; }
.banner .bannertxt h3 span { color: red; }
.banner .bannertxt p { margin: 2% 0; font-size: 16px; }

.bantxt02 h3 span { display: block }

.banner .bannertxt.juzhong p { text-align: center }
.banner .bannertxt.juzhong { text-align: center }
.banner .bannertxt.juzhong .banmore { margin-top: 4% }

.banmore { color: #fff; background: #0090ec; padding: 0 20px; height: 40px; border-radius: 40px; line-height: 40px; letter-spacing: 0; display: inline-block; margin-top: 6%; letter-spacing: 2px; min-width: 100px; text-align: center; font-size: 16px; }
.banmore:hover { color: #fff; box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background: #0090ec; }

.down { width: 50px; height: 50px; border: 2px solid #fff; border-radius: 100%; margin: 0 auto; margin-top: 10%; cursor: pointer; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }
.down img { max-width: 40%; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }

@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

.bantbox { position: absolute; width: 110px; height: 50px; background: #f1f1f1; bottom: 0; left: 50%; margin-left: -55px; z-index: 999 }
.bantbox .swiper-button-prev { background: url(../Image/btnleft.png) no-repeat center center; border-right: 1px solid #d8d8d8; width: 50%; left: 0; height: 30px; margin-top: -15px; }
.bantbox .swiper-button-next { background: url(../Image/btnright.png) no-repeat center center; width: 50%; right: 0; height: 30px; margin-top: -15px; }

.bantit { position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.5); width: 30%; z-index: 999; color: #fff }
.bsnxa { height: 90px; }
.bsnxa span { width: 20%; color: #0090ec; font-size: 30px; font-weight: bold; text-align: center; }
.bsnxa p { width: 60%; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 5%; height: 30px; line-height: 30px; font-size: 16px; }

.bantit .swiper-button-next { background: url(../Image/jianxs.png) no-repeat center center; right: 5%; background-size: 10px auto }

.top { position: fixed; left: 0; z-index: 9999; width: 100%; padding-top: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; top: 0; }
.topcen { padding: 0 50px; height: 50px; }
.logo { width: 20%; padding: 10px 0; }
.logo img { max-width: 36% }
.logo a:nth-child(2) { display: none }
.nav { width: 65%; }
.nav li { float: left; margin-right: 5%; position: relative }
.nav li &gt; a { color: #fff; font-weight: bold; padding-right: 12px; position: relative; line-height: 50px; display: block; font-size: 16px; }
.nav li &gt; a:hover { color: #0090ec;cursor: pointer}
.nav li:hover &gt; a:before { display: block }

.nav li &gt; .navMenu:before { width: 16px; height: 6px; background: #fff; content: ""; position: absolute; background: url(../Image/jiaos.png) no-repeat bottom center; background-size: 100% auto; left: 50%; margin-left: -8px; bottom: 0; display: none }

.rukou { width: 230px; padding: 10px 0; }
.rukou a:nth-child(1) { height: 30px; border-radius: 30px; background: #0090ec; color: #fff; line-height: 30px; padding: 0 15px; letter-spacing: 3px; margin-right: 10px; }
.rukou a:nth-child(1):hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); }
.rukou a:nth-child(2) { height: 30px; border-radius: 30px; color: #fff; line-height: 30px; padding: 0 15px; letter-spacing: 3px; border: 1px solid #f2f2f2; }

.bianhua.top { background-color: #fafafa; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); padding: 6px 0; }

.bianhua.top .nav li &gt; a { color: #333; }
.bianhua.top .nav li &gt; a:before { display: none }
.bianhua.top .logo a:nth-child(2) { display: block }
.bianhua.top .logo a:nth-child(1) { display: none }
.bianhua.top .rukou a:nth-child(2) { border: 1px solid #0090ec; color: #0090ec }
.bianhua.top .navdown { top: 55px; }

.navdown { position: absolute; left: -120px; top: 50px; width: 300px; background: #fff; padding: 20px; border-radius: 5px; display: none; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); }
.pronav { width: 920px; }
.casenav { width: 500px; }
.navdown dt { font-size: 16px; margin-bottom: 8px; }
.navdown dt img { width: 20px; margin-right: 10px; }
.navdown dd { padding-left: 10px; }
.navdown dd a { position: relative; padding: 3px 0; display: inline-block; color: #666; font-size: 14px; }
.navdown dd a:before { content: ""; background-color: #7f7f7f; width: 4px; height: 4px; position: absolute; left: -10px; top: 50%; margin-top: -2px; }
.navdown dd a:hover { color: #0090ec }
.pronav .navlist { width: 33%; }
.navlist { width: 50%; float: left; background: url(../Image/lisn.jpg) no-repeat left 20px; background-size: 1px auto; }
.navlist:first-child { background: none }
.shenav { width: 120px; left: 40%; margin-left: -65px; }
.shenav .navlist { width: 100%; }
.shenbv { width: 150px; left: 40%; margin-left: -65px; }
.shenbv .navlist { width: 100%; }
.shencv { width: 210px; left: 40%; margin-left: -65px; }
.shencv .navlist { width: 100%; }

.navListDt{margin: 10px 0}
.navListDt &gt; a:hover{cursor:pointer}

.maintit { text-align: center; }
.maintit p { font-size: 26px; }
.maintit span { color: #5e5e5e; padding: 10px 0 20px; display: block; position: relative; font-size: 14px; }
.maintit span:before { content: ""; background: #0090ec; height: 2px; width: 80px; position: absolute; left: 50%; margin-left: -40px; bottom: 0; }
.pd40 { padding-top: 4%; padding-bottom: 4% }
.pd30 { padding-top: 3%; padding-bottom: 3% }
.pt50{padding-top: 50px;}
.pt100{padding-top: 100px;}
.mg20{margin: 20px 0}
.syprobox { margin-top: 4% }

.syprobox li { width: calc(25% - 27px); margin-left: 25px; float: left; height: 410px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.syprobox li:nth-child(1) { background: #0090ec; height: 412px; }
.syprobox li:nth-child(1) a { color: #fff }
.ptxts { text-align: center; padding: 20px; }
.ptxts p { font-size: 20px; margin-bottom: 10px; }
.ptxts span { display: block; }

.protsxt { text-align: center; padding: 25px; }
.protsxt p { font-size: 18px; }
.protsxt span { display: block; color: #7e7e7e; margin: 6% 0 10%; font-size: 14px; min-height: 60px; }
.protsxt a { width: 92px; height: 34px; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; }
.protsxt a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.prospic { min-height: 200px; }
.prospic img { max-width: 60%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.pcons { overflow: hidden }
.pcons img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.syprobox li:nth-child(1):hover .pcons img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.syprobox li:nth-child(2):hover .prospic img { margin-top: -20px; }
.syprobox li:nth-child(3):hover .prospic img { margin-top: -20px; }
.syprobox li:nth-child(4):hover .prospic img { margin-top: -20px; }
.syprobox li:hover { background-size: 105% auto; transform: translateY(-15px); }
.syprobox li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.sycasebox { background: #f7f7f7; margin-top: 4% }
.sycasebox li { width: calc(25% - 25px); margin-right: 25px; float: left; height: 410px; background: #FFF; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.sycasebox li:nth-child(4) { background: #0090ec; box-shadow: none }
.sycasebox li:nth-child(4) a { color: #fff }

.sycasebox li:hover .pcons img { transform: scale(1.05); -webkit-transform: scale(1.05); }

.sycasebox li:hover { transform: translateY(-15px); }
.sycasebox li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.kehubox li { width: 25%; float: left; }
.kehubox li p { font-size: 30px; margin-bottom: 5px; }
.kehubox li span { display: block; font-size: 14px; }

.linkboxs { }
.linkboxs li { font-size: 18px; float: left; position: relative; padding-bottom: 10px; cursor: pointer; width: 25%; color: #fff; font-weight: bold }
.linkboxs li.cur { color: #0090ec; }
.linkboxs li:before { content: ""; background: #fff; height: 2px; width: 50px; position: absolute; left: 0; bottom: 0; }
.linkboxs ul { margin-bottom: 3% }
.linkboxs li.cur:before { background: #0090ec; }

.linkguan { position: relative; width: calc(100% + 20px); margin-left: -10px; display: none; min-height:230px; }
.linkguan:first-child { display: block }
.linkguan .imgbx { padding:8px; float: left; width:calc(100% - 16px) }
.linkguan .imgbx span {background-color: #fff;display: block;height: 50px;display: -ms-flexbox; display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;padding: 5px;line-height: 1.2; text-align:center}

.morecases { width: 92px; height: 34px; border: 1px solid #fff; color: #fff; line-height: 34px; border-radius: 34px; text-align: center; margin: 0 auto; display: block; margin-top: 30px; }
.morecases:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); color: #fff; border: 1px solid #0090ec; background: #0090ec }

.footer { background: url(../Image/f.jpg) no-repeat center center; background-size: cover; padding: 3% 0; color: #fff; position:relative }
.footleft { width: 50%; float: left }
.footleft ul { line-height: 2; display: inline-block; float: left }
.footleft li a { display: inline-block; color: #fff; }
.footleft li a:hover { color: #0090ec }
.footleft li:first-child { font-size: 18px; margin-bottom: 10px; }
.footright { width: 35%; border-left: 1px solid rgba(255,255,255,0.3); float: right; line-height: 2; padding-left: 5% }
.lianxs { width: 60%; float: left }
.lisx { font-size: 18px; margin-bottom: 10px; background: url(../Image/tel.png) no-repeat left center; background-size: 18px auto; padding-left: 25px; }
.lianxs span { display: block }

.erweima { width: 155px; float: right; text-align: right }

.fudong { width: 50px; position: fixed; right: 0; transform: translateY(-50%); top: 50%; z-index: 99999 }
.fudong li { background: #0090ec; margin-bottom: 1px; position: relative; box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1); cursor:pointer}
.fudong li.uptop { background: #fff; display:none;}

.fuxs { right: 50px; top: 0; background: #FFF; position: absolute; width: 120px; text-align: center; padding-bottom: 6px; display: none; box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1); }
.fudong li:hover div { display: block }

.paralasic { background-attachment: fixed; background-size: 100vw; background-position: top center; background-repeat: no-repeat; }

.nybanner { position: relative;}
.nybanner &gt; img { display: block }
.nybanner &gt; p {font-size: 40px;font-weight: bold;color: #fff;position: absolute;top: calc(50% - 28px);left:calc(50% - 200px);width: 440px;text-align: center}
.nybannertxt { position: absolute; width: 100%; height: 100%; left: 50%; top: 0; max-width: 1200px; margin: 0 auto; transform: translate(-50%,0) }
.nybannertxt p { text-transform: uppercase; margin-bottom: 15px; }
.nybannertxt span { font-size: 16px; display: block; letter-spacing: 3px; }
.nybannertxt.juzhong .banjuz { text-align: center }
.banjuz { color: #fff }
.banjuz p img { max-height: 45px; display: inline-block }

.placeholderNav {width: 100%;height:80px;position: relative}
.nyaboutnav {width:100%; background-color: #f0f0f0; height: 50px; line-height: 50px;position: absolute;top: 0;right: 0 }
.nyaboutnavTo { position: fixed; top: 60px; width: 100%; }
.nyaboutnavToMin { position: fixed; top: 50px; width: 100%; }
.nyaboutnav li { text-align: center; float: left; font-size: 18px; }
.nyaboutnav li a { display: inline-block; position: relative }
.nyaboutnav li a:hover { font-weight: bold }
.nyaboutnav li a:before { content: ""; background: #0090ec; height: 2px; width: 0; position: absolute; left: 0; bottom: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.nyaboutnav li a:hover:before { width: 100%; }

.topbarActive {font-weight: bold; color: #0090ec;}

.nyaboutnav li.cur a { color: #0090ec; font-weight: bold }
.nyaboutnav li.cur a:before { width: 100%; }

.nythrees li { width: 33.3333% }

.abtit { text-align: center }
.abtit span { color: #515151; font-size: 22px; position: relative; padding: 10px 0; display: inline-block }
.abtit span:before { content: ""; background: #0090ec; height: 2px; width: 60px; position: absolute; left: 50%; margin-left: -30px; bottom: 0; }
.abtit p { font-size: 14px; }
.aboutwenzi {width:90%; color: #676767; margin: 3% auto; font-size: 14px; text-align: justify; line-height: 2 }
.aboutImg{width: 750px}
.aboutwenzi img{ display:inline-block;}
.aboutwenzi p { text-indent: 2em }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 3% }
.abtit p { color: #4c4c4c; margin-top: 20px; }
.lilianleft { width: 43%; float: left }
.liliancen { width: 12%; float: left; margin: 60px 1% 0 1%}
.lilianright { width: 43%; float: right }

.lilianleft li { text-align: right; }
.lilianleft li p { font-size: 16px; margin-bottom: 10px; }
.lilianleft li span { color: #8e8e8e; display: inline-block; max-width: 65% }
/*.lilianleft li:nth-child(1) { margin-top: 28% }*/
.lilianleft li:nth-child(2) { margin-top: 13% }

.lilianright li p { font-size: 16px; margin-bottom: 10px; }
.lilianright li span { color: #8e8e8e; display: inline-block; max-width: 65% }
.lilianright li:nth-child(1) { margin-top: 8% }
.lilianright li:nth-child(2) { margin-top: 14% }
.kehucase { background: #f5f6f7 }
.kehucase img { max-width: 80%; margin-top: 3% }

.learnmore { margin-top: 3% }
.learnmore { border-right: 1px solid #eaecf3; }
.learnmore li { border: 1px solid #eaecf3; float: left; width: calc(20% - 1px); text-align: center; padding: 4% 0; font-size: 16px; border-right: none }
.learnmore div { max-width: 50px; margin: 0 auto; margin-bottom: 10%; height: 50px; }
.learnmore div img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.learnmore li:hover img { transform: translateY(-10px); }

.lijity { background: #fff; color: #0090ec; padding: 0 20px; height: 40px; border-radius: 40px; line-height: 40px; display: inline-block; margin-top: 10%; letter-spacing: 2px; min-width: 100px; text-align: center; font-size: 14px; }
.lijity:hover { box-shadow: 0 0 20px 0 rgba(255,255,255,0.5); }

.hongse { background: #0090ec; color: #fff; }
.hongse:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); color: #fff; }

.nypronav { background-color: #f0f0f0; height: 80px; line-height: 80px; }
.nypronav li { text-align: center; width: 33.333%; float: left; font-size: 18px; }
.nypronav li a { height: 80px; display: inline-block; position: relative }
.nypronav li a:before { content: ""; background: #0090ec; height: 2px; width: 0; position: absolute; left: 0; bottom: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.nypronav li a:hover:before { width: 100%; }

.nypronav li a:hover { font-weight: bold }

.nypronav li:nth-child(1).cur a { color: #0090ec; font-weight: bold;/* background: url(../images/a1.png) no-repeat left center; background-size: 20px auto*/ }
.nypronav li:nth-child(2).cur a { color: #0090ec; font-weight: bold; /*background: url(../images/e1.png) no-repeat left center; background-size: 20px auto */}
.nypronav li:nth-child(3).cur a { color: #0090ec; font-weight: bold;/* background: url(../images/s1.png) no-repeat left center; background-size: 20px auto */}
.nypronav li.cur a:before { width: 100%; }

.nisma ul { width: calc(100% + 30px); margin-left: -30px; }
.nisma li { width: calc(33.333% - 32px); margin-left: 30px; float: left; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; cursor:pointer }

.nisma li:hover { background-size: 105% auto; transform: translateY(-15px); }
.nisma li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.txisda { text-align: center; padding: 25px; }
.txisda p { font-size: 18px; }
.txisda span { display: block; color: #7e7e7e; margin: 6% 0 10%; font-size: 14px; min-height:40px; }
.txisda a { width: 92px; height: 34px; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin-bottom: 3% }
.txisda a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); }

.ppsic { overflow: hidden }
.ppsic img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.nisma li:hover .ppsic img { transform: scale(1.05); -webkit-transform: scale(1.05); }

.yewuchang { background-color: #f3f3f3 }
.yewuchang .mainbox { max-width: 1100px; position: relative; }
.yewuchang .gallery-thumbs { padding: 10px 0; max-width: 1000px; }
.yuwubiao li { border: 1px solid #0090ec; height: 40px; background: #fff; border-radius: 40px; text-align: center; line-height: 40px; font-size: 14px; display: block; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); margin: 0 15px; cursor: pointer; width:16.666% }

.yuwubiao li.cur{ background-color: #0090ec; color: #fff; }

.yuwuwen li:first-child{ display:block;}
.yuwuwen li{ display:none}

.tupiax { width: 50%; float: left }
.wenzia { width: 45%; float: right; padding-top:5% }

.wenzia h3 { color: #3c3c3c; font-weight: normal; font-size: 20px; margin-bottom: 4% }
.wenzia p { color: #878787; line-height: 1.8 }
.wenzia a { width: 100px; height: 34px; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin-bottom: 3%; text-align: center; border: 1px solid #0090ec; font-size: 14px; margin-top: 6% }
.wenzia a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.yewuchang .swiper-button-prev { background: #fff; top: 10px; opacity: 1; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); left: 0; margin: 0; }

.yewuchang .swiper-button-next { background: #fff; top: 10px; margin: 0; opacity: 1; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); right: 0; }
.mt40 { margin-top: 4% }

.cisxa a { width: 110px; height: 34px; color: #0090ec; background-color: #fff; line-height: 34px; display: inline-block; border-radius: 34px; text-align: center; text-transform: uppercase; margin: 0 20px }
.domedown p { margin-top: 2% }
.cisxa a:hover { box-shadow: 0 0 20px 0 rgba(255,255,255,0.5); }

.chanpsix { color: #828282; padding: 0 50px; margin-top: 4%; font-size: 14px; line-height: 1.8 }

.kehuvalue { background-color: #f2f2f2 }

.psdnx { padding: 20px; text-align: center }
.psdnx img { display: inline-block; max-width: 40px; }
.psdnx &gt; p { color: #494949; font-size: 15px; margin: 15px 0; }
.psdnx span { color: #999999; display: block; }
.kehuvalue .mainbox { position: relative; max-width: 1100px; }
.kehuvalue .swiper-button-prev { background: #fff; top: 50%; opacity: 1; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); left: -20px; }

.kehuvalue .swiper-button-next { background: #fff; top: 50%; opacity: 1; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); right: -20px; }
.mt40 { margin-top: 4% }

.prowenzi { width: 45%; padding-top: 3% }
.propicsx { width: 45% }

.prowenzi h3 { font-size: 20px; color: #494949; font-weight: normal; padding: 15px 0; position: relative; margin-bottom: 20px; }

.prowenzi h3:before { content: ""; background: #0090ec; height: 2px; width: 44px; position: absolute; left: 0; bottom: 0; }
.prowenzi p { color: #494949; font-size: 14px; line-height: 1.8; }

.prowenzi a { width: 150px; height: 34px; color: #0090ec; border: 1px solid #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; text-align: center; margin-top: 4% }

.prowenzi a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); color: #fff; background-color: #0090ec; }

.bjhuise { background-color: #f2f2f2 }
.yitihua { position: relative }
.yitihua .swiper-container { padding-bottom: 30px; }

.yitihua .swiper-slide .kuang{transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); }

.yitihua .swiper-slide:hover .kuang {  transform: translateY(-15px);}
.yitihua .swiper-slide:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.kuang { border: 1px solid #eaeaea; }
.kuang .prospic { min-height: 240px; }

.yitihua .swiper-button-prev { background: url(../Image/qleft.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; left: -50px; }
.yitihua .swiper-button-next { background: url(../Image/qright.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; right: -50px; }

.shuzipins { background: #f3f3f3 }
.shuzipins .ppsic { margin: 20px; }

.newsbox { padding: 30px 0; background: #f7f8fb }

.nynewleft { width: 74%; float: left }

.nynewleft li { border: 1px solid #eaebf4; background: #ffffff; padding: 15px; overflow: hidden; margin-bottom: 20px; }
.nynewleft li a:hover .newstsx em { border: 1px solid #0090ec; color: #0090ec }
.nynewleft li a:hover p { color: #0090ec }

.newpics { width: 38%; float: left; overflow:hidden;display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height:160px; }
.newpics img{display:block;width:100%;height:160px;object-fit:cover}

.newstsx { width: calc(62% - 25px); float: right }
.newstsx p { color: #434343; font-size: 16px; margin:12px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; height: 30px; line-height: 30px; }
.newstsx span { color: #8d8d8d; display: block; line-height: 1.8; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.newstsx em { height: 30px; border: 1px solid #dddfe1; padding: 0 10px; line-height: 30px; display: inline-block; color: #797979; margin-top: 10px; }

.nynewright { width: calc(26% - 20px); float: right; }
.heiax.cur { position: fixed; top:50px; }
.tupianx { margin-bottom: 20px; position: relative }
.tupianx p { position: absolute; left: 0; bottom: 0; padding: 20px; width: calc(100% - 40px); color: #fff; font-size: 20px; }

.hotpro { border: 1px solid #eaebf4; background: #ffffff; padding: 15px; margin-bottom: 20px; padding-bottom: 0; }
.hotpro h3 span { font-size: 16px; color: #888; padding-bottom: 5px; font-weight: normal; display: inline-block; margin-right: 20px; cursor: pointer }
.hotpro h3 { border-bottom: 1px solid #efefef; }
.hotpro h3 span.cur { border-bottom: 2px solid #0090ec; color: #434343; }
.heaza { display: none }
.heaza:first-child { display: block }
.heaza a:first-child { border: none }
.heaza a { border-top: 1px solid #efefef; line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: block; font-size: 14px; }
.anlis { width: calc(100% + 10px); margin-left: -10px; margin-bottom: 15px; }
.anlis a { float: left; border: 1px solid #eaeaea; margin-left: 10px; display: block; width: calc(50% - 12px); margin-top: 10px; }
.anlis a:hover { border: 1px solid #0090ec; }
.biaoqian { padding-bottom: 15px; }
.biaoqian a { height: 30px; border: 1px solid #dddfe1; padding: 0 10px; line-height: 30px; display: inline-block; color: #797979; margin-top: 10px; margin-right: 10px }
.biaoqian a:hover { border: 1px solid #0090ec; color: #0090ec }

.newstop { border-bottom: 1px solid #e6e6e6 }

.newstop .nav li &gt; a { color: #343434; font-weight: bold }

.newstop .rukou a:nth-child(2) { height: 30px; border-radius: 30px; color: #343434; line-height: 30px; padding: 0 15px; letter-spacing: 3px; border: 1px solid #d3d3d3; }

.mianso { padding: 2% 0; margin-top: 60px; }
.mianso a { color: #838383 }
.mianso a:hover { color: #0090ec }

.newsshowleft { width: 71%; float: left }
.newsshowleft &gt; h1 { font-weight: normal; color: #333333; letter-spacing: 1px }
.newsshowleft &gt; span { color: #838383; display:none; margin: 10px 0; }
.newsshowtxt { color: #838383; line-height: 2; margin-top: 20px; font-size: 16px; }
.newsshowtxt p { padding-top: 10px; }
.newsshowtxt img{ display:inline-block}

.pb40 { padding-bottom: 4% }

.newsshowright { width: 22%; float: right; border: 1px solid #000; overflow: hidden }
.gengduos { background: #FFF; border: 1px solid #eaebf4; background: #ffffff; padding: 15px; margin-bottom: 20px; padding-bottom: 0; }
.gengduos h2 span { font-size: 16px; color: #434343; display: inline-block; }
.gengduos h2 { border-bottom: 1px solid #efefef; background: url(../Image/jjxs.jpg) no-repeat left center; background-size: 12px auto; padding-left: 20px; position: relative; line-height: 34px; font-weight: normal; margin-bottom: 10px; }
.gengduos h2:before { content: ""; background: #0090ec; height: 2px; width: 44px; position: absolute; left: 0; bottom: 0; }
.gengduos h2 a { float: right; font-size: 14px; color: #b9b9b9 }
.gengduos h2 a:hover { color: #0090ec }

.gengduos li { border-bottom: 1px dotted #eeeeee; padding: 10px 15px; line-height: 1.8; position: relative; }
.gengduos li:before { content: ""; background: #0090ec; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; border-radius: 6px; }
.gengduos li a { color: #838383 }
.gengduos li a:hover { color: #0090ec }

.xiangsboxs.cur { position: fixed; top: 0; border: 1px solid #0090ec; }

.shuzis { background: url(../Image/psc.jpg) no-repeat center center; background-size: 100% auto;}
.shuzis ul { width: calc(100% + 20px); margin-left: -20px; }
.shuzis li { width: calc(25% - 22px); margin-left: 20px; float: left; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.shuzis2 { background: url(../Image/psc.jpg) no-repeat center center; background-size: 100% auto; }
.shuzis2 .swiper-slide { padding:15px 0;}
.shuzis2 .mainbox{ position:relative }
.shuzis2 .swiper-slide .binkuang{border: 1px solid #eaeaea; background: #fff; box-shadow: 0 16px 16px -10px rgba(206,206,206,0.5); text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.shuzis2 .swiper-slide:hover .binkuang { background-size: 105% auto; transform: translateY(-15px); }
.shuzis2 .swiper-slide:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.shuzis2 .swiper-button-prev { background: url(../Image/qleft.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; left: -50px; }
.shuzis2 .swiper-button-next { background: url(../Image/qright.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; right: -50px; }

.shuzitxt { text-align: center; padding: 25px; }
.shuzitxt p { font-size: 18px; position: relative; padding: 10px 0; }
.shuzitxt p:before { content: ""; background: #0090ec; height: 2px; width: 32px; position: absolute; left: 50%; margin-left: -16px; bottom: 0; }

.shuzitxt span { display: block; color: #7e7e7e; margin: 6% 0 10%; min-height: 120px; line-height: 1.6 }
.shuzitxt a { width: 92px; height: 34px; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin-bottom: 3% }
.shuzitxt a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); }

.shuzipic { display: inline-block; max-width: 150px; margin-top: 20px; }
.shuzipic { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.shuzis li:hover .shuzipic { transform: translateY(-10px); }

.shuzis2 li:hover .shuzipic { transform: translateY(-10px); }

.ziuanbsox ul { width: calc(100% + 14px); margin-left: -14px; }
.ziuanbsox li { width: calc(25% - 14px); margin-left: 14px; float: left; background: #fff; box-shadow: 0 10px 10px 2px rgba(206,206,206,0.5); text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.ziuanbsox li:hover { background-size: 105% auto; transform: translateY(-15px); }
.ziuanbsox li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.zixuntxt { padding: 10px; font-size: 14px; }
.zixuntxt p { position: relative; padding: 10px 0; line-height: 20px; margin: 10px 0; }
.zixuntxt p:before { content: ""; background: #0090ec; height: 2px; width: 32px; position: absolute; left: 50%; margin-left: -16px; top: 0; }
.zixuntxt a { width: 92px; height: 34px; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin-bottom: 3%; text-align: center }
.zixuntxt a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }
.ziuanbsox li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.zixunpic { overflow: hidden }
.zixunpic img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.ziuanbsox li:hover .zixunpic img { transform: scale(1.05); -webkit-transform: scale(1.05); }

.eshuzasa li .shuzitxt { padding: 10px 25px }
.eshuzasa li { width: calc(50% - 62px); padding: 20px; margin-bottom: 20px; }
.eshuzasa li .shuzitxt span { min-height: 0; font-size: 15px; text-align: left; margin: 5% 0; }
.eshuzasa li .shuzitxt a { margin-bottom: 0; }

.eshuzasa li{transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.eshuzasa li:hover {  transform: translateY(-15px);}
.eshuzasa li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.eshuzipic { overflow: hidden }
.eshuzipic img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.eshuzasa li:hover .eshuzipic img { transform: scale(1.05); -webkit-transform: scale(1.05); }

.shangbuxas { background-color: #f7f8fa }
.shangbuxas .mainbox { position: relative }
.shangbuxas .swiper-button-prev { background: url(../Image/qleft.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; left: -50px; }

.shangbuxas .swiper-button-next { background: url(../Image/qright.png) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; right: -50px; }

.xuaxa { text-align: center; padding: 20px; cursor: pointer }
.xuaxa p { font-size: 14px; color: #979797; }
.xuaxa img { display: inline-block; max-height: 60px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.6 }

.shangbuxas .gallery-thumbs .swiper-slide-thumb-active .xuaxa { background-color: #fff; box-shadow: 0 0 10px rgba(206,206,206,0.5); }
.shangbuxas .gallery-thumbs .swiper-slide-thumb-active .xuaxa img { opacity: 1; filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

.xiabaisbj { background: url(../Image/annlbj.jpg) no-repeat center center; background-size: cover; padding: 3% 0; }

.xiabisa { width: 48%; float: left; padding-left: 2% }
.tuagxas { width: 45%; float: right; }

.xiabisa h3 { color: #20242b; font-weight: normal; font-size: 20px; margin-bottom: 4%; position: relative; padding: 10px 0 20px; }
.xiabisa h3:before { content: ""; background: #0090ec; height: 2px; width: 66px; position: absolute; left: 0; bottom: 0; }

.xiabisa p { color: #808080; line-height: 1.8 }
.xiabisa a { width: 100px; height: 34px; color: #0090ec; border: 1px solid #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin-bottom: 3%; text-align: center; font-size: 14px; margin-top: 6% }
.xiabisa a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.heaianeir ul { width: calc(100% + 20px); margin-left: -20px; }
.heaianeir li { width: calc(14.285% - 32px); margin-left: 20px; float: left; background: #fff; box-shadow: 0 2px 2px 2px rgba(206,206,206,0.3); border: 1px solid #eaeaea; margin-top: 20px; height:50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding:5px; line-height:1.2; font-size:14px;}
.heaianeir li p { overflow: hidden; text-align:center }

.sidngxlist li { float: left; font-size: 14px; margin-right: 5%; line-height: 50px; position: relative; cursor: pointer }
.sidngxlist li:before { content: ""; background: #0090ec; height: 2px; width: 0; position: absolute; left: 50%; margin-left: -20px; bottom: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.sidngxlist li.cur:before { width: 40px }
.sidngxlist li:hover:before { width: 40px }
.sidngxlist li:hover { color: #0090ec }
.sidngxlist li.cur { color: #0090ec }

.shuaxasxc { background-color: #f8f8fc }

.shuaxasxc li { display: none }
.shuaxasxc { padding: 20px; }
.shuaxasxc li:first-child { display: block; }
.shuaxasxc li span { display: inline-block; margin:5px 10px; cursor: pointer }
.shuaxasxc li span:hover { color: #0090ec }
.shuaxasxc li span.cur { color: #0090ec }

.tanchuangbj { background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999;}

.tanchuang { max-width: 900px; margin: 0 auto;  background: #FFF; padding:50px; height:calc(100vh - 100px);}
.gundongxs{height:calc(90vh - 100px); overflow-y:scroll }

.yingyans { background: url(../Image/lins.jpg) no-repeat top center; background-size: 100% auto; box-shadow: 0 10px 10px 2px rgba(206,206,206,0.3); padding: 20px; padding-top: 0; margin: 3% 0; }
.yingyans em { background-color: #3f89f4; height: 20px; line-height: 20px; padding: 0 10px; color: #fff; display: inline-block; margin-bottom: 10px; }
.yingyans p { color: #545454; line-height: 1.6 }

.anneir { padding: 4% 0; line-height: 1.8; color: #545454 }
.anneir img{ display:inline-block}
.anneir p { padding-top: 15px; }

.close { background: #0090ec; color: #fff; padding: 0 20px; height: 40px; border-radius: 40px; line-height: 40px; letter-spacing: 0; display: block; letter-spacing: 2px; width: 100px; text-align: center; font-size: 14px; margin: 0 auto; margin-top:4%; }
.close:hover { color: #fff; box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); }

.videolist ul { width: calc(100% + 26px); margin-left: -26px; }
.videolist li { width: calc(33.333% - 26px); margin-left: 26px; float: left; margin-bottom: 26px; cursor: pointer }

.videolist li p { text-align: center; font-size: 16px; padding: 15px; }

.videopic { border-radius: 3px; overflow: hidden; position: relative }
.videopic:before { content: ""; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-80%); background: url(../Image/bof.png) no-repeat center center; background-size: 100% auto; opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.videolist li:hover .videopic:before { transform: translate(-50%,-50%); opacity: 1 }

.jiazas { width: 92px; height: 34px; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 34px; margin: 4% auto; display: block; text-align:center }
.jiazas:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.heyoushi { background: url(../Image/losu.png) no-repeat right bottom }

.heyoushi .mainbox p { font-size: 20px; color: #3f3f3f }
.heyoushi .mainbox span { display: block; font-size: 18px; color: #676767; line-height: 24px; margin: 20px 0 }
.heyoushi .mainbox span em { width: 20px; height: 23px; line-height: 24px; color: #fff; display: inline-block; text-align: center; background: url(../Image/libx.png) no-repeat center center; background-size: 100% auto; font-size: 14px; margin-right: 10px; float: left }

.wozhichi { background: url(../Image/zhichibj.jpg) no-repeat top center; background-size: cover }

.wozhichi ul { width: calc(100% + 25px); margin-left: -25px; }
.wozhichi li { width: calc(16.6666% - 25px); float: left; margin-left: 25px; }
.huxad { background-color: #huxad; background: url(../Image/quaxa.png) no-repeat right top #fff; padding: 15px; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); position: relative; background-size: 25% auto }
.huxad p { text-align: center; font-size: 16px; margin-bottom: 10px; }
.huxad span { color: #888888; display: block; min-height: 100px; font-size: 14px; line-height: 1.6 }
.huxad:before { content: ""; width: 16px; height: 8px; background: url(../Image/sna.png) no-repeat center center; background-size: 100% auto; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; }

.quanx { width: 54px; height: 54px; border-radius: 100%; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); margin: 0 auto; margin-top: 16px; }

.shengtaid dd { width: 10%; float: left; text-align: center }
.shengtaid dd:first-child { margin: 0; }

.shengtaid dd div { max-width: 100px; display: inline-block; position: relative; }

.shengtaid dt { width: 6%; margin: 0 1%; height: 1px; border-bottom: 1px dotted #acabab; float: left; margin-top: 4% }
.shengtaid dd p { margin: 10px 0; color: #525252 }

.shengtaid { text-align: center }
.shengtaid a { margin-top: 3% }

.hezuoxuq { background: url(../Image/hezuoas.jpg) no-repeat center center; background-size: cover; color: #666 }

.hezuoxuq ul { width: calc(100% + 70px); margin-left: -70px; }
.hezuoxuq li { width: calc(33.333% - 90px); float: left; margin-left: 70px; border: 10px solid #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;  }
.hezuoxuq li div { padding:80px 20px 30px; }
.bjsa01 { background: url(../Image/heza01.jpg) no-repeat top center #fff; background-size: 100% auto }
.bjsa02 { background: url(../Image/heza02.jpg) no-repeat top center #fff; background-size: 100% auto }
.bjsa03 { background: url(../Image/heza03.jpg) no-repeat top center #fff; background-size: 100% auto }

.hezuoxuq li p { font-size: 22px; position: relative; padding-bottom:15px; }
.hezuoxuq li p:before { content: ""; height: 3px; width: 48px; background: #0090ec; position: absolute; left: 0; bottom: 0; }
.hezuoxuq li span { display: block; min-height: 150px; line-height: 1.6; margin-top: 5%; margin-bottom: 2% }
.hezuoxuq li a { height: 30px; color: #0090ec; border: 1px solid #0090ec; border-radius: 30px; display: block; line-height: 30px; width: 100px; text-align: center; margin: 0 auto }

.hezuoxuq li:hover { background-size: 105% auto; transform: translateY(-15px); }
.hezuoxuq li:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.mapboxbj { background: url(../Image/mapp.jpg) no-repeat center center; background-size: cover }

.mapboxbj .abtit p { margin: 2% 0; }

input[type="text"].wenbs { height: 50px; border: 1px solid #dcdcdc; border-right: none; width: calc(100% - 62px); float: left; font-size: 18px; text-indent: 20px; }
.sousf { width: 60px; height: 54px; background: url(../Image/fangda.png) no-repeat center center #0090ec; background-size: 20px auto; float:right }

.sousu { max-width: 1000px; margin: 30px auto; }

.map { position: relative; width: 856px; float: left; }
.map a { color: #5b5a5a; font-size: 14px; }
.map a:hover { color: #333 }
.citybg { position: absolute; display: none; z-index: 3 }
.city.cur .citybg { display: block; z-index: 3 }

.shuzisx p { color: #0090ec; font-size: 36px; margin: 10px 0; }
.shuzisx span { font-size: 15px; color: #575757 }

.xuanzs ul { width: calc(100% + 70px); margin-left: -70px; }
.xuanzs li { width: calc(20% - 26px); float: left; margin-left: 24px; border: 1px solid #e3e3e3; background-color: #f8f8f8; margin-bottom: 24px; }

.fazhan { background: url(../Image/fazh.jpg) no-repeat no-repeat bottom center #f5f6f7; background-size: 100% auto; }

.shijian { max-width: 880px; margin: 0 auto; background: url(../Image/xisn.jpg) no-repeat center 10px; background-size: 82% 1px; position: relative }

.shijian .swiper-slide { text-align: center; background: url(../Image/qq1.png) no-repeat top center; padding-top: 30px; background-size: 20px auto; cursor: pointer }
.shijian .swiper-slide p { font-size: 16px; color: #080808 }

.timetxt { max-width: 700px; margin: 0 auto; }

.neiysx { text-align: center; line-height: 1.8; color: #595959; font-size: 15px; }

.shijian .gallery-thumbs .swiper-slide-thumb-active { background: url(../Image/qq2.png) no-repeat top center; padding-top: 30px; background-size: 20px auto; }
.shijian .gallery-thumbs .swiper-slide-thumb-active p { color: #0090ec }

.shijian .swiper-button-prev { background: url(../Image/qleft.png) no-repeat center center; width: 30px; height: 30px; border-radius: 100%; left: -50px; background-size: 100% auto; margin-top: -30px }

.shijian .swiper-button-next { background: url(../Image/qright.png) no-repeat center center; width: 30px; height: 30px; border-radius: 100%; right: -50px; background-size: 100% auto; margin-top: -30px }

.tansixabj, .tansixnone { background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display: none }

.tansuxa { background: #FFF; max-width: 800px; max-height: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.none { background: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 600px; min-height: 500px }
.none p { font-size: 18px; text-align: center; margin-top: 20px }
.guanbi, .guanbi2 { width: 50px; height: 50px; position: absolute; right: -60px; top: -30px }

.shiaxa { text-align: center }
.shiaxa img { display: inline-block; max-width: 70% }

.tedians { position: relative; padding: 3% 0 }

.tediantu { width: 34%; margin: 0 auto; }
.dins a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../Image/jiah.png) no-repeat center center #0090ec; border-radius: 100%; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.3s ease, opacity 0.3s ease; -moz-transition: transform 0.3s ease, opacity 0.3s ease; -ms-transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; }
.dins:hover a { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.dins { text-align: center; position: absolute; }
.dins span { border-radius: 100%; display: block; box-shadow: 2px 5px 10px 2px rgba(0,0,0,0.05); margin-bottom: 10px; position: relative; width:100%;display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-top:100% }

.dins img{ max-width:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.dins p { color: #515151; font-size: 15px; width: 200%; margin-left: -50% }
.ico01 { left: 10%; top: 0; width: 9%; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }
.ico02 { left: 0; top: 30%; width: 7%; -webkit-animation: scroll_tip_icon 1.4s linear infinite; animation: scroll_tip_icon 1.4s linear infinite }
.ico03 { left: 20%; top: 40%; width: 7%; -webkit-animation: scroll_tip_icon 1.2s linear infinite; animation: scroll_tip_icon 1.2s linear infinite }
.ico04 { left: 0; top: 65%; width: 8%; -webkit-animation: scroll_tip_icon 1.0s linear infinite; animation: scroll_tip_icon 1.0s linear infinite }
.ico05 { left: 15%; top: 80%; width: 6%; -webkit-animation: scroll_tip_icon 1.5s linear infinite; animation: scroll_tip_icon 1.5s linear infinite }

.ico06 { right: 25%; top: 25%; width: 5%; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }
.ico07 { right: 5%; top: 10%; width: 9%; -webkit-animation: scroll_tip_icon 1.2s linear infinite; animation: scroll_tip_icon 1.2s linear infinite }
.ico08 { right: 15%; top: 45%; width: 6%; -webkit-animation: scroll_tip_icon 1.4s linear infinite; animation: scroll_tip_icon 1.4s linear infinite }

.ico09 { right: 25%; top: 70%; width: 4.5%; -webkit-animation: scroll_tip_icon 1.3s linear infinite; animation: scroll_tip_icon 1.3s linear infinite }
.ico10 { right: 0; top: 60%; width: 9%; -webkit-animation: scroll_tip_icon 1.2s linear infinite; animation: scroll_tip_icon 1.2s linear infinite }

.shiyongbj { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 99999; display: none }
.shiyongbox { background: #FFF; border-radius: 5px; width: 720px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 30px; }
.shileft { width:46%; float: left; }
.shiright { width: calc(54% - 40px); float: right; padding: 0 20px; }
.shiyongbox p { text-align: center; color: #353535; padding: 0 10px; font-size: 15px; margin: 10px 0 30px; }
.shiright li { line-height: 34px; margin-bottom: 10px; }
.shiright li span { width: 75px; float: left }
.shiright li span em { color: #0090ec; padding-right: 3px; }
.shiright li input[type="text"] { border: 1px solid #dcdee2; height: 34px; border-radius: 3px; width: calc(100% - 92px); padding-left: 10px; }

.shiright li input[type="text"].tsbx { width: calc(100% - 206px); }

.shiright li textarea{ border: 1px solid #dcdee2; height: 54px; border-radius: 3px; width: calc(100% - 92px); padding-left: 10px; }

.tusx { width: 80px; height: 30px; display: block; float: right; cursor: pointer }
.huqu { width:110px; height: 36px; display: block; float: right; background: #0090ec; color: #fff }

.shengqs { height: 40px; color: #fff; text-align: center; line-height: 40px; background: #0090ec; display: block; border-radius: 3px; margin-top:10px; }
.shengqs:hover { color: #fff; box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); }
.clsguan { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; }
.hsuax { margin-top: 10px; }
.hsuax input[type="checkbox"] { width: 15px; height: 15px; }
.hsuax a { color: #0090ec }

.contactbj { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: 9999; display: none }

.contact { max-width: 800px; margin: 0 auto; background: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; border-radius: 5px; overflow: hidden }
.contactleft { background: #5b9fca; width: calc(50% - 40px); height: 300px;float: left; padding: 40px 20px; }
.contactleft h3 { color: #2e2e2e; margin-bottom: 20px; font-size: 20px; font-weight: normal }
.contactleft h4 { font-size: 16px; font-weight: normal }
.contactleft li span { width:90px; float: left }
.contactleft li { overflow: hidden; margin: 17px 0; font-size: 15px; }
.contactleft li p { width: calc(100% - 90px); float: right }

.contactright { text-align: center; padding: 20px; width: calc(50% - 40px);height: 340px; float: right; display: flex;justify-content: center;align-items: center}
.contactright &gt; img {width: 250px}

.conclose { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; }

#menu { position: fixed; right: 10px; bottom: 40px; z-index: 9999999999; text-align: right }
#menu ul { width: 12px; display: inline-block }
#menu li { width: 8px; height: 8px; border: 2px solid #fff; border-radius: 100%; margin: 6px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#menu li a { width: 100%; height: 100%; display: block; }
#menu .active { border: 2px solid #0090ec; background-color: #0090ec; }
.shuzi { color: #fff; font-size: 16px; }
.shuzi span { font-size: 30px; color: #0090ec; font-weight: bold; font-family: 'englishwz'; }

.xintit { color: #000; margin: 6% 0 2% }
.xintit p { font-size: 22px; }
.xintit p a{ color:#000}
.xintit p a:hover{ color:#0090ec}
.xintit span { font-size: 16px; display: block; margin: 10px 0; }

.aboutTitle{margin: 20px 0}

.solution{background-color: #f8f8fa;margin: 40px 0;padding:80px 0}
.solutionDiv{margin: 0 auto;max-width: 1200px;display: flex;justify-content: center}
.solutionContent{height: 300px;width: 25%;background-color: #1c89e7;color: #fff}
.solutionContent&gt;div{padding:10px;font-size: 16px;margin: 20px}
.solutionContent&gt;div&gt;p{margin:50px 0 20px 0}
.solutionContent&gt;div&gt;div{margin-top:20px;display: flex;justify-content: end}
.solutionContentImg{height: 300px;width: 25%;}

.aboutDiv{margin: 0 auto;max-width: 1200px;}
.aboutCard{margin-top: 40px;padding: 80px 0;background-color: #f8f8fa}
.aboutDiv&gt;img{width: 48%;display: inline-block}
.aboutDiv&gt;div{width: calc(50% - 60px);display: inline-block;vertical-align:top;padding-left: 60px}
.aboutDiv&gt;div&gt;h3{margin: 30px 0 20px 0}
.aboutJump{margin-top: 20px }
.aboutJump a { width: 92px; height: 34px; text-align: center ; border: 1px solid #0090ec; color: #0090ec; line-height: 34px; display: inline-block; border-radius: 10px; }
.aboutJump a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.xinpro .swiper-container { padding-top: 15px; }
.xinpro .swiper-slide { background: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.xinprotxt { padding: 10px; background-color: #ededed}
.xinprotxt p { font-size: 18px; }
.xinprotxt div { height: 100px; color: #7e7e7e; margin: 5% 0 5%; font-size: 16px; }
.xinprotxt a { height: 34px; text-align: center ; border: 1px solid #0090ec; color: #0090ec;padding: 0 5px ; line-height: 34px; display: inline-block; border-radius: 10px; }
.xinprotxt a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.xinpropic img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; width: 100% }
.xinpropic { overflow: hidden ;background-color: #1c89e7}
.xinpropic&gt;div{height: 280px}

.xinpro .swiper-slide:hover .xinpropic img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.xinpro .swiper-slide:hover { background-size: 105% auto; transform: translateY(-15px); }
.xinpro .swiper-slide:hover a { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #0090ec; color: #fff }

.xinpro .swiper-pagination { width: 100%; bottom: 10px; }
.xinpro .swiper-pagination-bullet { margin: 0 5px; background: rgba(0,0,0,0.5); opacity: 1; width: 10px; height: 10px; }
.xinpro .swiper-pagination-bullet-active { background: #0090ec; }

.xinsolution .swiper-pagination { width: 100%; bottom: 10px; }
.xinsolution .swiper-pagination-bullet { margin: 0 5px; background: rgba(0,0,0,0.5); opacity: 1; width: 10px; height: 10px; }
.xinsolution .swiper-pagination-bullet-active { background: #0090ec; }

.xinsolution .swiper-container { padding-top: 15px; }
.xinsolution .swiper-slide { background: rgba(0,0,0,0.4); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; color: #fff; padding: 2% 0; }

.xinsolutxt { text-align: center; padding: 25px; }
.xinsolutxt p { font-size: 18px; margin: 5% 0; }
.xinsolutxt span { display: block; color: #fff; margin: 5% 0 6%; min-height: 60px; font-size: 16px; }
.xinsolutxt a { width: 92px; height: 34px; border: 1px solid #fff; color: #fff; line-height: 34px; display: inline-block; border-radius: 34px; }
.xinsolutxt a:hover { box-shadow: 0 0 20px 0 rgba(0, 144, 236, 0.5); background-color: #fff; color: #0090ec }
.xinsolutxt em { height: 2px; width: 40px; display: inline-block; background: #0090ec; }

.xinsolupic img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.xinsolupic { overflow: hidden; padding-top: 10%; max-width: 100px; margin: 0 auto }

.xinsolution .swiper-slide:hover .xinpropic img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.xinsolution .swiper-slide:hover { background-size: 105% auto; transform: translateY(-15px); background: url(../Image/fahobe.jpg) no-repeat center center; background-size: 100%; }
.xinsolution .swiper-slide:hover a { box-shadow: 0 0 20px 0 rgba(255,255,255,0.5); background-color: #fff; color: #0090ec }
.xinsolution .swiper-slide:hover em { background: #FFF }

.videobox { width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 999999999; display: none }
.videosxsx { margin: 0 auto; width:850px; margin-top: 100px; }
.videoguanbi { max-width: 30px; margin: 0 auto; display: block; margin-top: 10px; }

.video-js { width: 100%; height: 420px; }

.kefuds{ position:absolute; width:150px;  top:0; right:50px; padding-right:10px; min-height:100%; display:none}
.hexas{background:#FFF; border-radius:10px; box-shadow: 0 5px 16px 0 rgba(0,0,0,0.1); overflow:hidden; padding:15px 5px; text-align:center}
.hexas img{ width:100%}
.kefuds:before{ content:""; width:10px; height:12px; background:url(../Image/sanx.png) no-repeat; position:absolute; top:25px; right:0; background-size:100% auto;}
.hexas h2{ text-align:center; padding:10px; color:#333; font-weight:normal; font-size:18px;}

.huaa{ border-top:1px solid #eaeaea; padding:10px 0;}
.huaa p img{ max-width:12px; margin-right:5px; }
.huaa span{ display:block; padding-left:17px;}
.huaa a{ color:#fff; background-color:#0090ec; height:25px; display:inline-block; padding:0 10px; border-radius:25px; line-height:25px; margin-left:17px; margin-top:5px;}
.gauz{ text-align:center; padding:5px 0 10px;}

.chanosx{ text-align:center}
.chanosx a{ margin-left:0;}

.qiehuaxa{ display:none}
.qiehuaxa:first-child{ display:block;}

.dibu{ text-align:center; background-color: #2a2a2a; padding:10px; color:#fff; position:relative}
.dibu a{ color:#fff; margin:0 5px;}
.dibu a:hover{ color:#0090ec}

.lianxs a{ color:#fff}
.lianxs a:hover{ color:#0090ec}

.gonggaobj { position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 99999999999999; display:none  }

.gonggao { max-width: 800px; margin: 0 auto; background: #FFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; border-radius: 5px; overflow: hidden; padding:20px; }

.gonggaotxt{ height:70vh; overflow-y:scroll; padding:20px 0; color:#666; margin:10px 0;}
.gonggaotxt p{ padding-top:10px;}

.xiazaibiaodan li { line-height: 34px; margin-bottom:20px; overflow:hidden }
.xiazaibiaodan li span { width:100px; float: left }
.xiazaibiaodan li span em { color: #0090ec; padding-right: 3px; }
.xiazaibiaodan li input[type="text"] { border: 1px solid #dcdee2; height: 34px; border-radius: 3px; width: calc(100% - 120px); padding-left: 10px;  }

.xiazaibiaodan li input[type="text"].tsbx { width: calc(100% - 255px); }
.xiazaibiaodan li .tusx { width: 80px; height: 30px; display: block; float: right; cursor: pointer }
.xiazaibiaodan li .huqu { width: 130px; height: 38px; display: block; float: right;background: #0090ec;  color: #fff }

.xiazaibiaodan{ max-width:900px; margin:0 auto;  position:relative; background:#FFF; z-index:99; margin-bottom:5%}

.cdsaxa{  margin:0 auto; padding:5% 40px; }
.cdsaxa h2{ text-align:center; font-weight:normal; color:#4a4a4a; margin-bottom:20px;}

.xuassx{width: calc(100% - 100px); float:right;}
.cdsaxa select{ border: 1px solid #dcdee2; height: 34px; border-radius: 3px; width: calc(33.33% - 18px); padding-left: 10px; margin-left:22px; background:url(../Image/xilasc.png) no-repeat 95% center; background-size:10px auto}
.cdsaxa select:first-child{ margin-left:0;}

.cdsaxa .shengqs{ margin-top:40px;}

.kefuxda{ width:90%; max-width:400px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%) scale(0);    transition: all 0.6s; z-index:9999999999}

.ziuxs{position:absolute; right:5%; bottom:0; height:50%}

.ziuxs a{ height:30px; width:90px; border-radius:30px; text-align:center; color:#fff; background-color:#ababab; display:inline-block; margin:0 5px; line-height:30px;}
.ziuxs a:first-child{background-color:#0090ec;}

.closexasnx{ width:30px; height:30px; position:absolute; right:0; top:20px;}

.hufeasf{ position:fixed; width:120px; left:0; bottom:0; z-index:9999999999; display:none}

.kefuxda.cur {
    transform: translate(-50%,-50%) scale(1);
}

.domedown.pd40{ padding-top:2%; padding-bottom:2%}

.container { max-width:1000px; margin:0 auto; display: none;}

.page { text-align: center; padding: 4% 0; }
.page a { height: 30px; padding: 0 10px; border: 1px solid #eee; line-height: 30px; background: #FFF; display: inline-block; margin-right: 5px; }
.page a.cur { background: #0090ec; color: #fff }

.nyaboutnav.nyvideonav li{width:50%;}

.case{display: flex;justify-content: space-around}
.caseCard{position: relative;width: 250px;height: 300px;border: 1px solid #DDD;border-radius: 10px;box-shadow:0 0 5px #ddd;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center}
.caseCard img{padding-bottom: 60px}
.caseCard&gt;div{position: absolute;bottom:40px}

.about{display: flex;justify-content: center}
.aboutBtn{width: 200px;height: 50px;margin-bottom: 50px;border: 1px solid #0090ec;border-radius: 25px;display: flex;justify-content: center;align-items: center}
.aboutBtn a {font-size: 20px}
.aboutContent {margin:0 auto;max-width: 1400px}

.aboutNav{width: 20%}
.solutionNav{width: 25%}
.serviceNav{width: 33.3%}

.solution-title{margin-top: 10px;padding-left: 10px;border-left: 5px solid #0090EC}
.solution-title span {font-size: 1rem;}
.solution-title h1 {margin-top: 4px;}
.solution-content div {display: inline-block;vertical-align:top;padding: 40px 0 0 60px;width: 43%}
.solution-content div ul {margin: 20px 0 0 60px}
.solution-content div ul li {padding: 5px;font-size: 16px;list-style: disc}
.solution-content-td{position: relative;width: 90%;margin: 30px auto}
.solution-content-image{width: 300px;height: 300px;margin-left:calc(50% - 150px);margin-top: 150px}
.solution-content-left{position: absolute;top: 0;left: 0;width: 30%}
.solution-content-right{position: absolute;top: 0;right:0;width: 30%;}
.solution-content-td div ul {margin: 20px 0 0 60px}
.solution-content-td div ul li {padding: 5px;font-size: 16px;list-style: disc}
.solution-bg-list{margin: 0 60px}
.solution-bg-list &gt; ul{margin: 30px auto;padding-left:35px}
.solution-bg-list ul li{list-style: disc;font-size:16px;margin: 10px auto}
.solution-hr-td{margin: 0 60px}
.solution-hr-td &gt; div{margin: 35px auto}
.solution-hr-td &gt; div &gt; img{width: 48%;display: inline-block}
.solution-hr-td &gt; div &gt; div{display: inline-block;width: 48%;vertical-align:top}
.solution-hr-td &gt; div &gt; div &gt; ul{margin: 20px 0 0 60px}
.solution-hr-td &gt; div &gt; div &gt; ul li{padding: 5px;font-size: 16px;list-style: disc}
.solution-content-fn {display: flex;justify-content: space-around;margin: 40px 60px}
.solution-content-fn &gt; div{color: #fff;padding:20px;width: 180px}
.solution-content-fn &gt; div &gt; ul{margin: 20px 0 0 30px}
.solution-content-fn &gt; div &gt; ul &gt; li{padding: 5px;font-size: 16px;list-style: disc}
.solution-hr-div &gt; img{width: calc(90% - 2px);margin: 0 auto 30px auto;border: 1px solid rgb(30,159,255)}
.solution-hr-imgTitle{background-color: rgb(30,159,255);width: calc(90% - 6px);color: #fff;margin: 30px auto 0 auto;padding: 4px 3px 0 3px;text-align: center;font-size: 18px}
.solution-hr-jjDiv{width: 90%;margin: 20px auto}
.solution-hr-jjDiv&gt;img{width: 48%;display: inline-block}
.solution-hr-jjDiv&gt;div{width: 48%;display: inline-block;vertical-align:top}
.solution-hr-jjDiv &gt; div  &gt; ul{margin: 20px 0 0 60px}
.solution-hr-jjDiv &gt; div  &gt; ul li{padding: 5px;font-size: 16px;list-style: disc}

.solution-erm-bjSpan{width: 90%;margin: 0 auto;color: #676767;}
.solution-erm-bjSpan &gt; h2 {margin: 15px}
.solution-erm-bjSpan &gt; p {font-size: 18px;font-weight: bold;margin-top: 15px}
.solution-erm-bjSpan &gt; ul {margin: 15px}
.solution-erm-bjSpan &gt; ul &gt; li {padding: 5px;font-size: 16px;list-style: disc;margin-left: 30px}
.solution-erm-td{width: 90%;margin: 0 auto;position: relative}
.solution-erm-td &gt; img{width: 220px;position: absolute;top: calc(50% - 110px);left: calc(50% - 110px)}
.solution-erm-td-img{width:60px;position: absolute;top: calc(50% - 30px);left: calc(50% - 64px)}
.solution-erm-td-img&gt;img{margin: 0 2px}
.solution-erm-td &gt; div{display: flex;justify-content: space-between;}
.solution-erm-td &gt; div &gt; div{width: 43%;border: 2px solid #000000;margin-top: 20px;padding: 30px}
.solution-erm-td &gt; div &gt; div &gt; p{font-size: 22px;font-weight: bold;margin-left: 40px}
.solution-erm-td &gt; div &gt; div &gt; ul &gt; li{padding: 5px;font-size: 16px;list-style: disc;margin-left: 40px}
.solution-erm-fa{width: 90%;margin: 30px auto;}
.solution-erm-fa &gt; img{margin: 0 auto}
.solution-erm-fa &gt; p{margin: 20px 0;font-size: 18px;font-weight: bold;text-align: center}
.solution-erm-fa &gt; h1{margin: 20px 0;color: rgb(30,159,255)}
.erm-jjgf{width: 40%}

.solution-process-td{display: flex;justify-content: space-around;width: 90%;margin: 20px auto}
.solution-process-td &gt; div &gt; div{display: flex;}
.process-td-title {width: 70px;background-color: rgb(30,159,255);padding: 8px;color: #fff;margin-top: 10px;font-size: 16px}
.process-td-content{width: calc(100% - 72px);margin-top: 10px;font-size: 16px;padding: 8px;border: 1px solid rgb(30,159,255)}
.process-td-content &gt; ul &gt; li{padding: 5px;list-style: disc;margin-left: 30px}
.solution-content-td-img{width: 90%;margin: 10px auto}
.solution-content-h{margin-top: 80px}
.solution-process-fa{margin: 30px auto;width: 90%;display: flex;justify-content: space-between}
.solution-process-fa &gt; div{width: 48%;padding: 20px;vertical-align:top}
.solution-process-fa-title{font-size: 16px;text-align: center;font-weight: bold;margin: 10px 0}
.solution-process-fa &gt; div &gt; span{font-size: 16px}
.solution-process-fa &gt; div &gt; ul{margin-left:60px}
.solution-process-fa &gt; div &gt; ul &gt; li{padding: 5px;font-size: 16px;list-style: disc}
.solution-process-fa &gt; div &gt; h3{margin: 20px 0 5px 20px}


.bg-blue{background-color: rgb(0,176,240)}
.bg-red{background-color: rgb(255,0,0)}
.bg-green{background-color: rgb(146,208,80)}
.bg-yellow{background-color: rgb(255,191,92)}

.solution-enterprise-td{display: flex;justify-content: space-around}
.solution-enterprise-tdList{width: 20%;}
.solution-enterprise-tdList &gt; img{width: 150px;height: 150px;margin: 0 auto}
.solution-enterprise-tdList &gt; div{width: 80%;font-size:18px;text-align: center;border-radius:3px;padding:3px 0;margin: 15px auto;color:#fff;background-color: #0372B9}
.solution-enterprise-tdList &gt; ul{width: 80%;margin: 10px auto;padding-left:35px}
.solution-enterprise-tdList ul li {list-style: disc;font-size:16px}

.products-box{margin: 0 0 20px 0;}
.products-box h1 {text-align: center;position: relative;margin: 100px 0 40px 0}
.products-box h1:before{content:'';position: absolute;bottom:-5px;left: calc(50% - 15px);width: 30px;height: 3px;background-color: #0372b9;}
.products-box &gt; p{text-align: center;font-size: 18px;font-weight: bold;margin-bottom: 15px}
.products-rm-list &gt; .products-rm-img{display: inline-block;vertical-align:top;width: calc(60% - 20px);}
.products-rm-list &gt; .products-rm-test{display: inline-block;width: 40%;}
.products-rm-list &gt; div&gt;li{font-size: 16px;margin: 15px 0;color: #5b5a5a}
.products-rm-anquan &gt; img{display: inline-block;width: 60%}
.products-rm-anquan &gt; div{display: inline-block;vertical-align:top;width: calc(39% - 20px);padding:5% 0 0 20px}
.products-rm-anquan &gt; div&gt;li{font-size: 16px;margin: 15px 0;color: #5b5a5a}
.products-compatible{background-color: #ededed;padding: 10px;width: 35%;display: flex;align-items: center;justify-content: center}
.shadow {width: 35%;height: 100px;background: #ebebeb;border-radius: 10px;margin: 10px;position: relative;box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.1) inset;}
.shadow::before, .shadow::after {content:"";position:absolute;z-index:-1;bottom:15px;left:10px;width:50%;height:20%;box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);transform:rotate(-3deg);}
.shadow::after{right:10px;left:auto;transform:rotate(3deg);}
.products-compatible&gt;i{font-size: 50px;color: #0090EC}
.products-compatible&gt;span{font-size: 18px}
.products-rm-linghuo{border:1px solid rgb(0,143,235);width: 80%;margin: 0 auto}
.products-rm-linghuo&gt;div{background-color: rgb(0,143,235);color: #fff;font-size: 18px;padding:7px;display: flex;justify-content: space-evenly}

.products-adp-title{padding-top: 50px;border-bottom: 1px solid #1c89e7}
.products-adp-title&gt;p{margin: 10px 0 5px 0;position: relative;font-size: 16px}
.products-adp-title&gt;p:before{content:'';position: absolute;bottom: -5px;left: 0;width: 65px;height: 3px;background-color: #0372B9}
.products-adp-contentTest&gt;img{width: 80%;margin:0 auto}
.products-archive-contentTest{margin: 30px auto;width: 80%}
.products-archive-contentTest &gt;img{ width: 45%;display: inline-block }
.products-archive-contentTest &gt; div{display: inline-block;width: 48%;padding: 20px;vertical-align:top}
.products-archive-contentTest &gt; div &gt; span{font-size: 16px}
.products-archive-contentTest &gt; div &gt; ul{margin: 20px 0 0 30px}
.products-archive-contentTest &gt; div &gt; ul &gt; li{padding: 5px;font-size: 16px;list-style: disc}

.products-cd-content{width: 90%;margin: 0 auto}
.products-cd-content&gt;img{display: inline-block;width: 49%}
.products-cd-content&gt;ul{display: inline-block;width: 46%;vertical-align:top;margin:20px 0 0 40px}
.products-cd-content&gt;ul&gt;li{padding: 5px;font-size: 16px;}
.products-cd-content&gt;ul&gt;li&gt;h3{color: #1c89e7}
.products-cd-content&gt;ul&gt;li&gt;p{margin:5px 0 5px 20px}
.products-cd-contentLeft&gt;img{display: inline-block;width: 47%}
.products-cd-contentLeft&gt;ul{display: inline-block;width: 48%;vertical-align:top;margin:20px 20px 0 20px}
.products-cd-contentLeft&gt;ul&gt;li{padding: 5px;font-size: 16px;text-align: right}
.products-cd-contentLeft&gt;ul&gt;li&gt;h3{color: #1c89e7}
.products-cd-contentLeft&gt;ul&gt;li&gt;p{margin:5px 0 5px 20px}

.archive-jiagong-start{display: flex;justify-content: space-between;text-align: center;font-size: 16px}
.archive-jiagong-start &gt; p{background-color: rgb(0,176,240);padding: 10px;width: 40%;color: #fff}
.archive-jiagong-two { margin: 20px auto }
.archive-jiagong-two &gt; div{display: flex;justify-content: space-between;text-align: center;margin: 5px auto}
.archive-jiagong-two &gt; div &gt; p{background-color: rgb(128, 128, 128);padding: 10px;width: 26%;color: #fff}
.archive-jiagong-three { text-align: center;margin: 20px auto }
.archive-jiagong-three &gt; p {background-color: rgb(0,176,240);padding: 10px;width: 96%;color: #fff}
.archive-jiagong-end { text-align: center;margin-top: 20px }
.archive-jiagong-end &gt; p {background-color: rgb(236, 81, 81);padding: 10px;width: 96%;color: #fff}
.products-jiance-contentTest{width: 80%;margin: 0 auto}
.products-jiance-contentTest &gt; img{margin: 0 auto}
.iconDown{text-align: center;margin: 10px 0}
.iconDown&gt; i{font-size: 30px!important}


.products-wms-box{position: relative;height: 500px}
.products-wms-block{width: 48%}
.products-wms-block &gt; p{text-align: center;font-size: 16px;padding: 8px 0}
.location{position: absolute;left: 47%;top: 40%}

.service-div{display: flex;justify-content: space-evenly;flex-wrap: wrap}
.service-box{width: 320px;height:300px;margin: 15px;padding:20px;box-shadow:0 0 5px #ddd;}
.service-title{font-size: 20px;}
.service-content{color:#666;margin: 15px 0}
.service-towBox{width: 240px;height:220px;background-color: #ddd;padding:20px;margin-bottom:40px}
.service-towTitle{margin-top: 20px;font-size:20px}
.service-bz{margin: 10px 0}
.service-titleBz{width:100%;font-size: 12px;color: #999;margin: 10px 0;word-wrap: break-word}

.equipment-div{display: flex;justify-content: center;flex-wrap: wrap;margin: 30px 0;}
.equipment-div:after {content:'';height: 0;width: 382px}
.equipment-box{width: 300px;height:300px;border:1px solid #ddd;padding:40px;margin-right:-1px;margin-bottom:-1px}
.equipment-title{font-size:26px;color:#0372B9}
.equipment-content{width:100%;word-wrap: break-word;margin-top: 30px}
.equipment-box div {text-align: center}
.equipment-box div i{font-size: 100px;color:#0372B9}

.gdsoft_linecover {position:absolute; top:0; left:0; z-index:8; display:block; width:100%; height:100%; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; overflow:hidden;}
.gdsoft_linecover img{width: 100%;height: 500px}
.gdsoft_linecover .cover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.gdsoft_linecover .border-ver,.gdsoft_linecover .border-hor {position:absolute; top:30px; right:30px; bottom:30px; left:30px; -webkit-transition:all 0.5s; transition:all 0.5s;}
.gdsoft_linecover .border-ver {border:1px solid #fff; border-width:0 1px; -webkit-transform:scale(1,0); transform:scale(1,0);}
.gdsoft_linecover .border-hor {border:1px solid #fff; border-width:1px 0; -webkit-transform:scale(0,1); transform:scale(0,1);}

.gdsoft_product{max-width: 1200px;margin: 0 auto}
.gdsoft_product .swiper-slide {position:relative; float:left; width:28%; margin-right:36px; background:#fff; overflow:hidden;}
.gdsoft_product .swiper-slide .content {width:100%; background:#f8f8fa;}
.gdsoft_product .swiper-slide .content img {width:100%;height: 300px}
.gdsoft_product .swiper-slide .content .txt {position:relative; z-index:99; padding:30px 20px 20px; color:#333; -webkit-transition:all .3s; transition:all .3s;}
.gdsoft_product .swiper-slide .content .txt h3 {font-size:16px; font-family:arial; line-height:30px; padding-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gdsoft_product .swiper-slide .content .txt h4 {font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gdsoft_product .swiper-slide .content .txt .line {width:70px; height:1px; margin:10px 0 16px; background:#ccc;}
.gdsoft_product .swiper-slide .content .txt p {height:40px; line-height:20px;}
.gdsoft_product .swiper-slide:hover .gdsoft_linecover {opacity:1;}
.gdsoft_product .swiper-slide:hover .txt h3,.gdsoft_product .swiper-slide:hover .txt h4,.gdsoft_product .swiper-slide:hover .txt .line,.gdsoft_product .swiper-slide:hover .txt p {color:#fff;}
.gdsoft_product .swiper-slide:hover .gdsoft_linecover .border-ver,.gdsoft_product .swiper-slide:hover .gdsoft_linecover .border-hor {-webkit-transform:scale(1,1); transform:scale(1,1);}
.gdsoft_product .swiper-slide:hover .txt {padding:30px 60px 20px;}
.gdsoft_product .swiper-slide:hover .line {background:#fff;}
.gdsoft_product .swiper-slide:hover .txt p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.banner .swiper-slide-active .bantxt05 {-webkit-animation:scale-in-center 1.2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center 1.2s cubic-bezier(.25,.46,.45,.94) both; animation-delay: 0.8s }
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
.banner .swiper-slide-active .bantxt02{animation:bounce-in-top 1.1s both;animation-delay: 0.8s}
@keyframes bounce-in-top{0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(-8px);animation-timing-function:ease-in}100%{transform:translateY(0);animation-timing-function:ease-out}}
.banner .swiper-slide-active .bantxt01{-webkit-animation:swirl-in-br-fwd 1s ease-out both;animation:swirl-in-br-fwd 1s ease-out both;animation-delay: 0.8s}
@-webkit-keyframes swirl-in-br-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:1}}@keyframes swirl-in-br-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:0}100%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;opacity:1}}
</pre></body></html>