html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.42857143; font-size: 14px; min-width: 1200px; background: #fff; color: #333; } h1 { font-size: 2em; margin: .67em 0; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { -webkit-text-decoration-skip: objects; background-color: transparent; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; } body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type=button],/* 1 */ [type=reset], [type=submit] { -webkit-appearance:button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style:none; padding:0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline:1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing:border-box; padding:0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height:auto; } [type=search] { -webkit-appearance:textfield; outline-offset:-2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; } summary { display: list-item; } article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu { display: block; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } audio, video, canvas { display: inline-block; } template, [hidden] { display:none; } .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } a { color: #333; text-decoration: none; } a:hover { color: #073e89; } ul { margin: 0; list-style: none; padding: 0; } .container { width: 1200px; margin: 0 auto; } .img-center { text-align: center; font-size: 0; } .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .dropdown { position: relative; } .dropdown-box { position: absolute; left: 0; top: 100%; z-index: 10; width: 100%; display: none; overflow: hidden; } .dropdown-box li { border-top: 1px solid #ddd; text-align: center; } .dropdown-box li a { display: block; line-height: 40px; color: #333; } .dropdown.open .dropdown-box { display: block; } .kefu { position: fixed; right: -170px; top: 50%; z-index: 900; } .kefu li a { text-decoration: none; } .kefu li { margin-top: 1px; clear: both; height: 71px; position: relative; } .kefu li i { background: url(../images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0 auto; text-align: center; } .kefu li p { height: 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; margin: 0; } .kefu .kefu-qq i { background-position: 4px 5px; } .kefu .kefu-tel i { background-position: 0 -21px; } .kefu .kefu-liuyan i { background-position: 4px -53px; } .kefu .kefu-weixin i { background-position: -34px 4px; } .kefu .kefu-weibo i { background-position: -30px -22px; } .kefu .kefu-ftop { display: none; } .kefu .kefu-ftop i { width: 33px; height: 35px; background-position: -27px -51px; } .kefu .kefu-left { float: left; width: 77px; height: 47px; position: relative; } .kefu .kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .kefu .kefu-right { width: 20px; } .kefu .kefu-tel-main { background: #073e89; color: #fff; height: 56px; width: 247px; padding: 9px 0 6px; float: left; } .kefu .kefu-main { background: #073e89; width: 97px; height: 56px; position: relative; padding: 9px 0 6px; float: left; } .kefu .kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .kefu-weixin-pic img { width: 115px; height: 115px; } .web-header { padding: 15px 0; overflow: hidden; } .web-header .logo { float: left; } .web-header .logo img { display: block; height: 100px; width: auto; } .web-header .text { float: left; font-size: 12px; margin: 26px 0 0 30px; color: #999; line-height: 1; text-align: center; } .web-header .text strong { display: block; font-size: 26px; color: #333; margin-bottom: 5px; } .web-header .text strong span { color: #073e89; } .web-header .text small { display: block; background: url(../images/t_line.gif) no-repeat center; margin-top: 10px; } .web-header .tel { float: right; background: url(../images/tel.gif) no-repeat 0 center; padding-left: 50px; margin-left: 40px; margin-top: 23px; } .web-header .tel strong { display: block; font-size: 28px; font-family: Impact; line-height: 1; margin-top: 5px; } .web-nav { background-color: #ededed; } .web-nav li { float: left; } .web-nav li:last-child { background: none; } .web-nav li a { display: block; padding: 0 31px; line-height: 66px; font-size: 16px; position: relative; color: #333; } .web-nav li a:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #073e89; } .web-nav li a:hover:before, .web-nav li.active a:before, .web-nav li.open>a:before { height: 100%; } .web-nav li a span { position: relative; z-index: 1; } .web-nav .dropdown-box { background-color: #ededed; } .web-nav .dropdown-box li { float: none; background: none; } .web-nav .dropdown-box a { line-height: 20px; font-size: 14px; padding: 15px 10px; margin: 0; } .web-slideBox { height: 500px; position: relative; overflow: hidden; } .web-slideBox .hd { position: absolute; bottom: 40px; font-size: 0; left: 0; width: 100%; text-align: center; z-index: 2; } .web-slideBox .hd li { display: inline-block; width: 60px; height: 5px; margin: 0 5px; background-color: #000; cursor: pointer; } .web-slideBox .hd li.on { background-color: #fff; } .web-slideBox .bd, .web-slideBox .bd ul, .web-slideBox .bd li { width: 100% !important; height: 100% !important; } .web-slideBox .bd li { background: no-repeat center; } .web-slideBox .bd li a { display: block; width: 100%; height: 100%; } .web-sou { padding: 20px 0; border-bottom: 1px solid #eee; background: #efefef; } .web-sou .hot { float: left; padding: 8px 0; } .web-sou .hot a { margin-right: 10px; } .web-sou .hform { float: right; } .web-sou .hform input { float: left; font-size: 14px; border: 0; padding: 8px 10px; line-height: 20px; background: #fff; width: 210px; } .web-sou .hform button { border: 0; border-bottom: 1px solid transparent; padding: 0; float: left; cursor: pointer; outline: none; width: 49px; height: 36px; background: url(../images/s_so.gif) no-repeat center; } .web-sou-inner { background-color: #F2F2F2; } .web-sou-inner .web-sou { border-bottom: 0; } .web-sou-inner .hot { padding: 6px 0; } .web-sou-inner .hform { background-color: #fff; border-radius: 20px; overflow: hidden; } .web-sou-inner .hform input { width: 240px; background: none; padding: 6px 15px; } .web-sou-inner .hform button { background: url(../images/viskins-p1.png) no-repeat -258px -936px; width: 30px; height: 30px; } .section { padding: 75px 0; } .section-title { text-align: center; font-size: 40px; margin-bottom: 40px; } .section-title strong { color: #073e89; } .section-title p { margin: 0; font-size: 0; margin-top: 20px; } .section-title span { display: inline-block; vertical-align: middle; position: relative; font-size: 20px; padding: 0 20px; } .section-title span:before, .section-title span:after { position: absolute; top: 50%; content: ''; width: 40px; height: 2px; background-color: #073e89; margin-top: -1px; } .section-title span:before { right: 100%; } .section-title span:after { left: 100%; } .in-yin { margin: 40px 0 0 -18px; } .in-yin li { float: left; width: 25%; } .in-yin li a { display: block; position: relative; margin: 0 0 0 18px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .in-yin li .tit { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #073e89; text-align: center; font-size: 18px; line-height: 85px; font-weight: bold; color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; } .in-yin li .tit i { position: absolute; left: 50%; top: -23px; width: 46px; height: 46px; background: no-repeat center #073e89; margin-left: -23px; border-radius: 50%; } .in-yin li .text { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); -webkit-transition: all 0.5s; transition: all 0.5s; } .in-yin li .wrap { color: #fff; padding: 80px 30px 0; } .in-yin li .wrap i { width: 64px; height: 64px; background: no-repeat center #073e89; margin: 0 auto; border-radius: 50%; display: block; } .in-yin li .wrap h4 { margin: 0; position: relative; line-height: 70px; font-size: 26px; text-align: center; } .in-yin li .wrap h4:after { position: absolute; bottom: 0; left: 50%; content: ''; height: 3px; width: 30px; background-color: #fff; margin-left: -15px; } .in-yin li .wrap p { font-size: 16px; line-height: 1.8; text-align: justify; margin: 15px 0 0; } .in-yin li a:hover { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .in-yin li a:hover .tit { bottom: -108px; } .in-yin li a:hover .text { top: 0; } .bg1 { color: #fff; background: url(../images/cp_bg.jpg) no-repeat center; } .bg2 { color: #fff; background: url(../images/ys_bg.jpg) no-repeat center 0 #f5f5f5; } .bg3 { background: url(../images/ban01.jpg) no-repeat center; } .web-pro { color: #333; } .web-pro .sd { float: left; width: 260px; background-color: #fff; } .web-pro .sd h4 { margin: 0; line-height: 80px; text-align: center; font-size: 24px; background-color: #073e89; } .web-pro .sd .tit { line-height: 65px; background: #efefef url(../images/cp_ico02.png) no-repeat 210px center; font-weight: bold; border-bottom: 1px solid #efefef; } .web-pro .sd .tit a { display: block; background: url(../images/cp_ico01.png) no-repeat 25px center; padding-left: 55px; } .web-pro .sd ul { overflow: hidden; margin: 0 15px; } .web-pro .sd li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; border-bottom: #efefef 1px solid; background: url(../images/cp_ico03.png) no-repeat 18px center; padding-left: 45px; } .web-pro .sd .tel { margin: 10px; background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px; padding: 72px 0 30px; text-align: center; } .web-pro .sd .tel strong { display: block; font-size: 30px; } .web-pro .mn { float: right; width: 920px; } .web-pro .mn ul { margin-left: -10px; margin-top: -10px; } .web-pro .mn li { float: left; width: 33.333333%; } .web-pro .mn li a { display: block; margin: 10px 0 0 10px; background-color: #fff; } .web-pro .mn li .m {/* height: 195px; */ line-height: 195px; } .web-pro .mn li p { margin: 0; padding: 0 15px; text-align: center; line-height: 55px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #e0e0e0; } .web-pro .mn li a:hover p { background-color: #073e89; color: #333; } .in-case { position: relative; margin-top:40px; } .in-case .hd { margin-bottom: 40px; } .in-case .hd a { display: block; font-size: 20px; line-height: 56px; padding: 0 30px; border-radius: 30px; } .in-case .hd .more { float: right; } .in-case .hd li { float: left; margin-right: 20px; } .in-case .hd li:before { float: right; content: '-'; line-height: 56px; width: 10px; text-align: center; margin-right: -15px; } .in-case .hd li:last-child:before { display: none; } .in-case .hd li.on a, .in-case .hd a:hover { background-color: #073e89; color: #fff; } .in-case .bd dl { margin: 0; position: relative; height: 540px; background-color: #fff; } .in-case .bd dt { position: absolute; left: 50%; top: 55px; width: 568px; height: 425px; line-height: 425px; overflow: hidden; } .in-case .bd dt img { -webkit-transition: all 0.5s; transition: all 0.5s; } .in-case .bd dt a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .in-case .bd dd { margin: 0 50% 0 0; padding: 75px 80px 0; } .in-case .bd dd h4 { margin: 0 0 30px; font-size: 30px; } .in-case .bd dd h4 small { font-size: 14px; display: block; } .in-case .bd dd p { margin: 0; color: #666; line-height: 2; text-align: justify; } .in-case .bd dd .more { display: inline-block; margin-top: 30px; padding: 7px 25px; background-color: #073e89; color: #fff; text-transform: uppercase; border-radius: 50px; } .in-case .bd dd .more:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; } .in-case .arr { position: absolute; left: 80px; bottom: 75px; z-index: 2; font-size: 0; } .in-case .arr a { display: inline-block; vertical-align: middle; background: no-repeat center; width: 58px; height: 58px; margin-right: 15px; } .in-case .arr a.prev { background-image: url(../images/case_lico01.png); } .in-case .arr a.prev:hover { background-image: url(../images/case_lico02.png); } .in-case .arr a.next { background-image: url(../images/case_rico01.png); } .in-case .arr a.next:hover { background-image: url(../images/case_rico02.png); } .in-ys { padding: 12px 26px 0; } .in-ys dl { margin: 55px 0 0; float: left; width: 566px; height: 421px; position: relative; } .in-ys dt { border: 12px solid #073e89; width: 311px; height: 397px; line-height: 397px; overflow: hidden; } .in-ys dt img { -webkit-transition: all 0.5s; transition: all 0.5s; } .in-ys dt img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .in-ys dd { position: absolute; right: 0; background-color: #fff; margin: -172px 0 0; top: 50%; width: 350px; height: 294px; color: #333; padding: 50px 50px 0 50px; } .in-ys dd h4 { margin: 0; font-size: 30px; } .in-ys dd h4:after { display: block; height: 2px; width: 40px; background-color: #073e89; content: ''; margin-top: 15px; } .in-ys dd p { margin: 20px 0 0; font-size: 16px; line-height: 1.8; height: 84px; overflow: hidden; } .in-ys dd .num { display: block; margin-top: 30px; } .in-ys dl:nth-child(even) { float: right; } .in-ys dl:nth-child(even) dt { float: right; } .in-ys dl:nth-child(even) dd { left: 0; right: auto; } .in-flow { background: url(../images/liuc_line.png) no-repeat 165px 45px; } .in-flow li { float: left; width: 171px; text-align: center; color: #333; font-weight: bold; font-size: 14px; } .in-flow li .icon { display: block; width: 100px; height: 100px; margin: 0 auto 12px; position: relative; } .in-flow li .icon i:before { content: ''; } .in-flow li .icon i, .in-flow li .icon i:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/iflow_icon.png) } .in-flow li .icon i.default { background-position: 0 0; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .in-flow li .icon i.hover { background-position: 0 -100px; opacity: 1; visibility: hidden; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.1s ease 0.2s; transition: all 0.1s ease 0.2s; } .in-flow li.i1 .icon i:before { background-position: 0 -200px; } .in-flow li.i2 .icon i:before { background-position: 0 -300px; } .in-flow li.i3 .icon i:before { background-position: 0 -400px; } .in-flow li.i4 .icon i:before { background-position: 0 -500px; } .in-flow li.i5 .icon i:before { background-position: 0 -600px; } .in-flow li.i6 .icon i:before { background-position: 0 -700px; } .in-flow li.i7 .icon i:before { background-position: 0 -800px; } .in-flow li:hover .icon i.default { opacity: 0; visibility: hidden; -webkit-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .in-flow li:hover .icon i.hover { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .in-kehu { position: relative; } .in-kehu .bd { overflow: hidden; } .in-kehu dl { float: left; margin: 0 10px; padding: 20px; background-color: #f5f5f5; width: 540px; } .in-kehu dt { -webkit-transition: all 0.5s; transition: all 0.5s; float: left; width: 196px; height: 196px; overflow: hidden; border-radius: 50%; line-height: 196px; } .in-kehu dt:hover { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .in-kehu dd { margin-left: 220px; padding-top: 45px; } .in-kehu dd h4 { margin: 0; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .in-kehu dd p { line-height: 1.8; margin: 15px 0 0; color: #666; text-align: justify; } .in-kehu .prev, .in-kehu .next { background: no-repeat center; width: 58px; height: 58px; position: absolute; top: 50%; margin-top: -29px; } .in-kehu .prev { background-image: url(../images/case_lico01.png); left: -68px; } .in-kehu .prev:hover { background-image: url(../images/case_lico02.png); } .in-kehu .next { background-image: url(../images/case_rico01.png); right: -68px; } .in-kehu .next:hover { background-image: url(../images/case_rico02.png); } .in-tel { float: right; width: 530px; } .in-tel .btn { float: right; display: block; background: url(../images/ban_btn.png) no-repeat; width: 160px; height: 50px; line-height: 50px; overflow: hidden; padding: 0 20px 0 0; color: #333; } .in-tel .btn:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; } .in-tel p { margin: 0 158px 0 0; background: url(../images/ban_tel.png) no-repeat 0 center; padding-left: 45px; } .in-tel p strong { display: block; font-size: 30px; color: #fff; line-height: 1; } .web-news {padding-top:40px;} .web-news .hd { font-size: 0; text-align: center; margin-bottom: 20px; } .web-news .hd li { display: inline-block; vertical-align: middle; margin: 0 10px; } .web-news .hd li a { display: block; line-height: 40px; width: 160px; font-size: 14px; border: 1px solid #ebebeb; } .web-news .hd li.on a { background-color: #073e89; border-color: #073e89; color: #fff; } .web-news .bd ul { margin-left: -40px; } .web-news .bd li { float: left; width: 50%; } .web-news .bd li a { display: block; margin-left: 40px; border: 1px solid #eee; background-color: #fff; margin-top: 20px; overflow: hidden; } .web-news .bd li .img-center { overflow: hidden; height: 290px; line-height: 290px; } .web-news .bd li .img-center img { -webkit-transition: all 0.5s; transition: all 0.5s; } .web-news .bd li a:hover .img-center img { -webkit-transform: scale(1.1); transform: scale(1.1); } .web-news .bd li .date { float: left; width: 110px; color: #666; padding: 26px 0; text-align: center; border-right: 1px solid #eee; line-height: 1; } .web-news .bd li .date strong { display: block; font-size: 50px; color: #333; font-family: Impact; margin-bottom: 6px; } .web-news .bd li .info { margin-left: 110px; padding: 20px; } .web-news .bd li .info h4 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } .web-news .bd li .info p { color: #888; margin: 10px 0 0; overflow: hidden; line-height: 1.8; height: 50px; } .web-news .bd li a:hover { border-color: #073e89; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .in-about { background-color: #f5f5f5; margin-top:40px; } .in-about dt { float: left; overflow: hidden; width: 660px; } .in-about dt img { -webkit-transition: all 0.5s; transition: all 0.5s; } .in-about dt:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .in-about dd { margin-left: 660px; padding: 60px 40px 0; } .in-about dd h4 { margin: 0; font-size: 28px; } .in-about dd p { margin: 20px 0 0; text-align: justify; line-height: 1.8; } .in-about dd .more { display: inline-block; margin-top: 30px; padding: 7px 25px; background-color: #073e89; color: #fff; text-transform: uppercase; border-radius: 50px; } .in-about dd .more:hover { -webkit-animation: shake 1.5s linear; animation: shake 1.5s linear; } .in-qyfc { background-color: #f5f5f5; } .in-qyfc .tit { line-height: 124px; background: #f7f7f7 url(../images/photo_line.png) no-repeat 0 center; } .in-qyfc .tit .more { float: right; width: 100px; text-transform: uppercase; text-align: center; } .in-qyfc .tit h4 { margin: 0 0 0 30px; background: url(../images/photo_ico.png) no-repeat 0 center; padding-left: 60px; font-size: 16px; } .in-qyfc .bd { overflow: hidden; } .in-qyfc .bd li { float: left; width: 230px; margin-right: 12px; } .in-qyfc .bd li .img-center { overflow: hidden; } .in-qyfc .bd li .img-center img { -webkit-transition: all 0.5s; transition: all 0.5s; } .in-qyfc .bd li .text { text-align: center; padding: 15px 0; } .in-qyfc .bd li a:hover .img-center img { -webkit-transform: scale(1.1); transform: scale(1.1); } .web-link { padding: 20px 0; } .web-link h4 { /* border-bottom: 1px solid #ddd; */ margin: 0; font-size: 18px; color: #073e89; padding-bottom: 15px; } .web-link h4 small { text-transform: uppercase; font-size: 16px; font-weight: normal; color: #999; } .web-link ul { margin-left: -20px; } .web-link li { float: left; margin-left: 20px; margin-top: 20px; } .web-footer { color: #fff; background-color: #073e89; padding: 50px 0; } .web-footer a { color: #fff; } .web-footer a:hover { color: #073e89; } .web-footer-nav { float: left; width: 390px; } .web-footer-nav ul { overflow: hidden; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; } .web-footer-nav li { float: left; width: 33.333333%; } .web-footer-nav li a { display: block; line-height: 32px; background: url(../images/f_ico01.png) no-repeat 0 center; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .web-footer-nav p { margin: 30px 0 0; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; } .web-footer-nav p strong { display: block; font-size: 24px; background: url(../images/f_ico02.png) no-repeat 0 center; padding-left: 25px; } .web-footer-info { float: left; width: 400px; margin-left: 90px; background: url(../images/f_line01.gif) no-repeat; padding-top: 20px; } .web-footer-info p { margin: 0 0 10px; line-height: 1.8; background: no-repeat 0 center; padding-left: 35px; } .web-footer-info p.i1 { background-image: url(../images/f_ico03.png); } .web-footer-info p.i2 { background-image: url(../images/f_ico04.png); } .web-footer-ewm { float: right; width: 240px; padding-top: 12px; background: url(../images/f_erbg.gif) no-repeat 0 0; margin-top: 20px; } .web-footer-ewm ul { overflow: hidden; } .web-footer-ewm li { float: left; width: 100px; margin: 0 0 0 14px; } .web-footer-ewm li .text { margin-top: 15px; text-align: center; } .web-banner { height: 350px; background: no-repeat center; } .web-banner a { display: block; width: 100%; height: 100%; } .web-curmbs { padding: 15px 0; border-bottom: 1px dashed #dcdcdc; margin-bottom: 20px; } .web-curmbs span { padding-left: 10px; border-left: 10px solid #073e89; } .web-curmbs em { font-style: normal; padding: 0 5px; color: #999; } .ct2-sd { float: left; width: 240px; } .ct2-mn { float: right; width: 930px; } .panel-sd-hd { background-color: #073e89; color: #fff; padding-bottom: 5px; } .panel-sd-hd h4 { text-align: center; border-bottom: 1px solid #fff; margin: 0; font-size: 24px; padding: 20px 0; } .panel-sd-bd { border: 1px solid #ececeb; padding: 5px 10px; border-top: 0; } .web-column h3 { margin: 0 0 2px; font-weight: normal; background: url(../images/p14-icon5.png) no-repeat right center #ddd; padding: 0 40px; } .web-column h3 a { display: block; line-height: 50px; font-size: 16px; color: #333; } .web-column h3.on, .web-column h3:hover { background: url(../images/p14-icon2.png) no-repeat right center #073e89; } .web-column h3.on a, .web-column h3:hover a { color: #fff; } .web-column li { line-height: 50px; border-bottom: 1px solid #fff; } .web-column li a { display: block; padding: 0 40px; background-color: #ECECEC; } .web-column .sub>a { position: relative; } .web-column .sub>a:after { content: ''; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .web-column .sub.open>a:after { border-color: #073e89; } .web-column .sub-box { border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; display: none; } .web-column .sub.open .sub-box { display: block; } .web-column .sub-box p { margin: 0; border-bottom: 1px solid #ECECEC; } .web-column .sub-box a { background-color: transparent; padding-left: 60px; } .web-contact-z1 { height: 140px; background: url(../images/contact-z1.jpg) no-repeat; margin-bottom: 20px; } .web-contact-z1 p { margin: 0; font-size: 20px; line-height: 30px; background: url(../images/contact-z1_tel.png) no-repeat 74px 44px; padding: 37px 0 0 95px; } .web-contact-z1 span { line-height: 30px; font-size: 18px; padding-left: 73px; } .web-contact-z2 { background-color: #073e89; text-align: center; color: #fff; padding: 20px; margin-bottom: 20px; } .web-contact-z2 p { margin: 0; } .web-contact-z2 p img { vertical-align: middle; margin-right: 5px; } .web-contact-z2 span { display: block; font-size: 28px; font-weight: bold; margin-top: 10px; line-height: 1; } .web-pages { text-align: center; margin: 30px 0; } .web-pages a { display: inline-block; margin: 0 3px; border: 1px solid #ddd; padding: 4px 12px; border-radius: 3px; } .web-pages a.active { background-color: #073e89; border-color: #073e89; color: #fff; } .web-title-1 { border-bottom: 1px solid #ececeb; height: 44px; margin-bottom: 15px; font-size: 24px; } .web-title-1 span { display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #073e89; } .web-menu-inner { text-align: center; margin-bottom: 20px; } .web-menu-inner a { float: left; width: 20%; } .web-menu-inner span { display: block; margin-left: 1px; background-color: #f4f4f4; color: #333; font-size: 18px; line-height: 55px; } .web-menu-inner a:hover span, .web-menu-inner a.active span { background: url(../images/p16-icon6.png) no-repeat center bottom #073e89; color: #fff; } .toutiao { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; } .toutiao dt { float: left; width: 60px; line-height: 30px; background-color: #073e89; color: #fff; text-align: center; font-size: 16px; } .toutiao dd { margin-left: 80px; overflow: hidden; } .toutiao dd h4 { margin: 0; line-height: 30px; font-weight: normal; font-size: 18px; } .toutiao dd p { color: #666; line-height: 1.8; margin: 10px 0; } .toutiao dd .more { float: right; color: #073e89; background: url(../images/p14-icon21.png) no-repeat 0 center; padding-left: 20px; } .list-2 { margin: 0 0 0 -20px; } .list-2 li { float: left; width: 30.333333%; } .list-2 li a { display: block; margin: 0 0 20px 20px; border: 1px solid #ddd; } .list-2 li a:hover { border-color: #073e89; color: #073e89; } .list-2 li .m { height: 221px; line-height: 221px; } .list-2 li .text { padding: 5px 20px; } .list-2 li h4 { margin: 0; font-size: 18px; line-height: 45px; height: 45px; overflow: hidden; font-weight: normal; } .list-2 li p { margin-top: 0; height: 40px; overflow: hidden; color: #666; } .list-5 li { margin-bottom: 15px; } .list-5 li a { display: block; border: 1px solid #ddd; padding: 15px; overflow: hidden; } .list-5 li .m { float: left; width: 250px; } .list-5 li .m img { display: block; width: 100%; height: auto; } .list-5 li .text { margin-left: 270px; } .list-5 li .text h4 { margin: 0; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; } .list-5 li .text h4 span { float: right; font-size: 12px; color: #999; font-weight: normal; } .list-5 li .text p { color: #797979; } .list-5 li .text .more { float: right; padding: 6px 12px; color: #fff; background-color: #B6B6B6; } .list-5 li a:hover { border-color: #073e89; } .list-5 li a:hover .text h4 { color: #073e89; } .list-5 li a:hover .text .more { background-color: #073e89; } .web-infocontent { margin-bottom: 30px; } .web-infocontent-title { margin-bottom: 20px; text-align: center; } .web-infocontent-title h1 { margin: 0; font-size: 24px; } .web-infocontent-title p { margin: 10px 0 0; font-size: 12px; color: #999; } .web-infocontent-title p span { padding: 0 5px; } .web-infocontent-desc { margin-bottom: 20px; border: 1px solid #ddd; padding: 20px; } .web-infocontent-body { line-height: 2; margin-bottom: 20px; } .web-infocontent-body img { max-width: 100% !important; height: auto !important; width: auto !important; } .web-infocontent-epx { margin-bottom: 20px; } .web-infocontent-epx li { line-height: 32px; margin-bottom: 5px; } .web-infocontent-epx li span { display: inline-block; background-color: #A2A2A2; color: #fff; padding: 0 15px; margin-right: 10px; } .web-infocontent-epx li em { float: right; font-style: normal; } .web-infocontent-return { border-top: 1px solid #073e89; line-height: 32px; } .web-infocontent-return a { margin-right: 10px; } .web-infocontent-return .more { margin: 0; float: right; background-color: #073e89; color: #fff; padding: 0 10px; } .web-infocontent-rem { margin-bottom: 20px; } .web-infocontent-rem h4 { margin: 0; font-size: 24px; line-height: 55px; } .web-infocontent-rem li { border-top: 1px dashed #dbdbdb; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 46px; } .web-infocontent-rem li span { float: right; } .about-1 { margin: 0; position: relative; } .about-1 dt { float: left; width: 600px; } .about-1 dd {/* margin: 0 0 0 640px; */ padding-top: 20px; } .about-1 dd h4 { margin: 0; font-size: 26px; } .about-1 dd p { margin: 15px 0 0; text-indent: 2em; line-height: 1.8; text-align: justify; color: #666; } .about-1 .tips { position: absolute; right: 0; line-height: 70px; width: 650px; bottom: 10px; text-align: center; color: #fff; background-color: #073e89; font-size: 22px; } .about-2 { margin: -15px 0 0 -15px; } .about-2 li { float: left; width: 50%; } .about-2 li a { display: block; overflow: hidden; padding: 15px; box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.3); border: 1px solid #eee; background-color: #fff; margin: 15px 0 0 15px; -webkit-transition: all 0.5s; transition: all 0.5s; } .about-2 li .img-center { float: left; border: 3px solid #e6e6e6; width: 200px; } .about-2 li .text { margin-left: 220px; } .about-2 li .text h4 { margin: 0; padding: 15px 0; font-size: 18px; } .about-2 li .text p { margin: 0; line-height: 1.8; color: #666; } .about-2 li a:hover { background-color: #073e89; color: #333; } .about-3 li { float: left; width: 25%; } .about-3 li a { display: block; border-left: 1px solid #757575; padding: 0 25px; color: #333; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: center; } .about-3 li:first-child a { border-left: 0; } .about-3 li h4 { margin: 20px 0 0; font-size: 16px; } .about-3 li p { color: #666; margin: 5px 0 0; } .about-3 li a:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .about-4 .item { float: left; width: 120px; height: 118px; padding-top: 32px; border-radius: 5px; background-color: #f5f5f5; text-align: center; } .about-4 .item i { display: block; width: 45px; height: 45px; margin: 0 auto 19px; background: no-repeat center; } .about-4 .item i.i1 { background-image: url(../images/vc1.png); } .about-4 .item i.i2 { background-image: url(../images/vc2.png); } .about-4 .item i.i3 { background-image: url(../images/vc3.png); } .about-4 .item i.i4 { background-image: url(../images/vc4.png); } .about-4 .item i.i5 { background-image: url(../images/vc5.png); } .about-4 .item i.i6 { background-image: url(../images/vc6.png); } .about-4 .item i.i7 { background-image: url(../images/vc7.png); } .about-4 .item strong { font-size: 16px; } .about-4 .item:hover { background-color: #073e89; } .about-4 .v { float: left; line-height: 150px; height: 150px; width: 60px; background: url(../images/v1.png) no-repeat center; } .contact-2 { margin-left: -20px; } .contact-2 li { float: left; width: 25%; } .contact-2 li .wrap { border: 1px solid #eee; margin-left: 20px; text-align: center; padding: 20px; background-color: #f5f5f5; } .contact-2 li img { display: block; height: 50px; width: auto; margin: 0 auto; } .contact-2 li p { margin-bottom: 0; height: 75px; overflow: hidden; font-size: 18px; } .map { margin-top: 30px; } .web-message { background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff; border: 1px solid #ddd; padding: 50px 200px; margin-bottom: 30px; } .form-group { margin-bottom: 15px; } .form-label { float: left; line-height: 34px; width: 120px; text-align: right; } .form-label span { color: #d82634; } .form-content { margin-left: 130px; } .form-control { line-height: 20px; font-size: 14px; border: 1px solid #ddd; padding: 6px 12px; width: 600px; display: inline-block; vertical-align: top; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; } select.form-control { height: 34px; } .form-submit { padding: 6px 22px; color: #fff; background-color: #073e89; border: 0; cursor: pointer; font-size: 16px; border-radius: 3px; } .form-button { padding: 6px 22px; color: #fff; background-color: #767676; border: 0; cursor: pointer; font-size: 16px; border-radius: 3px; } .list-3 { margin-left: -15px; } .list-3 li { float: left; width: 25%; } .list-3 li a { display: block; margin: 0 0 15px 15px; border: 1px solid #ddd; position: relative; } .list-3 li a:hover { border-color: #073e89; } .list-3 li .m { height: 165px; line-height: 165px; } .list-3 li .text h4 { margin: 0; font-size: 16px; padding: 12px 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-3 li .text p { margin: 0; padding: 0 20px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-4 { margin: 0 0 -20px -20px; } .list-4 li { float: left; width: 25%; } .list-4 li a { display: block; margin: 0 0 20px 20px; border: 1px solid #ececeb; } .list-4 li a:hover { border-color: #073e89; } .list-4 li .m { padding: 10px; height: 201px; line-height: 201px; } .list-4 li .text { padding: 5px 20px; background-color: #F0F0F0; } .list-4 li .text h4 { margin: 0; font-size: 14px; line-height: 45px; height: 45px; overflow: hidden; font-weight: normal; text-align: center; } .web-showcase { margin-bottom: 40px; } .web-showcase-info { float: right; width: 500px; } .web-showcase-info h1 { margin: 0 0 15px; font-size: 24px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .web-showcase-info p { margin: 0; color: #666; height: 168px; } .web-showcase-info .tel { border-top: 2px solid #e6e6e6; margin-top: 15px; padding-top: 15px; background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;/* height: 42px; */ padding-left: 70px; line-height: 21px; font-size: 18px; } .web-showcase-info .tel a { float: right; line-height: 42px; padding: 0 15px; background-color: #073e89; color: #fff; } .pc-slide { width: 400px; float: left; } .view { border: 1px solid #ddd; } .view .swiper-slide .imgauto { width: 100%; height: 300px; line-height: 300px; } .view .swiper-container { width: 100%; } .preview { width: 100%; margin-top: 10px; position: relative; } .preview .swiper-container { width: 80%; margin: 0 10%; } .preview .swiper-slide { width: 30.33%; padding: 5px; } .preview .swiper-slide .imgauto { width: 100%; height: 80px; line-height: 78px; border: 1px solid #ddd; text-align: center; } .preview .swiper-slide .imgauto img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .preview .slide6 { width: 82px; } .preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview .active-nav .imgauto { border: 1px solid #073e89; } div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; } div.zoomMask { position: absolute; background: url(../images/mask.png) repeat scroll 0 0 transparent; cursor: move; z-index: 1; } .prd-1 { margin-bottom: 40px; } .prd-1 dl { float: left; width: 25%; overflow: hidden; margin: 0; } .prd-1 dt { height: 336px; line-height: 336px; } .prd-1 dd { margin: 0; height: 152px; background: #073e89; text-align: center; position: relative; padding-top: 47px; } .prd-1 dd h4 { margin: 0; } .prd-1 dd h4 i { font-size: 48px; line-height: 40px; font-family: Impact; color: #fff; margin-bottom: 30px; display: block; height: 40px; } .prd-1 dd h4 span { font-size: 20px; display: block; font-weight: normal; color: #073e89; line-height: 20px; margin-bottom: 15px; } .prd-1 dd h4 em { display: block; font-weight: normal; font-size: 12px; color: #fff; text-transform: uppercase; } .prd-2 dl { margin: 0 0 30px; border: 1px solid #b7b7b7; background-color: #f7f7f7; } .prd-2 dt { float: left; width: 510px; } .prd-2 dd { position: relative; margin-left: 510px; } .prd-2 dd h4 { position: absolute; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); background-color: #073e89; right: 40px; top: -10px; padding: 5px 20px; margin: 0; font-size: 18px; } .prd-2 dd .wrap { display: table; width: 100%; height: 285px; } .prd-2 dd .inner { display: table-cell; vertical-align: middle; padding: 40px; font-size: 16px; } .prd-2 dl:nth-child(even) dt { float: right; } .prd-2 dl:nth-child(even) dd { margin: 0 510px 0 0; } .prd-2 dl:nth-child(even) dd h4 { right: auto; left: 40px; } .ybxn { margin-bottom: 40px; } .ybxn .img-center { float: right; width: 450px; } /*.ybxn ul {margin-right: 450px;}*/ .ybxn li { padding: 15px 14px; border: 1px solid #eee; font-size: 15px; line-height: 2; } .ybxn li .circl { width: 5px; height: 5px; border: 2px solid #073e89; border-radius: 50%; display: inline-block; vertical-align: top; margin-top: 9px; } .ybxn li .szfs { font-weight: bold; color: #000; } #message { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; transform: scale(0); transition: .3s; } .messagebg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1001; } #message .m-content { margin-top: 10%; } #message .m-content .m-message { background: #fff; width: 580px; background: #fff; padding: 50px; margin: 0 auto; position: relative; z-index: 1002; box-shadow: 1px 1px 50px rgba(0,0,0,.3); } .m-message { width: 494px; margin: 48px auto 0; } .m-message label { margin-bottom: 15px; display: block; font-size: 14px; } .m-message label em { display: block; float: right; color: red; height: 32px; line-height: 32px; } .m-message label span { width: 70px; height: 34px; line-height: 34px; color: #2F2F2F; float: left; font-weight: bold; text-align: right;/*margin-right: 30px;*/ display: inline-block; } .time { float: right; font-weight: initial; margin: 0; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; margin-top: 5px; } .m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 77%; overflow: hidden; height: 32px; line-height: 32px; border: #cccccc 1px solid; border-radius: 3px; padding: 0 14px; box-sizing: border-box; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .m-message label input:focus, .m-message label textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6); } .m-message label textarea { height: 72px; line-height: 24px; padding: 10px 14px; } .m-message label.code { line-height: 34px; } .m-message label.code input { width: 30%; float: left; margin-right: 30px; } .m-message label.code .pic { display: inline-block; vertical-align: top; width: 80px; height: 32px; } .m-message label.code img { display: block; width: 100%; height: 100%; } .btn-1 input { width: 52px; height: 32px; line-height: 32px; background: #e8e8e8; border: none; color: #333; margin-right: 22px; cursor: pointer; transition: 0.3s; } .btn-1 { padding-left: 72px; } .btn-1 input.focus { background: #073e89; color: #fff; } .btn-1 input.focus:hover { background: #444; } .btn-1 input:hover { background: #ccc; }