@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:#004ea2;} ::-moz-selection {color:#fff;background:#004ea2;} ::selection {color:#fff;background:#004ea2;} .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:#004ea2;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} .container2 {width:90%; margin: 0 auto; padding: 0 10px;} /* 标签 */ .tag{display:inline-block;transition:.5s} .tag.padding{padding:5px 12px} .tags{color: #ff9600!important; border: 1px solid #ff9600!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,#FFD100,#ff9600);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,#FFD100,#ff9600);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:#FFD100;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:#ff9600;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:#FFD100;width:30px;height:3px;bottom:-15px;left:0;} /* 首页关于我们 */ /* 首页解决方案 */ .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;} /* 首页解决方案 */ /* 首页新闻 */ .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:#FFD100;color:#fff} .home-news-h .media-img:hover .button{background:#ff9600;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:#ff9600} /* 首页新闻 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:#ff9600} .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:#004ea2;color:#fff} .prenext-pro a.border{border:1px solid #eee} /*分页 begin*/ .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;display: inline-block!important;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} .pagination li .disabled { border-radius: 4px; color: #6e6e6e; background: #fff; padding: 12px 16px; border: 1px solid #DCDCDC; } .pagination li .current { background: #004ea2; color: #fff; border: 1px solid #004ea2; border-radius: 4px; padding: 12px 16px; } /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#004ea2;color:#fff;border:1px solid #004ea2;} /*分页 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:#FFD100;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:#ff9600;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,#FFD100,#ff9600);color:#fff} .nav-tree li.focusa a{background:linear-gradient(-45deg,#FFD100,#ff9600);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:#ff9600} /* .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:#ff9600;} .filter-nav ul li a.active{color:#fff;background:#ff9600} .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;background-color:#f8f8f8;} .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:18px;padding:0;height:80px;line-height:80px;color:#333333;text-align:center;display:block;} .nav-x li a:hover{color:#ff9600} .nav-x li a.active {background:linear-gradient(-45deg,#004ea2,#004ea2);color:#fff} .col-2 {width:10%} .col-5 {width:50%} /* 横向不带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:#ff9600;color:#fff;border:1px solid #ff9600} .list-news:hover h3 a{color:#ff9600} /* 新闻列表 */ /* 纯文字列表 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:#ff9600;} .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:#ff9600;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%} /* 下载详细页begin */ .download-detail{position:relative;z-index:3} .download-detail .button-big{padding:15px 25px} /* 下载详细页end */ /* ===视频教程 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 #ff9600;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*/ /* 视频内容页end */ /* 视频教程 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:20px 0} .article .post h1{font-size:28px;font-weight:600;color:#000} .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:#ff9600;border-bottom:0 solid #ff9600} .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:#ff9600;} .price-info ul li.v2-1{width:50%} .price-info ul li.v2-2{width:50%;} /*产品列表*/ /* 产品详细页begin */ .product-description .padding-large{padding:30px 0 0 30px} .product-description .padding-large-top{padding:0} .padding-large-top #zoom1{ } .product-description p{line-height:24px} .product-description .zoomimg{width:100%;border: 1px solid #ececec;}/* 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:#ff9600;background:#FFF;border-bottom:3px solid #ff9600;} .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 #004ea2} .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 */ /* 产品详细页end */ .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:32px;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:32px;} .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:#ff9600} .home-contact .title a{font-size:24px;text-decoration: none;border-bottom: 2px solid #ff9600;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:960px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;} .channel-banner .banner-info {position:absolute;bottom:0;left:0;right:0;z-index:3;width:40%; background: rgba(0, 0, 0, 0.3);padding:30px 50px;color:#fff;font-size:18px; border-radius: 0 60px 0 0;font-weight:bold;text-align:right;} .channel-banner .banner-info a{color:#fff;} .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:#ff9600;content:'';display:block;position:absolute;} .channel-banner .banner-info p{font-size:32px;} /* 底部地图版权 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%;} } /* header */ .header {position: fixed; top: 0; left: 0; right: 0; padding: 10px 0; z-index: 100;} .header .logo {position: relative; z-index: 1; float: left; width: 226px; height: 70px;} .header .logo img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s;} .header .logo .after, .header.on .logo .before {opacity: 0;} .header .telbar {float: right; margin-top: 10px; color: #fff; font-size: 20px; line-height: 23px; transition: color .3s;} .header .telbar i {display: inline-block; margin-right: 15px; width: 23px; height: 23px; background-image: url(../images/tel_white.png); background-repeat: no-repeat; background-position: center center; background-size: cover;} .header .telbar span {position: relative; top: -3px;} .header .dropmenu {display: none;} .header.on, .header.spec {background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #dbdbdb;} .header.on .logo .after, .header.spec .logo .after {opacity: 1;} .header.on .menubar a, .header.spec .menubar a {color: #333;} .header.on .telbar, .header.spec .telbar {color: #000;} .header.on .search, .header.spec .search {background-image: url(../img/icon/search_black.png);color: #000;} .header.on .telbar i, .header.spec .telbar i {background-image: url(../images/tel_black.png);} .header.on .search{color: #333;} .daohang{margin-right: auto;margin-left: auto;text-align:center;} .daohang h1{text-align:center;margin: 0 auto;width:226px;} .yuyan{float:right;text-align:left;color:#fff;font-size:16px;margin-top:20px;} .yuyan img{float:left;margin-right:5px;margin-top:3px;} .yuyan a{color:#fff;} .yuyan2{display: none} .header.on .yuyan{color:#004ea2} .header.on .yuyan1{display: none} .header.on .yuyan2{display: block} .header.on .yuyan a{color:#004ea2} .header.spec .yuyan{color:#004ea2} .header.spec .yuyan1{display: none} .header.spec .yuyan2{display: block} .header.spec .yuyan a{color:#004ea2} .header.spec .m-toggle i, .header.spec .m-toggle i::before, .header.spec .m-toggle i::after, .header.spec .m-toggle.active i::before, .header.spec .m-toggle.active i::after { background: #004ea2; } .navbar { position: relative; } .layout { width: 100%; } .fixed { z-index: 9999; } .container-layout{display: none} .navbar{background:#FFF;-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03); box-shadow:0px 1px 1px rgba(0, 0, 0, 0.03);z-index:9} .nav li.active ul li a {color:#3e3e3e;} .nav li.active a,#pc-header .nav li a:hover,#pc-header .nav li:hover a.first-level{color:#ff9600;} .nav li ul{background:#FFF;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;} .searchBar{position:absolute;top:21px;right:150px} #pc-header a.search-ico i{font-size:18px;color:#6E6E6E;} /* 购物车图标 */ .shopBar{position:absolute;top:21px;right:110px} .nav .logo{text-align:center;margin:30px 0 0 0} .nav .chanpin{width:100%;overflow: hidden;padding:30px 0} #ztbox {width:100%; height:370px; margin:0 auto; position: relative;} #ztbox #left { width:30px; height:30px; cursor:pointer;background:url(../images/banner_pre.png) no-repeat; position: absolute;left:5px;top:30%;z-index:99} #ztbox #right{ width:30px; height:30px; cursor:pointer;background:url(../images/banner_next.png) no-repeat; position: absolute;right:5px;top:30%;z-index:99 } #ztbox #conter { width:100%; height:370px; float:left; display:inline; overflow:hidden; position:relative; margin:0px 10px;position: absolute;z-index:88} #ztbox #conter dl { width:1550px!important; top:0px; left:0px; position:absolute; overflow:hidden;} #ztbox #conter dd { width:210px; float:left;padding:0px 5px; position:relative;} #ztbox #conter dd img { width: 100%;max-width: none;transition: all 1s; border-radius: 20px;} #ztbox #conter dd h3{color:#fff;font-size:16px;padding:15px 0;text-align:center;} #ztbox #conter dd h3 a{ color: #fff; border: 2px solid #004ea2; padding: 6px 12px; border-radius: 20px; background-color: #004ea2; font-size: 14px; } #ztbox #conter dd h3 span{margin-left: 5px; color: #fff; border-radius: 50px; background-color: #004ea2; padding: 2px 6px; font-size: 12px;} #ztbox #conter dd h3 a:hover{color:#fff;} #ztbox #scroll { width:85%; height:6px; left:0px; bottom:8px; cursor:pointer; position:absolute;background-color:#393939;border-radius: 5px;margin-left:50px } #ztbox #scroll span { width:260px; height:6px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:#fff;border-radius: 5px; } .conter1_20{margin-left:50px;} /*手机导航 begin */ #mobile-mask{position:relative;z-index:1;background:#FFF;overflow-x:hidden;overflow-y:hidden;} .offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);} #m-header .nav {display:block;} #m-header {display:none;height:100%;left:6%;overflow-y:auto;position:relative;position:fixed;z-index:999999;top:60px;width: 80vw;border:0;} #m-header ul li{width:100%} #m-header ul li ul li a::before,#m-header ul li ul li a::after {background:none;height:0;padding:0} .offcanvas-visible #m-header{display: block} /* 手机导航面包ico begin */ .m-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:50%;left:20px;z-index:99999;display:block;margin-top:20px;;cursor:pointer;} .m-toggle.active i::before,.m-toggle.active i::after {} .m-toggle:hover,.m-toggle:focus,.m-toggle:active {outline:none;border-bottom:none !important;} .m-toggle i {position:relative;top:-1px;display:-moz-inline-stack;width:24px;height:2px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .2s ease-out;} .m-toggle i::before,.m-toggle i::after {content:'';width:24px;height:2px;position:absolute;left:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;} .m-toggle i::before {top:-9px;} .m-toggle i::after {bottom:-9px;} .m-toggle.active i {background:transparent;} .m-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);} .m-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);} .m-toggle i,.m-toggle i::before, .m-toggle i::after,.m-toggle.active i::before, .m-toggle.active i::after{background: #fff;} .header.on .m-toggle i,.header.on .m-toggle i::before,.header.on .m-toggle i::after,.header.on .m-toggle.active i::before, .header.on .m-toggle.active i::after{background: #004ea2;} /*手机导航面包ico end */ /* 弹出搜索 begin */ .searchBar-m {display:none;width:100%;height:100%;position:fixed;top:60px;z-index:9;text-align:center} .searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;} .searchBar-m a{display:none;position:absolute;right:5%;top:5%;width:50px;height:50px;line-height:46px;font-size:32px;z-index:9999;color:#fff;} .searchBar-m a:hover{color:#ff9600} .searchBar-m .form-group {width:100%;position:absolute;left:50%;top:120px;transform:translate(-50%,-200%);} .searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #fff;color:#9c9c9c;height:50px;line-height:50px;float:left;padding:0 0 0 20px} .searchBar-m .button {width:8%;height:50px;line-height:60px;border-bottom:2px solid #fff;display:block;float:left;background:url(../images/ico-search-button.png) no-repeat center 50%;text-indent:-2000px} .searchBar-m .button:hover{background:url(../images/ico-search-button.png) no-repeat center 50%;} /* 弹出搜索 end */ /* index */ .idx-banner {} .idx-banner, .idx-banner .swiper {} .idx-banner .swiper {--swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-color: #cf263a; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-inactive-color: #fff; --swiper-navigation-color: #fff; --swiper-navigation-size: 24px;} .idx-banner .swiper-button-prev {left: 0.5%;} .idx-banner .swiper-button-next {right: 0.5%;} .idx-banner .swiper-pagination {left: 5% !important; bottom: 31px !important; width: auto !important;} .idx-banner .swiper-pagination-bullet {width: 12px; height: 12px; cursor: pointer;} .idx-banner video, .idx-banner img {width: 100%; height: 100%; object-fit: cover; object-position: center center;} .idx-banner .textbox {position: absolute; left: 14%; top: 68%; width: 45%; font-size: 56px; line-height: 1.4; color: #fff;} .idx-banner__split {position: absolute; z-index: 11; left: 5%; right: 5%; bottom: 82px; border-top: 1px solid rgba(123, 119, 118, .8);} .idx-banner__page {position: absolute; z-index: 11; left: 14%; top: 64%; color: #fff; font-size: 14px;} .idx-banner__page .current {padding-left: 5px; padding-right: 15px;} .idx-banner__page .total {padding-left: 15px;} .idx-banner__btn {position: absolute; z-index: 11; right: 5%; bottom: 0; line-height: 86px; color: #fff; font-size: 14px; cursor: pointer; transition: all .3s;} .idx-banner__btn i {position: relative; top: -3px; display: inline-block; margin-left: 10px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);} /* 首页产品及应用 */ .index_chanpin{width:100%;overflow:hidden;padding:50px 0;} .index_chanpin h2{font-size:24px;color:#333;} .index_chanpin p{font-size:16px;color:#333;padding:15px 0} .index_chanpin span{margin-left:5px;color:#fff;border-radius: 50px;background-color:#004ea2;padding:2px 6px;font-size:12px;} .index_chanpin i{margin-left:5px;color:#fff;border-radius: 50px;background-color:#004ea2;padding:5px;width:10px;height:10px;} .index_chanpin span a{color:#004ea2;color:16px;} .index_cp{width:100%;overflow:hidden;padding-top:50px;} #lanrenzhijia_outer { width:100%; overflow-x:hidden; overflow-y:hidden; position:relative; height:620px; } #lanrenzhijia { width:2980px; margin:0px; padding:0px; height:610px; } #lanrenzhijia ul { margin:0px; padding:0px; float:left; } #lanrenzhijia_inner { padding:5px; padding-left:0px; } #lanrenzhijia li { list-style:none; display: inline-table; margin:0px; padding:0 7px; } #lanrenzhijia li img { padding:0px; margin:0px; border-radius: 20px; width: 100%; max-width: none; transition: all 1s; } #lanrenzhijia li h3{text-align:center;color:#004ea2;line-height:30px;padding:10px 0;font-size:16px;} #lanrenzhijia li h3 a{ color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; font-size: 14px; } #lanrenzhijia li h3 a:hover{color:#004ea2} #scrollbar { position:relative; width:100%; height:8px; display:block; font-size:1px; top:-350px; } #track { position:absolute; left:0px; top:350px; width:100%; height:8px; background: #eeeeee; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #dragBar { position:absolute; left:0px; top:0px; width:400px!important; height:8px!important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#004ea2 ; } #left_scroll { position:absolute; border-style: solid; width:42px; height: 42px; cursor:pointer; } #right_scroll { position:absolute; right:0.1%; width:50px; height: 50px; cursor:pointer; } /* Prevent selection problem */ #scrollbar, #track, #dragBar, #left, #right { -moz-user-select: none; -khtml-user-select: none; } .lanrenzhijia_20{padding-left:150px!important} /* 首页技术创新 */ .chuangxin{ position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; padding:200px 0; background-image: url(../images/chuangxin.jpg); height:90vh; color:#fff; } .chuangxin h4{font-size:24px;padding-bottom:5px;} .chuangxin h3{font-size:24px;} .chuangxin p{font-size:16px;padding-top:10px;line-height:35px;padding-bottom:50px;} .chuangxin span{ color: #fff; border: 1px solid #fff; padding: 6px 16px; border-radius: 20px;font-size:14px;} .chuangxin span a{color: #fff;} /* 首页研究与发展 */ .yanjiu{ position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; padding:200px 0; background-image: url(../images/yanjiu.jpg); height:90vh; color:#fff; } .yanjiu h4{font-size:24px;padding-bottom:5px;} .yanjiu h3{font-size:24px;} .yanjiu p{font-size:16px;padding-top:10px;line-height:35px;padding-bottom:50px;} .yanjiu span{ color: #fff; border: 1px solid #fff; padding: 6px 16px; border-radius: 20px;font-size:14px;} .yanjiu span a{color: #fff;} .yanjiu_m { display: none; } /* 首页关于朗达 */ .index_about{padding:80px 0;width:100%;overflow: hidden; position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; height: 90vh; background-image: url(../images/index_about.jpg); } .la_about{width:500px;} .la_about h3{font-size: 24px;padding-bottom:10px;color:#fff;} .la_about h4{font-size: 16px;font-weight:500;padding:15px 0 30px 0;color:#fff;line-height:28px;} .la_about h5{display: none;} .la_about span { font-size:14px; padding: 6px 16px; border-radius: 20px; color:#fff; margin-top:15px; border: 1px solid #fff; } .la_about span a{color:#fff} .index_about h2{font-weight:bold;font-size:32px;} .index_about_1{width:100%;overflow: hidden;padding-top:20px;} .index_about_1 img{border-radius: 20px;width: 100%; max-width: none;} .index_about_1 h3{font-size:24px;color:#333333;padding:10px 0;font-weight:bold;} .index_about_1 h3 a{color:#333333} .index_about_1 p{font-size:18px;color:#999999;} .index_about_2{width:100%;overflow: hidden;padding-top:30px;} .index_about_2_1{width:49%;float:left;overflow: hidden;} .index_about_2_1 img{border-radius: 20px;width: 100%; max-width: none;} .index_about_2_1 h3{font-size:24px;color:#333333;padding:10px 0;font-weight:bold;} .index_about_2_1 h3 a{color:#333333} .index_about_2_1 p{font-size:18px;color:#999999;} .index_about_2_gd{width:2%;float:left;overflow: hidden} .langda_left{width:35%;float:left;overflow: hidden;padding-bottom:10px} .langda_left h3{font-size: 32px;font-weight:bold} .langda_left h4{font-size: 18px;font-weight:500;padding:15px 0;} .langda_left p{font-size: 16px;line-height:30px;padding:60px 0;} .langda_left span { color: #004ea2; border: 2px solid #004ea2; padding: 6px 16px; border-radius: 20px; } .langda_left span a{ color: #004ea2;} .langda_right{width:58%;float:right;overflow: hidden;border-radius: 50px;} .langda_right img{width:100%;border-radius: 50px;} .langda_right:hover img{ -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;} /* 底部 */ .dibu{width:100%;overflow: hidden;background-color:#333333} .dibu1{width:100%;overflow: hidden;} .dibu1 dl{width: 32%;margin-right: 20px;padding:30px 0;float:left;overflow: hidden;min-height:320px;} .dibu1 dl dt{color:#fff;font-size:16px;font-weight:bold; border-bottom: 1px solid rgba(255, 255, 255, 0.1);;padding-bottom:10px;margin-bottom:10px;} .dibu1 dl dt a{color:#fff} .dibu1 dl dt a:hover{color:#004ea2;border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .dibu1 dl dd{color:#888888;padding: 7px 0;font-size:16px;} .dibu1 dl dd a{color:#888888;} .dibu1 dl dd a:hover{color:#004ea2;border-bottom: 1px solid #004ea2;} .dibu_lx{width: 32%;padding:30px 0;float:left;color:#ddd;min-height: 320px;} .dibu_lx dt{color:#fff;font-size:16px;font-weight:bold; border-bottom: 1px solid rgba(255, 255, 255, 0.1);;padding-bottom:10px;margin-bottom:10px;} .dibu_lx dt a{color:#fff} .dibu_lx li{color:#888888;padding: 7px 0;font-size:16px;} .dibu_lx li img{margin-right:15px;} .dibu_lx_1{margin-right: 1px!important} .dibu2{width:100%;overflow: hidden;border-top: 1px solid rgba(255, 255, 255, 0.1);padding:15px 0} .dibu2_1{width:70%;float:left;overflow: hidden;color:#888888;text-align:center;} .dibu2_1 a{color:#888888;} .dibu2_2{width:30%;float:left;overflow: hidden} .dibu2_2 li{float:left;width:37px;overflow: hidden;margin:0 5px;border-radius: 50px; border: 1px solid #888888;height:37px;color:#888888} /* 内页关于我们 */ .ny_about{width:100%;padding:50px 0 50px 0;overflow: hidden} .ny_about h2{font-size:24px;color:#333333;padding-bottom:30px;} .ny_about h3{font-size:18px;color:#333333;padding:10px 0 20px 0;} .licheng{width:100%;padding-bottom:50px;overflow: hidden} .licheng h2{font-size:24px;color:#333333;} .about-history{ background:url(../images/bg_about_history.jpg) no-repeat center fixed; -webkit-background-size:100% 100%; background-size:100% 100%; overflow: hidden;padding:50px 0} .about-history h2 { font-size: 24px; color: #333333; padding-bottom:30px; } .about-title {margin-bottom: 25px;} .about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;} .about-title p {margin: 0;font-size: 32px;font-weight: 300;color: #ECECEC;} .title-white h3{ color:#d6d6d6;} .title-white p{ color:rgba(222,222,222,.09);} .about-history-list{ position:relative;} .about-history-list .flex-viewport{ padding:0 31px;} .about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';} .about-history-list .slides li{ position:relative; width:200px; height:480px; margin-right:31px;z-index:99} .about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:200px; padding:44px 0 0 0; background-color: rgba(255, 255, 255, .4);-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:15px; height:15px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#004ea2; content:'';} .about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;} .about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;} .about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;} .about-history-list .slides li .item:hover{ background-color:#004ea2;} .about-history-list .slides li .item:hover .desc p{background: url(../images/lc_line_1.png) no-repeat 0 top;} .about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#fff; text-align:center; background-color:#004ea2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;} .about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;} .about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #004ea2; content:'';} .about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;} .about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#004ea2 transparent transparent;} .about-history-list .slides li .item .desc{ line-height:24px; padding:5px 10px; font-size:14px; color:#333;} .about-history-list .slides li .item:hover .desc{ color:#ffffff;} .about-history-list .slides li .item .desc p{ background: url(../images/lc_line.png) no-repeat 0 top; padding: 5px 0 0 15px;} .about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;} .about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:42px; overflow:hidden; margin-top:-30px; font-size:0; font-family:simsun; color:#ffffff; text-align:center;} .about-history-list .flex-direction-nav a.flex-prev{ left:-48px;} .about-history-list .flex-direction-nav a.flex-next{ right:-48px;} .about-history-swiper{ width:100%;} .about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;} .about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;} .about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;} .about-history-swiper .swiper-slide .item .desc p{ margin:0;} .about-history-swiper .about-history-pagination{ position:static; margin-top:10px;} .about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;} .about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;} .body-box{width:100%;} .timer-shaft-box{width:100%;padding:30px 0;box-sizing: border-box;} .timer-shaft{position:relative;width:100%;height:80px;overflow: hidden;} .timer-left{position:absolute;top:50%;left:0;z-index:99;width:14px;height:20px;margin-top:-18.5px;background: url(../images/icon_left.png) no-repeat;background-size: cover;cursor:pointer;} .timer-right{position:absolute;top:50%;right:0;z-index:99;width:14px;height:20px;margin-top:-18.5px;background: url(../images/icon_right.png) no-repeat;background-size: cover;cursor:pointer;} .timer-scale{position:absolute;top:0;left:0;height:80px;padding-left: 50px;font-size: 0;white-space: nowrap;} .timer-scale-cont{display:inline-block;height:100%;line-height:80px;} .time-circle{display:inline-block;vertical-align:middle;width:60px;height:60px;line-height: 60px;text-align: center;font-size:28px;color:#333333;transition: all .3s;cursor:pointer;} .timer-scale-cont.hov_1 .time-circle{width:140px;height:80px;line-height: 80px;font-size:64px;color:#004ea2} .timer-scale-cont.hov .time-circle{width:140px;height:80px;line-height: 80px;font-size:64px;color:#004ea2} .line-scale{display:inline-block;vertical-align:middle;width:90px;height:22px;margin:0 2px;} .timer-shaft-content{width:100%;margin-top:45px;overflow: hidden;font-size:0;box-sizing:border-box;} .shaft-detail-cont{display: none;width:100%;} .timer-year{padding-left:20px;font-weight:bold;color:#333;font-size:0;} .icon-year{display: inline-block;vertical-align:middle;width:33px;height:40px;background: url(../images/icon_sign.png) no-repeat;background-size: cover;} .timer-year span{display: inline-block;vertical-align:middle;margin-left:18px;font-size:24px;} .month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing: border-box;white-space: normal;} .month-detail-box:before{content: '';position:absolute;top:0;left:36.5px;height:100%;border-right:1px dashed #ff8d3d;} .month-detail-box .month-title{position:absolute;font-size:16px;font-weight: bold;color:#333;} .month-detail-box .month-title:before{content: '';position:absolute;top:50%;left:30px;width:13px;height:13px;margin-top:-6.5px;background: url(../images/icon_circle.png) no-repeat;background-size: cover;} .incident-record{display:inline-block;padding-left:71px;line-height:2;font-size:14px;color:#333;} .incident-record a{font-size:14px;color:#1d69a3;} .shaft_left{width:50%;float:left} .shaft_left p { color: #333333; font-size: 16px; text-align: left; padding: 5px 0 5px 20px; background: url(../images/lc_line.png) no-repeat 0 top; line-height: 30px; } .shaft_right{width:43%;float:right;overflow: hidden;} .shaft_right img{ border-radius: 20px;width: 100%;max-width: none;} .cont_1{display: block;} .wenhua{width:100%;overflow: hidden;padding-top:50px;} .wenhua h2{font-size:24px;color:#333333;padding-bottom:30px;} .wenhua1{width:100%;overflow: hidden;display: block;position: relative; } .wenhua1_tp {border-radius: 20px;width: 100%;max-width: none;top:0;z-index:9;} .wenhua1 h3{top:20px;left:20px;z-index:10;color:#fff;text-align:center;font-size:20px;position:absolute;line-height:25px;} .wenhua1 h3 img{padding-right:10px;} .wenhua1 h4{position: relative;bottom:230px;z-index:10;color:#fff;text-align:center;font-size:24px;line-height: 40px; letter-spacing: 4px;} .wenhua2{width:100%;overflow: hidden; } .wenhua2_1{width:49%;float:left;overflow: hidden;position: relative; } .wenhua2_tp {border-radius: 20px;width: 100%;max-width: none;top:0;z-index:9;position: relative;} .wenhua2_1 h3{top:20px;left:20px;position: absolute;z-index:10;color:#fff;text-align:center;font-size:20px; line-height: 25px;} .wenhua2_1 h3 img{padding-right:10px;} .wenhua2_1 h4{position: relative;bottom:180px;z-index:10;color:#fff;text-align:center;font-size:24px;line-height:40px;} .wenhua2_gd{width:2%;float:left;overflow: hidden;} .tuandui{width:100%;overflow: hidden;} .tuandui .more { overflow: hidden; padding: 10px; text-align: center; margin-top:20px; } .tuandui .more span{ color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; color:#004ea2; font-size: 14px; } .tuandui .more span a { color: #004ea2; } .tuandui h2{font-size:24px;color:#333333;padding-bottom:30px;} .tuandui h2 a{color:#333333;} .tuandui h2 a:hover{color:#004ea2} #cen_right_top{width:100%;overflow: hidden} #cen_right_top a:hover img{ -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;} #cen_right_top .active{color: #004ea2; text-decoration: none; font-weight: bold; font-size: 20px;} #cen_right_top .active span{background-color: #004ea2;} #cen_right_top h3{text-align:center;float:left;width:14.2%;margin::0px;padding:0px;font-size:18px;color:#333333;font-weight:lighter;cursor:pointer;padding: 15px 0;} #cen_right_top h3 span{ width: 16px; height: 16px; border-radius: 50px; background-color: #ccdcec; display: inline-block; margin-right: 5px; } #cen_right_top div{display:none;clear:both;width:100%;overflow: hidden;border-radius: 20px;} #cen_right_top div img{border-radius: 20px; flex-shrink: 0; width: 100%; height: 100%;} .rongyu{width:100%;overflow: hidden;padding:50px 0} .rongyu h2{font-size:24px;color:#333333;padding-bottom:30px;} .lanren1{width: 100%;height: auto;margin:0 auto;overflow: hidden;padding:5px;} .lanren1 ul.list{overflow: hidden;} .lanren1 ul.list li{width: 14.6%; float: left; margin: 1% 1%;} .lanren1 ul.list p{text-align: center;padding: 10px;} .lanren1 ul.list h4{text-align:center;} .lanren1 .more{overflow: hidden;padding:10px;text-align: center;margin-top:20px} .lanren1 .more span{ color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; color:#004ea2; font-size: 14px; } .lanren1 .more span a { color: #004ea2; } .lanren1 .more a img{margin-left:10px;} .lanren1 .more a:hover{text-decoration: none;color: #004ea2;} .zhuanli_tp { overflow: hidden; background: url(../images/zhuanli_tp.png) no-repeat; background-size: 100% 100%; padding-bottom:20px; } .zhuanli_tp img { margin-right: auto; margin-left: auto; text-align: center; width: 100%; height: 100%; border-radius: 10px; max-height:234px; } .lanren2{width: 100%;height: auto;margin:0 auto;overflow: hidden;padding:5px;} .lanren2 ul.list{overflow: hidden;} .lanren2 ul.list li{width: 23%; float: left; margin: 1% 1%;} .lanren2 ul.list h4{text-align:center;} .lanren2 ul.list li img{ margin-right: auto; margin-left: auto; text-align: center; width: 100%; height: 100%; border-radius: 10px;} .lanren2 ul.list p{text-align: center;padding: 10px;} .lanren2 .more{overflow: hidden;padding:10px;text-align: center;margin-top:20px;} .lanren2 .more span{ color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; color:#004ea2; font-size: 14px; } .lanren2 .more span a { color: #004ea2; } .lanren2 .more a img{margin-left:10px;} .zhuanli_tp1 { overflow: hidden; background: url(../images/zhuanli_tp1.png) no-repeat; background-size: 100% 100%; padding-bottom:40px; } .zhuanli_tp1 img { margin-right: auto; margin-left: auto; text-align: center; width: 100%; height: 100%; border-radius: 20px; } /* 团队内页 */ .td_ny{width:100%;overflow: hidden;padding:30px 0 30px 0} .td_ny p img{border-radius: 20px;width: 100%;} .td_ny p{width:100%;overflow: hidden;border-radius: 20px;padding:10px 0;} .td_ny h3{font-size:24px; padding:20px 0} .td_ny p:hover img { -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } /* 内页新闻列表 */ .ny_news img{border-radius: 20px;position: relative;z-index:9;width:100%;height:255px;} .ny_news span{background-color:#004ea2;color:#fff;padding:10px;border-radius:0 20px 0 20px;bottom:30px;position: relative;z-index:10} /* 内页联系我们 */ .ny_lx{width:100%;overflow: hidden;padding-bottom:30px;} .ny_lx_1{width:50%;float:left;overflow: hidden;} .ny_lx_1 h2{font-size:24px;color:#333333;padding-bottom:30px;} .ny_lx_1 li { color: #333333; padding: 9px 0; font-size: 16px; } .ny_lx_1 li img { margin-right: 15px; } .ny_liuyan{width:100%;overflow: hidden;background-color:#f8f8f8;padding:30px 0} .ny_liuyan h2{font-size:24px;color:#333333;padding-bottom:30px;} .liuyan1 input { width: 47%; float: left; background-color: #fff; height: 50px; border: 1px solid #eeeeee; border-radius: 5px; margin: 10px 1.5%; padding-left: 10px; } .liuyan1 textarea { border: 1px solid #eeeeee; border-radius: 5px; min-height: 150px; margin: 20px 1.5%; width: 97%; padding-left: 10px; } .liuyan1 .am-btn { padding: 10px 40px; background-color: #004ea2; color: #fff; margin-left: 20px; border: 1px solid #004ea2; } /* 内页产品列表 */ .ny_chanpin{width:100%;overflow: hidden;padding:30px 0} .ny_chanpin h2{font-size:32px;color:#333333;font-weight:bold;padding-bottom:30px;} .ny_chanpin_lb{width:100%;overflow: hidden;} .ny_chanpin_lb li{width:50%;float:left;padding:0 15px;position: relative;} .ny_chanpin_lb li img{ display: block; max-width: 100%; height: auto;border-radius: 20px;} .ny_chanpin_lb li h3{color:#333;padding:10px 0;font-size:16px;} /* 内页产品详情 */ .ny_cp_xq1{width:100%;overflow: hidden;padding:20px 0} .ny_cp_xq1 h2{font-size:20px;color:#333333;padding-bottom:30px;} .ny_cp_xq1_1{width:100%;overflow: hidden;} .ny_cp_xq1_1 img{ max-width: 98%;border-radius: 20px;} .firstRow img{width:97%;} .ny_cp_xq1_2{width:100%;overflow: hidden;padding-bottom:30px;} .ny_cp_xq1_2 p{width:50%;float:left;text-align:left; border-bottom: 1px solid #e5edf6;padding:13px 0;color:#333333;font-size:16px;} .ny_cp_xq1_3{width:100%;overflow: hidden;padding-bottom:30px;color:#333333;font-size:16px;} .ny_cp_xq1_3 img{ max-width: 100%;border-radius: 20px;} .goumai{ overflow: hidden;} .goumai a{width:240px;background-color:#004ea2;border-radius: 20px;color:#fff;font-size:16px;display: block;padding:20px 0;text-align:center;} .goumai img{margin-right:10px;} /*右侧漂浮*/ .suspension{position:fixed;z-index:55;right:10px;bottom:8%;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:42px;height:42px;background-color:#fff;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 50%;box-shadow: 0px 13px 19px 0px rgb(0 0 0 / 10%);} .suspension .a.active, .suspension .a:hover{} .suspension .a .i{float:left;width:42px;height:42px;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:42px;height:42px;background-image:url(../images/a_qq.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:42px;height:42px;background-image:url(../images/a_tel.png);background-repeat:no-repeat;} .suspension .a-qrcode .i{background-image:url(../images/a-qrcode.png);background-repeat:no-repeat;} .suspension .a-cart .i{background-image:url(../images/a_cart.png);background-repeat:no-repeat;} .suspension .a-douyin .i{background-image:url(../images/a_douyin.png);background-repeat:no-repeat;} .suspension .a-top .i{background-image:url(../images/a_top.png);background-repeat:no-repeat;} .suspension .a-top{background:#004ea2;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;background:#fff;position:absolute;right:67px;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:130px;width:220px;} .suspension .d-service-phone{top:1px;width:210px;} .suspension .d-qrcode{top:5px;} .suspension .d-cart{top:15px;} .suspension .d .inner-box{padding:8px 5px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:5px 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:190px;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 25px;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .index_cp_ny{ width: 100%; overflow: hidden; padding-top: 20px;} .lanrenzhijia_ny_1{padding-left:150px!important} .index_cp_ny #lanrenzhijia_outer { width: 100%; overflow-x: hidden; overflow-y: hidden; position: relative; height: 580px; } .index_cp_ny #lanrenzhijia{ width: 2500px; margin: 0px; padding: 0px; height: 570px; } .index_cp_ny_ss #lanrenzhijia{ width: 2900px; } .ny_chanpin3{width:100%; overflow: hidden;padding-top:50px;} .ny_chanpin3 h2{font-size:32px;color:#333333;font-weight:bold;padding-bottom:30px;} .ny_chanpin3_lb{width:100%;overflow: hidden;} .ny_chanpin3_lb li{width:33%;float:left;padding:0 15px;position: relative;} .ny_chanpin3_lb li img{ display: block; max-width: 100%; height: auto;border-radius: 20px;} .ny_chanpin3_lb li h3{text-align: center; color: #333333; line-height: 30px; padding: 10px 0;} .ny_chanpin2{width:100%; overflow: hidden;padding-top:50px;} .ny_chanpin2 h2{font-size:32px;color:#333333;font-weight:bold;padding-bottom:30px;} .ny_chanpin2_lb{width:100%;overflow: hidden;} .ny_chanpin2_lb li{width:50%;float:left;padding:0 15px;position: relative;} .ny_chanpin2_lb li img{ display: block; max-width: 100%; height: auto;border-radius: 20px;} .ny_chanpin2_lb li h3{text-align: center; color: #333333; line-height: 30px; padding: 10px 0;} .ny_chanpin1{width:100%; overflow: hidden;padding-top:30px;} .ny_chanpin1 h2{font-size:32px;color:#333333;font-weight:bold;padding-bottom:30px;} .ny_chanpin1 h2 a{color:#333333} .ny_chanpin1_lb{width:100%;overflow: hidden;} .ny_chanpin1_lb li{width:100%;float:left;padding:0 15px;position: relative;} .ny_chanpin1_lb li img{ display: block; max-width: 100%; height: auto;border-radius: 20px;} .ny_chanpin1_lb li h3{text-align:left; color: #333333; line-height: 30px; padding: 10px 0;} .ny_cp_xq1_1 ul{width:100%;overflow: hidden;} .ny_cp_xq1_1 ul li{margin:25px 0;background-color:#f8f8f8; border-radius: 20px;overflow: hidden;} .ny_cp_xq1_1 ul li .ny_cp_xq1_1_tp{width:60%;float:left;overflow: hidden;} .ny_cp_xq1_1 ul li .ny_cp_xq1_1_tp img{width:100%;} .ny_cp_xq1_1_wz{width:40%;float:right;overflow: hidden;padding:30px 30px 20px 20px} .ny_cp_xq1_1_wz h3{font-size:20px;padding-bottom:20px;} .ny_cp_xq1_1_wz h3 p{font-size:16px;} .ny_cp_xq1_1_wz .dg_cs{font-size:18px;padding-bottom:5px;} .ny_cp_xq1_1_wz p{font-size:16px;line-height:30px;} .pagelist ul{text-align:center;margin:20px 0;} .pagelist li{display:inline-block;margin:0 2px;} .pagelist li span{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;} .pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;} .pagelist li a:hover{border-color:#004ea2;background:#004ea2;color:#fff;} .pagelist li.active a{border-color:#004ea2;background:#004ea2;color:#fff;} .channel-banner .banner-info{width:45%;} .m_banner{display: none;} .ny_cp_lb{padding: 120px 0 30px 0;} .dq_lm{ position: absolute; padding: 20px 0; z-index: 99; bottom: 35px; color: #fff; text-align: left;bottom: 0; width:100%; } .dq_lm a{font-size:16px;color:#fff;} .dq_lm a:hover{color:#004ea2} .channel-banner1{display: none;} .tp_bt{font-size:24px; padding-bottom: 30px;} .tp_jg{ padding-right: 30px!important;padding-left: 30px!important} .tp_jg_2 img{height:173px;} .tp_jg img{text-align:center;margin:auto} /*创新技术列表3*/ .cx_lb_3{width:100%;overflow: hidden;padding:30px 0;} .cx_lb_3 h2{font-size:24px; padding-bottom:30px;} .cx_lb_3_nr{width:100%;overflow: hidden;margin-left: -15px;margin-right: -15px;} .cx_lb_3_nr li{width:33.33%;float:left;padding-right: 15px; padding-left: 15px;margin:10px 0} .cx_lb_3_nr li img{ border-radius: 20px;} .cx_lb_3_nr li h3{font-size:16px;text-align:center;color: #333333;padding: 5px 0;margin-top:10px} .cx_lb_3_nr li h3 a{ color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; font-size: 14px;} .cx_lb_3_nr li h3 span{border-bottom: 1px solid #004ea2;color:#004ea2} .cx_lb_3_nr li h3 a{color: #004ea2;} .cx_lb_3_nr li a:hover h3{color: #004ea2;} /*创新技术列表2*/ .cx_lb_2{width:100%;overflow: hidden;padding:30px 0;} .cx_lb_2 h2{font-size:32px; padding-bottom:30px;font-weight:bold} .cx_lb_2_nr{width:100%;overflow: hidden;margin-left: -15px;margin-right: -15px;} .cx_lb_2_nr li{width:50%;float:left;padding-right: 15px; padding-left: 15px;margin:10px 0} .cx_lb_2_nr li img{ border-radius: 20px;} .cx_lb_2_nr li h3{font-size:16px;text-align:center;color: #333333;padding: 5px 0;} .cx_lb_2_nr li h3 a{color: #333333;} .cx_lb_2_nr li a:hover h3{color: #004ea2;} .chuangxin_m{display: none;} .jianju span{letter-spacing:3.5px;} /*内页产品树*/ .cp_shu{width: 100%;overflow: hidden;padding: 30px 0 0 0;} .cp_shu h2{font-size: 24px;padding-bottom: 30px;} .cp_shu h3{font-size:20px;padding-bottom: 30px;} .cp_shu_xp{padding-top:120px;} .product-description{width: 100%;overflow: hidden;padding-bottom:30px;} /*导航栏*/ .nav_menu3, .nav_menu3 ul, .nav_menu3 ul li, .nav_menu3 ul li a, .nav_menu3 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 #menu-button { margin-top: 100px; background: #F00; position: absolute; z-index: 99999; } .nav_menu3:after, .nav_menu3 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .nav_menu3 #menu-button { display: none; } .nav_menu3 { width: auto; overflow: hidden; border-radius: 20px 20px 0 0; padding-bottom:50px; } .nav_menu_lb{ width: auto; line-height: 1; border-radius: 20px 20px 0 0; padding-bottom:100px; } .nav_menu4 { padding-bottom:0.001px;margin-bottom:50px; } .sub1{width:100%;} .sub2{width:49%;margin-right: 2px!important;} .sub6{width:16%;margin-right: 2px!important;} .sub5{width:19.8%;margin-right: 2px!important;} .sub5 > a{text-align:center;} .sub1 ul li a{width:100%!important} .nav_menu4 > ul > li > a{border-right: 1px solid #fff!important} .sub5 a{} .sub6 a{} .sub5:nth-child(1) { border-radius: 20px 0 0 0; } .sub5:nth-child(5) { border-radius: 0 20px 0 0; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #990B2C; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .nav_menu3 > ul > li { float: left; } .nav_menu3.align-center > ul { font-size: 0; text-align: center; } .nav_menu3.align-center > ul > li { display: inline-block; float: none; } .nav_menu3.align-center ul ul { text-align: left; } .nav_menu3.align-right > ul > li { float: right; } .nav_menu3.align-right ul ul { text-align: right; } .nav_menu3 > ul > li > a { padding: 5px 0 5px 10px; text-decoration: none; text-transform: uppercase; color: #333333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; border-right:3px solid #fff; font-size:15px; } .nav_menu3 > ul > li > a > span{ border-bottom: 1px solid #004ea2!important;line-height: 25px;} .sub1_7{ border-right:1px solid #fff!important } .sub5_5{ border-right:1px solid #fff!important} .nav_menu3 > ul > li:hover > a { color: #004ea2; background: #c3d6e9; border-radius: 20px 20px 0 0; } .nav_menu3 > ul > li.nav-has-sub > a { padding-right: 5px; } .nav_menu3 > ul > li.nav-has-sub > a::after { position: absolute; width: 6px; height: 6px; border-bottom: 1px solid #afb3b7; border-right: 1px solid #afb3b7; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; bottom: 15px; } .nav_menu3 > ul > li.nav-has-sub:hover > a::after { border-color: #004ea2; } .nav_menu3 ul ul { left: -9999px; z-index:999 } .nav_menu3 > ul > li > ul { } .nav_menu3 li:hover > ul { left: auto; } .nav_menu3.align-right li:hover > ul { right: 0; } .nav_menu3 ul ul ul { margin-left: 140%; top: -60px; } .nav_menu3.align-right ul ul ul { margin-left: 140%; margin-right: -60%; } .nav_menu3 ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } .nav_menu3 ul li:hover > ul > li { height: 46px; } .nav_menu3 ul ul li a { padding: 16px 20px; width: 240px; background: #c3d6e9; text-decoration: none; color: #333333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; font-size:14px; } .nav_menu3 ul ul li:hover > a, .nav_menu3 ul ul li a:hover { color: #004ea2; } .nav_menu3 ul ul li.nav-has-sub > a::after { position: absolute; top: 25px; right: 10px; width: 6px; height: 6px; border-bottom: 1px solid #333333; border-right: 1px solid #333333; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .nav_menu3.align-right ul ul li.nav-has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #004ea2; border-left: 1px solid #004ea2; } .nav_menu3 ul ul li.nav-has-sub:hover > a::after { border-color: #990B2C; } .sub{width:14.1%;float:left; margin-right:2px!important} .sub:nth-child(1){border-radius: 20px 0 0 0;} .sub:nth-child(7){border-radius: 0 20px 0 0;} .ny_cp_xq1_xq{font-size:16px;line-height:25px;} .tp_jg_1{width:20%;float:left;} .cp_sj{height:38px!important} .cp_sj a{padding: 12px 20px!important} /*导航菜单 */ .mcd-menu { list-style: none; padding: 0; margin: 0; /*height: 100px;*/ border-radius: 20px; background: rgba(255, 255, 255, 0.5); /* == */ width: 200px; /* == */ } .mcd-menu li { position: relative; /*float:left;*/ } .mcd-menu li a { display: block; text-decoration: none; padding: 15px 20px; color: #333; font-size:18px; /*text-align: center; border-right: 1px solid #E7E7E7;*/ /* == */ text-align: left; position: relative; border-bottom: 1px solid #eee; /* == */ } .dh_6 a{ border-bottom: none!important;} .mcd-menu li a i { float: right; font-size: 18px; margin: 0 10px 0 0; /* == */ } /* == */ .mcd-menu li:hover > a { color: #004ea2; background: rgba(255, 255, 255, 0.8); border-radius: 20px; } .mcd-menu li a.active { position: relative; color: #004ea2; border:0; /*border-top: 4px solid #e67e22; border-bottom: 4px solid #e67e22; margin-top: -4px;*/ box-shadow: 0 0 5px #DDD; -moz-box-shadow: 0 0 5px #DDD; -webkit-box-shadow: 0 0 5px #DDD; /* == */ border-left: 4px solid #e67e22; border-right: 4px solid #e67e22; margin: 0 -4px; /* == */ } .mcd-menu li a.active:before { content: ""; position: absolute; /*top: 0; left: 45%; border-top: 5px solid #e67e22; border-left: 5px solid transparent; border-right: 5px solid transparent;*/ /* == */ top: 42%; left: 0; border-left: 5px solid #e67e22; border-top: 5px solid transparent; border-bottom: 5px solid transparent; /* == */ } /* == */ .mcd-menu li a.active:after { content: ""; position: absolute; top: 42%; right: 0; border-right: 5px solid #e67e22; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } /* == */ @-webkit-keyframes moveFromTop { from { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes moveFromLeft { from { opacity: 0; -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } to { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { opacity: 0; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } to { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .mcd-menu li ul{ border-radius: 20px;} .mcd-menu li ul, .mcd-menu li ul li ul { position: absolute; height: auto; min-width: 200px; padding: 0; margin: 0; background: rgba(255, 255, 255, 0.7); /*border-top: 4px solid #e67e22;*/ opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; /*top: 130px;*/ z-index: 1000; /* == */ left:210px; top: 0px; border-left: 4px solid #004ea2; /* == */ } .mcd-menu li ul:before { content: ""; position: absolute; /*top: -8px; left: 23%; border-bottom: 5px solid #e67e22; border-left: 5px solid transparent; border-right: 5px solid transparent;*/ /* == */ top: 25px; left: -9px; border-right: 5px solid #004ea2; border-bottom: 5px solid transparent; border-top: 5px solid transparent; /* == */ } .mcd-menu li:hover > ul, .mcd-menu li ul li:hover > ul { display: block; opacity: 1; visibility: visible; /*top: 100px;*/ border-radius: 20px; /* == */ left:210px; background: rgba(255, 255, 255, 0.8); /* == */ } /*.mcd-menu li ul li { float: none; }*/ .mcd-menu li ul li a { padding: 15px 10px; text-align: left; border: 0; font-size:16px; /* == */ height: auto; /* == */ } .mcd-menu li ul li a i { font-size: 16px; display: inline-block; margin: 0 10px 0 0; } .mcd-menu li ul li ul { left: 205px; top: 0; border: 0; border-left: 4px solid #004ea2; font-size:14px; width:220px; } .mcd-menu li ul li ul li a{font-size:14px;} .mcd-menu li ul li ul:before { content: ""; position: absolute; top: 15px; /*left: -14px;*/ /* == */ /* == */ border-right: 5px solid #004ea2; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .mcd-menu li ul li:hover > ul { top: 0px; left: 205px; } .mcd-menu li ul li ul li:hover > ul { left: 230px; } /*.mcd-menu li.float { float: right; }*/ /* 底部 */ .index_xinwen{width: 100%; overflow: hidden; padding: 30px 0 0 0;} .index_xinwen h2{ font-size: 24px;color: #333;} .index_xinwen2{width:100%;overflow: hidden;padding:30px 0;} .index_xinwen2 span { color: #004ea2; border: 1px solid #004ea2; padding: 6px 16px; border-radius: 20px; font-size: 14px; } .index_xinwen2 a{ color: #004ea2;} .index_xinwen1{width: 100%;overflow: hidden;padding-top: 50px;} .index_xinwen1_left{width:45%;float:left;overflow: hidden;} .box{width: 100%;overflow: hidden;position: relative;height:480px} .box-1 ul{} .box-1 ul li{width: 100%;position: relative;overflow: hidden;} .box-1 ul li img{display:block; width: 100%;height:480px} .box-1 ul li:hover img{ transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;} .box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;background: rgba(0,32,91,.4);text-indent: 2em; padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;font-weight: normal;color: ghostwhite} .box-2{position: absolute;right: 10px;bottom: 14px;} .box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%; background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;} .box-2 ul .on{background: rgba(255,255,255,0.6);} .box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px; top:50%; line-height: 80px;font-size:60px;margin-top: -40px; text-align: center;cursor: pointer;display: none;} .box-3 .prev{left: 10px;} .box-3 .next{right: 10px;} .box-3 span::selection{background: transparent;} .box-3 span:hover{background: rgba(125,125,120,.8);} .index_xinwen1_right{width:50%;float:right;overflow: hidden;height:500px;} .index_xinwen1_right ul li{border-bottom: 1px solid #eeeeee;padding:10px 0;font-size:16px;margin:5px 0;line-height:25px;} .index_xinwen1_right ul li a{color:#004ea2;width:80%;overflow:hidden;display: inline-block; vertical-align: top;} .index_xinwen1_right ul li span{float:right;color:#999999} @media(max-width:2560px){ .dibu1 dl{width:32.5%} .swiper-wrapper{ height: 100vh!important} .channel-banner {height: 100vh;} .chuangxin{height:90vh} .yanjiu{height:90vh} .tp_jg_1 img{height:250px;} } @media(max-width:1920px){ .dibu1 dl{width:32%} } @media(max-width:1440px){ #lanrenzhijia_outer{height:460px;} #lanrenzhijia{height:450px;width:2200px;} #lanrenzhijia li img {width:280px;} .index_cp_ny #lanrenzhijia_outer{height:460px;} .index_cp_ny #lanrenzhijia{height:480px;width:2150px;} .index_cp_ny#lanrenzhijia li img {width:310px;} .index_cp_ny_ss #lanrenzhijia{width: 2450px;} .index_cp{padding-top: 30px;} #scrollbar{top:-300px;} #track{top:300px;} #dragBar{width:310px!important} .dibu1 dl{width:31.5%} .index_chanpin{ padding: 30px 0;} .index_chanpin{padding-bottom:80px} .dibu1 dl{min-height:260px;} .box{height:400px;} .box-1 ul li img{height:400px;} .index_xinwen1_right{height:400px;} } @media(max-width:1366px){ #lanrenzhijia li img {width:220px;} .index_chanpin h2{font-size:24px;} .index_chanpin p{font-size:16px;} #lanrenzhijia{width: 1750px;height:370px} #lanrenzhijia_outer{height:380px;} .chuangxin{ padding: 150px 0;} .langda_left p{padding: 40px 0;} .langda_right { width: 58%;} .langda_left{width:35%;padding-bottom:30px;} .chuangxin h3 {font-size:28px;} .chuangxin p{font-size:16px;} .langda_left h3{font-size:28px;} .langda_left h4{font-size:16px;} .ny_about h2{font-size:24px;} .about-history h2{font-size:24px;} .wenhua h2{font-size:24px;} .tuandui h2{font-size:24px;} .rongyu h2{font-size:24px;} .ny_chanpin1 h2{font-size:24px;} .ny_chanpin3 h2{font-size:24px;} .ny_chanpin3{padding-top: 30px;} .ny_cp_xq1 h2{font-size:24px;} .cx_lb_3 h2{font-size:24px;} .tp_bt{font-size:24px;} .ny_chanpin3_lb li h3 {min-height: 80px;} .tp_jg_1 img{height:210px;} } @media(max-width:1024px){ #m-header{width: 70vw;} #ztbox{height:360px;} #ztbox #conter{height:360px;} #ztbox #conter dl{width:1450px!important} #ztbox #conter dd{width:200px} #lanrenzhijia_outer{height:380px;} #lanrenzhijia{width: 1750px;height:370px} #lanrenzhijia li img {width:220px;} #scrollbar{top:-250px;margin-left: 50px;} #track{top:250px;} .index_cp_ny #lanrenzhijia_outer{height:410px;} .index_cp_ny #lanrenzhijia{height:400px;width:1700px;} .index_cp_ny #lanrenzhijia li img {width:250px;} .index_cp_ny #scrollbar{top:-250px;margin-left: 50px;} .index_cp_ny #track{top:250px;} .index_cp_ny_ss #lanrenzhijia{width: 2000px;} .channel-banner .banner-info{width:70%} .lanrenzhijia_20{padding-left:50px!important} #dragBar{width:250px!important} .wenhua1 h3{font-size: 30px;} .wenhua1 h4{font-size: 18px;} .wenhua2 h3{font-size: 30px;} .wenhua2 h4{font-size: 18px;} .dibu2_2 li{margin:0 2px;} .channel-banner .banner-info{ font-size: 18px;} .lanrenzhijia_ny_1{padding-left:50px!important} .index_about{padding:200px 0;} .tp_jg_2 img{height:137px;} .about-history-list .flex-direction-nav a.flex-prev { left: 10px; } .about-history-list .flex-direction-nav a.flex-next { right: 10px; } .cp_shu h2{font-size: 28px;} .shu1-1{font-size: 24px!important} .shu1-2{ font-size: 20px!important} .shu1-2 a{ font-size: 20px!important} .shu1-3 a{font-size:16px!important} .tp_jg_1 img{height:195px;} .nav_menu3 > ul > li > a{height:70px;} .ny_news img{height:210px;} .box{height:280px;} .box-1 ul li img{height:280px;} .index_xinwen1_right{height:280px;} } @media(max-width:780px){ #m-header{width: 99vw;left:1%;} #ztbox #conter dl{width:1400px!important} #ztbox #conter dd{width:200px} #dragBar{width:200px!important} .dibu1 dl{width:31%} .dibu2_1{width:100%} .dibu2_2{width:100%;display: none;} .channel-banner{height:100vh;} .wenhua1 h3{font-size: 24px;} .wenhua1 h4{font-size: 20px;bottom: 140px;} .wenhua2 h3{font-size: 24px;} .wenhua2 h4{font-size: 20px;bottom: 120px;line-height: 30px;} .tabClick li.active{font-size:17px;} #cen_right_top .active{font-size:17px;} #cen_right_top h3{font-size:14px} .x4{width:50%;} .ny_lx_1 h2{ font-size: 26px;} .suspension{display: none;} .channel-banner .banner-info{ padding: 20px 15px;width: 72%;} .ny_cp_xq1_2 p{width:100%;} .langda_left{width:100%;} .langda_right{width:100%;} .ny_chanpin3_lb li{width:50%;} .dq_lm{padding: 10px 0;} .tp_jg_1 img{height:175px;} .tp_jg_2 img{height:92px;} .about-history-list .flex-direction-nav a.flex-next{right: 10px;} .about-history-list .flex-direction-nav a.flex-prev { left: 10px; } .la_about h3{ padding-bottom: 1px;font-size: 20px;} .la_about h3 img{width:45%;} .daohang h1 {width: 180px;} .header .logo {width: 180px;height: 56px;} .tp_jg_1{width:25%;} .index_xinwen1_left{width:100%;} .index_xinwen1_right{width:100%;} .box{height:450px;} .box-1 ul li img{height:450px;} } @media(max-width:440px){ #ztbox{height:280px;} #ztbox #conter{height:280px;} #ztbox #conter dl{width:1200px!important} #ztbox #conter dd { width:160px; float:left;padding:0px 5px; position:relative;} #ztbox #scroll span{width:140px} .conter1_20{margin-left:25px;} #lanrenzhijia_outer{height:320px;} #lanrenzhijia{height:310px;width:1440px;} #lanrenzhijia li img{width:180px!important} #scrollbar{top:-200px;margin-left: 0px;width:98%;} #track{top:200px;} #dragBar{width:170px!important} .channel-banner .banner-info{ width: 90%;font-size: 15px; text-align: left;} .index_cp_ny #lanrenzhijia_outer{height:300px;} .index_cp_ny #lanrenzhijia{height:290px;width:1150px;} .index_cp_ny #lanrenzhijia li{width:170px;} .index_cp_ny #lanrenzhijia li img {width:170px;} .index_cp_ny #scrollbar{top:-200px;margin-left: 20px;width:98%;} .index_cp_ny #track{top:200px;} .index_cp_ny #lanrenzhijia li h3{font-size:15px;line-height:25px;} .lanrenzhijia_ny_1{padding-left:20px!important} .index_cp_ny_ss #lanrenzhijia{width: 1400px!important} .index_cp_ny_ss #lanrenzhijia li{width:170px;} .lanrenzhijia_20{padding-left:20px!important} .lanrenzhijia_78{padding-left:20px!important} .index_about_1 h3{font-size:18px;} .index_about_1 p{font-size:15px;} .index_about_2_1 h3 {font-size:18px;} .index_about_2_1 p{font-size:15px;} .dibu1 dl{display: none;} .dibu_lx{width:100%;} .channel-banner{height:50vh;} .wenhua1 h3{font-size: 18px;top: 10px;} .wenhua1 h4{font-size: 14px;bottom: 90px;line-height:25px;} .wenhua2 h3{font-size: 18px;top: 10px;} .wenhua2 h4{font-size: 14px;bottom: 60px;line-height:25px;} .shaft_left{width:100%;} .shaft_right{width:100%;margin-top:10px;} #cen_right_top h3 span{width:10px;height:10px;float:left;margin:10px 0;} #cen_right_top .active{font-size:15px;} #cen_right_top h3{font-size:14px} .ny_lx_1{width:100%;} .blank-large{height:40px;} .ny_chanpin3_lb li{padding: 0 5px;} .ny_chanpin2_lb li{padding: 0 5px;} .ny_chanpin h3{font-size:16px;} .swiper-wrapper{height:34vh!important} .idx-banner video, .idx-banner img{height:34vh} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:2px!important} .chuangxin{height:90vh;} .index_chanpin{padding:40px 0 40px 0;} .langda_left p{padding:30px 0} .langda_left h3{font-size:28px;} .langda_left h4{font-size:16px;} .ny_cp_xq1 h2{font-size:20px;} .ny_cp_xq1_1 ul li .ny_cp_xq1_1_tp{width:100%;} .ny_cp_xq1_1_wz{width:100%;font-size: 15px;} .ny_chanpin3 h2{font-size:20px} .timer-scale{ padding-left: 30px;} #left_scroll{left:0;} #right_scroll{right:0;} .ny_about h2{font-size:20px;} .ny_about{padding: 30px 0 30px 0;} .licheng h2{ font-size: 20px;} .licheng{padding-bottom: 30px;} .wenhua h2{font-size:20px;} .tuandui h2{font-size:20px;} .rongyu h2{font-size:20px;} .ny_chanpin1{padding-top: 20px;} .ny_chanpin1 h2{font-size:20px;} .ny_chanpin3{padding-top: 20px;} .pc_banner{display: none;} .m_banner{display:block;height: 35vh;} .header .logo img{width:160px;height: auto;margin:auto;padding-top:5px;} .ny_cp_lb{padding: 30px 0 30px 0;} .about-history-list .slides li .item{ right: -10px;} .about-history-list .flex-direction-nav a.flex-prev { left: 1px; } .about-history-list .flex-direction-nav a.flex-next { right: 1px; } .about-history h2{font-size:20px;} .td_ny h3{font-size:20px;} .cx_lb_3 h2{font-size:20px;} .channel-banner1{display: block;height: 45vh; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0; padding: 0;} .channel-banner1 .banner-info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; width: 40%; background: rgba(0, 0, 0, 0.3); padding: 25px 10px; color: #fff; font-size: 16px; font-weight: bold; width: 100%; font-size: 15px; text-align: left; } .channel-banner{display:none;} .header{padding: 3px 0;} .tp_bt{font-size:20px;} .tp_jg_1 img{height:104px;} .tp_jg_2 img{height:130px;} .tp_jg{padding-right: 15px!important; padding-left: 15px!important} .tp_jg_2 .padding{height:60px;} .ny_news{width:100%;} .cx_lb_3_nr li{width:100%;} .cx_lb_3_nr{ margin-left:1px;margin-right:1px; padding-right: 1px; padding-left: 1px;} .cx_lb_2_nr li{width:100%;} .cx_lb_2_nr{ margin-left:1px;margin-right:1px; padding-right: 1px; padding-left: 1px;} .chuangxin{display: none;} .chuangxin_m{ position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; padding:30px 0; background-image: url(../images/chuangxin_m.jpg); height:50vh; color:#fff; display: block; } .chuangxin_m h4{font-size:22px;padding-bottom:5px;} .chuangxin_m h3{font-size:20px;} .chuangxin_m p{font-size:16px;padding-top:10px;line-height:35px;padding-bottom:50px;} .chuangxin_m span{ color: #fff; border: 2px solid #fff; padding: 6px 16px; border-radius: 20px;} .chuangxin_m span a{color: #fff;} .yanjiu{display: none;} .yanjiu_m{ position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important; padding:30px 0; background-image: url(../images/yanjiu_m.jpg); height:50vh; color:#fff; display: block; } .yanjiu_m h4{font-size:22px;padding-bottom:5px;} .yanjiu_m h3{font-size:20px;} .yanjiu_m p{font-size:16px;padding-top:10px;line-height:35px;padding-bottom:50px;} .yanjiu_m span{ color: #fff; border: 2px solid #fff; padding: 6px 16px; border-radius: 20px;} .yanjiu_m span a{color: #fff;} .padding-large-top .x10{width:100%;} .padding-large-top .x2{width:100%;} .td_ny{ padding: 30px 0 30px 0;} .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 60px!important } .cp_shu_xp{padding-top:100px;} .la_about{width:95%;margin:0 auto;} .la_about h4{font-size:16px;} .index_about{ background-image: url(../images/index_about1.jpg); height: 65vh;padding: 30px 0;} .index_chanpin h2{font-size:20px;} .x3{width:50%!important} .about-history-list .slides li .item h3{font-size:16px;} .nav_menu3 ul ul ul{ margin-left: 0; top: 30px;} .sub{width:100%;} .nav_menu3 ul ul li a{width:100%;} .sub:nth-child(1){border-radius: 20px 20px 0 0;} .sub:nth-child(7){border-radius: 0 0 20px 20px;} .nav_menu3 > ul > li > a{ border-right: 1px solid #fff;} .sub1{width:100%;} .sub2{width:100%;} .sub5{width:100%;} .sub6{width:100%;} .sub5 ul li a{width:100%!important} .cp_shu h2{font-size:20px;} .ny_cp_xq1_1_wz h3{font-size:18px;} .ny_cp_lb{padding: 100px 0 30px 0;} .nav_menu3 > ul > li > a{height:auto} .la_about h4{display: none;} .la_about h5{display: block; font-size: 16px; font-weight: 500; padding: 15px 0 30px 0; color: #fff; line-height: 28px; } .zhuanli_tp img{height:77px;} .ny_news img{height:auto} .lanren1 ul.list h4{font-size:14px;} .lanren2 ul.list h4{font-size:14px;} .flex-direction-nav{display: none;} #ztbox #conter dd h3 a{font-size:13px;} .nav_menu3 > ul > li > a > span{ border-bottom: 0px solid #fff!important; padding:0;} .nav_menu3 > ul > li{border-bottom: 1px solid #004ea2!important} .index_xinwen h2{font-size:20px;} .index_xinwen1_left{width:100%;} .index_xinwen1_right{width:100%;height:380px;} .box{height:240px;} .box-1 ul li img{height:240px;} .container3 { width: 100%; margin: 0 auto; padding: 0 10px; } .box-1 ul li h2{width:100%;display: inline-block;vertical-align: top;padding-right: 20%;} .index_xinwen1_right ul li a{width:70%;overflow:hidden;display: inline-block; vertical-align: top;} .mcd-menu{width:150px;} .mcd-menu li a{font-size:16px;} .mcd-menu li ul, .mcd-menu li ul li ul{min-width: 200px;left: 160px;} .mcd-menu li:hover > ul, .mcd-menu li ul li:hover > ul { left:160px; /* == */ } .mcd-menu li ul li ul{ display: none;} .mcd-menu li ul li:hover > ul { display: none; /* == */ } .text-center { text-align: center; } .border-yellow, .border-yellow .button, .border-yellow .tab-nav li a, .border-yellow .tab-body, .button.bg-yellow, .selected.border-yellow, .pointer.border-yellow li, .check-warning .input, .nav.border-yellow .active a, .nav.nav-tabs.border-yellow, .nav-main.border-yellow a, .nav-main.border-yellow .nav-head, .pagination.border-yellow li, .pager.border-yellow a { border-color: #004ea2; } .button.bg-main, .button.bg-sub, .button.bg-dot, .button.bg-black, .button.bg-gray, .button.bg-red, .button.bg-yellow, .button.bg-blue, .button.bg-green { color: #004ea2; } }