@charset "utf-8";
/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0; }
html { overflow-x: hidden; }
* { margin: 0; padding: 0; list-style: none; outline: none; }
body { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; background-color: #fff; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary {
outline:0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83%; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; color: #ffffff; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
a { text-decoration: none; color: #333; }
ul, li { list-style: none; }
html { overflow: -moz-scrollbars-vertical; }
/* reset */

/* homePage*/
/* header*/
.header { width: 100%; height: 100px; position: absolute; z-index: 99999; background-color: rgba(1,16,27,.5); border-top: 4px #0064c2 solid; }
.header .content { width: 1200px; height: 100px; margin: 0 auto; }
.headerLogo {  float: left; }
.headerContact { width: 700px; height: 53px; margin-top: 40px; float: right; }
.headerNavBotton .cur { color: #4ab344; }
.headerNav { width: 100%; height: 50px; background-color: #3775aa; z-index: 99999; position: absolute; }
.headerNav .content { width: 1200px; height: 50px; margin: 0 auto; }
.headerNavBotton { float: left; width: 116px; height: auto; text-align: center; }
.headerNavBotton ul { background-color: #fff; opacity: .9; overflow: hidden; max-height: 0; transition: all 0.3s; }
.headerNavBotton:hover ul { width: 100%; max-height: 400px; transition: all 0.3s; }
.headerNavBotton ul li { color: #666666; }
.headerNavBotton ul li { overflow: hidden; height: 50px; width: 150px; line-height: 50px; font-size: 14px; }
.headerNavBotton ul li:hover a { background-color: #4ab344; color: #fff; transition: all 0.3s; }
.headerNavBottonMain { width: 116px; height: 50px; position: relative; color: #fff; font-size: 18px; letter-spacing: 1px; }
.headerNavBottonMain:hover { color: #e0e002; }
/* header*/


/*商业显示*/
.homepageDiv1 { width: 100%; height: 870px; overflow: hidden; background-color: #eeeeee; }
.homepageDiv1 .content { width: 1200px; height: 870px; margin: 0 auto; overflow: hidden; }
.homepageDiv1Left { width: 922px; height: 810px; overflow: hidden; float: left; margin-top: 60px; }
.homepageDiv1Right { width: 278px; height: 769px; margin-top: 60px; background-color: #2a68cf; overflow: hidden; float: right; position: relative; box-sizing: border-box; }
.hpLeftTitle { width: 922px; height: 84px; background: url(/hs/images/hpDiv1TitleBg.png); }
svg { fill: currentColor; }
.homepageDiv1 .mt-tabpage-title { height: 84px; font-size: 0; width: 630px; float: right; }
.homepageDiv1 .mt-tabpage-title .mt-tabpage-item { display: inline-block; margin-left: 100px; width: 160px; height: 81px; line-height: 81px; border-bottom: 3px #f8f8f8 solid; text-align: center; color: #666666; font-size: 22px; }
.homepageDiv1 .mt-tabpage-title .mt-tabpage-item-cur { color: #2a68cf; font-size: 22px; border-bottom: 3px #2a68cf solid; }
.homepageDiv1 .mt-tabpage-count { position: relative; width: 922px; height: 685px; overflow: hidden; background: #fff; }
.homepageDiv1 .mt-tabpage-cont__wrap { position: absolute; }
.homepageDiv1 .mt-tabpage-count .mt-tabpage-item { width: 922px; height: 685px; text-align: center; overflow: hidden; }
.show { display: block }
.hide { display: none; }
.show2 { color: #2a68cf; font-size: 18px; float: left; margin-left: 20px; line-height: 65px; }
.hide2 { color: #666666; font-size: 18px; float: left; margin-left: 20px; line-height: 65px; }
.hpproduct { width: 280px; height: 278px; border: 1px #dbd9d9 solid; margin-left: 20px; margin-top: 20px; float: left; }
.hpproduct:hover { box-shadow: 0 5px 10px 0 rgba(37,39,95,0.06); transition: all 0.3s; }
.hpproductPic { width: 280px; height: 200px; overflow: hidden; box-sizing: border-box; align-items: center; display: flex; }
.hpproductPic img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin: 0 auto; }
.hpprotitle { width: 280px; height: 18px; line-height: 18px; font-size: 18px; margin-top: 20px; color: #333333; text-align: left; box-sizing: border-box; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpprosubtitle { width: 280px; height: 14px; line-height: 14px; font-size: 14px; margin-top: 10px; color: #999999; text-align: left; box-sizing: border-box; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpproduct2 { width: 248px; height: 255px; margin: 19px auto; border-bottom: 1px #3e7ce3 solid; }
.hpproductPic2 { width: 248px; height: 200px; overflow: hidden; box-sizing: border-box; align-items: center; display: flex; }
.hpproductPic2 img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin: 0 auto; }
.hpprotitle2 { width: 248px; height: 18px; line-height: 18px; font-size: 18px; margin-top: 20px; color: #ffffff; text-align: center; box-sizing: border-box; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv1more { width: 248px; height: 28px; border-radius: 5px; border: 1px #3e7ce3 solid; display: block; margin: 0 auto; line-height: 28px; color: #e2edff; font-size: 14px; text-align: center; }
/*音视光*/
.homepageDiv2 { width: 100%; height: auto; overflow: hidden; }
.homepageDiv2 .content { width: 1200px; height: auto; margin: 0 auto 30px; overflow: hidden; }
.hpdiv2box { width: 1200px; height: 258px; margin-top: 15px; }
.hpdiv2box1 { width: 257px; height: 258px; float: left; }
.hpdiv2box2 { width: 664px; height: 258px; float: left; border: 1px #d4d2d2 solid; box-sizing: border-box; }
.hpdiv2box2title { width: 624px; height: 44px; margin: 0 auto; border-bottom: 1px #eceaea solid; }
.hpdiv2box2title img { display: block; float: left; margin-top: 13px; }
.hpdiv2box2title p { float: left; font-size: 18px; line-height: 18px; display: block; margin-top: 13px; margin-left: 10px; }
.hpdiv2box2title a { float: right; color: #666666; font-size: 14px; line-height: 14px; display: block; margin-top: 16px; }
.hpdiv2box2pro { width: 192px; height: 180px; float: left; margin-top: 15px; margin-left: 20px; }
.hpdiv2box2propic { width: 192px; height: 160px; overflow: hidden; box-sizing: border-box; align-items: center; display: flex; }
.hpdiv2box2propic img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin: 0 auto; }
.hpdiv2box2pro p { width: 192px; height: 20px; font-size: 14px; line-height: 20px; text-align: center; box-sizing: border-box; padding: 0 10px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv2box2pro:hover img { margin-top: -5px; transition: all 0.3s; }
.hpdiv2box3 { width: 279px; height: 258px; float: left; position: relative; }
.homepageDiv2 .mt-tabpage { position: relative; }
.homepageDiv2 .mt-tabpage-title { height: 9px; font-size: 0; width: 279px; position: absolute; z-index: 999; bottom: 10px; text-align: center; }
.homepageDiv2 .mt-tabpage-title .mt-tabpage-item { display: inline-block; margin-left: 10px; width: 9px; height: 9px; border-radius: 9px; background: #ecf1f5; line-height: 9px; text-align: center; color: #666666; }
.homepageDiv2 .mt-tabpage-title .mt-tabpage-item-cur { background: #838486; }
.homepageDiv2 .mt-tabpage-count { position: relative; width: 279px; height: 258px; overflow: hidden; background: #fff; }
.homepageDiv2 .mt-tabpage-cont__wrap { position: absolute; }
.homepageDiv2 .mt-tabpage-count .mt-tabpage-item { width: 279px; height: 258px; text-align: center; overflow: hidden; }
.hpdiv2case { width: 279px; height: 258px; display: block; position: relative; }
.homepageDiv2 .homepageNewsTitle { width: 279px; height: 45px; position: absolute; z-index: 999; top: 0; background-color: rgba(31,31,31,.7); color: #fff; line-height: 45px; box-sizing: border-box; padding: 0 15px; }
.homepageDiv2 .homepageNewsTitle p { float: left; font-size: 18px; }
.hpdiv2casemore { float: right; font-size: 14px; color: #fff; }
.hpdiv2title2 { width: 1200px; height: 49px; margin: 35px auto 0; }
.hpdiv2more { font-size: 14px; color: #999999; float: right; line-height: 49px; }
.hpdiv2more:hover { color: #2a68cf; }
.hpdiv2box4 { width: 280px; height: 280px; float: left; margin-top: 20px; background: #777777; }
.hpdiv2box4pic { width: 280px; height: 200px; overflow: hidden; border: 1px #dbd9d9 solid; box-sizing: border-box; align-items: center; display: flex; background: #fff; }
.hpdiv2box4pic img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin: 0 auto; }
.hpdiv2pro1 { width: 280px; height: 18px; line-height: 18px; font-size: 18px; margin-top: 20px; color: #fff; text-align: left; box-sizing: border-box; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv2pro2 { width: 280px; height: 14px; line-height: 14px; font-size: 14px; margin-top: 10px; color: #fff; text-align: left; box-sizing: border-box; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv2box4:hover { background: #2a68cf; transition: all 0.3s; }
/*展厅建设*/
.homepageDiv3 { width: 100%; height: 504px; overflow: hidden; background: #2a68cf; }
.homepageDiv3 .content { width: 1200px; height: 504px; margin: 0 auto; overflow: hidden; }
.hpdiv3left { width: 270px; height: 414px; margin-top: 45px; float: left; }
.hpdiv3tab { width: 270px; height: 63px; background: #fff; border-bottom: 1px #f0eeee solid; display: block; }
.hpdiv3tabtitle { font-size: 18px; color: #333333; float: left; line-height: 63px; margin-left: 25px; }
.hpdiv3tabicon { font-size: 18px; color: #333333; float: right; line-height: 63px; margin-right: 25px; }
.hpdiv3tabcur p { color: #215dc0; }
.hpdiv3right { width: 894px; height: 414px; float: right; margin-top: 45px; overflow: hidden; position: relative; }
.homepageDiv3 .mt-tabpage { position: relative; }
.homepageDiv3 .mt-tabpage-title { height: 100px; font-size: 0; width: 5px; position: absolute; z-index: 999; right: 10px; top: 157px; text-align: center; }
.homepageDiv3 .mt-tabpage-title .mt-tabpage-item { display: inline-block; margin-top: 10px; width: 5px; height: 20px; background: #ecf1f5; line-height: 9px; text-align: center; color: #666666; }
.homepageDiv3 .mt-tabpage-title .mt-tabpage-item-cur { background: #2a68cf; }
.homepageDiv3 .mt-tabpage-count { position: relative; width: 894px; height: 414px; overflow: hidden; background: #fff; }
.homepageDiv3 .mt-tabpage-cont__wrap { position: absolute; }
.homepageDiv3 .mt-tabpage-count .mt-tabpage-item { width: 894px; height: 414px; text-align: center; overflow: hidden; }
.hpdiv3case { width: 894px; height: 414px; display: block; position: relative; }
.homepageDiv3 .homepageNewsTitle { width: 894px; height: 60px; position: absolute; z-index: 999; bottom: 0; background-color: rgba(51,50,50,.6); color: #fff; line-height: 60px; box-sizing: border-box; padding: 0 30px; }
.homepageDiv3 .homepageNewsTitle p { float: left; font-size: 18px; }
.hpdiv3casemore { float: right; font-size: 14px; color: #fff; }
/*客户案例*/
.homepageDiv4 { width: 100%; height: 500px; overflow: hidden; }
.homepageDiv4 .content { width: 1200px; height: 500px; margin: 0 auto; overflow: hidden; }
.hpdiv4title { width: 1200px; height: 49px; margin-top: 45px; }
.hpdiv4more { font-size: 14px; color: #999999; float: right; margin-top: 35px; line-height: 14px; }
.hpdiv4more:hover { color: #2a68cf; }
.hpdiv4box { width: 295px; height: 270px; border-bottom: 1px #cbcaca solid; display: block; float: left; margin-left: 5px; margin-top: 40px; }
.hpdiv4boxpic { width: 295px; height: 220px; overflow: hidden; }
.hpdiv4boxpic img { width: 295px; height: 220px; display: block; overflow:
}
.hpdiv4box p { width: 295px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; box-sizing: border-box; padding: 0 10px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv4box:hover { background: #2a68cf; border-bottom: 1px #2a68cf solid; transition: all 0.3s; }
.hpdiv4box:hover p { color: #fff; transition: all 0.3s; }
/*关于我们*/
.homepageDiv5 { width: 100%; height: 355px; overflow: hidden; background: #2a68cf; }
.homepageDiv5 .content { width: 1200px; height: 355px; margin: 0 auto; overflow: hidden; }
.hpdiv5left { width: 710px; height: 295px; margin-top: 60px; float: left; }
.hpdiv5lefttitle { width: 710px; height: 49px; overflow: hidden; }
.hpdiv5more { font-size: 14px; color: #fff; float: right; margin-top: 35px; line-height: 14px; }
.hpdiv5introduction { width: 710px; height: 130px; font-size: 13px; margin-top: 25px; color: #fff; line-height: 25px; letter-spacing: 0.5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.videoBox { width: 414px; height: 234px; border-radius: 5px; overflow: hidden; margin-top: 60px; margin-left: 70px; float: right; }
/*新闻资讯*/
.homepageDiv6 { width: 100%; height: 640px; overflow: hidden; background: #fdfcfc; }
.homepageDiv6 .content { width: 1200px; height: 640px; margin: 0 auto; }
.homepageDiv6Bg { background: url(/hs/images/i_news_bg.jpg) center top no-repeat; padding-bottom: 2%; overflow: hidden; }
.homepageDiv6Title { height: 90px; overflow: hidden; line-height: 90px; text-align: center; font-size: 36px; color: #fff; letter-spacing: 1px; margin-top: 2%; }
.homepageDiv6SubTitle { text-align: center; overflow: hidden; padding-top: 1%; padding-bottom: 1%; font-size: 17.8px; margin-top: 10px; }
.homepageDiv6SubTitle a { display: inline-block; color: #fff; margin-left: 12px; margin-right: 12px; }
.homepageDiv6SubTitle a.osel { color: #2a68cf; }
.hpdiv6box1 { width: 1200px; height: 394px; box-shadow: 0 5px 5px 0 rgba(37,39,95,0.06); background: #fdfcfc; }
.hpdiv6left { width: 600px; height: 394px; overflow: hidden; float: left; }
.hpdiv6news { width: 538px; height: 118px; border-bottom: 1px #e2e2e2 solid; margin-left: 31px; box-sizing: border-box; padding-top: 24px; }
.four_date { float: left; width: 18%; overflow: hidden; color: #999999; font-size: 12px; line-height: 26px; border-right: 1px solid #e2e2e2; text-align: center; }
.four_date b { font-size: 50px; display: block; line-height: 50px; font-family: Impact; font-weight: normal; }
.four_txt { float: left; width: 80%; overflow: hidden; text-align: left; transition: all 0.3s; }
.four_txt h2 { height: 30px; line-height: 18px; overflow: hidden; font-weight: normal; font-size: 18px; padding-left: 20px; padding-right: 10px; color: #121212; }
.four_txt p { line-height: 20px; height: 40px; margin-top: 8px; overflow: hidden; padding-left: 20px; padding-right: 10px; font-size: 14px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hpdiv6news:hover .four_txt { color: #333; }
.hpdiv6news:hover .four_txt h2 { color: #2a68cf; }
.hpdiv6right { width: 600px; height: 394px; overflow: hidden; float: right; position: relative; display: block; }
.hpdiv6right .hpdiv6pictitlebox { width: 600px; height: 60px; position: absolute; z-index: 999; bottom: 0; background-color: rgba(51,50,50,.6); color: #fff; line-height: 60px; box-sizing: border-box; padding: 0 30px; }
.hpdiv6right .hpdiv6pictitle { float: left; font-size: 18px; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hpdiv6picdate { float: right; font-size: 14px; color: #fff; }
/*服务支持*/
.homepageDiv7 { width: 100%; height: 114px; overflow: hidden; background-color: #eeeef0; position: relative; }
.homepageDiv7 .content { width: 1200px; height: 114px; margin: 0 auto; overflow: hidden; position: relative; }
.homepageDiv8Input { width: 204px; height: 35px; float: left; margin-left: 15px; border: 1px #d7d5d5 solid; background-color: #f3f2f2; line-height: 35px; font-size: 12px; padding-left: 10px; margin-top: 40px; }
.Submission { width: 128px; height: 35px; float: left; margin-left: 15px; background-color: #2a68cf; color: #fff; text-align: center; margin-top: 40px; line-height: 35px; font-size: 13px; }
.Submission:hover { background-color: #205cc0; }
/*底部*/
.homepageDiv8 { width: 100%; height: 200px; overflow: hidden; position: relative; background: #3f3f3f; }
.homepageDiv8 .content { width: 1200px; height: 200px; overflow: hidden; margin: 0 auto; position: relative; }
.homepageDiv8Nav { font-size: 14px; color: #dcdbdb; margin-top: 20px; width: 650px; height: auto; }
.homepageDiv8Nav a { color: #dcdbdb; }
.homepageDiv8Nav a:hover { color: #2a68cf; }
.homepageDiv8Contact { float: left; font-size: 14px; color: #dcdbdb; margin-top: 55px; line-height: 28px; text-align: right; }
/*子页-关于我们*/
.subpageMain { width: 100%; height: auto; overflow: hidden; position: relative; padding-bottom: 20px; background: #f8f8f8; }
.subpageMain .content { width: 1200px; height: auto; margin: 20px auto 40px; overflow: hidden; position: relative; }
.dingwei { width: 100%; height: 64px; border-bottom: 1px #e8e8e8 solid; overflow: hidden; position: relative; }
.dingweibox { width: 1200px; height: 64px; margin: 0 auto; line-height: 64px; position: relative; font-size: 14px; color: #666666; }
.dingwei a { color: #666666; }
.dingwei a:hover { color: #2a68cf; }
.dingwei img { width: 9px; height: 12px; float: left; margin-top: 25px; }
.subpageBoxTop { width: 1200px; height: auto; overflow: hidden; margin: 20px auto 40px; }
.subpageBoxTitle { font-size: 36px; color: #2a68cf; font-weight: bold; text-align: center; }
.subpageBoxSub { font-size: 16px; color: #999999; text-align: center; margin-top: 10px; font-weight: lighter; }
.subpageBoxZW { width: 1200px; height: auto; font-size: 14px; margin: 0 auto; line-height: 30px; color: #666666; }
.subpageBoxZWBig { width: 1200px; height: auto; font-size: 18px; margin: 10px auto 0; line-height: 30px; font-weight: bold; color: #2a68cf; }
/*子页-产品展示*/
.subpageBottonNews { width: 256px; height: 60px; color: #666666; border-top: 1px #eaeaeb solid; box-sizing: border-box; display: block; line-height: 60px; background-color: #f8f8f8; text-align: center; }
.CurrentNews { background-color: #2a68cf; box-sizing: border-box; color: #fff; }
.subpageBottonNews:hover { background-color: #2a68cf; box-sizing: border-box; color: #fff; }
.CurrentNews2 { color: #91c81f; background: #fff; }
.subpageNav { width: 256px; height: 100%; margin-bottom: -5000px; padding-bottom: 5000px; float: left; margin-right: 20px; background-color: #2a68cf; }
.subpageBox { width: 922px; height: auto; overflow: hidden; float: left; margin-top: 60px; padding-bottom: 20px; }
.cd-accordion-menu { width: 100%; max-width: 600px; background: #4d5158; }
.cd-accordion-menu ul { /* by default hide all sub menus */
display: none; }
.cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-accordion-menu input[type=checkbox] { /* hide native checkbox */
position: absolute; opacity: 0; }
.cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; padding: 18px 18px 18px 64px; background: #2a68cf; box-shadow: inset 0 -1px #245fc0; color: #ffffff; font-size: 17px; }
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */
content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-accordion-menu label { cursor: pointer; }
.cd-accordion-menu label::before, .cd-accordion-menu label::after { background-image: url(/hs/images/cd-icons.svg); background-repeat: no-repeat; }
.cd-accordion-menu label::before { /* arrow icon */
left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.cd-accordion-menu label::after { /* folder icons */
left: 41px; background-position: -16px 0; }
.cd-accordion-menu a::after { /* image icon */
left: 36px; background: url(../img/cd-icons.svg) no-repeat -48px 0; }
.cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */
background-position: -32px 0; }
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
display: block; }
.cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #2052a4; box-shadow: inset 0 -1px #1d4b99; }
.no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; }
.cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; }
.cd-accordion-menu ul label::before { left: 36px; }
.cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 59px; }
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 90px; }
.cd-accordion-menu ul ul label::before { left: 54px; }
.cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 77px; }
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 118px; }
.cd-accordion-menu ul ul ul label::before { left: 72px; }
.cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 95px; }
.cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */
-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

/*子页-产品详情页*/


.cppicbox { width: 400px; height: 400px; border: 1px #dbd9d9 solid;  float: left; background:#fff; box-sizing:border-box; overflow: hidden;}

.cppic { width: 400px; height: 400px; overflow: hidden; box-sizing: border-box; align-items: center; display: flex; }
.cppic img { max-width: 100%; max-height: 100%; display: block; overflow: hidden; align-items: center; margin: 0 auto; }
.cpbox { width: 800px; height: auto; padding-left: 50px; float: left; box-sizing:border-box; }
.cpxqytltie { color: #2a68cf; font-size: 28px; font-weight: 600; }
.cpxywenzi { margin-top: 40px; width: 750px; height: auto; color: #666666; font-size: 14px; line-height: 30px; padding-bottom: 40px; }
/*子页-案例/新闻详情页*/
.contentArticle { width: 1200px; overflow:hidden; margin: 0 auto; position: relative; background-color:#fff;  height: auto; padding: 20px; box-sizing:border-box; }
.xqyTitle { font-size: 30px; color: #333333; width: 100%; text-align: center; line-height: 40px; margin-top: 30px; }
.xqySubTitle { font-size: 12px; color: #999999; width: 100%; text-align: center; line-height: 40px; }
.xqyImg { margin: 5px auto; display: block; max-width:1160px; }
.xwlistbox{ width:1200px; height:auto; position: relative;}
.xwlist { width: 400px; height: 80px; margin:0px auto;list-style-type: none; position: relative; }
.xwlisttitle { float: left; width: 198px; height: 42px; margin-top: 2px; margin-left: 2px;  font-size: 16px;background-color: #deeaff; color: #333333; line-height: 42px; cursor: pointer; text-align: center; }
.xwcur { width: 198px; height: 42px; margin-top: 2px; color: #fff; margin-left: 2px; background-color: #2a68cf; font-size: 16px; line-height: 42px; cursor: pointer; text-align: center; }
.xw{ width:1200px; height:180px; padding-bottom:20px; border-bottom:1px dashed #999999}
.xw:hover .xwtitle{ color:#2a68cf;transition: all 0.3s;}
.xwpic{ width: 280px; height: 180px; float:left; display:block; }
.xwright{ width:920px; height:180px; float:right; overflow:hidden;}
.xwtitle{ font-size:20px; line-height:30px; color:#333333; font-weight:600; width:680px; height:30px;text-align:left; float:left; padding-left:20px;  }
.xwdate{ font-size:14px; line-height:30px; color:#999999; width:200px; height:30px; text-align:right;  float:right; }
.xwjianjie{ clear:both; font-size:13px; text-align:left; line-height:24px; color:#666666; width:900px; height:60px; padding:20px 0px 10px 20px;letter-spacing:1px; overflow:hidden;
text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

.xwbotton {
	width:120px; height:30px;
	margin-left:20px;
	margin-top:28px;
	border:1px #2a68cf solid;
	color:#2a68cf;
	font-size:14px;
	line-height:30px;
	text-align:center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
  .xwbotton::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2a68cf;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.xw:hover .xwbotton{
  color: white;
  
}
.xw:hover .xwbotton:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hj2 ul li { float: left; padding-bottom: 24px; }