@charset "utf-8"; .m-btn{ display: none; position: absolute; cursor: pointer; right:20px; top:28px; } .m-btn span{ display: block; width:20px; height:2px; background:#3c4a76; position: relative; -webkit-transition: all 200ms cubic-bezier(.4,0,0,1); -o-transition: all 200ms cubic-bezier(.4,0,0,1); transition: all 200ms cubic-bezier(.4,0,0,1); } .m-btn span::before, .m-btn span::after{ content:''; display: block; height:2px; width:20px; background:#3c4a76; position: absolute; left: 0; -webkit-transition: all 200ms cubic-bezier(.4,0,0,1); -o-transition: all 200ms cubic-bezier(.4,0,0,1); transition: all 200ms cubic-bezier(.4,0,0,1); } .m-btn span:before { top: -8px; } .m-btn span:after { bottom: -8px; } .m-btn.active span { background: transparent; margin-left: 10px; } .m-btn.active span:before { transform: rotate(-48deg) translate(-6px, 5px); -webkit-transform: rotate(-48deg) translate(-6px, 5px); -o-transform: rotate(-48deg) translate(-6px, 5px); width: 24px; } .m-btn.active span:after { transform: rotate(48deg) translate(-6px, -5px); -webkit-transform: rotate(48deg) translate(-6px, -5px); -o-transform: rotate(48deg) translate(-6px, -5px); width: 24px; } @media (max-width: 1199px){ .ny-header .nav>ul>li{ padding-left:0; } .ny-header .language{ margin:0; } } @media (max-width: 992px){ .header .language{ margin-right: 35px; } .header .language ul li{ border-right: 0px; } .m-btn{ display: block; } } /* 内页banner */ .ny-ban{ position: relative; overflow: hidden; min-height: 80px; } .ny-ban img{ width:100%; } .ny-ban .ny-title{ width:100%; position: absolute; top:50%; color:#fff; margin-top: -30px; } .ny-ban .ny-title h5{ font-size: 35px; font-weight: bolder; line-height: 2; } .ny-ban .ny-title p{ font-size: 16px; } @media(max-width:991px){ .ny-ban .ny-title h5{ font-size: 22px; } .ny-ban .ny-title p { font-size: 18px; } .ny-ban img { width: 150%; margin-left: -25%; } } /* 当前位置 */ .position{ position: relative; background: #f7f7f7; padding: 20px 0px; font-size: 14px; line-height: 35px; } .position ul{ display: flex; } .position ul li{ padding: 0px 5px; } .position ul li a:hover{ font-weight: bold; } /*搜索*/ .search{ padding: 20px 3%; } .search .search-input{ width: 100%; position: relative; } .search p{ font-size: 16px; font-weight: bolder; margin-bottom: 15px; } .search .search-input input{ width: 100%; line-height: 45px; font-size: 14px; color: #848484; padding-left: 15px; padding-right: 5px; border: 1px solid #e2e2e2; border-radius: 2px; } .search .search-icon{ position: absolute; right: 0px; top: 0px; } .search .search-icon button{ border: 0px; background-color:#3c4a76; width: 100px; line-height: 45px; cursor: pointer; color: #fff; font-size: 18px; text-align: center; } .ny-about{ padding:0px 0px 50px; line-height: 30px; } .ny-about p{ margin:0; } .ny-about video{ width: 100%; } .ny-about img,.ny-img img{ max-width:100%; } .ny-about table tr th{ background: #3c4a76; color: #fff; text-align: center; padding: 15px; } .ny-img{ position: relative; margin-bottom: 50px; } .ny-img .img-con{ padding: 10px 10px; line-height: 1.6; border: 1px solid #f6f6f6; margin: 0px 0px 20px; } .ny-img .img-con h5{ font-size: 32px; } .ny-img .img-con h5:after{ content: ""; display: block; width: 30px; height: 2px; background: #fff; margin: 15px 0px; } /* 荣誉证书 */ .about-honor{ background: #f6f6f6; } .ny-honor .honor-list img{ max-width: 100%; } .ny-honor .honor-list { text-align: center; } .ny-honor .honor-list a{ display: block; padding: 8px; border: 1px solid #ddd; background: #fff; } .ny-honor .honor-list p{ line-height: 1.4; overflow: hidden; padding: 15px; font-size: 14px; } /* 企业环境 */ .huanjing-list{ position: relative; margin-bottom:30px; } .huanjing-list p{ margin: 0 0 20px; font-size: 18px; color: #333; font-weight: bolder; } .huanjing-list .huanjing-img img{ width:100%; } .huanjing-list .huanjing-img{ position: relative; } .huanjing-list .huanjing-img::after{ content:''; display: block; width:100%; height:0; position: absolute; bottom:0; left:0; background:#000; opacity: 0.5; z-index:99; transition: all .5s; display: none; } .huanjing-list:hover .huanjing-img::after{ height:100%; display: block; } /*企业视频*/ /*企业文化*/ .culture-list{ overflow: hidden; background: #f7f7f7; } .culture-list.culture-img img{ width: 100%; } .culture-list .culture-con{ padding: 5%; font-size: 20px; font-weight: bolder; color: #3d4c77; } .culture-list .culture-title{ font-size: 16px; font-weight: normal; color: #2b2b2b; padding-top: 15px; } .culture-list .culture-title:before{ width: 30px; height: 2px; content: ""; display: block; background: #009ed2; } .culture-list .col-md-6{ padding-left: 0px; padding-right: 0px; } .culture-list .row { margin-right: 0px; margin-left: 0px; } /*内页案例*/ .ny-case .case-list img{ width:100%; } .ny-case .case-list { margin-bottom:30px; text-align: center; } .ny-case .case-list a{ display: block; padding: 8px; border: 1px solid #efefef; } .ny-case .case-list p{ line-height: 1.4; overflow: hidden; padding: 10px; font-size: 14px; } /*内页使用案例*/ .modal-content .ucase{ text-align: center; } .modal-content .ucase img{ width: 80% } /*发展历程*/ .timeline{padding-top:80px;overflow: hidden;} .timeline .tit{text-align:center; font-size: 36px; color:#333;margin:15px 0 45px} .timeline .tit span{ display: block; font-size: 24px; color: #666666; } .timeline ul li{ position: relative; padding: 10px 0; height: auto; } .timeline ul li:nth-child(2n){ padding-left: 54%; text-align: left; } .timeline ul li:nth-child(2n+1){ padding-right: 54%; text-align: right; } .time-con::before { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; z-index: 2; background: #3c4a76; border: 3px solid #b2ff00; } .time-con::after { content: ''; position: absolute; top: calc(50% - 1px); left: calc(50% + 6px); width: calc(4% - 6px); height: 2px; background: #efefef; } .timeline ul li:nth-child(2n+1) .time-con::after{ left: auto; right: calc(50% + 6px); } .timeline ul li::before,.timeline ul li::after{ content: ''; position: absolute; top: 0; width: 2px; height: calc(50% - 4px); left: 50%; background: #efefef; margin-left: -1px; } .timeline ul li::after { top: auto; bottom: 0; } .time-con{ display: inline-block; min-width: 40%; min-height: 40px; border-radius: 4px; padding: 15px 20px; cursor: pointer; } .time-con h4{ font-size: 26px; color: #3c4a76; } .main{ background: #f7f7f7; padding-bottom: 100px; } .ny-comm{ min-height: 500px; padding: 50px; background: #fff; position: relative; overflow: hidden; } @media(max-width:767px){ .main{ background: #fff; } } .ny-comm .comm-left{ width: 220px; float: left; transition: all 0.6s; } .ny-comm .comm-left.on{ position: fixed; top:120px; } .ny-comm .comm-left.abs{ position: absolute; top: auto; bottom: 50px; } .ny-comm .comm-right{ width: calc(100% - 260px); float: right; } @media(max-width:991px){ .ny-comm .comm-right{ width: 100%; } } .ny-comm .ny-title { font-size: 26px; font-weight: bolder; line-height: 1.2; padding-bottom: 15px; margin-bottom: 20px; } @media(max-width:512px){ .ny-comm .ny-title { font-size: 20px; } } .ny-comm .ny-title ul{ float: right; font-size: 14px; font-weight: normal; } @media(max-width:767px){ .ny-comm .ny-title ul{ display: none !important; } } .ny-comm .ny-title ul li { position: relative; display: inline-block; padding: 0 5px; font-size: 14px; } .ny-comm .ny-title ul li a{ color:#76787a; } /*产品类别*/ .ny-comm .comm-left .ny-nav{ background: #f6f6f6; padding: 30px 20px; } .ny-comm .comm-left .cstlayer{ font-size: 26px; font-weight: bolder; color: #3c4a76; line-height: 1.2; padding-bottom: 15px; margin-bottom: 20px; background: url(../img/h.jpg) no-repeat bottom left; } .ny-comm .comm-left .ny-nav li a{ padding: 8px 0px; font-size: 16px; font-weight: bolder; display: block; } .ny-comm .comm-left .ny-nav li a.active,.ny-comm .comm-left .ny-nav li a:hover{ color:#3c4a76; } .ny-comm .comm-left ul.subnav{ padding:0px 0px; margin-bottom: 20px; position: relative; overflow: hidden; } .ny-comm .comm-left ul.nonesub li a, .ny-comm .comm-left ul.subnav li a{ display: block; padding:8px 10px 8px 10px; font-size: 16px; color: #424242; font-weight: normal; border-bottom:1px solid #dddddd; position: relative; } .ny-comm .comm-left ul.nonesub li a:hover, .ny-comm .comm-left ul.subnav li a:hover,.ny-comm .comm-left ul.subnav li.subactive a{ color: #3c4a76; } .ny-comm .comm-left .dropdown-menu{ float: none; border:none; left: 10px; background: transparent; box-shadow: 0 6px 12px rgba(0,0,0,.0); } .ny-comm-box .comm-right .pname{ font-size: 26px; margin-bottom: 30px; } .ny-comm-box .comm-right .ny-pro-list{ margin-bottom:30px; transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } /*每个分类列表*/ .ny-nav .nav-con .nav-ico{ width: 100%; height: 260px; background: #f6f6f6; } .ny-nav .nav-con h5{ line-height: 1.25; font-size: 18px; padding: 20px 15px; } .nav-con ul li a{ border-bottom: 1px solid #f6f6f6; display: block; line-height: 2; } /***************************/ .title-lv1 { position: relative; display: block; overflow: hidden; } .title-lv1 .parent-category-title { margin: 0 0 20px 0; font-size: 1.6rem; font-weight: normal; line-height: 1.2; } .anchor-link { margin: 40px 0 22px; padding: 25px 0 25px 30px; background: #f2f2f2; line-height: 1; } .category-blc-group { margin: 40px 0 70px; padding: 0 0 30px; } .category-blc { border-top: 1px solid #ccc; padding: 20px 0 20px; } .category-blc .category-blc-title { font-size: 22px; font-weight: 500; } .category-blc-list li a{ border: 1px solid #f6f6f6; display: block; margin: 20px 0px; } .category-blc-list li a h4{ font-size: 16px; font-weight: bolder; padding-top: 20px; } .category-blc-list li .list-img{ height: 80px; } .category-blc-list li .list-img img{ height: 100%; width: auto; } .category-blc-list li a .nav-ico{ background: #f6f6f6; } /*产品列表*/ .product-box .product-list,.related_product .product-list{ border: 1px solid #efefef; } .product-list{ background:#fff; position: relative; margin-bottom: 30px; transition: all 0.6s; } .product-list .product-img{ overflow: hidden; } .product-list .product-img img{ width: 100%; transition: all 0.6s; } .product-list h5{ font-size: 18px; padding: 20px 15px; display: block; } .product-list h5 i{ float: right; font-size: 22px; font-weight: normal; } .product-list:hover{ box-shadow: 10px 10px 20px 0 rgba(0,0,0,.2); } .product-list:hover .product-img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .ny-pro-list .ny-pro-img{ overflow: hidden; padding: 10px; } .ny-pro-list .ny-pro-img img{ width:100%; transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .ny-pro-list .ny-pro-title{ background: #f2f2f2; padding:8px 15px; font-size: 18px; height: 70px; transition: all 0.6s; } .ny-pro-list:hover .ny-pro-title{ background: #0088e5; color:#fff; } .ny-pro-list:hover{ box-shadow: 0 0 10px #bbb; } .ny-pro-list:hover .ny-pro-img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .ny-comm .m-pro-nav{ display: none; } .ny-comm .m-pro-nav .dropdown .btn{ width:100%; padding:10px 0; } .ny-comm .m-pro-nav .dropdown .dropdown-menu{ width:100%; padding:10px 20px; height:313px; overflow: auto; } .ny-comm .m-pro-nav .dropdown .dropdown-menu li{ padding:8px 10px; border-bottom:1px solid #ddd; } @media (max-width:991px){ .ny-comm .about-title,.ny-img .img-con h5{ font-size: 24px; } .ny-comm .entitle { font-size: 40px; } .ny-comm .comm-left{ display: none; } .ny-comm .comm-right{ width:100%; } .ny-comm .m-pro-nav{ display: block; margin:20px 0; } .product-img{ margin-bottom: 10px; } .ny-img .img-con { position: relative; width: 100%; } .ny-comm-box .comm-right .pname { font-size: 20px; } .ny-pro-list .ny-pro-title { font-size: 14px; height: auto; } } @media(max-width:767px){ .ny-comm{ padding:15px 0; border-left:0px; } } /*产品展示详情 */ .product-info{ margin-bottom: 30px; } @media(max-width:991px){ .product-info{ border: 0; } } .product-info img{ width:100%; padding: 0px; } .product-con{ border: 1px solid #efefef; } .product-con h5{ font-size: 25px; font-weight: bolder; margin-top: 15px; } @media(max-width:512px){ .product-con h5{ font-size: 20px; } } .product-con h5 span{ border-bottom: 3px solid #3c4a76; padding-bottom: 10px; } .product-con .overview{ padding: 60px 0px 0px; } .scrollbox{ overflow-x: hidden; overflow-y: auto; height: 100%; padding-right: 10px; } /*滚动条样式*/ .scrollbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .scrollbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .scrollbox::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .pro-wechat{ width: 60%; margin: 10px auto 0px; } .pro-wechat .tel{ text-align: center; line-height: 1.2; } .pro-wechat .tel i,.pro-wechat .tel span{ display: block; color: #3c4a76; } .pro-wechat .tel i{ font-size: 40px; } .pro-wechat .tel span{ font-size: 18px; } .pro-wechat .wechat{ border: 1px solid #efefef; padding: 2px; font-size: 12px; text-align: center; } .product-info .product-info-content { font-weight: 400; padding:10px 0; } .product-info-content .product-info-title { margin-bottom: 20px; background: #f3f4f6; } .product-info-content .product-info-title span { display: inline-block; color: #fff; font-size: 16px; line-height: 24px; padding: 14px 20px; background: #3c4a76; position: relative; z-index: 1; } .product-info .product-info-content ul li{ background: #f3f4f6; border: 1px solid #f3f3f3; padding: 8px 25px; line-height: 2; border-radius: 25px; margin-bottom: 10px; } /*产品tab*/ .pro-tab-box { background: #fff; overflow: hidden; } .pro-tab-box .nav-tabs { padding-top: 0px; border-bottom: 0px solid #dee2e6; } .pro-tab-box .nav-tabs>li{ margin-top: 15px; } @media(max-width:512px){ .pro-tab-box .nav-tabs>li.col-xs-4{ padding-left: 5px; padding-right: 5px; } } .pro-tab-box .nav-tabs>li>a { border-radius: 3px 3px; width: 100%; line-height: 40px; text-align: center; font-size: 18px; cursor: pointer; display: block; background: #f1f1f1; } .pro-tab-box .nav-tabs>li>a i{ font-size: 30px; float: left; } @media(max-width:512px){ .pro-tab-box .nav-tabs>li>a { font-size: 12px; padding: 0px; } .pro-tab-box .nav-tabs>li>a i{ font-size: 18px; padding-left: 20px; } .pro-tab-box .nav-tabs>li>a span{ margin-left: -20px; } } @media(max-width:430px){ .pro-tab-box .nav-tabs>li>a i{ padding-left: 20px; } .pro-tab-box .nav-tabs>li>a span{ margin-left: -10px; } } @media(max-width:370px){ .pro-tab-box .nav-tabs>li>a i{ padding-left: 10px; } } .pro-tab-box .nav-tabs>li.active a, .pro-tab-box .nav-tabs>li.active a:focus, .pro-tab-box .nav-tabs>li.active a:hover, .pro-tab-box .nav-tabs>li>a:hover { color: #fff; cursor: pointer; border: none; background: #3c4a76; font-weight: bolder; display: block; } .pro-tab-box .tab-pane{ padding: 40px 0px; font-size: 14px; line-height: 2; } .pro-tab-box .tab-pane img{ max-width: 100%; } .pro-tab-box .tab-pane .table th{ background: #ececec; font-weight: bolder; text-align: center; font-size: 16px; padding: 20px 20px; } .pro-tab-box .tab-pane table td{ margin-bottom:0; text-align: center; } .pro-tab-box .tab-pane h5{ font-size: 20px; font-weight: bolder; margin-top: 20px; margin-bottom: 20px; } /*相关下载*/ .downlist ul li{ font-size: 14px; line-height: 4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 30px; position: relative; border-bottom: 1px solid #f7f7f7; } .downlist ul li::before { content: ''; display: block; position: absolute; top: 50%; margin-top: -8px; left: 10px; width: 12px; height: 12px; border-radius: 100%; background: transparent; border: 2px solid #dcdcdc; } /*上一页下一页*/ .pre-next{ font-size: 14px; line-height: 1.6; } .pre-next span{ font-weight: bold; } .product_back{ padding: 30px 0px; border-bottom: 2px solid #e1e1e1; } @media(max-width:991px){ .pre-next .text-right{ text-align: left; } } /*相关产品*/ .related-title{ font-size: 25px; font-weight: bolder; margin-bottom: 20px; border-top: 1px dashed #e1e1e1; margin-top: 20px; padding-top: 20px; } @media(max-width:512px){ .related-title{ font-size: 20px; } } .related-title::after { display: block; content: ""; width: 60px; height: 3px; background: #3c4a76; margin-top: 10px; } /* 新闻 */ .ny-news .ny-news-list { padding:10px; margin-bottom:40px; transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .ny-news .ny-news-list .ny-news-img img{ max-width:100%; } .ny-news .ny-news-list .ny-news-content{ padding:0px 20px 20px 0; border-bottom:1px solid #ddd; transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .ny-news .ny-news-list .ny-news-content .ny-news-title{ margin-top:10px; font-size: 20px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ny-news .ny-news-list .ny-news-content .ny-news-title span{ color:#3c4a76; font-size: 16px; display: block; } .ny-news .ny-news-list .ny-news-content .ny-news-intro{ font-size: 14px; line-height: 25px; color:#828282; margin-top:10px; } .ny-news .ny-news-list:hover{ box-shadow: 0 0 10px #ddd; } .ny-news .ny-news-list:hover .ny-news-content{ border-bottom:1px solid transparent; } @media (max-width:991px){ .ny-news .ny-news-list .ny-news-img{ padding-right:0; margin-top: 30px; } .ny-news .ny-news-list .ny-news-content .ny-news-title p{ width:100%; font-size: 16px; } .ny-news .ny-news-list .ny-news-content .ny-news-title span{ display: block; width:100%; text-align: left; } .ny-news .ny-news-list .ny-news-content .ny-news-intro{ width:100%; } .ny-news .ny-news-list .ny-news-content{ padding:10px 0 10px 0; } } /* 新闻详情页 */ .ny-news-info{ padding:20px 0; } .ny-comm .news-info-title{ padding-bottom: 10px; border-bottom: 2px solid #e0e0e0; } .ny-comm .news-info-title p{ font-size: 2rem; text-transform: uppercase; font-weight: bold; margin: 20px 0 0; line-height: 1.333; } .info-video{ position: relative; } .info-video i, .info-video em{ position: absolute; top: 50%; left: 50%; font-size: 45px; color: #fff; } .ny-comm .news-info-title .category { color: #403c3e; font-size: 12px; font-weight: 600; text-transform: uppercase; display: inline-block; margin-right: 10px; } .ny-news-info .news-info-content{ line-height: 28px; margin-bottom: 30px; } .news-info-content .theme-thumbnail { margin-bottom: 30px; } .news-info-content img{ max-width: 100%; } .ny-news-info .news-info-content p{ margin: 10px 0px; } @media (max-width:991px){ .ny-news-info{ padding:20px 0; } .ny-news-info .news-info-title p{ font-size: 16px; } } /* 联系我们 */ .contact{ margin-top:30px; margin-bottom:50px; } .contact .contact-title{ font-size: 24px; font-weight: bold; } .contact ul li{ line-height: 2; } .contact ul li span{ font-size: 18px; margin-right: 10px; } .contact img{ margin-top: 15px; border: 1px solid #efefef; } .BMap_stdMpCtrl, .BMapLabel, .BMap_omCtrl{ display: none !important; } /* 在线留言 */ #message .modal-content{ margin-top: 30%; } #message .modal-body{ padding: 30px 50px 50px; } #message .modal-content .modal-header{ border-bottom: 0px solid #e5e5e5; } .form-control{ height:50px; margin-bottom:10px; } .form-control1{ height:120px !important; } .message-btn button{ width:100%; height:50px; font-size: 18px; font-weight: bold; border:none; } /* 搜索页面 */ .ny-search .ny-search-box .search-img-top{ width:100%; } .ny-search .ny-search-box .search-title{ padding:8px 0 8px 10px; } .ny-search .ny-search-box:hover .search-title{ background:#004080; color:#fff; } .ny-search .ny-search-box { margin-bottom:30px; } @media(max-width:767px){ .contact .contact-title p { font-size: 20px; } .messsage{ margin-top: 20px; } }