@font-face { font-family: 'Conv_DINCondensedC'; src: url('../fonts/DINCondensedC.eot'); src: local('芒藴潞'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg'); font-weight: normal; font-style: normal; } body { font-family:"寰蒋闆呴粦", Helvetica Neue, sans-serif, Arial; height: 100%; position: relative; } input[type="text"] { -webkit-appearance:none; } textarea { -webkit-appearance:none; } h1, h2, h3, h4, h5, h6, figure { font-weight:400; } ::-webkit-selection { color:#fff; background:#0071e3; } ::-moz-selection { color:#fff; background:#0071e3; } ::selection { color:#fff; background:#0071e3; } .text-lowercase { text-transform:lowercase; } .text-uppercase, .initialism { text-transform:uppercase; } .text-capitalize { text-transform:capitalize; } a { color:#6E6E6E; text-decoration:none } a:focus, a:hover { color:#0071e3; transition:none } a.text-gray:hover { color:#6E6E6E } p { margin:0 } dl, dd, ul, li { margin:0; padding:0; list-style:none } .fixed { z-index:9999; } .bg-gray { background:#F7F7F7 } .bg-sub { background:#6e6e6e } /* 鏍囩 */ .tag { display:inline-block; transition:.5s } .tag.padding { padding:5px 12px } .tags { color: #0071e3!important; border: 1px solid #0071e3!important; background-color: unset; } /* 鑻辨枃瀛椾綋begin */ .Conv_DINCondensedC { font-family: "Conv_DINCondensedC"; } /* 鑻辨枃瀛椾綋end */ .mb5 { margin-bottom: 5px; } /* 琛岃窛 begin*/ .blank { height:10px; line-height:10px; clear:both; font-size:0 } .blank-small { height:20px; line-height:20px; clear:both; font-size:0 } .blank-middle { height:30px; line-height:30px; clear:both; font-size:0 } .blank-big { height:50px; line-height:50px; clear:both; font-size:0 } .blank-large { height:80px; line-height:80px; clear:both; font-size:0 } /* 琛岃窛 end*/ .sidebar-l { margin-right:30px } .sidebar-r { margin-left:0px; } .container-layout { max-width:1500px; } .line-large { margin-left:-15px; margin-right:-15px } .line-large .x1, .line-large .x2, .line-large .x3, .line-large .x4, .line-large .x5, .line-large .x6, .line-large .x7, .line-large .x8, .line-large .x9, .line-large .x10, .line-large .x11, .line-large .x12, .line-large .xl1, .line-large .xl2, .line-large .xl3, .line-large .xl4, .line-large .xl5, .line-large .xl6, .line-large .xl7, .line-large .xl8, .line-large .xl9, .line-large .xl10, .line-large .xl11, .line-large .xl12, .line-large .xs1, .line-large .xs2, .line-large .xs3, .line-large .xs4, .line-large .xs5, .line-large .xs6, .line-large .xs7, .line-large .xs8, .line-large .xs9, .line-large .xs10, .line-large .xs11, .line-large .xs12, .line-large .xm1, .line-large .xm2, .line-large .xm3, .line-large .xm4, .line-large .xm5, .line-large .xm6, .line-large .xm7, .line-large .xm8, .line-large .xm9, .line-large .xm10, .line-large .xm11, .line-large .xm12, .line-large .xb1, .line-large .xb2, .line-large .xb3, .line-large .xb4, .line-large .xb5, .line-large .xb6, .line-large .xb7, .line-large .xb8, .line-large .xb9, .line-large .xb10, .line-large .xb11, .line-large .xb12 { position:relative; min-height:1px; padding-right:15px; padding-left:15px } /* owl-carousel杞挱鎻掍欢 */ .owl-carousel .owl-dots { position:absolute; top:50%; padding:0; text-align:left; width:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .owl-carousel .owl-dots .owl-dot { display:inline-block; position:relative; vertical-align:middle } .owl-carousel .owl-dots .owl-dot span { width:8px; height:8px; margin:0 5px; border-radius:50%; background:#d3d3d3; display:inline-block; text-align:center; -webkit-transition:all ease .5s; -o-transition:all ease .5s; transition:all ease .5s } .owl-carousel .owl-dots .owl-dot.active span { width:16px; height:8px; background:#000; border-radius:20px } .owl-carousel .owl-nav i { font-size:24px; color:#fff } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background:#000; width:42px; height:42px; line-height:48px; -webkit-transition:all ease .5s; -o-transition:all ease .5s; transition:all ease .5s; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; position:absolute; text-align:center; border-radius:50%; opacity:0 } .owl-carousel .owl-nav .owl-prev { background:#000; left:20px; right:auto } .owl-carousel .owl-nav .owl-next { right:20px } /* owl-carousel杞挱鎻掍欢 */ /* 棣栭〉杞挱 */ .slides-arrow:hover .owl-nav .owl-next, .slides-arrow:hover .owl-nav .owl-prev { opacity:.3 } .slides-arrow.dot-center .owl-dots { position:relative; top:-30px; padding:0; text-align:center; vertical-align:middle; display:inline-block; width:100% } /* 棣栭〉杞挱 */ /* 甯哥敤TAB */ .tab-normal .tab-head { border-radius:0; font-size:0; -webkit-text-size-adjust:none; width:100%; } .tab-normal .tab .tab-nav li { display:inline-block; width:auto; text-align:center } .tab-normal .tab .tab-nav li a { background:#fff; color:#6e6e6e; border-radius:30px; padding:0px 20px; height:42px; line-height:42px; margin:0 10px; display:block; border:0; font-size:16px; } .tab-normal .tab .tab-nav .active a { background:linear-gradient(-45deg, #0071e3, #0071e3); cursor:default; color:#fff; border-bottom:0px solid #FD3C6B; } .tab-normal .tab .tab-nav .active { background:none } .tab-normal .tab .tab-nav .active a:hover { color:#FFF } .tab-normal .tab .tab-nav li a:focus { outline:none; } .tab-normal .tab .tab-nav li a:hover { background:linear-gradient(-45deg, #0071e3, #0071e3); color:#fff } .tab-normal .tab .tab-body { padding:0; border-radius:0; border-top:0px solid #ff0000 } /* 甯哥敤TAB */ /* 棣栭〉浜у搧 */ .carousel-pro .media { position:relative; -webkit-transition:.5s; transition:.5s; } .carousel-pro .media:hover { -webkit-transition:.5s; transition:.5s; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, .05); } .carousel-pro .button { background-color:#0071e3; transition: all .5s ease; box-shadow: 0 3px 8px 0px rgba(39, 39, 39, 0.26); } .carousel-pro .media:hover .button { color:#FFF; background-color:#0071e3; transition: all .5s ease; } .carousel-pro .media-body { padding:10px 0 0 0 } /* .carousel-pro:hover .owl-nav .owl-next,.carousel-pro:hover .owl-nav .owl-prev{opacity:.6} */ .carousel-pro.dot-center .owl-dots { position:relative; top:30px; padding:0; text-align:center; vertical-align:middle; display:inline-block; width:100% } /* 棣栭〉浜у搧 */ /* 棣栭〉鍏充簬鎴戜滑 */ .home-about { background-repeat:no-repeat; background-position:center 50%; background-size:cover } .home-about .padding-large { padding:40px 50px } .home-about h2 { position:relative; font-size:24px; font-weight:600; margin-bottom:40px; word-break:break-all } .home-about h2:before { content:''; display:block; position:absolute; background:#0071e3; width:30px; height:3px; bottom:-15px; left:0; } /* 棣栭〉鍏充簬鎴戜滑 */ /* 棣栭〉瑙e喅鏂规 */ .solution .media-img { position:relative; } .solution .media-img .mask { opacity:0; z-index:3; background:url(../images/solution-hover.png) no-repeat center center; width:100%; height:100%; position:absolute; bottom:0; top:0; left:0; right:0; transition:0.3s; } .solution .media-img .mask .subtitle { padding:25px } .solution .media-img .mask .more { position:absolute; bottom:25px; right:25px } .solution .media-img:hover .mask { z-index:5; transition:0.3s; opacity:1; transform: scale(1.1); } .solution .media-img .linear-link { z-index:1; opacity:1; background:linear-gradient(to bottom, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%); width:100%; height:100%; position:absolute; bottom:0; top:0; left:0; right:0; transition:0.3s; } .solution .media-img .linear-link .subtitle { padding:0 25px; z-index:3; width:100%; bottom:25px; left:0; position:absolute; transition:0.3s; } /* 棣栭〉瑙e喅鏂规 */ /* 棣栭〉鏂伴椈 */ .home-news-l { margin-right:10px } .home-news-r { margin-left:10px } .home-news-h .media-img { position:relative; } .home-news-h .media-img .post-title { background:#fff; bottom:-30px; left:30px; width:65%; padding:20px; position:absolute; color:#333; transition:0.5s; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.06) } .home-news-h .media-img:hover .post-title { bottom:30px; } .home-news-h .media-img .post-title h3 a { color:#333; font-size:18px; font-weight:600; line-height:28px; display:block; } /* .home-news-h .media-img:hover .post-title h3 a {color:#FFF;} */ .home-news-h .button { margin-top:1rem; width:48px; line-height:28px; font-size:18px; background:#0071e3; color:#fff } .home-news-h .media-img:hover .button { background:#0071e3; color:#fff; } .home-news-c:hover { box-shadow:0 3px 8px 0 rgba(0, 0, 0, 0.03); } .home-news-c .news-time { margin:20px 15px 0 0px; border-right:2px solid #eee; padding:0 } .home-news-c .news-time .text-large { font-size:42px; line-height:48px; } .home-news-c .news-title { margin-top:20px; margin-left:15px } .home-news-c .news-title h2 a { font-weight:600; font-size:18px; margin-bottom:20px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-news-c:hover .news-title h2 a { color:#0071e3 } /* 棣栭〉鏂伴椈 end */ /* 璺緞 */ .nav-bread { padding:0; height:70px; line-height:70px; font-size:0 } .nav-bread h2 { font-size:24px; font-weight:600 } .nav-bread a { color:#888888; font-size:14px; display:inline-block; } .nav-bread a:hover { color:#0071e3 } .nav-bread a:after { content:""; padding:0 10px; background:url(../images/nav-bread.png) no-repeat center 50%; } .nav-bread a:last-child:after { content:""; background:none; } /* 璺緞 */ /* 涓婁笅绡 */ .prenext-pro a.button { height:70px; line-height:70px; padding:0 25px } .prenext-pro a.button:hover { background:#0071e3; color:#fff } .prenext-pro a.border { border:1px solid #eee } /*鍒嗛〉 begin*/ .pagination li { margin:0 5px; font-size:14px; border:none; border-radius:4px; } .pagination li a { border-radius:4px; color:#6e6e6e; background:#fff; padding:12px 16px; border:1px solid #DCDCDC; } /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a, .pagination li a:hover { background:#0071e3; color:#fff; border:1px solid #0071e3; } /*鍒嗛〉 end*/ /* 鏍囬鏍峰紡-灞呬腑 */ .title-c { position:relative; } .title-c h3 { position:relative; font-size:30px; text-transform:uppercase; margin:0 auto 50px auto; font-weight:600 } .title-c h3:before { background:#0071e3; content:''; display:block; position:absolute; width:30px; height:3px; bottom:-15px; left:50%; margin-left:-15px; } /* 鏍囬鏍峰紡-宸 */ .title-l h2 { line-height:28px; height:28px; color:#333; position:relative; font-size:18px; letter-spacing:0; padding-left:20px; margin-bottom:10px; } .title-l h2:before { content:''; display:block; position:absolute; width:5px; height:20px; top:4px; background:#0071e3; left:0 } /* 涓嬫媺鍒嗙被 */ .nav-tree { font-size:0; height:70px; line-height:70px }/*font-size:0鍘绘帀 display:inline-block闂撮殧 */ .nav-tree li { position:relative; display:inline-block; } .nav-tree li a { color:#6E6E6E; display:block; padding:0 30px; font-size:16px; background:#fff; } .nav-tree li a.active, .nav-tree li a.cur { background:linear-gradient(-45deg, #0071e3, #0071e3); color:#fff } .nav-tree li.focusa a { background:linear-gradient(-45deg, #0071e3, #0071e3); color:#fff; border-bottom-left-radius:0px; border-bottom-right-radius:0; } .nav-tree li ul:after { position:absolute; top:-8px; left:50%; margin-left:-8px; display:inline-block; border-right:8px solid transparent; border-bottom:8px solid #fff; border-left:8px solid transparent; content:''; } .nav-tree li ul { top:70px; left:0; background:#fff; padding:10px 0; z-index:99; position:absolute; width:100%; display:none; border-radius:0px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.03); } .nav-tree li ul li { display:block; width:100%; text-align:left; } .nav-tree li ul li.children a { font-size:14px; background:#fff; border-radius:0; box-shadow:none; display:block; color:#6e6e6e; line-height:34px; height:34px } .nav-tree li ul li.children a.active, .nav-tree li ul li.children a:hover { color:#0071e3 } /* .nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;} .nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;} */ /* 涓嬫媺鍒嗙被 */ /* 灞炴€ */ .filter-box .padding-big { padding:15px 25px } .filter-box dl { margin:15px 0; } .filter-box dl dt { width:8%; display:block; float:left; line-height:24px; font-weight:normal } .filter-box dl dd { display:block; float:left; position:relative; } .filter-nav ul li { margin:0; display:block; float:left; width:auto; line-height:24px; } .filter-nav ul li a { margin:0 10px 0 0; padding:2px 10px; cursor:pointer; display:block; color:#6E6E6E; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .filter-nav ul li a:hover { color:#0071e3; } .filter-nav ul li a.active { color:#fff; background:#0071e3 } .filter-nav ul li b { font-weight:normal; } /* 妯悜涓嶅甫ICO瀵艰埅 */ .nav-x { background:#fff; width:100%; position:relative; } .nav-x .menu-toggle h3 { display:none } .nav-x ul { font-size:0; -webkit-text-size-adjust:none; text-align:center } .nav-x li { display:inline-block } .nav-x li i { margin:0px auto 5px auto; font-size:24px; display:block; } .nav-x li a { font-size:16px; padding:0; height:70px; line-height:70px; color:#6e6e6e; text-align:center; display:block; } .nav-x li a:hover { color:#0071e3 } .nav-x li a.active { background:linear-gradient(-45deg, #0071e3, #0071e3); color:#fff } .col-2 { width:10% } /* 妯悜涓嶅甫ICO瀵艰埅 */ /* 鏂伴椈鍒楄〃 */ .list-news { margin-bottom:30px } .list-news .time { margin-top:70px; margin-right:-20px; padding:15px 0 10px 0; border-right:1px solid #eee; } .list-news .time .text-large { font-size:52px; line-height:54px; } .list-news .news { margin-top:70px; margin-left:50px; margin-right:30px } .list-news .news h3 a { display:block; font-size:24px; color:#333; margin-bottom:20px } .list-news .button { margin-top:70px; width:70px; line-height:56px; font-size:24px; border:1px solid #ebebeb; } .list-news:hover .button { background:#0071e3; color:#fff; border:1px solid #0071e3 } .list-news:hover h3 a { color:#0071e3 } /* 鏂伴椈鍒楄〃 */ /* 绾枃瀛楀垪琛 begin*/ .list-post-text li { padding:5px 0; } .list-post-text li a { display:block; } .list-post-text li.dot a { padding-left:15px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .list-post-text li.dot:hover a:before { background:#0071e3; } .list-post-text li.dot a:before { content:''; position:absolute; left:-2px; background:#ccc; width:6px; height:6px; top:9px; border-radius:50% } /* 绾枃瀛楀垪琛 end*/ /* 涓嬭浇鍒楄〃 */ .normal-list li { position:relative; display:block; background:#FFF; margin-bottom:20px; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .normal-list li a { display:block; font-size:16px; line-height:24px; padding:25px 30px 25px 50px; color:#333; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .normal-list li span { color:#888888; position:absolute; right:30px; top:28px } .normal-list li:hover { background:#0071e3; color:#FFF; transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .normal-list li:hover a, .normal-list li:hover span { color:#FFF } .normal-list li.dot:hover a:before { background:#fff; } .normal-list li.dot a { position:relative } .normal-list li.dot a:before { content:''; position:absolute; left:30px; background:#ececec; width:7px; height:7px; top:35px; border-radius:50% } /* 涓嬭浇璇︾粏椤礲egin */ .download-detail { position:relative; z-index:3 } .download-detail .button-big { padding:15px 25px } /* 涓嬭浇璇︾粏椤礶nd */ /* ===瑙嗛鏁欑▼ beign*/ /* ====瑙嗛鏁欑▼鍒楄〃 begin*/ .video-list .media { -webkit-transition:.5s; transition:.5s; } .video-list .media:hover { box-shadow:0 30px 50px rgba(229, 229, 229, .8) } .video-list .media-img { position:relative; overflow:hidden } .video-list .media-body .padding-big { padding:20px } .video-list .media-body h2 { margin:0 0 20px 0; overflow:hidden } .video-list .media a.play { opacity:.6; position:absolute; top:50%; left:50%; margin-left:-24px; margin-top:-24px; width:48px; height:48px; line-height:48px; background:rgba(0, 0, 0, .6); z-index:2; -webkit-transition:.5s; -o-transition:.5s; transition:.5s } .video-list .media .playtime { position:absolute; bottom:10px; right:10px; padding:0 8px; height:20px; line-height:18px; background:rgba(0, 0, 0, .5); z-index:2; -webkit-transition:.5s; -o-transition:.5s; transition:.5s } .video-list .media:hover a.collect, .video-list .media:hover a.play { opacity:1; -webkit-transition:.5s; -o-transition:.5s; transition:.5s } .video-list .excerpt-info ul li.v2-1 { width:50% } .video-list .excerpt-info ul li.v2-2 { width:50%; } /* 瑙嗛鏁欑▼鍒楄〃 end*/ /* =====瑙嗛鍐呭椤 */ .video-detail .tab-head { border-radius:0; font-size:0; -webkit-text-size-adjust:none; padding-left:25px; border-bottom:1px solid #EFEFEF } .video-detail .tab .tab-nav li { display:inline-block; width:13%; margin:0 } /* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */ .video-detail .tab .tab-nav li a { color:#616770; padding:18px 0; border:0; border-bottom:2px solid transparent; margin-bottom:-1px; display:block; line-height:20px; font-weight:500; border-radius:0; font-size:16px; text-align:center; } .video-detail .tab .tab-nav .active { border-radius:0px; } .video-detail .tab .tab-nav .active a { margin-bottom:-1px; cursor:default; background:#FFF; border-bottom:2px solid #0071e3; font-weight:600 } .video-detail .tab .tab-nav li a, .video-detail .tab .tab-nav .active a:focus { outline:none; } .video-detail .tab .tab-body { border-radius:0; border-top:solid 0px #ebebeb; padding:25px } /* ======鎾斁鍣 */ .jw-video-expense { position:absolute; left:0; top:0; width:100%; height:100%; background:#616770; z-index:1; display:none } .jw-video-expense .apply { position:absolute; left:50%; margin-left:-176px; top:50%; margin-top:-50px } .jw-video-expense .button { cursor:pointer } .video-period .price { font-size:32px; margin-top:5px } .video-buy-now { cursor:pointer; width:130px; float:right } .video-free-now { width:130px; padding:10px 0; float:right } .video-title h1 { font-size:24px; display:block; } .video-period-title { padding:15px 10px 15px 20px } .video-period-list { overflow:hidden; height:410px; overflow-y:auto } .video-period-list li { height:69px; width:100%; border-bottom:1px #433D3D solid; position:relative; text-align:left } .video-period-list li a { display:block; padding:8px 10px 8px 50px } .video-period-list li a.cur { background:#2D2D2D; display:block; } .video-period-list li:hover { background:#2D2D2D; } .video-period-list li p { font-size:14px; color:#888888; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .video-period-list li:before { content:""; position:absolute; width:20px; height:13px; left:18px; top:15px; background:url(../images/video-ico.png) no-repeat; z-index:4 } .video-period-list li .video-info { padding-top:8px; position:relative; color:#616770 } .video-period-list li .video-info span { position:absolute; right:0; width:62px; text-align:right } .video-period-list li:last-child { border-bottom:none } .video-content-tit { padding:5px 30px 0; line-height:50px; border-bottom:1px solid #ECEFF5 } .video-content-tit h2 { font-size:18px; color:#434C5A; border-bottom:1px solid #434C5A; display:block; width:72px; margin-bottom:-1px } /* 鎾斁鍣 end*/ /* 瑙嗛鍐呭椤礶nd */ /* 瑙嗛鏁欑▼ end*/ /* 妯悜宸﹀浘鍙冲瓧鍒楄〃 begin*/ .list-post-x .media { margin-bottom:20px } .list-post-x .media.border { border:0; border-bottom:1px solid #ECEFF5; padding-bottom:20px } .list-post-x .media img { transition:all .3s ease-out } .list-post-x .media .thumb-md { position:relative; max-width:100px; overflow:hidden } .list-post-x .media .thumb-md .playtime { position:absolute; bottom:5px; right:5px; padding:0 5px; height:20px; line-height:18px; background:rgba(0, 0, 0, .6); z-index:3; -webkit-transition:.5s; -o-transition:.5s; transition:.5s } .list-post-x .media .thumb-md .playicon { position:absolute; bottom:5px; left:5px; width:20px; height:20px; line-height:18px } .list-post-x .media:hover img { transition:all .3s ease-out; transform:scale(1.1) } .list-post-x .media.media-x .float-left { margin-right:15px } .list-post-x .media.media-x .float-right { margin-left:15px } .list-post-x .media.media-x .media-body { text-align:left; padding:0 } .list-post-x .media a:hover { color:#434C5A } .list-post-x .media-body p { color:#888888; line-height:22px } .list-post-x .media:last-child { margin-bottom:0 } /* 妯悜涓婂浘涓嬪瓧鍒楄〃 end * /* 鍐呭 begin */ .article { overflow:hidden } .article .padding-large { padding:30px 50px } .article .post h1 { font-size:28px; font-weight:600; } .article .post h2 { font-size:24px; font-weight:600; margin:10px 0 } .article .post h3 { font-size:20px; font-weight:600; margin:10px 0 } .article .post hr { margin:10px 0; height:1px } .article .post strong { font-size:16px; margin:10px 0 } .article .post table { margin:20px 0 } .article .post table th { background:#daf0fd; color:#fff; border:1px solid #fff } .article .post table tr.ue-table-interlace-color-single { background:#daf0fd } .article .post p { font-size:16px; line-height:28px; margin-bottom:10px } .article .post img { max-width:100%; height: auto !important; } .article .post a { text-decoration:none; } .article .post a:hover { color:#0071e3; border-bottom:0 solid #0071e3 } .article .post .text-right { text-align:right } .article .post ul li { padding:0 0 5px 20px; position:relative; font-size:16px } .article .post ul li p { line-height:24px } .article .post ul li:before { content:''; position:absolute; top:8px; left:0; background:#888888; width:7px; height:7px; border-radius:50% } .article .post ol { padding:10px 0 0 0 } .article .post ol.list-paddingleft-2 { position:relative } .article .post ol li { padding:0; position:relative } .article .post ol li p { line-height:26px; font-size:16px; color:#888888 } /* 鍐呭 end */ /* 浜у搧鍒楄〃*/ .product-list .media { -webkit-transition:.3s; transition:.3s; } .product-list .media:hover { -webkit-transition:.3s; transition:.3s; box-shadow:0 5px 20px 5px rgba(0, 0, 0, .05); } .product-list .media-body { padding:10px 0 0 0 } .product-list .media:hover .media-body h2 a { color:#0071e3; } .price-info ul li.v2-1 { width:50% } .price-info ul li.v2-2 { width:50%; } /*浜у搧鍒楄〃*/ /* 浜у搧璇︾粏椤礲egin */ .product-description .padding-large { padding:30px 0 0 30px } .product-description .padding-large-top { padding:0 } .product-description p { line-height:24px } .product-description .zoomimg { width:474px }/* PC绔嫭鏈 */ /* 浜у搧璇︽儏TAB begin */ .product-overview .tab-head { border-radius:0; font-size:0; -webkit-text-size-adjust:none; width:100%; border-bottom:1px solid #EFEFEF } .product-overview .tab .tab-nav li { display:inline-block; width:12%; } .product-overview .tab .tab-nav li a { margin-bottom:-1px; color:#6E6E6E; padding:20px 0; display:block; line-height:24px; border:0; border-radius:0; font-size:18px; text-align:center; } .product-overview .tab .tab-nav .active { border-radius:0px; } .product-overview .tab .tab-nav .active a { cursor:default; color:#0071e3; background:#FFF; border-bottom:3px solid #0071e3; } .product-overview .tab .tab-nav li a, .product-overview .tab .tab-nav .active a:focus { outline:none; } .product-overview .tab .tab-body { padding:0; border-radius:0; border-top:solid 0px #ebebeb; } /* 浜у搧璇︽儏TAB END */ /* 鏀惧ぇ闀 begin */ #zoomimg { cursor:pointer; display:block } .pro-thumb .item img { border:1px solid #ececec } .pro-thumb .item:hover img { border:1px solid #0071e3 } .pro-thumb:hover .owl-nav .owl-prev, .pro-thumb:hover .owl-nav .owl-next { opacity:.6; } /* 鏀惧ぇ闀 end */ /* 鍟嗗搧鍙傛暟 */ .attribute li { position:relative; color:#666; line-height:32px; } /* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */ .attribute li span { color:#999 } /* 鍟嗗搧鍙傛暟 end */ /* 鍟嗗搧璇︽儏 */ .content img { max-width: 100% !important; height: auto !important; } /* 鍟嗗搧璇︽儏 end */ /* 浜у搧璇︾粏椤礶nd */ .job-list { transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .job-list:hover { box-shadow:0 10px 25px rgba(0, 0, 0, 0.3); transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .job-list dt { font-weight:normal } /* 寮瑰嚭灞?/ .dialog { border-radius:0; border:0 solid #ebebeb; margin:0 auto; box-shadow:0 10px 25px rgba(0, 0, 0, 0.3); } .dialog .dialog-head { font-size:18px; border-bottom:0; background:#FFF; color:#383838; } .dialog .dialog-head .close { float:right; line-height:24px } .dialog .dialog-body { padding:10px 40px 40px 40px; } .dialog-body h3 { font-size:24px; font-weight:600; color:#333; margin-bottom:10px } .dialog-body .form-group { padding-bottom:20px } .dialog-body .input { height:48px; line-height:24px; padding:0 12px; border:1px solid #ebebeb; width:100%; display:block; border-radius:0px; -webkit-appearance:none; box-shadow:0 0px 0px rgba(0, 0, 0, 0.0) inset; background:transparent; } .dialog-body .textarea { padding:10px 12px; line-height:24px; width:100%; background:transparent; border:1px solid #ebebeb; } .dialog-body .label { padding-bottom:10px; display:block; line-height:24px; } .dialog-body .label label { font-weight:400; } .dialog-body select { padding:0 30px 0 8px; color:#ADADAD; border-radius:0px; width: 100%; height:48px; line-height:48px; border:solid 1px #ebebeb; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/select-down.png) no-repeat right 50%; } .dialog-body .form-tips .dialog-body .input-help ul { border:solid 0px #ebebeb; background:#fff; padding:5px 10px; box-shadow:0 0 0 #fff; border-radius:0 0 4px 4px; width:150px; min-width:150px; width:auto; _width:150px; color:#EE3333; font-size:12px } .dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder { color: #6E6E6E; } .dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder { color: #6E6E6E; } .dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder { color: #6E6E6E; } .dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder { color: #6E6E6E; } .dialog-body .input-group .addon { background-color:#fff; border:0px solid #EBEBEB; border-radius:0px; line-height:1; padding:0; text-align:center } .dialog-body .input-group .addon img { max-height:50px } /* 寮瑰嚭灞 end*/ /* 鑱旂郴鎴戜滑begin */ .inside h2 { font-size:36px; font-weight:400; margin-bottom:20px } .inside .contact { padding:0 0 50px 0; } .inside .contact hr { height:1px; background:#F2F2F2 } .inside .contact .media { margin:0; padding:0 0 30px 0; } .inside .contact .media span { width:42px; height:42px; line-height:64px; } .inside .contact .media i { font-size:36px; } .inside .contact .media .media-body { padding:0 0 0 10px; margin-top:0px; } .inside .contact .media .media-body a, .inside .contact .media .media-body p { color:#333; } .inside .wx { border:1px solid #eee; padding:20px 30px; } .home-contact { background:#cacaca } .home-contact .title { position:relative; width:590px; float:right; text-align:left; } .home-contact .title h2 { font-size:64px; line-height:64px; padding-top:25%; padding-right:50px; padding-bottom:30px; } .home-contact .title h2 span { color:#0071e3 } .home-contact .title a { font-size:24px; text-decoration: none; border-bottom: 2px solid #0071e3; color: #FFF; } .home-contact .title a:hover { border-bottom: 0 solid #82CC37; } .home-contact .gb { position:relative; width:590px; float:right; text-align:left; } /*guestbook*/ .guestbook { padding:50px 80px 50px 0 } .guestbook h2 { font-size:24px; font-weight:600 } .guestbook .padding { padding:50px; } .guestbook .form-group { padding-bottom:20px } .guestbook .input { font-size:16px; padding:0 15px; height:50px; line-height:50px; border:0; width:100%; display:block; -webkit-appearance:none; transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; box-shadow:0 0px 0px rgba(0, 0, 0, 0.0) inset; } .guestbook .textarea { padding:12px; line-height:24px; width:100%; font-size:16px; background:#fff; border:0; } .guestbook .label { display:block; line-height:24px; } .guestbook .label label { font-weight:400; } .guestbook .field { font-size:16px } .guestbook select { font-size:16px; padding:0 35px 0 15px; width: 100%; height:50px; line-height:50px; border:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:#fff url(../images/select-down.png) no-repeat right 50%; color:#666; } .guestbook .form-tips .guestbook .input-help ul { border:0; background:#fff; padding:5px 10px; box-shadow:0 0 0 #fff; border-radius:0 0 4px 4px; width:150px; min-width:150px; width:auto; _width:150px; color:#EE3333; font-size:12px } .guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder { color: #111; font-size: 16px; } .guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder { color: #111; font-size: 16px; } .guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder { color: #111; font-size: 16px; } .guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder { color: #111; font-size: 16px; } /* 鑱旂郴鎴戜滑end */ .channel-banner { height:350px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; margin:0; padding:0; } .channel-banner .banner-info { position:absolute; top:50%; margin-top:-50px; left:0; right:0; z-index:3 } .channel-banner .banner-info h3 { font-size:40px; font-weight:600; position:relative; margin-bottom:30px } .channel-banner .banner-info h3:before { left:50%; margin-left:-15px; bottom:-10px; width:30px; height:3px; background:#0071e3; content:''; display:block; position:absolute; } .channel-banner .banner-info p { font-size:36px; } /* 搴曢儴鍦板浘鐗堟潈 begin*/ footer { padding:70px 0 0 0; } footer h3 { font-weight:700; color:#fff } footer ul li.item-1 { width:15% } footer ul li.item-2 { width:15% } footer ul li.item-3 { width:15% } footer ul li.item-4 { width:15% } footer ul li.item-5 { width:30% } footer ul li.item-6 { width:10% } footer ul li ul li a { line-height:32px; color:#888 } footer ul li ul li a:hover, footer .contact .media .media-body a:hover { color:#fff; } footer .contact { padding-top:3px } footer .contact .media { margin:0 0 5px 0; padding:0 0 10px 0; } footer .contact .media span { width:24px; height:24px; } footer .contact .media i { line-height:24px; } footer .contact .media .media-body a, footer .contact .media .media-body { padding:0; color:#888; line-height:24px; } footer .qr { margin-left:20px; background:#484848; } footer .qr img { width:100% } footer .copyright { padding:20px 0 60px 0; color:#888; border-top:1px solid #404040; } footer .copyright a { margin-left:5px; color:#888 } footer .tab-head { border-radius:0; font-size:0; -webkit-text-size-adjust:none; padding:0; border-bottom:1px solid #404040 } footer .tab .tab-nav li { display:inline-block; width:auto; margin:0 20px 0 0 } footer .tab .tab-nav li a { color:#888; padding:10px 0; border:0; border-bottom:1px solid transparent; margin-bottom:-1px; display:block; line-height:20px; border-radius:0; font-size:16px; } footer .tab .tab-nav .active { border-radius:0px; } footer .tab .tab-nav .active a { margin-bottom:-1px; cursor:default; border-bottom:1px solid #FFB133; } footer .tab .tab-nav li a, footer .tab .tab-nav .active a:focus { outline:none; } footer .tab .tab-body { border-radius:0; border-top:solid 0px #ebebeb; padding:25px 0 } footer .tab .tab-body .flink a { display:inline-block; margin-right:15px; line-height:24px } footer .tab .tab-body .flink a img { width: 110px; height: 58px; } /* 搴曢儴鍦板浘鐗堟潈 end*/ @media screen and (max-width:1440px) { .container-layout { max-width:98%; } } .ty_chanpin { width:100% } .ty_cp_left { float:right; text-align:center; width:65%; padding:10px; } .ty_cp_left img { margin:0 auto; padding:10px; height:460px } .ty_cp_left h2 { } .ty_cp_left:hover img { height:470px; padding:5px } .ty_cp_left p { color:#666; } .ty_cp_right { float:left; width:33%; } .ty_cp_right img { height:220px; margin:0 auto; padding:10px } .ty_heng { margin-bottom:20px; padding:10px; } .ty_heng:hover img { height:230px; padding:5px } .ty_top { background:#f0f0f0; line-height:30px; } .ty_top_l { float:left; } .ty_top_r { float:right; } .ty_top_r a { padding:0 5px; } img { transition: all 0.5s ease-out; /* 杩囧害 鎵€鏈塩ss灞炴€ 1绉掕繃搴 缁撴潫鎱?/ -moz-transition: all 0.5s ease-out; /* Firefox 4 */ -webkit-transition: all 0.5s ease-out; /* Safari 鍜 Chrome */ -o-transition: all 0.5s ease-out;/* Opera */ } /*鎮诞閾炬帴*/ .suspension { position:fixed; z-index:55; right:0; bottom:85px; width:70px; height:240px; } .suspension-box { position:relative; float:right; } .suspension .a { display:block; width:44px; height:44px; background-color:#425537; margin-bottom:4px; cursor:pointer; outline:none; } .suspension .a.active, .suspension .a:hover { background:#F05352; } .suspension .a .i { float:left; width:44px; height:44px; background-image:url(/images/side_icon.png); background-repeat:no-repeat; } /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i { width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(/images/suspension-bg.png); background-repeat:no-repeat; background-position:0 0; } .suspension .a-service-phone .i { width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(/images/suspension-bg.png); background-repeat:no-repeat; background-position:-27px 0; } .suspension .a-qrcode .i { background-position:-44px 0; } .suspension .a-cart .i { background-position:-88px 0; } .suspension .a-top .i { background-position:-132px 0; } .suspension .a-top { background:#D2D3D6; display:none; } .suspension .a-top:hover { background:#c0c1c3; } .suspension .d { display:none; width:223px; background:#fff; position:absolute; right:67px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); } .suspension .d .arrow { position:absolute; width:8px; height:12px; background:url(/images/side_bg_arrow.png) no-repeat; right:-8px; top:31px; } .suspension .d-service { top:0; } .suspension .d-service-phone { top:34px; } .suspension .d-qrcode { top:78px; } .suspension .d .inner-box { padding:8px 22px 12px; } .suspension .d-service-item { border-bottom:1px solid #eee; padding:14px 0; } .suspension .d-service .d-service-item { border-bottom:none; } .suspension .d-service-item .circle { width:44px; height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left; } .suspension .d-service-item .i-qq { width:44px; height:44px; background:url(/images/side_con_icon03.png) no-repeat center 15px; display:block; transition:all .2s; border-radius:50%; overflow:hidden; } .suspension .d-service-item:hover .i-qq { background-position:center 3px; } .suspension .d-service-item .i-tel { width:44px; height:44px; background:url(/images/side_con_icon02.png) no-repeat center center; display:block; } .suspension .d-service-item h3 { float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px; } .suspension .d-service-item .text { float:left; width:112px; line-height:22px; font-size:15px; margin-left:12px; } .suspension .d-service-item .text .number { font-family:Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; } .suspension .d-service-intro { padding-top:10px; } .suspension .d-service-intro p { float:left; line-height:27px; font-size:12px; width:50%; white-space:nowrap; color:#888; } .suspension .d-service-intro i { background:url(/images/side_con_icon01.png) no-repeat center center; height:27px; width:14px; margin-right:5px; vertical-align:top; display:inline-block; } .suspension .d-qrcode { text-align:center; } .suspension .d-qrcode .inner-box { padding:20px 0; } .suspension .d-qrcode p { font-size:16px; color:#93959c; } .ty_xuzhi1 { overflow:hidden; height: 500px; margin-top:0px; background:#f0f0f0; position: relative; font-size: 16px; } .ty_xuzhi1 h2 { text-align:center; padding-top:30px; font-size:30px; margin-bottom:10px; } .ty_xuzhi1 h6 { text-align:center; font-size:16px; color:#999; } .ty_xuzhi1 ul { margin-top:100px; } .ty_xuzhi1 ul li { float:left; width:33%; margin-bottom:10px; } .ty_xuzhi1 ul li:nth-child(even) { padding-left:1%; } .ty_xuzhi1 ul li:nth-child(odd) { padding-left:1%; } .ty_xuzhi1 ul li h3 { margin:10px 0 10px 0; font-size:14px; } .ty_xuzhi1 ul li h3 b { background:#F00; color:#fff; padding:2px 5px; font-size:16px; margin-right:10px; } .ty_xuzhi1 ul li p { margin:5px 0 10px 0; font-size:14px; } .ty_xuzhi1 ul li p b { background:#ccc; color:#fff; padding:2px 5px; font-size:16px; margin-right:10px; } .ty_xuzhi1 ul li p a { color:#F00; } .ty_xuzhi2 { padding-bottom:30px; } .ty_xuzhi2 h2 { text-align:center; padding-top:60px; font-size:30px; margin-bottom:10px; } .ty_xuzhi2 h6 { text-align:center; font-size:16px; color:#999; } .ty_xuzhi2 ul { margin-top:100px; } .ty_xuzhi2 ul li { float:left; width:30%; text-align:center; margin-left:3%; height: 80px; border-radius: 10px; border: 1px dashed #ff332f; box-sizing: border-box; padding: 17px 32px; position: relative; cursor: pointer; text-align: center; margin-bottom:30px; } .ty_xuzhi2 ul li h3 { margin:10px 0 10px 0; font-size:14px; } .ty_xuzhi2 ul li h3 b { background:#F00; color:#fff; padding:2px 5px; font-size:16px; margin-right:10px; } .ty_xuzhi2 ul li p { margin:5px 0 10px 0; font-size:14px; } .ty_xuzhi2 ul li p b { background:#ccc; color:#fff; padding:2px 5px; font-size:16px; margin-right:10px; } .ty_xuzhi2 ul li p a { color:#F00; display: inline-block; width: 90px; height: 30px; background: #ff332f; text-align: center; line-height: 30px; font-size: 16px; color: #fff; border-radius: 10px; position: absolute; bottom: -13px; left: 33%; } .ty_xuzhi3 { height: 600px; background: #ebf9fc; position: relative; } .ty_xuzhi3 h2 { text-align:center; padding-top:60px; font-size:30px; margin-bottom:10px; } .ty_xuzhi3 h6 { text-align:center; font-size:16px; color:#999; } .mside { width: 285px; height:610px; text-align: center; font-size:18px; color:#fff; transition:all .3s; background: url(/images/mside.png) no-repeat; position:fixed; left:40%; top:30%; z-index:99999; } .mside img { max-width:80%; margin:0 auto; } .close { text-align:right; } .spkd { width:100%; } /**/ .login_main { width:34%; display: inline-block; } .news_286 {display: block;height: 848px;} .news_286 .i_tilte {text-align: center;padding: 69px 0 30px;} .news_286 .i_tilte h3 {color: #333;font-size: 35px;font-weight: normal;} .news_286 .i_tilte h3 a {text-decoration: none;} .news_286 .i_tilte b {color: #89bb12;} .news_286 .i_tilte p {color: #999;font-size: 18px;margin-top: 10px;} .news_286 .i_tilte p i {width: 61px;height: 1px;background: #ddd;display: inline-block;margin: 5px 10px;} .news_286 .newscon {margin-left: auto;margin-right: auto;width: 1200px;} .news_286 .newscon .newsnav{text-align: center;} .news_286 .newscon .newsnav ul{display: inline-block;*display: inline;zoom: 1;} .news_286 .newscon .newsnav ul li{width: 123px;height: 45px;line-height: 45px;text-align: center;float: left;} .news_286 .newscon .newsnav ul li a{font-size: 16px;color: #333;text-decoration: none;} .news_286 .newscon .newsnav ul li.cur{background: #89bb12;} .news_286 .newscon .newsnav ul li.cur a{color: #fff;} .news_286 .newscon .newslist{margin-top: 40px;height: 508px; overflow: hidden;position: relative;} .news_286 .newscon .newslist ul li a{text-decoration: none;display: block;padding-top: 25px;} .news_286 .newscon .newslist ul li{width: 391px;background: #eee9;height: 508px;float:left;margin-left:13px;position: relative;} .news_286 .newscon .newslist ul li:first-child{margin-left: 0;} .news_286 .newscon .newslist ul li h3{font-size: 18px;color: #000;font-weight: normal;margin-bottom: 25px;margin: 29px 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_286 .newscon .newslist ul li p{font-size: 14px;color: #999;margin: 0 30px;line-height: 20px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .news_286 .newscon .newslist ul li span{display: block;width: 344px;height: 242px;margin: 0 auto;overflow: hidden;} .news_286 .newscon .newslist ul li span img{width: 344px;height: 242px; transition: all .8s ease-out;} .news_286 .newscon .newslist ul li:hover span img{transform: scale(1.1);} .news_286 .newscon .newslist ul li .calendar{border-top: 1px #ddd solid;margin-top: 38px;height: 60px;line-height: 60px;} .news_286 .newscon .newslist ul li .calendar h4{background: url(/template/pc/skin/images/calendar_286.png) no-repeat left;padding-left: 30px;background-size: initial;font-style: italic;font-weight: bold;color: #ccc;font-size: 14px;float: left;margin-left: 44px;} .news_286 .newscon .newslist ul li .calendar em{float: right;width: 76px;height: 60px;line-height: 60px;border-left: 1px #ddd solid;} .news_286 .newscon .newslist ul li .calendar em img{width: 10px;height: 19px;display: block;margin: 20px auto;} .news_286 .newscon .newslist ul li:hover a h3{color: #89bb12;}