/*头部样式*/ .top { position: relative; } .head { /*position: fixed;*/ /*left: 0;*/ /*right: 0;*/ /*top: 0;*/ position: relative; margin: auto; z-index: 9999; background: #fff; } .top-sitemap { height: 42px; background: #1f2d30; position: relative; z-index: 9999; } .top-sitemap-box { max-width: 1752px; margin: 0 auto; } #header { max-width: 1752px; margin: 0 auto; height: 92px; } .logo { float: left; position: absolute; top: 50%; margin-top: -29px; } .toplink { float: right; } .lan1 { margin-top: 9px; padding-left: 23px; line-height: 30px; margin-right: 22px; background: url(../images/lan.png) no-repeat 0px; } .k1 { float: left; color: #fff; line-height: 42px; } .k1 a { color: #fff; } .k1 a:hover { color: #fff; text-decoration: underline; } .seach-box { float: right; margin-top: 8px; } .seach-box form { width: 3.75rem; height: 28px; line-height: 28px; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; } .seach-box:hover form { border: 1px solid #cfcfcf; } .seach-box #keyword { width: 0; height: 28px; background: none; outline: none; border: none; overflow: hidden; float: left; color: #cfcfcf; text-indent: 12px; } .seach-box #s_btn { background: url(../images/ss.png) center no-repeat; height: 23px; width: 23px; outline: none; border: none; font-size: 0; position: absolute; right: 8px; top: 2px; } @media (min-width: 992px) { .seach-box:hover form { width: 18.75rem; } .seach-box:hover #keyword { width: 14.875rem; padding-left: 0.625rem; -webkit-transition: all .5s .2s ease; transition: all .5s .2s ease; } } .hotSearch { float: right; line-height: 42px; margin-right: 30px; } .hotSearch a { color: #fff; font-size: 14px; margin-right: 6px; } .tell { font-size: 14px; color: #fff; float: right; margin-right: 50px; line-height: 42px; padding-left: 25px; background: url(../images/tel.png) no-repeat 0px; } .yindy { float: right; margin-right: 58px; color: #fff; line-height: 42px; } /*主体样式*/ #container { max-width: 1200px; margin: 0 auto; margin-top: 10px; } .container { max-width: 1200px; margin: 0 auto; } .container1 { max-width: 1440px; margin: 0 auto; } .index-nav {} .index-nav li { position: relative; float: left; width: 32.7%; background: #f7f7f7; padding: 0px 60px; min-height: 600px; } .index-nav li:nth-of-type(2), .index-nav li:nth-of-type(3) { margin-left: 0.95%; } .index-nav li h2 { font-size: 36px; color: #333; font-weight: normal; padding-bottom: 50px; padding-top: 120px; } .index-nav li .nav-content { font-size: 12px; color: #999; line-height: 25px; } .index-nav li .nav-content .news_list1>li { width: 100%; padding: 0; min-height: 0px; float: none; margin-left: 0; } .index-nav li .nav-content .news_list1>li>a { margin-top: 0; color: #999999; font-size: 12px; } .index-nav li .nav-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index-nav li a { font-size: 14px; color: #333; margin-top: 50px; display: block; } .index-nav li a:hover { text-decoration: underline; color: #1975d2; } .product-cate { background: #252a2f; padding-top: 30px; padding-bottom: 10px; position: relative; z-index: 999; } .product-cate-list { max-width: 700px; margin: 0 auto; text-align: justify; } .product-cate-list li { position: relative; display: inline-block; width: 92px; vertical-align: top; text-align: center; } .product-cate-list li h3 a { display: block; font-size: 15px; color: #fff; line-height: 40px; font-weight: normal; } .product-cate-list li h3 a:hover { text-decoration: underline; color: #1975d2; } .product-cate-list:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; } /*第一部分*/ .section1 .box-left { width: 45%; float: left; margin-top: 8%; } .section1 .box-left img { max-width: 100%; } .section1 .box-right { width: 45%; float: right; } .section1 .box-right h3 { font-size: 74px; font-weight: normal; color: #333; padding-bottom: 30px; border-bottom: 1px solid #ddd; padding-top: 80px; } .section1 .box-right h3 span { font-weight: bold; color: #333333; } .section1 .box-right h3 p { font-size: 74px; color: #333; line-height: 55px; } .section1 .box-right .content9 { font-size: 12px; color: #666; line-height: 25px; padding-top: 20px; } .home-list { text-align: justify; } .home-list li { position: relative; /*display: inline-block;*/ width: 33.333%; vertical-align: top; padding-top: 15px; float: left; text-align: center; } .home-list:after { display: inline-block !important; overflow: hidden; width: 100%; height: 0; content: ''; } .home-list li img { display: block; margin: 0 auto; } .home-list li h4 { font-size: 12px; color: #666; font-weight: normal; line-height: 22px; padding-top: 25px; padding-left: 4px; } .section1 .box-right .more9 { font-size: 14px; display: block; color: #000; padding-top: 6px; } .section1 .box-right .more9:hover { text-decoration: underline; color: #1975d2; } /*第二部分*/ .section2 { min-height: 815px; position: relative; } .section2 h2 { font-size: 48px; color: #bfbdbc; font-weight: normal; position: absolute; text-align: center; left: 0; right: 0; top: 20%; } .section2 h2 .p1 { font-size: 80px; color: #fff; font-weight: bold; letter-spacing: 3px; } .section2 h2 .p2 { font-size: 16px; color: #aeaeae; } .section2 h2 a { display: block; font-size: 14px; color: #dcdcdc; margin-top: 20px; } .section2 h2 a:hover { text-decoration: underline; color: #1975d2; } /*第三部分*/ .section3 { background: #f7f7f7; } .section3 .box-right { width: 49.8%; float: right; } .section3 .box-left { width: 41.25%; float: right; } .section3 .box-left h2 { font-size: 74px; color: #383431; font-weight: normal; padding-bottom: 35px; border-bottom: 1px solid #999999; margin-top: 250px; } .section3 .box-left h2 span { font-weight: bold; } .section3 .box-left h2 p { font-weight: normal; line-height: 56px; } .section3 .box-left .content9 { margin-top: 20px; font-size: 12px; color: #666; } .section3 .box-left .content9 p { line-height: 23px; background: url(../images/pbj.png) no-repeat 0px; text-indent: 10px; } .section3 .more9 { display: block; font-size: 14px; color: #383431; margin-top: 15px; } .section3 .more9:hover { text-decoration: underline; color: #1975d2; } .section4 { position: relative; min-height: 819px; background-size: cover; } .section4 h2 { font-size: 55px; color: #fff; font-weight: normal; position: absolute; text-align: center; top: 28%; right: 20%; } .section4 h2 .p1 { font-size: 86px; color: #fff; font-weight: bold; line-height: 87px; letter-spacing: 3px; } .section4 h2 .p2 {} .section4 h2 .p3 { font-size: 14px; opacity: 0.9; } .section4 h2 a { font-size: 14px; opacity: 0.9; color: #fff; display: block; margin-top: 15px; } .section4 h2 a:hover { text-decoration: underline; color: #1975d2; } /*第四部分*/ .section5 {} .section5 .box-left { width: 53.75%; float: left; } .section5 .box-right { width: 46.25%; float: right; text-align: center; } .section5 .box-right h2 { font-weight: normal; font-size: 55px; color: #383431; text-align: center; margin-top: 230px; } .section5 .box-right h2 p { font-size: 58px; line-height: 80px; } .section5 .box-right .content9 { font-size: 18px; color: #666; font-weight: bold; line-height: 28px; margin-top: 30px; letter-spacing: 2px; } .section5 .box-right .content8 { font-size: 12px; color: #999; line-height: 25px; margin-top: 10px; } .section5 .box-right a { display: block; font-size: 14px; color: #383431; margin-top: 20px; } .section5 .box-right a:hover { text-decoration: underline; color: #1975d2; } /*第六部分*/ .section6 { min-height: 819px; position: relative; } .section6 h2 { width: 460px; height: 243px; position: absolute; background: rgba(0, 0, 0, 0.5); padding: 10px 20px; text-align: center; font-weight: normal; color: #fff; top: 53%; left: 14.5%; } .section6 h2 .p1 { font-size: 24px; line-height: 38px; } .section6 h2 .p2 { font-size: 40px; line-height: 77px; } .section6 h2 .p3 { font-size: 26px; padding-bottom: 12px; line-height: 45px; } .section6 h2 .p4 { font-size: 24px; line-height: 50px; background: #47bdc7; } /*第七部分*/ .section7 {} .section7 .left-box { width: 57.7%; float: left; } .section7 .left-box img { width: 100%; } .section7 .right-box { width: 34.2%; float: left; margin-left: 2%; } .section7 .right-box h2 { text-align: center; margin-top: 327px; } .section7 .right-box h2 .p1 { font-size: 42px; color: #333333; letter-spacing: 3px; } .section7 .right-box h2 .p1 span { color: #006ab6; } .section7 .right-box h2 .p2 { font-size: 78px; color: #333; font-weight: normal; line-height: 90px; } .section7 .right-box h2 .p3 { font-size: 24px; font-weight: bold; color: #333; line-height: 50px; } .section7 .right-box h2 .p3 span { color: #006ab6; } .section7 .right-box h2 .p4 { font-size: 14px; color: #333; font-weight: normal; line-height: 50px; } .section7 .right-box h2 a { display: block; font-size: 16px; color: #333; font-weight: bold; margin-top: 20px; } .section7 .right-box h2 a:hover { text-decoration: underline; color: #1975d2; } /*第八部分*/ .section8 { position: relative; } .section8 .left-box { width: 27.2%; position: absolute; height: 100%; background: #006ab6; } .section8 .left-box h2 { padding-left: 60px; background: url(../images/zhineng.png) no-repeat; margin-left: 11%; margin-top: 64%; background-size: 11%; } .section8 .left-box h2 .p1 { font-size: 48px; color: #fff; font-weight: normal; line-height: 62px; } .section8 .left-box h2 .p2 { font-size: 24px; color: #fff; font-weight: normal; font-family: 'Arial'; } .section8 .left-box .p3 { font-size: 18px; color: rgba(255, 255, 255, .76); letter-spacing: 2px; padding-top: 30px; margin-left: 11%; } .section8 .right-box { width: 72.8%; float: right; } /*第九部分*/ .section9 {} .container2 { max-width: 1400px; margin: 0 auto; } .section9 .box-left { width: 44.3%; float: left; } .section9 .box-left h2 { text-align: center; font-size: 48px; font-weight: normal; color: #333; padding-top: 230px; } .section9 .box-left h2 .p1 { font-size: 78px; font-weight: normal; color: #333; letter-spacing: 2px; font-family: 'Arial'; } .section9 .box-left h2 .p2 { font-size: 26px; font-weight: normal; color: #333; padding-bottom: 20px; } .section9 .box-left h2 .content9 { font-size: 12px; color: #999; font-weight: normal; font-size: 12px; color: #999; font-weight: normal; text-align: left; line-height: 22px; margin-left: 183px; } .section9 .box-left h2 .content9 p { padding-left: 20px; background: url(../images/pbj.png) no-repeat 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .section9 .box-left h2 a { font-size: 14px; color: #333; display: block; margin-top: 25px; } .section9 .box-left h2 a:hover { text-decoration: underline; color: #1975d2; } .section9 .box-right { width: 52.85%; float: right; } /*第十部分*/ .section10 {} .section10 .box-left { width: 49.3%; float: left; } .section10 .box-left h2 { font-size: 24px; color: #333; line-height: 115px; background: url(../images/h2bj.png) no-repeat center #fbecea; font-weight: normal; text-align: center; } .section10 .box-left .content9 { margin-top: 13px; } .section10 .box-left .content9 img { width: 100% !important; } .section10 .box-right { width: 49.3%; float: right; } .section10 .box-right h2 { font-size: 24px; color: #333; line-height: 115px; background: url(../images/h2bj.png) no-repeat center #e1e9e5; font-weight: normal; text-align: center; } .section10 .box-right .content9 { margin-top: 13px; } .section10 .box-right .content9 img { width: 100%; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*友情链接*/ .f_link { font-size: 14px; color: #666666; max-width: 1630px; margin: 0 auto; padding-left: 15px; padding-right: 15px; background: url(../images/link.png) no-repeat left top; margin-top: 30px; margin-bottom: 30px; } .f_link .img1 { float: left; width: 180px; } .f_link .wz { float: left; padding-left: 180px; } .f_link .wz a { color: #666666; font-size: 14px; line-height: 28px; background: url(../images/link1.png) no-repeat right center; padding-right: 20px; margin-right: 10px; } .f_link .wz a:last-child { background: none; } /*页面底部*/ #footer { position: relative; background: #101010; } .foottop { padding-bottom: 30px; background: #2c2c2c; } .footlx { line-height: 90px; border-bottom: 1px solid #6c6c6c; } .footlx-list { max-width: 1750px; margin: 0 auto; } .footlx-list li { width: 33.333%; float: left; color: #fff; text-indent: 60px; font-size: 14px; } .footlx-list li.lx1 { background: url(../images/lx1.png) no-repeat 0px; } .footlx-list li.lx2 { background: url(../images/lx2.png) no-repeat 0px; } .footlx-list li.lx3 { background: url(../images/lx3.png) no-repeat 0px; } .foottop-center { max-width: 1750px; margin: 0 auto; } .foottop-left { float: left; width: 68.3%; } .foottop-left .navss { padding-top: 30px; padding-bottom: 20px; } .foottop-left .navss li { float: left; width: 20%; text-align: left; } .foottop-left .navss li a { color: #fff; font-size: 18px; display: block; line-height: 50px; } .foottop-left .navss li .sec a { opacity: 0.8; font-size: 14px; line-height: 26px; } .foottop-left .navss li a:hover { text-decoration: underline; } .foottop-right { float: right; text-align: center; color: #fff; line-height: 40px; font-size: 16px; margin-top: 46px; width: 30%; } .lxfs { margin-top: 15px; } .lxfs a { display: block; float: left; width: 80px; text-align: center; padding-top: 80px; color: #fff; } .lxfs a:hover { color: #fff; text-decoration: underline; } .lxfs .mobile { background: url(../images/mobile.png) no-repeat center 45%; } .lxfs .sina { background: url(../images/sina.png) no-repeat center 45%; } .lxfs .weixin { background: url(../images/weixin.png) no-repeat center 45%; } .footer { max-width: 1737px; margin: 0 auto; } .footer-left { float: left; } .copyright { text-align: left; line-height: 66px; color: #fff; float: left; } .copyright a { color: #fff; } .zhuyin { line-height: 66px; color: #fff; float: right; } .zhuyin a { color: #fff; } /*------------内页-------------------*/ .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; display: none; } .n_banner { text-align: center; position: relative; } .n_banner img { max-width: 100%; height: auto; } .m55 { max-width: 1200px; margin: 0 auto; } .left { width: 339px; float: right; padding: 0px 10px; } .left .box { margin-bottom: 20px; } .right { width: 860px; float: left; border-right: 1px solid #ddd; } .left h3 { font-size: 22px; font-weight: normal; line-height: 56px; color: #fff; text-align: center; background: url(../images/nei.png) no-repeat left; background-size: cover; } .left .content { border: 1px solid #eee; border-top: none; } .n_contact .content { padding: 10px; line-height: 30px; } .right .content { padding: 0px 10px; padding-bottom: 50px; } .sitemp { border-left: 10px solid #074184; background: #e5e5e5; margin-bottom: 14px; height: 50px; line-height: 50px; } .sitemp h2 { font-size: 20px; color: #000; float: left; text-indent: 30px; line-height: 50px; } .nei-top { line-height: 80px; border-bottom: 1px solid #ddd; } .nei-top-box { max-width: 1200px; margin: 0 auto; } .nei-top-box .site { font-size: 12px; padding-left: 30px; float: left; background: url(../images/home.png) no-repeat 0px; background-size: 10%; color: #999; font-family: "微软雅黑"; font-weight: bold; } .nei-top-box .site a { font-size: 12px; color: #999; font-family: "微软雅黑"; font-weight: bold; } .nei-top-box .dev-list { float: right; } .menuid { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; opacity: 0; z-index: 9999; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .mobile-menu-overlay { opacity: 0.3; filter: alpha(opacity=30); position: absolute; display: none; background: #000000; z-index: 9; top: 0; right: 0; width: 200%; height: 100%; } .cbp-spmenu-open .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .cbp-spmenu-right { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: absolute; display: block; background: #1975d2; z-index: 10; top: 0; right: 0; width: 100%; height: 100%; max-width: 260px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 0 40px 0; } .cbp-spmenu-right li a { padding: 15px 23px; color: #fff; display: block; border-bottom: solid 1px #fff; } .cbp-spmenu-right li a:hover { background: #f58222; text-decoration: none; } .menuid .icon-close { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; position: absolute; display: block; cursor: pointer; top: 0; right: 0; padding: 20px 20px 0 0; font-size: 16px; } .menuid .icon-close span { color: #fff; font-size: 18px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .menuid .icon-close:hover span { color: #f58222; } .menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .toleft { position: relative; overflow-x: hidden; left: 0; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .push-toleft { left: -260px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .menuid.menuopen { left: 0px; opacity: 1; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .push-toleft .head { left: -260px; } #cbp-spmenu-s2 { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .navbar-header { position: relative; } .toptou { display: none; height: 50px; } .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0250a3; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .left1 { display: none; } .right1 { width: 100%; border-right: none; }