@charset "utf-8"; /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, figure, figcaption { border: medium none; margin: 0; padding: 0; } .floating_ck{position:fixed;right:20px;top:30%;border-radius:10px; z-index:1500;} .floating_ck dl dd{position:relative;width:60px;height:60px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;} .floating_ck dl dd:hover{} .floating_ck dl dd:hover .floating_left{display:block;} /** 设置默认字体 **/ html, body { -webkit-text-size-adjust: none; font-family: "Microsoft YaHei", Arial; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 14px; color: #353535; } body { overflow-x: hidden; } /** 设置表单元素**/ button, input, select, textarea { font-family: "Microsoft YaHei", Arial; vertical-align: middle; outline: none; } /** 重置图片元素 **/ img { border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic; height: auto; transition: 0.3s; } .MbCode img { border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; transition: 0.3s; } .MbCode .inerContactMap img { max-width: none; } /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /** 清除浮动 **/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置超链接元素 **/ a { transition: 0.2s cubic-bezier(.42, 0, .58, 1); -webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1); } a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #187fce; will-change: transform; } a:hover, a:active { outline: none; } /*动画效果*/ .PcCode .anmation { opacity: 0; transition: 1s; } .PcCode .fadeLeft { transform: translateX(-800px); } .PcCode .fadeRight { transform: translateX(800px); } .PcCode .fadeIn { opacity: 0.1; } .PcCode .anmation.actShow { opacity: 1; } .PcCode .actShow.fadeLeft { transform: translateX(0); } .PcCode .actShow.fadeRight { transform: translateX(0); } .PcCode .actShow .fadeIn { opacity: 1; } .PcCode { display: block; } .MbCode { display: none; background: #fff; } /** pc端 **/ .toRight { float: right; } .swiper-slide a { display: block; float: left; } .swiper-slide a:hover img { transform: scale(1.1); } .shadow { box-shadow: 0 0 20px 0px #999; } .shadows { box-shadow: 0 0 20px 0px #999; } .PcCode .indexMain { width: 1200px; margin: 0 auto; background: #fff; } .PcCode .indexMain header { height: 86px; } .PcCode .indexMain header .logo { float: left; width: 128px; padding: 14px 0 0 20px; } .PcCode .indexMain header .logox { float: left; width: 340px; line-height: 60px; font-weight: normal; padding-top: 14px; padding-right: 0; padding-bottom: 0; padding-left: 20px; } .PcCode .indexMain header .logoy { float: left; width: 200px; padding: 14px 0 0 20px; } .PcCode .indexMain header .logo a { display: block; overflow: hidden; } .PcCode .indexMain header .lang { float: right; width: 118px; font-size: 12px; position: relative; border: 1px solid #ccc; height: 30px; line-height: 30px; margin-top: 25px; right: 12px; z-index: 1200; } .PcCode .indexMain header .lang img { vertical-align: middle; margin-right: 5px; margin-top: -2px; } .PcCode .indexMain header .lang p { padding-left: 10px; } .PcCode .indexMain header .lang ul { position: absolute; left: -1px; top: 29px; width: 100%; background: #fff; border: 1px solid #ccc; border-top: 0; display: none; } .PcCode .indexMain header .lang ul a { display: block; padding-left: 10px; } .PcCode .indexNav { background: url(../images/indexNavBj.jpg) no-repeat; height: 56px; line-height: 56px; text-align: center; position: relative; z-index: 50; } .PcCode .indexNav li { float: left; width: 14.28571%; position: relative; } .PcCode .indexNav li a { display: block; color: #fff; height: 56px; overflow: hidden; } .PcCode .indexNav li a span { display: block; transition: 0.3s; } .PcCode .indexNav li a span.hover { background: #f0f0f0; color: #333; margin-top: -56px; } .PcCode .indexNav li a:hover span.hover, .PcCode .indexNav li a.act span.hover { margin-top: 0; } .PcCode .indexNav li .hide { position: absolute; background: #fff; width: 100%; top: 56px; left: 0; transition: 0.5s; border-radius: 5px; box-shadow: 0 5px 5px #666; display: none; } .PcCode .indexNav li .hide a { line-height: 30px; height: 30px; color: #333; font-weight: bold; font-size: 12px; } .PcCode .indexBox { padding-right: 12px; } .PcCode .indexBanner { height: 300px; width: 892px; float: left; } .PcCode .indexNews { float: right; width: 262px; border: 1px solid #dadedf; margin-top: 12px; padding: 10px; height: 265px; } .PcCode .indexNews h4 { line-height: 40px; font-size: 20px; border-bottom: 1px solid #dadedf; } .PcCode .indexNews h4 a { font-size: 14px; font-weight: normal; } .PcCode .indexNews li { border-bottom: 1px solid #eee; line-height: 38px; font-size: 13px; font-weight: bold; } .PcCode .indexNews li:last-child { border-bottom: none; } .PcCode .indexNews li time { color: #999; font-weight: normal; font-size: 12px; } .PcCode .indexProducts { margin: 20px 15px; overflow: hidden; } .PcCode .indexProducts .box { width: 1200px; } .PcCode .indexProducts .swiper-container-horizontal>.swiper-pagination-bullets, .PcCode .swiper-pagination-custom, .PcCode .swiper-pagination-fraction { bottom: 10px; } .PcCode .swiper-button-next:hover, .PcCode .swiper-button-prev:hover { background-color: rgba(0, 0, 0, .7); border-radius: 100%; padding: 15px 20px; } .PcCode .indexProducts .list { float: left; width: 282px; margin-right: 15px; position: relative; } .PcCode .indexProducts .list .typeName { position: absolute; bottom: 0; width: 100%; z-index: 20; background: url(../images/proBj.png) no-repeat center; height: 40px; text-align: center; /* line-height: 40px; */ color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; padding: 5px 40px 5px 5px; box-sizing: border-box; line-height: 16px; } .PcCode .indexProducts .list .swiper-slide a { background: #333; } .PcCode .indexProducts .list .swiper-slide a img { opacity: 0.8;max-width:282px; max-height:297px; } .PcCode .indexInfo { background: #e5e5e5; padding: 30px 20px; } .PcCode .indexInfo .tit { font-size: 16px; font-weight: normal; line-height: 34px; margin-bottom: 20px; } .PcCode .indexInfo .tit span { border-bottom: 2px solid #3d3a3a; padding-bottom: 5px; display: inline-block; } .PcCode .indexInfo .list { float: left; } .PcCode .indexInfo .us { line-height: 26px; width: 350px; margin-right: 40px; } .PcCode .indexInfo .contact { line-height: 32px; width: 490px; } .PcCode .indexInfo .contact img { margin-right: 10px; } .PcCode .indexInfo .application { width: 280px; overflow: hidden; float: right; } .PcCode .indexInfo .application ul { width: 330px; } .PcCode .indexInfo .application li { float: left; margin: 0 15px 15px 0; } .PcCode .indexInfo .application li a { display: block; overflow: hidden; } .PcCode .indexFooter { background: #2b2b2b; color: #888; text-align: center; padding: 10px 0; line-height: 28px; } .PcCode .indexFooter1 { background: #ffffff; color: #888; text-align: center; padding: 10px 0; line-height: 28px; } .PcCode .innerHeader { background: rgba(69, 157, 245, 0.92); height: 100px; width: 1600px; position: absolute; top: 0; left: 50%; margin-left: -800px; z-index: 50; } .PcCode .innerHeader .logo { float: left; width: 128px; padding: 14px 0 0 20px; margin: 0 155px; } .PcCode .innerHeader .ce { float: left; width: 200px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 100px; padding-top: 14px; padding-right: 0; padding-bottom: 0; padding-left: 20px; } .PcCode .innerHeader .innerNav { float: left; width: 805px; margin-top: 25px; line-height: 50px; font-weight: bold; } .PcCode .innerHeader .innerNav li { float: left; width: 110px; text-align: center; background: url(../images/navLine.jpg) no-repeat center right; position: relative; } .PcCode .innerHeader .innerNav li a { color: #fff; } .PcCode .innerHeader .innerNav li .hide { background: #fff; position: absolute; top: 50px; width: 160px; text-align: left; padding: 5px 20px; font-size: 12px; box-shadow: 0 0 3px #999; border-radius: 3px; display: none; line-height: 30px; } .PcCode .innerHeader .innerNav li .hide a { color: #333; } .PcCode .innerHeader .lang { float: right; width: 118px; font-size: 12px; background: #fff; position: relative; border: 1px solid #ccc; height: 30px; line-height: 30px; margin-top: 35px; right: 195px; } .PcCode .innerHeader .lang img { vertical-align: middle; margin-right: 5px; margin-top: -2px; } .PcCode .innerHeader .lang p { padding-left: 10px; } .PcCode .innerHeader .lang ul { position: absolute; left: -1px; top: 29px; width: 100%; background: #fff; border: 1px solid #ccc; border-top: 0; display: none; } .PcCode .innerHeader .lang ul a { display: block; padding-left: 10px; } .PcCode .innerBanner { height: 385px; } .PcCode .usBanner { background: url(../images/usBanner.jpg) no-repeat top center; height: 385px; background-attachment: fixed; } .PcCode .innerMain { background: #e5e6e8; } .PcCode .innerMain section { position: relative; } .PcCode .innerMain .content { width: 1200px; margin: 0 auto; background: #fff; position: relative; } .PcCode .innerMain .content .outPart { position: absolute; top: -116px; height: 116px; background: #fff; width: 100%; padding-bottom: 10px; } .PcCode .innerMain .content .website { font-size: 28px; font-weight: bold; padding: 15px 30px; } .PcCode .innerMain .content .subNav { padding: 0 30px; } .PcCode .innerMain .content .subNav li { float: left; line-height: 40px; margin-right: 20px; } .PcCode .innerMain .content .subNav li a { display: block; background: #eee; width: 160px; text-align: center; border-radius: 5px; } .PcCode .innerMain .content .subNav li a:hover, .PcCode .innerMain .content .subNav li a.act { background: #187dce; color: #fff; } .PcCode .bjTexture { background: url(../images/bjTexture.png) repeat; min-height: 450px; } .PcCode .innerMain .content .pulic { padding: 30px 20px; overflow: hidden; min-height: 500px; } .PcCode .innerMain .enus { background: url(../images/icon_ABOUTUS.png) no-repeat left center; height: 30px; padding: 54px 0 0 30px; margin-bottom: 20px; } .PcCode .innerMain .enus b { font-size: 34px; } .PcCode .innerMain .usInfo_top { padding: 30px 20px; overflow: hidden; } .PcCode .innerMain .usInfo_top .showimg { float: left; } .PcCode .innerMain .usInfo_top .txt { float: right; width: 720px; line-height: 26px; } .PcCode .innerMain .usInfo_top .txt p { padding: 8px 0; } .PcCode .innerMain .usInfo_bootm li { float: left; width: 30%; margin: 0 1.5%; } .PcCode .innerMain .cultrue { padding: 30px 20px; overflow: hidden; } .PcCode .innerMain .cultrue_left { float: left; width: 600px; padding: 30px 20px; overflow: hidden; line-height: 26px; } .PcCode .innerMain .cultrue_left p { padding: 8px 0; } .PcCode .innerMain .cultrue_right { float: right; width: 492px; padding: 100px 20px 0 0; overflow: hidden; line-height: 26px; } .PcCode .innerMain .pulic_tip { font-size: 30px; font-weight: normal; text-align: center; padding: 20px 0 40px 0; border-bottom: 1px solid #eee; margin-bottom: 50px; } .PcCode .innerMain .organization_rebuild { padding: 20px 0; } .PcCode .innerMain .honor li { float: left; margin-top: 0; margin-right: 18px; margin-bottom: 20px; margin-left: 18px; } .PcCode .innerMain .pulic_tip.nopadding { padding-top: 0; } .PcCode .innerMain .content .product { position: relative; top: -30px; } .PcCode .innerMain .content .product aside { width: 230px; float: left; } .PcCode .innerMain .content .product aside .bar { padding-left: 20px; margin-bottom: 5px; } .PcCode .innerMain .content .product aside .bar .navgtion { height: 40px; line-height: 40px; position: relative; } .PcCode .innerMain .content .product aside .bar .navgtion.act a { background: #187DCE; color: #fff; } .PcCode .innerMain .content .product aside .bar .navgtion.act .jia { display: none; } .PcCode .innerMain .content .product aside .bar .navgtion.act .jian { display: inline; } .PcCode .innerMain .content .product aside .bar .navgtion a { display: block; padding-left: 10px; border-radius: 5px; background: #eee; transition: 0.3s; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap } .PcCode .innerMain .content .product aside .bar .navgtion a:hover { background: #187DCE; color: #fff; } .PcCode .innerMain .content .product aside .bar .navgtion i { display: inline-block; width: 13px; height: 13px; line-height: 13px; position: absolute; left: -20px; font-style: normal; text-align: center; color: #fff; border-radius: 50%; top: 12px; } .PcCode .innerMain .content .product aside .bar .navgtion i .jian { display: none; } .PcCode .innerMain .content .product aside .bar .hide { line-height: 40px; padding-top: 5px; display: none; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } .PcCode .innerMain .content .product aside .bar .hide.open { display: block; } .PcCode .innerMain .content .product aside .bar .hide p { padding-bottom: 5px; position: relative; } .PcCode .innerMain .content .product aside .bar .hide p i { display: inline-block; width: 13px; height: 13px; line-height: 13px; position: absolute; left: -25px; font-style: normal; text-align: center; color: #fff; border-radius: 50%; top: 12px; } .PcCode .innerMain .content .product aside .bar .hide a { display: block; padding-left: 10px; border-radius: 5px; background: #eee; transition: 0.3s; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap } .PcCode .innerMain .content .product aside .bar .hide a:hover, .PcCode .innerMain .content .product aside .bar .hide a.act { background: #187DCE; color: #fff; } .PcCode .innerMain .content .productContent { float: right; width: 900px; } .PcCode .innerMain .content .productContent .proWebsite { background: #187DCE; color: #fff; line-height: 40px; padding: 0 25px; font-size: 16px; } .PcCode .innerMain .content .productContent .proWebsite a { color: #fff; font-size: 14px; } .PcCode .innerMain .content .productContent .showPro { border: 1px solid #eee; padding: 10px 0; } .PcCode .innerMain .content .productContent .showPro li { float: left; width: 280px; height: 210px; position: relative; background: #333; margin-top: 15px; margin-right: 9px; margin-bottom: 15px; margin-left: 9px; } .PcCode .innerMain .content .productContent .showPro li img { opacity: 0.8;max-width:280px; max-height:210px; } .PcCode .innerMain .content .productContent .showPro li:before { content: ''; display: block; width: 84%; height: 0; position: absolute; left: 8%; top: 8%; z-index: 3; border-left: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; opacity: 0; transition: 0.3s; } .PcCode .innerMain .content .productContent .showPro li:after { content: ''; display: block; width: 0; height: 84%; position: absolute; left: 8%; top: 8%; z-index: 3; border-top: 1px solid #fff; border-bottom: 1px solid #fff; box-sizing: border-box; opacity: 0; transition: 0.3s; } .PcCode .innerMain .content .productContent .showPro li a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; } .PcCode .innerMain .content .productContent .showPro li h4 { width: 80%; height: 40px; position: absolute; top: 37%; left: 10%; line-height: 40px; color: #fff; font-size: 18px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; z-index: 5; } .PcCode .innerMain .content .productContent .showPro li:hover h4 { top: 40%; } .PcCode .innerMain .content .productContent .showPro li:hover:before { height: 84%; opacity: 1; } .PcCode .innerMain .content .productContent .showPro li:hover:after { width: 84%; opacity: 1; } .PcCode .innerMain .content .productContent .showProMain {} .PcCode .innerMain .content .productContent .showProMain li { width: 264px; height: 240px; padding: 5px; border: 1px solid #ddd; float: left; text-align: center; line-height: 40px; margin-top: 0; margin-right: 6px; margin-bottom: 15px; margin-left: 6px; font-size: 16px; } .page { padding: 15px 0; line-height: 30px; text-align: center; font-size: 12px; } .page a { display: inline-block; border: 1px solid #ddd; padding: 0 10px; background: #eee; margin: 0 2px; } .page a:hover, .page a.act { background: #187DCE; color: #fff; } .page SPAN.current { display: inline-block; border: 1px solid #ddd; padding: 0 10px; background: #187DCE; color: #fff; margin: 0 2px; } .page SPAN.disabled { display: inline-block; border: 1px solid #ddd; padding: 0 10px; background: #eee; margin: 0 2px; } /*相关样式*/ #showbox { background: #eee; } #showbox span { background: url(../images/whitebg.png) repeat; } #showsum { left: 25px; top: 22px; } #showsum div:first-child { left: 0 !important; } #showbox img { transition: 0s; } #showsum span { border: 1px solid #ddd; } #showsum span.sel { border: 1px solid #187DCE; } .showpage { width: 500px; position: relative; } .showpage a { display: block; width: 22px; border: 1px solid #ddd; height: 90px; line-height: 90px; background: rgba(0, 0, 0, .5); text-align: center; font-size: 18px; position: absolute; left: 0; top: -70px; text-decoration: none; color: #fff; } .showpage a#shownext { left: auto; right: 0; } .showpage a:hover { background: #007AFF; } .PcCode .innerMain .perodetail { border: 1px solid #eee; padding: 20px; } .PcCode .innerMain .perodetail .boxTop { padding-bottom: 60px; } .PcCode .innerMain .perodetail .scalImg { float: left; width: 510px; } .PcCode .innerMain .perodetail .infoName { width: 310px; float: right; margin-bottom:20px; } .PcCode .innerMain .perodetail .infoName p.tit b { font-size: 20px; color: #333; } .PcCode .innerMain .perodetail .infoName p { line-height: 26px; border-bottom: 0px dashed #eee; padding: 10px 0; font-size: 14px; color: #888; } .pcon_info{background-color:#ff982a;padding:.5rem 1.25rem!important;border-radius:.25rem;color:#fff} .pcon_info:hover{background-color:#000;color:#fff} #feedbackForm table{width:100%; max-width:600px;_width:600px; margin-top:20px; margin:0 auto; text-align:left;} .ftxt{width:24%;}.fput{width:70%;} #feedbackForm .text{float:left;width:80%;height:26px;margin:16px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 5px;border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;color:#666;} #feedbackForm .lable{padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;} #feedbackForm .atextarea{float:left;width:80%;padding:5px;margin:16px 0px 0px 0px;border:1px solid #CCC;height:100px;font-size:12px;line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#666;} #feedbackForm .submita{display:inline-block; padding:0 20px;height:28px;line-height:28px;text-align:center;font-size:16px;background:#ff9c00;margin:20px 14px; border:none; color:#fff; cursor:pointer} #feedbackForm .fsbtn{text-align:center;width:80%;padding:1px;margin:0px;}#feedbackForm span.xh,#msg{color:#f00;} .PcCode .innerMain .perodetail .boxBottom h4 { border-bottom: 1px solid #eee; } .PcCode .innerMain .perodetail .boxBottom h4 span { background: #187DCE; display: inline-block; padding: 10px 20px; color: #fff; } .PcCode .innerMain .perodetail .boxBottom .onfos { font-size: 12px; color: #888; padding: 15px 0; line-height: 24px; } .PcCode .innerMain .perodetail .boxBottom .onfos p { padding: 5px 0; } .PcCode .innerMain .inerNew ul { padding: 20px 10px; } .PcCode .innerMain .inerNew ul li { background: #f7f7f7; padding: 30px; margin-bottom: 15px; overflow: hidden; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; border: 1px solid #eee } .PcCode .innerMain .inerNew ul li a { display: block; font-size: 12px; } .PcCode .innerMain .inerNew ul li a:hover { color: #333; } .PcCode .innerMain .inerNew ul li h4 { padding-bottom: 20px; font-weight: normal; font-size: 16px; line-height: 30px; } .PcCode .innerMain .inerNew ul li h4 time { float: right; font-size: 20px; } .PcCode .innerMain .inerNew ul li p { height: 40px; overflow: hidden; color: #888; } .PcCode .innerMain .inerNew ul li p span { display: block; float: left; width: 800px; line-height: 22px; } .PcCode .innerMain .inerNew ul li p em { display: inline-block; float: right; font-style: normal; margin-right: 40px; border: 1px solid #ddd; padding: 7px 10px; border-radius: 20px; margin-top: 5px; transition: 0.3s; } .PcCode .innerMain .inerNew ul li:hover { box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .1); padding-left: 50px; } .PcCode .innerMain .inerNew ul li:hover p em { margin-right: 0px; background: #ddd; } .PcCode .innerMain .inerNew .newtit { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 18px; } .PcCode .innerMain .inerNew .newtit h2 { text-align: center; font-weight: normal; line-height: 26px; padding-bottom: 15px; } .PcCode .innerMain .inerNew .newtit p { color: #aaa; font-size: 12px; } .PcCode .innerMain .inerNew .newInfo { padding: 30px 0; border-bottom: 1px solid #eee; margin-bottom: 15px; } .PcCode .innerMain .inerNew .newInfo p { line-height: 24px; padding: 8px 0; } .PcCode .innerMain .inerNew .updown a { display: inline-block; color: #888; } .PcCode .innerMain .inerNew .updown a.next { float: right; } .PcCode .innerMain .downLoad ul { border: 1px solid #eee; padding: 20px; } .PcCode .innerMain .downLoad ul li { line-height: 24px; margin: 10px 0; padding: 18px; font-size: 12px; transition: 0.3s; color: #888; } .PcCode .innerMain .downLoad ul li:hover { background: #eff9f8; border-radius: 5px; padding-left: 30px; } .PcCode .innerMain .downLoad ul li:hover .info a { padding: 3px 30px; } .PcCode .innerMain .downLoad ul li .name { padding-bottom: 10px; font-size: 14px; } .PcCode .innerMain .downLoad ul li .name time { float: right; font-size: 12px; color: #999; } .PcCode .innerMain .downLoad ul li img { margin-right: 5px; } .PcCode .innerMain .downLoad ul li .info span { padding-right: 10px; } .PcCode .innerMain .downLoad ul li .info a { float: right; background: #187DCE; color: #fff; padding: 3px 20px; } .PcCode .innerMain .downLoadetail .chioceAll { padding: 15px 0; border-bottom: 1px solid #eee; margin-bottom: 15px; } .PcCode .innerMain .downLoadetail h4 { font-size: 26px; font-weight: normal; padding-bottom: 10px; } .PcCode .innerMain .downLoadetail ul { padding: 20px 0 10px 0; } .PcCode .innerMain .downLoadetail ul li { border-bottom: 1px solid #eee; padding: 18px 0; } .PcCode .innerMain .downLoadetail .slefCheck { float: left; width: 14px; height: 14px; display: block; position: relative; overflow: hidden; margin: 4px 5px 0 0; } .PcCode .innerMain .downLoadetail .slefCheck input { position: absolute; left: -20px; } .PcCode .innerMain .downLoadetail .slefCheck img { float: left; } .PcCode .innerMain .downLoadetail .slefCheck .chok { display: none; } .PcCode .innerMain .downLoadetail .chioceAll label { display: block; float: left; } .PcCode .innerMain .downLoadetail .chioceAll a { display: inline-block; background: #187DCE; padding: 5px 20px; color: #fff; margin-left: 15px; } .PcCode .innerMain .downLoadetail a { display: inline-block; color: #888; } .PcCode .innerMain .downLoadetail a.next { float: right; } .PcCode .innerMain .contactus .list { overflow: hidden; padding: 20px; } .PcCode .innerMain .contactus .list h4 { font-size: 30px; text-align: center; font-weight: normal; padding-bottom: 20px; } .PcCode .innerMain .contactus .list .box { overflow: hidden; } .PcCode .innerMain .contactus .list .box img { float: left; } .PcCode .innerMain .contactus .list .info { float: left; padding-left: 130px; line-height: 26px; padding-top: 70px; } .PcCode .innerMain .contactus .list .info p { padding: 8px 0; } .PcCode .innerMain .contactmsg form { padding: 10px 30px; } .PcCode .innerMain .contactmsg .ipt { border: 1px solid #ddd; height: 30px; line-height: 30px; width: 350px; padding-left: 10px; } .PcCode .innerMain .contactmsg textarea { border: 1px solid #ddd; height: 180px; line-height: 20px; width: 350px; padding: 10px; } .PcCode .innerMain .contactmsg p { padding: 8px 0; } .PcCode .innerMain .contactmsg p span { display: none; } .PcCode .innerMain .contactmsg p img { border: 1px solid #ddd; height: 30px; margin-left: 10px; } .PcCode .innerMain .contactmsg p label { display: block; float: left; line-height: 30px; width: 60px; padding-right: 8px; text-align: right; } .PcCode .innerMain .contactmsg .sumit { width: 120px; height: 40px; background: #187DCE; color: #fff; font-size: 16px; } .PcCode .innerMain .contactmsg .red { color: #dc8d99; padding-left: 8px; } .PcCode .innerMain .pcMap { width: 1150px; height: 500px; border: 2px solid #eee; overflow: hidden; } .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } ::-webkit-input-placeholder { /* WebKit browsers */ color: #aaa; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #aaa; font-size: 14px; } /*Mb端*/ .MbCode .lang { height: 24px; background: rgba(64, 65, 69, 1); padding: 5px; } .MbCode .lang a { margin-right: 8px; } .MbCode .Mbanerbox { overflow: hidden; position: relative; } .MbCode .Mbanerbox .Mbmenu { background: rgba(255, 255, 255, .6); height: 44px; position: absolute; width: 100%; left: 0; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; box-sizing: border-box; } .MbCode .Mbanerbox .Mbmenu span { width: 20px; height: 28px; padding: 5px; display: inline-block; } .MbCode .Mbanerbox .swiper-button-next, .MbCode .Mbanerbox .swiper-button-prev { padding: 10px 3px; } .MbCode .Mbanerbox .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; } .MbCode .Mbanerbox .swiper-slide { text-align: center; } #nMbanerbox { height: auto; } .MbCode .Mbanerbox .Mbwesite { position: absolute; width: 100%; bottom: 0; height: 38px; padding: 0 10px; box-sizing: border-box; line-height: 38px; color: #fff; } .MbCode .Mbanerbox .Mbwesite span { float: right; } .MbCode .open.sideMneu { right: 0; } .MbCode .sideMneu { width: 60vw; position: fixed; right: -60vw; height: 100%; background: #fff; z-index: 45; line-height: 39px; transition: 0.3s; overflow: hidden; } .MbCode .sideMneu h4 { height: 44px; background: #333; padding: 0 15px; color: #999; font-weight: normal; line-height: 44px; } .MbCode .sideMneu h4 span { background: #555; line-height: 24px; display: inline-block; width: 24px; border-radius: 50%; text-align: center; color: #ddd; float: right; margin-top: 8px; font-family: "arial"; } .MbCode .sideMneu li { border-bottom: 1px solid #ddd; } .MbCode .sideMneu li a { padding-left: 15px; font-size: 13px; } .MbCode .indexTit { font-size: 18px; text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 25px; } .MbCode .indexTit span { display: block; position: absolute; left: 50%; bottom: 0; width: 40px; background: #187DCE; height: 1px; margin-left: -20px; } .MbCode .product { padding: 20px 0; } .MbCode .product .swiper-container { padding-bottom: 20px; } .MbCode .product .proBox { padding: 0 8vw; position: relative; } .MbCode .product .proBox .btn { width: 30px; height: 40px; display: block; position: absolute; top: 30%; opacity: 0.6; } .MbCode .product .proBox .btn.pre { left: 0; } .MbCode .product .proBox .btn.next { right: 0; } .MbCode .product .swiper-slide a { display: block; overflow: hidden; margin: 0 5px; padding: 5px; border-radius: 5px; text-align: center; line-height: 24px; background: #eee; float:none; } .MbCode .product .swiper-slide a .name { padding: 8px 0; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .MbCode .product .swiper-slide a img { opacity: 0.8; } .MbCode .product .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0px; } .MbCode .product .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; background: rgba(0, 0, 0, 0.65); } .MbCode .product .swiper-pagination-bullet-active { background: #187DCE; } .MbCode .product .swiper-button-prev { margin-left: -250px; } .MbCode .product .swiper-button-next { margin-right: -250px; } .MbCode .fastLink { overflow: hidden; } .MbCode .fastLink li { float: left; width: 50%; } .MbCode .fastLink li a { display: block; } .MbCode .inews { padding-top: 20px; background: #eff6fc url(../images/iNewbj.jpg) no-repeat center top; background-size: contain; } .MbCode .inews ul { display: none; } .MbCode .inews ul#inews1 { display: block; } .MbCode .inews li { border-bottom: 1px solid #ddd; } .MbCode .inews li a { display: block; line-height: 24px; padding: 10px; } .MbCode .inews li time { color: #666; font-size: 12px; } .MbCode .inews li time img { margin-right: 10px; margin-top: -2px; } .MbCode .inews .loadMore a { background: #187DCE; display: block; padding: 15px; text-align: center; color: #fff; } .MbCode .ipro { background: url(../images/Miprobj.jpg) no-repeat center top; background-size: cover; padding: 30px 0; } .MbCode .ipro .indexTit { color: #fff; } .MbCode .ipro .indexTit span { background: #fff; } .MbCode .ipro li { width: 44%; padding: 15px 3%; float: left; overflow: hidden; height: 40px; } .MbCode .ipro li a { display: block; font-size: 14px; color: #333; background: #fff; padding: 10px 5px; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; font-weight: bold; } .MbCode .ifooter { font-size: 12px; text-align: center; padding: 10px; line-height: 24px; padding-bottom: 70px; } .MbCode .fixed { background: #404145; width: 100%; position: fixed; bottom: 0; z-index: 15; } .MbCode .fixed li { width: 33.3333%; float: left; border-right: 1px solid #555; box-sizing: border-box; padding: 10px 0; } .MbCode .fixed li img { width: 22px; } .MbCode .fixed li a { display: flex; flex-direction: column; text-align: center; color: #fff; } .MbCode .open.menuFixed { right: 0; } .MbCode .menuFixed { width: 100%; position: fixed; right: -100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 45; line-height: 39px; transition: 0.3s; overflow: hidden; } .MbCode .menuFixed .left { width: 16%; float: left; height: 100%; display: flex; justify-content: center; } .MbCode .menuFixed .left span { margin-top: 60px; } .MbCode .menuFixed .right { width: 84%; float: right; height: 100%; background: #fff; overflow: auto; } .MbCode .menuFixed h4 { height: 44px; background: #333; padding: 0 20px; color: #fff; line-height: 44px; } .MbCode .menuFixed h4 span { background: #555; line-height: 24px; display: inline-block; width: 24px; border-radius: 50%; text-align: center; color: #ddd; float: right; margin-top: 8px; font-family: "arial"; } .MbCode .menuFixed li { border-bottom: 1px solid #ddd; } .MbCode .menuFixed li a { font-size: 13px; display: block; position: relative; padding-left: 20px; } #pleft30 li a { padding-left: 30px; } .MbCode .menuFixed li a i { display: block; width: 30px; height: 39px; background: url(../images/subPromenu1.png) no-repeat center; position: absolute; left: 0; top: 0; transition: 0.3s; } .MbCode .menuFixed li em { display: block; position: absolute; height: 39px; width: 30px; background: red; right: 0; background: url(../images/iconShaer.png) no-repeat center; background-size: 15px 15px; border-left: 1px solid #e1e1e1; } .MbCode .menuFixed li a i.dian { display: block; width: 4px; height: 4px; background: #999; position: absolute; left: 10px; top: 44%; transition: 0.3s; } .MbCode .menuFixed li a i.down { display: block; float: left; width: 30px; height: 39px; background: url(../images/subPromenu2.png) no-repeat center; } .MbCode .menuFixed li .subhide { display: none; background: #f5f5f5; border-top: 1px solid #e1e1e1; } .MbCode .menuFixed li .subhide p { border-bottom: 1px solid #e1e1e1; } .MbCode .menuFixed li .subhide p:last-child { border: none; } .MbCode .menuFixed li .subhide a { display: block; padding-left: 40px !important; position: relative; } .MbCode .menuFixed li .subhide a i { background: none; width: 4px; height: 4px; background: #999; position: absolute; top: 45%; left: 25px; } .MbCode .aboutus, .MbCode .organization, .MbCode .honor { padding: 20px 10px; line-height: 24px; font-size: 13px; } .MbCode .aboutus h4 { font-size: 18px; padding-bottom: 10px; } .MbCode .aboutus p { padding: 5px 0; } .MbCode .aboutus .imgs img { width: 48%; margin: 0 1%; float: left; } .MbCode .organization h4, .MbCode .honor h4 { font-size: 16px; text-align: center; border-bottom: 1px solid #eee; font-weight: normal; padding-bottom: 20px; margin-bottom: 20px; } .MbCode .organization h4, .MbCode .honor img { margin-bottom: 15px; } .MbCode .proMain{ overflow: hidden; padding: 10px 0; } .MbCode .proMain ul { display:none; } .MbCode .proMain ul#inews1 { display:block; } .MbCode .proMain li { width: 48%; float: left; margin: 0 1%; padding: 5px; box-sizing: border-box; } .MbCode .proMain li a { display: block; background: #e1e1e1; padding: 3px; border-radius: 5px; overflow: hidden; } .MbCode .proMain li a p { height: 36px; line-height: 18px; font-size: 12px; text-overflow: ellipsis; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 5px; } .MbCode .proMain .loadMore a { background: #eee; display: block; padding: 10px; text-align: center; color: #777; } .MbCode .proMainDetail .name { padding: 15px; font-weight: normal; } .MbCode .proMainDetail .infotit { line-height: 40px; padding: 0 10px; font-size: 16px; font-weight: normal; } .MbCode .proMainDetail .info { padding: 10px; line-height: 24px; font-size: 13px; } .MbCode .proMainDetail .updown { border-top: 1px solid #eee; padding: 10px 5px; } .MbCode .proMainDetail .updown span { display: block; width: 50%; float: left; } .MbCode .proMainDetail .updown span a { color: #999; } .MbCode .inerNews ul { display:none; } .MbCode .inerNews ul#inews1 { display:block; } .MbCode .inerNews li { border-bottom: 1px solid #eee; padding: 10px; } .MbCode .inerNews li a { display: block; font-size: 12px; line-height: 22px; color: #666; padding-right: 50px; background: url(../images/p_next.png) no-repeat center right; background-size: 15px; } .MbCode .inerNews li a h4 { font-weight: normal; padding-bottom: 5px; color: #333; font-size: 14px; } .MbCode .inerNews li a img { margin-right: 5px; } .MbCode .inerNews li a .ins { padding: 5px 0; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .MbCode .inerNews .loadMore a { background: #eee; display: block; padding: 10px; text-align: center; color: #777; } .MbCode .inerNewsDetail { padding: 10px; } .MbCode .inerNewsDetail h4 { padding: 10px 0; text-align: center; font-weight: normal; font-size: 16px; } .MbCode .inerNewsDetail .tips { font-size: 12px; color: #999; display: flex; justify-content: space-between; } .MbCode .inerNewsDetail .info { line-height: 24px; padding: 20px 0; font-size: 13px; } .MbCode .inerNewsDetail .updown { border-top: 1px solid #eee; padding: 10px 5px; } .MbCode .inerNewsDetail .updown span { display: block; width: 100%; padding: 5px 0; } .MbCode .inerNewsDetail .updown span a { color: #999; } .MbCode .inerDown .list li { width: 50%; float: left; color: #888; font-size: 12px; padding: 10px; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; border-left: 0; line-height: 24px; } .MbCode .inerDown .list li h4 { font-weight: normal; color: #333; font-size: 14px; } .MbCode .inerDown .list li img { margin-right: 5px; } .MbCode .inerDown .list li p a { background: #187DCE; color: #fff; padding: 5px 15px; border-radius: 2px; } .MbCode .inerDown .pages { line-height: 40px; background: #187DCE; height: 40px; margin-top: 10px; } .MbCode .inerDown .pages li { width: 33.333%; float: left; text-align: center; } .MbCode .inerDown .pages li a { display: block; color: #fff; } .MbCode .inerDown .pages li.center { background: #ddd; position: relative; } .MbCode .inerDown .pages li.center i { font-style: normal; transform: rotate(-90deg); display: inline-block; } .MbCode .inerDown .pages li.center .hide { position: absolute; background: #f5f5f5; width: 100%; left: 0; bottom: 40px; border: 1px solid #ddd; display: none; } .MbCode .inerDown .pages li.center .hide a { color: #666; } .MbCode .inerDowndetail { padding: 10px; } .MbCode .inerDowndetail h4 { font-size: 16px; padding: 8px 0; } .MbCode .inerDowndetail .tips { font-size: 12px; color: #888; } .MbCode .inerDowndetail li { border-bottom: 1px solid #eee; padding: 10px 0; font-size: 12px; color: #888; } .MbCode .inerDowndetail li a { background: #187DCE; color: #fff; padding: 5px 15px; border-radius: 2px; } .MbCode .inerContact { padding: 10px; line-height: 24px; } .MbCode .inerContact h4 { font-size: 16px; text-align: center; border-bottom: 1px solid #eee; font-weight: normal; padding-bottom: 20px; margin-bottom: 20px; } .MbCode .inerContact p { padding: 4px 0; } .MbCode .inerContact p.type { padding: 20px 0; text-align: center; } .MbCode .inerContactMsg { padding: 10px; } .MbCode .inerContactMsg li { padding: 5px 0; } .MbCode .inerContactMsg p { padding-bottom: 6px; } .MbCode .inerContactMsg input, .MbCode .inerContactMsg textarea { border: 1px solid #eee; width: 100%; padding: 4px; box-sizing: border-box; } .MbCode .inerContactMsg input { height: 32px; line-height: 32px; } .MbCode .inerContactMsg textarea { height: 60px; } .MbCode .inerContactMsg .sumit { background: #187DCE; height: 40px; border-radius: 5px; color: #fff; } .MbCode .inerContactMsg .red { display: none; color: indianred; } @media screen and (max-width:768px) { .PcCode { display: none; } .MbCode { display: block; } } @media screen and (max-width:640px) {} @media screen and (max-width:480px) { .MbCode .lang a img { width: 28px; } } @media screen and (max-width:320px) {}