@charset "utf-8"; @font-face { font-family: "D-DINExp"; src: url('../fonts/D-DINExp.eot'); /* IE9 */ src: url('../fonts/D-DINExp.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/D-DINExp.woff') format('woff'), url('../fonts/D-DINExp.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/D-DINExp.svg#D-DINExp') format('svg'); /* iOS 4.1- */ } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; color: #333; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } address, caption, cite, code, dfn, em, th, var, u { font-style: normal; font-weight: normal; } a { text-decoration: none; } img { border: 0; vertical-align: top; } i, em { font-style: normal; } ol, ul, li { list-style: none; } input, textarea, select, button { padding: 0 ; margin: 0; } table { border-collapse: collapse; } table { border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; } table th, table td { border: 0; } b { display: block; } html, body { position: relative; height: 100%; } .ncclear { clear: both; } .ncheight { height: 80px; } .ncpadding { padding: 150px 0; } .ncpadding1 { padding: 90px 0; } .ncpaddingbottom { padding: 0 0 90px 0; } .ncmain { width: 1600px; margin: 0 auto; overflow: hidden; } .ncmargintop { margin-top: 60px; } .ncbox { position: relative; } .nccrumbs { position: absolute; width: 1500px; text-align: right; z-index: 22; left: 50%; bottom: 40px; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .nccrumbs a { display: inline-block; line-height: 22px; color: #fff; opacity: 0.5; } .nccrumbs a:hover { color: #177165; } .nccrumbs a:nth-of-type(1) { background: url(../images/crumbs1.png) no-repeat left center; background-size: 22px; line-height: 100px; width: 22px; height: 22px; overflow: hidden; transform: translateY(5px); -ms-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); -webkit-transform: translateY(5px); } .nccrumbs a:last-child { opacity: 1; } .nccrumbs span { background: url(../images/crumbs2.png) no-repeat center center; background-size: 8px; padding-left: 25px; margin: 0 6px; opacity: 0.5; } .nctitle { text-align: center; } .nctitle .title { font-size: 48px; font-weight: bold; } .nctitle1 { margin-bottom: 40px; } .nctitle1 .title { font-weight: normal; } .ncimgcenter { overflow: hidden; position: relative; padding: 0; display: block; } .ncimgcenter img { min-width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 2s ease 0s; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s; -o-transition: all 2s ease 0s; } .Ncheader { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; } .Ncheader .nav { height: 80px; width: 1600px; margin: 0 auto; } .Ncheader .nav .logo { float: left; height: 100%; display: flex; flex-direction: column; justify-content: center; } .Ncheader .nav .logo img { height:30px; display: block; } .Ncheader .nav .logo .im2 { display: none; } .Ncheader .nav .centre { float: right; position: relative; margin-right: 40px; } .Ncheader .nav .centre ul { position: relative; height: 80px; } .Ncheader .nav .centre ul li { float: left; line-height: 80px; height: 80px; padding: 0 34px; } .Ncheader .nav .centre ul li a { display: inline-block; font-size: 18px; color: #fff; } .Ncheader .nav .centre ul li em { display: inline-block; margin: 0 30px; } .Ncheader .nav .centre ul li .listnav { background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 80px; left: 0; width: 100%; z-index: 3; border-top: 1px solid #eee; display: none; } .Ncheader .nav .centre ul li .listnav i { width: 100%; background-color: transparent; position: absolute; top: 0; left: 0; height: 10px; } .Ncheader .nav .centre ul li .listnav a { font-size: 14px; color: #333; line-height: 14px; display: block; line-height: 48px; } .Ncheader .nav .centre ul li .listnav a:hover { color: #177165 !important; } .Ncheader .nav .centre ul li .listnav a:last-child { margin-right: 0; } .Ncheader .nav .centre ul li .listnav .abox { display: inline-block; } .Ncheader .nav .centre ul li .listnav .abox div { display: block; float: left; padding: 0 50px; margin-top: 30px; border-right: 1px solid #e1ddd8; } .Ncheader .nav .centre ul li .listnav .abox div a { display: block; line-height: 24px; height: 24px; margin-right: 0; } .Ncheader .nav .centre ul li .listnav .abox div a:nth-child(1) { font-weight: bold; margin-bottom: 10px; } .Ncheader .nav .centre ul li .listnav .abox div a:nth-child(1):hover { color: #177165; } .Ncheader .nav .centre ul li .listnav i { width: 100%; display: block; height: 10px; position: absolute; top: -25px; left: 0; z-index: 2; } .Ncheader .nav .centre ul li strong { display: none; } .Ncheader .nav .centre ul li:nth-last-of-type(1) em { display: none; } .Ncheader .nav .centre ul span { height: 4px; display: block; background-color: #177165; position: absolute; bottom: 15px; z-index: 1; border-radius: 4px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .Ncheader .nav .right { float: right; position: relative; } .Ncheader .nav .right .tel { font-weight: bold; float: left; margin-top: 24px; line-height: 38px; font-size: 18px; position: relative; cursor: pointer; } .Ncheader .nav .right .tel .tema1 { margin-top: -4px; } .Ncheader .nav .right .tel .tema1:nth-child(2) { display: none; } .Ncheader .nav .right .search { position: absolute; top: 80px; right: -60px; width: 400px; box-sizing: border-box; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); padding: 0 30px; z-index: 999; display: none; } .Ncheader .nav .right .search .serbox1 { overflow: hidden; border-bottom: 1px solid #bfbfbf; margin-top: 10px; } .Ncheader .nav .right .search input { height: 40px; float: left; width: 300px; border: none; } .Ncheader .nav .right .search button { height: 40px; float: left; width: 40px; background-color: transparent; border: none; color: #177165; font-size: 16px; } .Ncheader .nav .right .search .serbox2 { font-size: 0; overflow: hidden; padding: 14px 0 20px 0; } .Ncheader .nav .right .search .serbox2 a { display: inline-block; line-height: 34px; background-color: #eee; color: #666; padding: 0 8px; margin-left: 10px; font-size: 14px; border-radius: 5px; } .Ncheader .nav .right .search .serbox2 a:nth-child(1) { margin-left: 0; } .Ncheader .nav .right .search i { position: absolute; top: -20px; right: 55px; color: #fff; font-size: 30px; transform: rotate(-90deg); } .Ncheader .nav .h3 { position: absolute; right: 0; top: 0; display: none; width: 45px; height: 45px; background-color: #177165; } .Ncheader .nav .h3 i { font-size: 30px; color: #fff; text-align: center; line-height: 45px; width: 45px; } .Ncheader .h2 { display: none; float: right; width: 45px; height: 45px; background: url(../images/h2_1.png) no-repeat center center; background-size: 20px; background-color: #177165; } .Ncheader .search_1 { float: right; margin-top: 8px; display: none; padding-right: 10px; } .Ncheader .search_1 input { border: none; border-bottom: 1px solid #177165; background-color: transparent; height: 30px; width: 110px; display: none; } .Ncheader .search_1 img { margin-top: 5px; } .Ncheader1 { background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: saturate(180%) blur(6px); backdrop-filter: saturate(180%) blur(6px); border-bottom: 1px solid #eee; } .Ncheader1 .nav .logo .im2 { display: block; } .Ncheader1 .nav .logo .im1 { display: none; } .Ncheader1 .nav .centre ul li a { color: #333; } .Ncheader1 .nav .centre ul li em { color: #333; } .Ncheader1 .nav .centre ul .active .a { color: #177165; } .Ncheader1 .nav .centre ul span { background-color: #177165; } .Ncheader1 .nav .right .tel .tema1:nth-child(1) { display: none; } .Ncheader1 .nav .right .tel .tema1:nth-child(2) { display: inline-block; } .Ncheader1 .nav .h4 i { color: #333; } .Ncheader1 .h2 i { color: #333; } .Ncheader2 .nav .logo .im2 { display: block; } .Ncheader2 .nav .logo .im1 { display: none; } .Ncheader2 .nav .centre ul li a { color: #333; } .Ncheader2 .nav .centre ul li em { color: #333; } .Ncheader2 .nav .centre ul .active .a { color: #177165; } .Ncheader2 .nav .centre ul span { background-color: #177165; } .Ncheader2 .nav .right .tel .tema1:nth-child(1) { display: none; } .Ncheader2 .nav .right .tel .tema1:nth-child(2) { display: inline-block; } .Ncheader2 .nav .h4 i { color: #333; } .Ncheader2 .h2 i { color: #333; } .mySwiper_roll { height: 100%; width: 100%; } .mySwiper_roll .ncbg { background-color: rgba(0, 0, 0); } .mySwiper_roll .ncbg img { height: 100vh; width: 100vw; opacity: 0.8; } .mySwiper_roll .ncbg img:nth-child(2) { display: none; } .mySwiper_roll .roll_slide { position: relative; height: 100%; width: 100%; overflow: hidden; } #banner1 { position: relative; overflow: hidden; } #banner1 .swiper-slide { position: relative; overflow: hidden; height: 100vh; } #banner1 .swiper-slide .img, #banner1 .swiper-slide .img2 { width: 100%; max-width: 100%; position: relative; z-index: 1; height: 100%; transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); } #banner1 .swiper-slide .img3 video { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } #banner1 .swiper-slide .img2 { display: none; } #banner1 .swiper-slide .banbox { position: absolute; text-align: center; z-index: 2; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } #banner1 .swiper-slide .banbox .bt_1 { font-size: 48px; color: #fff; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 100px; color: #fff; margin: 60px 0; } #banner1 .swiper-slide .banbox .bt_2 em { font-weight: 900; } #banner1 .ncdangq { z-index: 3; position: absolute; right: 7%; top: 50%; transform: translateY(-50%); } #banner1 .swiper-button-next { width: 45px; height: 45px; border-radius: 50%; border: 2px solid #fff; right: 7%; box-sizing: border-box; } #banner1 .swiper-button-next:hover { background-color: #177165; border: 2px solid #177165; } #banner1 .swiper-button-prev { width: 45px; height: 45px; border-radius: 50%; border: 2px solid #fff; left: 7%; box-sizing: border-box; } #banner1 .swiper-button-prev:hover { background-color: #177165; border: 2px solid #177165; } #banner1 .swiper-button-next:after, #banner1 .swiper-button-prev:after { font-size: 20px; font-weight: 500; color: #fff; text-align: center; } #banner1 .shubiao { position: absolute; bottom: 140px; left: 50%; margin-left: -13px; animation: mymove 1s infinite; animation-direction: alternate; -webkit-animation: mymove 1s infinite; -webkit-animation-direction: alternate; z-index: 2; } @keyframes mymove { 0% { bottom: 60px; } 10% { bottom: 58px; } 20% { bottom: 56px; } 30% { bottom: 54px; } 40% { bottom: 52px; } 50% { bottom: 50px; } 60% { bottom: 52px; } 70% { bottom: 54px; } 80% { bottom: 56px; } 90% { bottom: 58px; } 100% { bottom: 60px; } } @-webkit-keyframes mymove { 0% { bottom: 60px; } 10% { bottom: 58px; } 20% { bottom: 56px; } 30% { bottom: 54px; } 40% { bottom: 52px; } 50% { bottom: 50px; } 60% { bottom: 52px; } 70% { bottom: 54px; } 80% { bottom: 56px; } 90% { bottom: 58px; } 100% { bottom: 60px; } } #page { clear: both; } #page ul { text-align: center; font-size: 0; } #page ul li { cursor: pointer; display: inline-block; margin: 0 6px; } #page ul li a { display: block; padding: 0 16px; font-size: 14px; line-height: 42px; border: 1px solid #e5e5e5; background-color: #fff; box-sizing: border-box; border-radius: 5px; } #page ul li a:hover { color: #fff; background: #177165; border: 1px solid #177165; } #page ul li i { font-size: 14px; } #page ul .active a { color: #fff; background: #177165; border: 1px solid #177165; } .procrumbs { position: relative; height: 60px; background-color: #f8f8f8; } .procrumbs a, .procrumbs span { color: #333; } .procrumbs a:hover, .procrumbs span:hover { color: #333; } .procrumbs a:nth-of-type(1) { background: url(../images/crumbs11.png) no-repeat left center; background-size: 22px; } .procrumbs .nccrumbs { bottom: 0; z-index: 9; } #page1 { clear: both; margin: 120px 0; } #page1 ul { text-align: center; font-size: 18px; overflow: hidden; background-color: #fff; padding: 20px 0; } #page1 ul li { cursor: pointer; display: inline-block; } #page1 ul li a { display: block; color: #999; font-weight: bold; border: 1px solid #dedede; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 15px; line-height: 46px; width: 46px; height: 46px; } #page1 ul li a:hover { color: #fff; background-color: #177165; } #page1 ul li i { font-size: 16px; } #page1 ul li:nth-child(1) { float: left; background: url(../images/page01_1.png) no-repeat left 60px center; padding-left: 60px; } #page1 ul li:nth-child(1) a { width: 80px; border: none; font-weight: normal; } #page1 ul li:nth-child(1) a:hover { color: #177165; background-color: transparent; } #page1 ul li:nth-child(1):hover { background: url(../images/page01_1_1.png) no-repeat left 60px center; } #page1 ul li:last-child { float: right; background: url(../images/page01_2.png) no-repeat right 60px center; padding-right: 60px; } #page1 ul li:last-child a { width: 80px; border: none; font-weight: normal; } #page1 ul li:last-child a:hover { color: #177165; background-color: transparent; } #page1 ul li:last-child:hover { background: url(../images/page01_2_1.png) no-repeat right 60px center; } #page1 ul .active a { color: #177165; border: 1px solid #177165; } .pages { overflow: hidden; line-height: 60px; padding: 5px 0; text-align: center; font-size: 18px; } .pages a { color: #666; } .pages i { font-size: 20px; } .pages span { float: left; width: 80%; text-align: center; box-sizing: border-box; } .pages span a { display: block; } .pages span:hover a { color: #177165; } .pages span:nth-child(1) { width: 10%; border-right: 1px solid #eee; } .pages span:last-child { width: 10%; border-left: 1px solid #eee; } .ncindex01 .ncmain { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ncindex01 .ncmain .left { width: 32%; float: left; } .ncindex01 .ncmain .left .subt { line-height: 35px; font-size: 18px; padding: 0 27px; display: inline-block; background-color: #177165; color: #fff; border-radius: 100px; } .ncindex01 .ncmain .left .bt { font-size: 64px; font-weight: 900; color: #fff; margin: 40px 0 70px 0; line-height: 100px; } .ncindex01 .ncmain .left .con { font-size: 16px; line-height: 30px; color: #fff; } .ncindex01 .ncmain .left a { font-size: 16px; color: #fff; margin-top: 20px; display: inline-block; } .ncindex01 .ncmain .right { width: 65%; position: absolute; right: 0; bottom: 0; } .ncindex01 .ncmain .right ul { overflow: hidden; } .ncindex01 .ncmain .right ul li { height: 500px; width: 23%; float: left; overflow: hidden; position: relative; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .ncindex01 .ncmain .right ul li .ncimgcenter { height: 100%; background-color: #000; } .ncindex01 .ncmain .right ul li .ncimgcenter img { height: calc(100% - 1px); opacity: 0.7; } .ncindex01 .ncmain .right ul li .box { position: absolute; left: 50%; bottom: 55px; transform: translateX(-50%); text-align: center; } .ncindex01 .ncmain .right ul li .box span { display: inline-block; width: 70px; height: 70px; border-radius: 50%; position: relative; background-color: #fff; text-align: center; } .ncindex01 .ncmain .right ul li .box span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncindex01 .ncmain .right ul li .box b { font-size: 24px; display: block; font-weight: normal; color: #fff; margin-top: 10px; } .ncindex01 .ncmain .right ul li:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncindex01 .ncmain .right ul .active { width: 54%; } .ncindex01 .ncmain .right ul .active .box { left: auto; transform: none; right: 78px; } .ncindex01 .ncmain .right ul .active .ncimgcenter img { opacity: 1; } .ncindex01 .ncmain .right ul .active em { display: block; width: 100%; height: 9px; background-color: #8b1d21; position: absolute; left: 0; bottom: 0; } .ncmore { line-height: 50px; font-size: 16px; color: #fff; border-radius: 100px; padding: 0 80px 0 30px; background-color: #177165; position: relative; display: inline-block; cursor: pointer; } .ncmore span { display: block; height: 50px; padding: 0 22px; background-color: #8b1d21; position: absolute; top: 0; right: 0; border-radius: 100px; } .ncmore span img:nth-child(2) { display: none; } .ncmore a { color: #fff; } .ncmore a:hover { color: #fff; } .ncmore2 span img:nth-child(1) { display: none; } .ncmore2 span img:nth-child(2) { display: inline-block; } .ncindex02 { background: url(../images/index02_1.png) no-repeat center bottom; background-color: #177165; height: 100vh; padding-top: 100px; box-sizing: border-box; } .ncindex02 .mySwiper_1 { width: 62.5%; margin: 0 auto; position: relative; } .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 28% 0; } .ncindex02 .mySwiper_1 .swiper-slide .btbox { position: absolute; left: 50%; transform: translateX(-50%); top: 60px; text-align: center; } .ncindex02 .mySwiper_1 .swiper-slide .btbox b { display: block; font-size: 30px; color: #fff; } .ncindex02 .mySwiper_1 .swiper-slide .btbox span { display: block; font-size: 16px; color: #fff; margin-top: 26px; } .ncindex02 .mySwiper_1 .swiper-slide .ncmore { bottom: 50px; left: 50%; position: absolute; transform: translateX(-50%); } .ncindex02 .mySwiper_1 .swiper-slide:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncindex02 .mySwiper_1 .swiper-button-next:after, .ncindex02 .mySwiper_1 .swiper-button-prev:after { color: #fff; font-size: 30px; } .ncindex02 .bottomb { overflow: hidden; margin-top: 35px; } .ncindex02 .bottomb .left { font-size: 30px; font-weight: bold; color: #fff; float: left; text-align: right; line-height: 50px; } .ncindex02 .bottomb .right { width: 80%; float: right; margin-top: 30px; position: relative; } .ncindex02 .bottomb .right em { display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 5px; } .ncindex02 .bottomb .right i { display: block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; position: absolute; right: 0; top: 5px; } .ncindex02 .bottomb .right ul { display: flex; justify-content: space-around; position: relative; z-index: 1; } .ncindex02 .bottomb .right ul li { text-align: center; cursor: pointer; } .ncindex02 .bottomb .right ul li span { display: inline-block; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; background: url(../images/index02_5.png) no-repeat center center; } .ncindex02 .bottomb .right ul li b { display: block; font-size: 18px; color: #fff; margin-top: 16px; } .ncindex02 .bottomb .right ul .active span { background: url(../images/index02_4.png) no-repeat center center; } .ncindex02 .bottomb .right::after { position: absolute; content: ''; width: 100%; height: 1px; background-color: #fff; top: 10px; left: 0; } .ncindex03 .ncmain { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); } .ncindex03 .ncmain .top { position: relative; } .ncindex03 .ncmain .top .left { width: 28%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .ncindex03 .ncmain .top .left b { display: block; font-size: 60px; color: #fff; } .ncindex03 .ncmain .top .left span { display: block; font-size: 30px; color: #fff; margin: 50px 0 56px 0; } .ncindex03 .ncmain .top .left a { display: block; font-size: 16px; color: #fff; } .ncindex03 .ncmain .top .right { width: 58%; float: right; } .ncindex03 .ncmain .top .right ul li { border: 1px solid rgba(255, 255, 255, 0.5); width: calc(33.33% - 12px); box-sizing: border-box; text-align: center; padding-bottom: 60px; border-radius: 5px; float: left; margin-left: 18px; cursor: pointer; position: relative; } .ncindex03 .ncmain .top .right ul li .ncimgcenter { display: block; width: 80px; height: 80px; margin: 0 auto; margin-top: 44px; } .ncindex03 .ncmain .top .right ul li .ncimgcenter img { min-width: auto; height: auto; } .ncindex03 .ncmain .top .right ul li .ncimgcenter::after { background: url(../images/index03_6.png) no-repeat center center; background-size: 100%; position: absolute; top: 0; left: 0; content: ''; width: 80px; height: 80px; } .ncindex03 .ncmain .top .right ul li b { display: block; font-size: 24px; color: #fff; margin-top: 22px; } .ncindex03 .ncmain .top .right ul li em { display: block; width: 40px; height: 1px; background-color: #fff; margin: 18px auto 22px auto; } .ncindex03 .ncmain .top .right ul li .con { font-size: 16px; line-height: 30px; color: #fff; } .ncindex03 .ncmain .top .right ul li:hover .ncimgcenter::after { animation: turnquan 2s linear infinite; -webkit-animation: turnquan 2s linear infinite; } .ncindex03 .ncmain .top .right ul li i { position: absolute; bottom: -20px; left: 50%; color: #8b1d21; transform: rotate(90deg); font-size: 30px; display: none; margin-left: -15px; } .ncindex03 .ncmain .top .right ul .active { background-color: #8b1d21; border: 1px solid #8b1d21; } .ncindex03 .ncmain .top .right ul li:nth-child(1) { margin-left: 0; } .ncindex03 .ncmain .bottom { margin-top: 60px; overflow: hidden; position: relative; padding: 10% 0; } .ncindex03 .ncmain .bottom .botle { position: relative; width: 84%; float: left; box-sizing: border-box; padding: 30px 120px; } .ncindex03 .ncmain .bottom .swiper { overflow: hidden; } .ncindex03 .ncmain .bottom .swiper .swiper-slide { text-align: center; } .ncindex03 .ncmain .bottom .swiper .swiper-slide .ncimgcenter { padding: 56% 0; } .ncindex03 .ncmain .bottom .swiper .swiper-slide .ncimgcenter img { min-width: auto; height: auto; max-height: 80%; max-width: 80%; } .ncindex03 .ncmain .bottom .swiper .swiper-slide span { display: block; font-size: 16px; color: #fff; height: 16px; line-height: 16px; overflow: hidden; } .ncindex03 .ncmain .bottom .swiper .swiper-button-prev { left: 50px; } .ncindex03 .ncmain .bottom .swiper .swiper-button-next { right: 50px; } .ncindex03 .ncmain .bottom .ncmore { background-color: #fff; position: absolute; right: 80px; top: 50%; transform: translateY(-50%); } .ncindex03 .ncmain .bottom .ncmore a { color: #333; } .ncindex03 .ncmain .bottom .swiper-button-next:after, .ncindex03 .ncmain .bottom .swiper-button-prev:after { color: #fff; font-size: 30px; } .ncindex03 .ncmain .bottom .swiperbox { position: absolute; top: 0; left: 0; width: 100%; background-color: #177165; opacity: 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .ncindex03 .ncmain .bottom .swiperbox:nth-child(1) { opacity: 1; } .ncindex04 .ncmain { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); width: 72%; overflow: visible; } .ncindex04 .ncmain .bbt { font-size: 26px; font-weight: bold; margin-bottom: 20px; display: none; } .ncindex04 .ncmain .swiper-button-next { right: auto; left: 0; } .ncindex04 .ncmain .swiper-button-prev { left: -50px; } .ncindex04 .ncmain .swiper-button-next:after, .ncindex04 .ncmain .swiper-button-prev:after { color: #fff; font-size: 30px; } .ncindex04 .ncmain .swiper-button-next.swiper-button-disabled, .ncindex04 .ncmain .swiper-button-prev.swiper-button-disabled { opacity: 1; } .ncindex04 .ncmain .swiper-button-next, .ncindex04 .ncmain .swiper-button-prev { width: 50px; height: 50px; background-color: #d2d2d2; } .ncindex04 .ncmain .swiper-button-next:hover, .ncindex04 .ncmain .swiper-button-prev:hover { background-color: #177165; } .ncindex04 .ncmain .mySwiper_4 { overflow: hidden; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { box-sizing: border-box; padding: 60px 90px; background-color: #fff; overflow: hidden; height: 450px; position: relative; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left { width: 58%; float: left; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_1 { font-size: 60px; font-weight: bold; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_2 { font-size: 24px; font-weight: bold; margin: 35px 0 16px 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_3 { font-size: 16px; font-weight: bold; color: #177165; line-height: 36px; padding: 0 15px; background-color: #e4efed; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_3 span { margin-left: 30px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .con { font-size: 16px; line-height: 28px; margin: 20px 0 32px 0; height: 84px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .con b { display: inline-block; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left a { font-size: 16px; color: #fff; display: inline-block; padding: 0 30px; line-height: 35px; text-align: center; background-color: #177165; border-radius: 100px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right { position: absolute; top: 0; right: 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 450px; height: 450px; border-radius: 50%; border: 10px solid #8b1d21; box-sizing: border-box; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter img { height: auto; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncindex04 .ncmain .mySwiper_4 .swiper-slide:hover .left a { background-color: #8b1d21; } .ncindex04 .ncbg img { opacity: 1; } .ncindex05 .ncbg img { opacity: 1; } .ncindex05 .ncmain { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); } .ncindex05 .ncmain .left { width: 16%; float: left; margin-top: 90px; } .ncindex05 .ncmain .left b { font-size: 60px; display: block; } .ncindex05 .ncmain .left .list { margin-top: 40px; } .ncindex05 .ncmain .left .list div { margin-top: 17px; cursor: pointer; } .ncindex05 .ncmain .left .list div span { display: inline-block; line-height: 35px; padding: 0 30px; background-color: #fff; font-size: 16px; border: 1px solid #177165; border-radius: 100px; } .ncindex05 .ncmain .left .list div:nth-child(1) { margin-top: 0; } .ncindex05 .ncmain .left .list .active span { background-color: #177165; color: #fff; } .ncindex05 .ncmain .left a { margin-top: 80px; font-size: 16px; display: block; } .ncindex05 .ncmain .right { width: 80%; float: right; } .ncindex05 .ncmain .right ul { overflow: hidden; display: none; } .ncindex05 .ncmain .right ul li { width: calc(33.33% - 24px); float: left; margin-left: 36px; } .ncindex05 .ncmain .right ul li .li_1 { font-size: 16px; color: #666; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #e5e5e5; } .ncindex05 .ncmain .right ul li .li_1 span { font-size: 48px; color: #177165; } .ncindex05 .ncmain .right ul li .li_2 { font-size: 24px; font-weight: 600; margin-bottom: 10px; height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .ncindex05 .ncmain .right ul li .li_3 { font-size: 16px; line-height: 30px; color: #666; height: 90px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ncindex05 .ncmain .right ul li .li_4 { display: inline-block; line-height: 35px; padding: 0 30px; background-color: #fff; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 100px; margin: 50px 0 35px 0; } .ncindex05 .ncmain .right ul li .ncimgcenter { padding: 33% 0; border-radius: 10px; } .ncindex05 .ncmain .right ul li:hover .li_4 { background-color: #177165; color: #fff; } .ncindex05 .ncmain .right ul li:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncindex05 .ncmain .right ul li:nth-child(1) { margin-left: 0; } .ncindex05 .ncmain .right ul:nth-child(1) { display: block; } .footer { background-color: #112629; } .footer .top { margin: 60px 0 40px 0; } .footer .top img{ height: 30px; } .footer .main { overflow: hidden; } .footer .main .left { width: 10%; float: left; text-align: center; } .footer .main .left span { display: inline-block; padding: 5px; background-color: #fff; } .footer .main .left span img { width: 100%; } .footer .main .left em { display: block; color: #fff; font-size: 16px; margin-top: 14px; } .footer .main .centre { width: 24%; float: left; margin-left: 4%; box-sizing: border-box; padding-right: 4%; border-right: 1px solid #293c3f; } .footer .main .centre .cen_1 { font-size: 18px; color: #fff; padding-bottom: 14px; border-bottom: 1px solid #293c3f; } .footer .main .centre .cen_2 { font-size: 16px; color: #fff; } .footer .main .centre .cen_2 span { color: #999; display: block; margin: 15px 0; } .footer .main .right { width: 58%; float: right; } .footer .main .right ul { display: flex; justify-content: space-between; } .footer .main .right ul li a { color: #979c9d; font-size: 16px; margin-top: 20px; display: block; } .footer .main .right ul li a i { display: none; float: right; } .footer .main .right ul li a:nth-child(1) { font-size: 18px; color: #fff; margin-top: 0; } .footer .main .right ul li a:nth-child(2) { margin-top: 24px; } .footer .bottom { padding: 30px 0; border-top: 1px solid #293c3f; margin-top: 50px; } .footer .bottom .ncmain { color: #999; } .footer .bottom a { color: #999; } .ncrightnav { position: fixed; right: 40px; bottom: 100px; z-index: 99999; } .ncrightnav ul li { margin-top: 1px; position: relative; cursor: pointer; } .ncrightnav ul li span { width: 40px; height: 40px; background-color: #177165; border-radius: 5px; display: block; position: relative; box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.2); } .ncrightnav ul li span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .ncrightnav ul li .box { position: absolute; top: 50%; left: -155px; width: 130px; background-color: #8b1d21; padding: 5px; transform: translateY(-50%); border-radius: 3px; display: none; } .ncrightnav ul li .box img { width: 100%; } .ncrightnav ul li .box i { font-size: 30px; color: #8b1d21; transform: rotate(-90deg); position: absolute; right: -20px; top: 50%; transform: translateY(-50%); } .ncrightnav ul li .box b { display: block; line-height: 40px; color: #fff; text-align: center; font-size: 16px; } .ncleftmove { transform: translateX(-200px); opacity: 0; transition: all 0.5s; } .ncrightmove { transform: translateX(200px); opacity: 0; transition: all 0.5s; } .ncbottommove { transform: translateY(200px); opacity: 0; transition: all 0.5s; } .ncbottommove1 { transform: translateY(200px); opacity: 0; transition: all 0.8s; } .ncstopmove { opacity: 1; transform: translate(0); } .mainbanner { position: relative; } .mainbanner .swiper-slide img { width: 100%; } .mainbanner .swiper-slide .img2 { display: none; } .mainbanner .swiper-slide .img, .mainbanner .swiper-slide .img2 { width: 100%; max-width: 100%; position: relative; z-index: 1; height: 100%; transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); } .mainbanner .swiper-slide .main_b { font-size: 72px; font-weight: bold; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); z-index: 9; color: #fff; } .main_nav { font-size: 0; background: rgba(255, 255, 255, 0.8); text-align: center; left: 0; bottom: 0; width: 100%; position: absolute; z-index: 999; height: 75px; } .main_nav span { display: inline-block; font-size: 18px; line-height: 75px; padding: 0 38px; font-weight: 600; cursor: pointer; } .main_nav span a { display: block; } .main_nav .active { background-color: #177165; color: #fff; } .main_nav .active a { color: #fff; } .main_nav1 { top: 0; position: fixed; border-bottom: 1px solid #eee; background: #ffffff; } .ncmainbox { text-align: center; } .ncmainbox .nccontent { width: 75%; display: inline-block; } /*.ncabout01 .nccontent { box-sizing: border-box; background: url(../images/about01_1.jpg) no-repeat center center; background-size: 100% 100%; padding: 114px 70px 90px 70px; }*/ .ncabout01 .nccontent .left { font-size: 16px; line-height: 30px; text-align: left; margin-top:20px; } .ncabout01 .nccontent .right { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .ncabout01 .nccontent .right .ncimgcenter1 img{ width: 100%; } .ncabout01 .nccontent .right .ncimgcenter { padding: 58% 0; } .ncabout01 .nccontent .right span { display: block; font-size: 18px; line-height: 60px; background-color: #fff; font-weight: 900; } .ncabout01 .nccontent .right:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .nchottitle { display: inline-block; font-size: 30px; color: #fff; position: relative; padding: 8px 14px; font-weight: bold; } .nchottitle img:nth-child(1) { position: absolute; left: 0; top: 0; } .nchottitle img:nth-child(2) { position: absolute; right: 0; bottom: 0; } .ncabout02 ul li { position: relative; box-sizing: border-box; margin-top: 20px; } .ncabout02 ul li .ncimgcenter { padding: 10% 0; background-color: #000; } .ncabout02 ul li .ncimgcenter img { opacity: 0.7; } .ncabout02 ul li .box { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); } .ncabout02 ul li .box .con { font-size: 36px; font-weight: 900; margin-top: 36px; color: #fff; } .ncabout02 ul li .box .con1 { overflow: hidden; margin-top: 50px; } .ncabout02 ul li .box .con1 div { width: 14.2%; float: left; text-align: center; line-height: 32px; } .ncabout02 ul li .box .con1 div p:nth-child(1) { font-size: 20px; color: #fff; font-weight: bold; display: block; } .ncabout02 ul li .box .con1 div p:nth-child(2) { font-size: 17px; color: #fff; display: block; font-weight:normal; } .ncabout02 ul li em { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 10px solid #177165; box-sizing: border-box; display: none; } .ncabout02 ul li:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncabout02 ul .active .ncimgcenter img { opacity: 0.5; } .ncabout02 ul .active em { display: block; } .ncabout02 ul li:nth-child(1) { margin-top: 0; } .ncabout02 ul li:nth-child(3) .ncimgcenter { padding: 14% 0; } .ncabout03 .nchottitle { color: #333; } .ncabout03 .con { margin-top: 40px; } .ncabout03 .con img { max-width: 100%; } .ncabout04 { background: url(../images/about04_1.jpg) no-repeat center center; position: relative; background-size: 100% 100%; } .ncabout04 .xian { width: 100%; height: 1px; background-color: #fff; position: absolute; top: 434px; left: 0; } .ncabout04 .ncmain { position: relative; } .ncabout04 .nctitle .title { color: #fff; } .ncabout04 .nccontent { margin-top: 100px; padding: 0 180px; position: relative; z-index: 1; } .ncabout04 .mySwiper_a { position: relative; overflow: hidden; } .ncabout04 .mySwiper_a .swiper-slide { color: #fff; box-sizing: border-box; padding: 0 40px; } .ncabout04 .mySwiper_a .swiper-slide .con_1 { font-size: 24px; color: #fff; width: 100px; height: 100px; border-radius: 50%; position: relative; box-sizing: border-box; } .ncabout04 .mySwiper_a .swiper-slide .con_1 em { position: absolute; left: 0; bottom: 0; font-weight: bold; display: block; } .ncabout04 .mySwiper_a .swiper-slide .con_2 { height: 17px; width: 1px; background-color: #fff; margin: 6px 0; margin-left: 7px; } .ncabout04 .mySwiper_a .swiper-slide .con_3 { width: 15px; height: 15px; border-radius: 50%; background-color: #fff; margin-bottom: 25px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p { font-size: 16px; line-height: 26px; color: #fff; padding-left: 16px; position: relative; margin-top: 20px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p:after { position: absolute; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; content: ''; left: 0; top: 10px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p:nth-child(1) { margin-top: 0; } .ncabout04 .mySwiper_a .active .con_1 { border: 1px solid #177165; margin-left: -40px; } .ncabout04 .mySwiper_a .active .con_1 em { text-align: center; line-height: 100px; z-index: 1; width: 100%; } .ncabout04 .mySwiper_a .active .con_1 i { width: 77px; height: 77px; background-color: #177165; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .ncabout04 .swiper-button-next.swiper-button-disabled, .ncabout04 .swiper-button-prev.swiper-button-disabled { opacity: 1; } .ncabout04 .swiper-button-next, .ncabout04 .swiper-button-prev { width: 45px; height: 45px; background-color: #fff; border-radius: 50%; color: #177165; top: 113px; margin: 0; } .ncabout04 .swiper-button-next:hover, .ncabout04 .swiper-button-prev:hover { background-color: #177165; color: #fff; } .ncabout04 .swiper-button-next { right: 80px; } .ncabout04 .swiper-button-prev { left: 80px; } .ncabout04 .swiper-button-next:after, .ncabout04 .swiper-button-prev:after { font-size: 20px; } .ncabout05 { background: url(../images/about05_1.jpg) no-repeat center center; background-size: 100% 100%; } .ncabout05 .leftnav { width: 14%; float: left; padding: 30px 0; height: 526px; position: absolute; box-sizing: border-box; left: -18%; top: 0; } .ncabout05 .nccontent { margin-left: 12%; margin-top: 100px; text-align: left; position: relative; width: 1024px; height: 526px; box-sizing: border-box; } .ncabout05 .nccontent .con_box .con_item { display: none; } .ncabout05 .nccontent .con_box .con_item:nth-child(1) { display: block; } .ncabout05 .nccontent .topnav { font-size: 0; } .ncabout05 .nccontent .topnav span { display: inline-block; font-size: 18px; line-height: 46px; padding: 0 40px; background-color: #dcdcdc; font-weight: bold; cursor: pointer; } .ncabout05 .nccontent .topnav .active { background-color: #177165; color: #fff; } .ncabout05 .nccontent .main { height: 480px; background-color: #fff; padding: 30px; box-sizing: border-box; } .ncabout05 .nccontent .main .main_item { display: none; } .ncabout05 .nccontent .main .main_item:nth-child(1) { display: block; } .ncabout05 .nccontent .main .left { width: 48%; float: left; max-height: 428px; overflow-y: auto; } .ncabout05 .nccontent .main .left ul li { line-height: 70px; height: 70px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding-right: 30px; font-size: 18px; border-bottom: 1px solid #d2d2d2; } .ncabout05 .nccontent .main .left ul .active2 { font-weight: bold; background: url(../images/about05_3.png) no-repeat right center; color: #177165; } .ncabout05 .nccontent .main .right { width: 48%; float: right; margin-top: 20px; } .ncabout05 .nccontent .main .right .ncimgcenter { padding: 30% 0; display: none; } .ncabout05 .nccontent .main .right .ncimgcenter img { min-width: auto; height: auto; max-width: 100%; max-height: 100%; } .ncabout05 .nccontent .main .right .ncimgcenter:hover img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncabout05 .nccontent .main .right .ncimgcenter:nth-child(1) { display: block; } .ncabout05 .mySwiper_a1 { position: relative; height: 100%; overflow: hidden; } .ncabout05 .mySwiper_a1 .swiper-slide { text-align: center; position: relative; cursor: pointer; } .ncabout05 .mySwiper_a1 .swiper-slide div { font-size: 24px; position: absolute; top: 50%; right: 19px; transform: translateY(-50%); font-weight: bold; padding-right: 20px; display: inline-block; } .ncabout05 .mySwiper_a1 .swiper-slide div:after { position: absolute; content: ''; width: 8px; height: 8px; background-color: #177165; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%); } .ncabout05 .mySwiper_a1 .active1 div { font-size: 36px; color: #177165; } .ncabout05 .mySwiper_a1 .xian { height: 100%; width: 1px; background-color: #177165; position: absolute; top: 0; right: 22px; } .ncabout05 .swiper-button-next.swiper-button-disabled, .ncabout05 .swiper-button-prev.swiper-button-disabled { opacity: 1; } .ncabout05 .swiper-button-next, .ncabout05 .swiper-button-prev { width: 45px; height: 45px; background-color: #fff; border-radius: 50%; color: #177165; } .ncabout05 .swiper-button-next:hover, .ncabout05 .swiper-button-prev:hover { background-color: #177165; color: #fff; } .ncabout05 .swiper-button-next:after, .ncabout05 .swiper-button-prev:after { font-size: 20px; } .ncabout05 .swiper-button-prev { top: 0; right: 0; transform: rotate(90deg); left: auto; margin: 0; } .ncabout05 .swiper-button-next { top: auto; right: 0; transform: rotate(90deg); bottom: 0; } .ncabout06 { background: url(../images/about06_1.jpg) no-repeat center center; position: relative; background-size: 100% 100%; overflow: hidden; } .ncabout06 .nctitle .title { color: #fff; } .ncabout06 .bg { width: 100%; height: 280px; background-color: rgba(23, 113, 101, 0.33); top: 276px; position: absolute; left: 0; } .ncabout06 .nccontent { margin-top: 80px; z-index: 1; position: relative; } .ncabout06 .nccontent .ul1 { overflow: hidden; display: flex; justify-content: space-around; padding: 0 120px; padding-top: 66px; } .ncabout06 .nccontent .ul1 li .div_1 { font-size: 18px; color: #fff; margin-bottom: 25px; } .ncabout06 .nccontent .ul1 li .div_2 { font-size: 30px; font-weight: 900; color: #fff; } .ncabout06 .nccontent .ul1 li .div_2 i { font-size: 18px; font-weight: normal; } .ncabout06 .nccontent .ul2 { padding: 0 90px; margin-top: 66px; } .ncabout06 .nccontent .ul2 .mySwiper_a3 { position: relative; } .ncabout06 .nccontent .ul2 .swiper-slide { border-radius: 10px; overflow: hidden; } .ncabout06 .nccontent .ul2 .swiper-slide .ncimgcenter { padding: 36% 0; } .ncabout06 .nccontent .ul2 .swiper-slide:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution01 .nccontent { position: relative; } .ncsolution01 .nccontent .ncimgcenter video { width: 100%; } .ncsolution01 .nccontent .btbox { position: absolute; left: 50%; transform: translateX(-50%); top: 60px; text-align: center; width: 90%; } .ncsolution01 .nccontent .btbox b { display: block; font-size: 30px; color: #fff; } .ncsolution01 .nccontent .btbox span { display: block; font-size: 16px; color: #fff; margin-top: 26px; } .ncsolution01 .nccontent .ncmore { bottom: 50px; left: 50%; position: absolute; transform: translateX(-50%); } .ncsolution01 .nccontent:hover .ncimgcenter img { transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution02 { background: url(../images/solution01_2.jpg) no-repeat center bottom; padding-bottom: 250px; } .ncsolution02 .tpbt { margin-top: 60px; } .ncsolution02 .tpbt .bt_1 { font-size: 30px; color: #177165; } .ncsolution02 .tpbt .bt_2 { width: 53px; height: 4px; background-color: #177165; margin: 33px 0 37px 0; border-radius: 2px; display: inline-block; } .ncsolution02 .tpbt .bt_3 { font-size: 16px; line-height: 26px; padding: 0 90px; text-align: left; } .ncsolution02 .tpbt .bt_4 { margin: 30px 0; } .ncsolution02 .tpbt .bt_4 img { max-width: 100%; display: inline-block; } .ncsolution03 .top { overflow: hidden; text-align: left; margin-bottom: 70px; } .ncsolution03 .top .left { width: 28%; float: left; } .ncsolution03 .top .left b { display: block; font-size: 30px; color: #177165; } .ncsolution03 .top .left span { width: 53px; height: 4px; background-color: #177165; border-radius: 2px; display: block; margin-top: 30px; } .ncsolution03 .top .right { width: 58%; float: right; font-size: 18px; line-height: 30px; } .ncsolution03 .ulbox { position: relative; } .ncsolution03 .ulbox .inbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 187px; height: 187px; background-color: #177165; color: #fff; font-size: 24px; border-radius: 50%; z-index: 1; } .ncsolution03 .ulbox .inbox b { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; line-height: 40px; } .ncsolution03 .ulbox .inbox::after { background: url(../images/solution02_1.png) no-repeat center center; background-size: 100%; position: absolute; top: -13px; left: -13px; content: ''; width: 213px; height: 213px; } .ncsolution03 .ulbox:hover .inbox::after { animation: turnquan 2s linear infinite; -webkit-animation: turnquan 2s linear infinite; } .ncsolution03 .ulbox ul { overflow: hidden; } .ncsolution03 .ulbox ul li { width: 50%; float: left; position: relative; } .ncsolution03 .ulbox ul li .ncimgcenter { padding: 34% 0; background-color: #000; } .ncsolution03 .ulbox ul li .ncimgcenter img { opacity: 0.7; } .ncsolution03 .ulbox ul li b { display: inline-block; width: 90%; font-size: 24px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncsolution03 .ulbox ul li:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution04 { background: none; padding-bottom: 40px; } .ncsolution05 { background: url(../images/solution03_1.jpg) no-repeat center center; padding: 170px 0 130px 0; } .ncsolution05 ul { overflow: hidden; } .ncsolution05 ul li { background-color: #177165; width: calc(16.66% - 45px); float: left; padding: 40px 0; border-radius: 10px; margin-left: 54px; position: relative; } .ncsolution05 ul li b { display: block; font-size: 24px; color: #fff; margin-top: 10px; } .ncsolution05 ul li .ncimgcenter { width: 70px; height: 70px; display: inline-block; } .ncsolution05 ul li .ncimgcenter img { min-width: auto; height: auto; } .ncsolution05 ul li:nth-child(1) { margin-left: 0; } .ncsolution05 ul li:after { content: ''; width: 54px; height: 100%; background: url(../images/solution03_7.png) no-repeat center center; position: absolute; right: -54px; top: 0; } .ncsolution05 ul li:last-child:after { display: none; } .ncsolution05 .con { font-size: 18px; color: #fff; line-height: 1.5; margin-top: 160px; padding: 0 70px; text-align: left; } .ncsolution06 { padding: 50px 0 100px 0; } .ncsolution06 .ul_1 { overflow: hidden; } .ncsolution06 .ul_1 li { width: calc(33.33% - 16px); float: left; box-sizing: border-box; border: 1px solid #dcdcdc; margin-left: 24px; position: relative; margin-top: 24px; } .ncsolution06 .ul_1 li .ncimgcenter { padding: 64% 0; } .ncsolution06 .ul_1 li .box { position: absolute; width: 100%; height: 100%; box-sizing: border-box; z-index: 1; background-color: rgba(23, 113, 101, 0.9); top: 0; left: 0; padding: 90px 40px 0 40px; text-align: left; display: none; flex-direction: column; justify-content: center; padding-top: 0 !important; } .ncsolution06 .ul_1 li .box .bt { font-size: 24px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; color: #fff; } .ncsolution06 .ul_1 li .box .con { font-size: 16px; color: #fff; line-height: 30px; } .ncsolution06 .ul_1 li:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution06 .ul_1 .active .box { display: flex; } .ncsolution06 .ul_1 li:nth-child(1), .ncsolution06 .ul_1 li:nth-child(3n+1) { margin-left: 0; } .ncsolution06 .ul_1 li:nth-child(1), .ncsolution06 .ul_1 li:nth-child(2), .ncsolution06 .ul_1 li:nth-child(3) { margin-top: 0; } .ncsolution07 .con { font-size: 16px; line-height: 1.5; color: #666; text-align: left; } .ncsolution07 .con1 { margin-top: 30px; } .ncsolution07 .con1 span { display: block; width: 48%; float: left; } .ncsolution07 .con1 span img { max-width: 100%; } .ncsolution07 .con1 span:nth-child(2n) { margin-left: 4%; } .ncsolution08 { background-color: #177165; } .ncsolution08 .ncmain { box-sizing: border-box; padding: 70px; position: relative; } .ncsolution08 .ncmain .left { width: 28%; float: left; } .ncsolution08 .ncmain .left ul li { overflow: hidden; border-bottom: 1px solid #558e86; padding-bottom: 10px; margin-top: 40px; } .ncsolution08 .ncmain .left ul li .le_le { width: 65px; height: 65px; float: left; border: 1px solid #fff; border-radius: 10px; position: relative; box-sizing: border-box; } .ncsolution08 .ncmain .left ul li .le_le img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncsolution08 .ncmain .left ul li .ri_ri { width: calc(100% - 80px); float: left; margin-left: 15px; } .ncsolution08 .ncmain .left ul li .ri_ri b { display: block; font-size: 20px; color: #fff; margin-bottom: 10px; } .ncsolution08 .ncmain .left ul li .ri_ri div { font-size: 16px; line-height: 1.5; color: #fff; width: 88%; } .ncsolution08 .ncmain .left ul li:nth-child(1) { margin-top: 0; } .ncsolution08 .ncmain .centre { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncsolution08 .ncmain .centre .bt_1 { font-size: 30px; color: #fff; } .ncsolution08 .ncmain .centre .bt_2 { margin: 40px 0; } .ncsolution08 .ncmain .centre .bt_2 img { max-width: 94%; } .ncsolution08 .ncmain .centre .bt_3 { font-size: 18px; line-height: 50px; color: #fff; padding: 0 40px; border: 1px solid #fff; display: inline-block; background-color: #8b1d21; border-radius: 100px; } .ncsolution08 .ncmain .right { float: right; } .ncsolution08 .ncmain .right ul li .le_le { float: right; } .ncsolution08 .ncmain .right ul li .ri_ri { float: left; text-align: right; margin-left: 0; margin-right: 15px; } .ncsolution08 .ncmain .right ul li .ri_ri div { width: 88%; padding-left: 12%; } .ncsolution09 .imgbox img { max-width: 100%; } .ncsolution10 { background: url(../images/solution08_1.jpg) no-repeat center center; } .ncsolution10 ul { padding: 0 120px; display: flex; justify-content: center; } .ncsolution10 ul li { width: calc(25% - 42px); margin-left: 56px; } .ncsolution10 ul li .ncimgcenter { padding: 100% 0; } .ncsolution10 ul li .ncimgcenter img { min-width: auto; width: 100%; height: auto; } .ncsolution10 ul li .bt { line-height: 50px; border-radius: 100px; background-color: #177165; text-align: center; position: relative; font-size: 20px; color: #fff; margin-top: 26px; } .ncsolution10 ul li .bt i { font-size: 30px; transform: rotate(-90deg); position: absolute; top: -30px; left: 50%; color: #177165; margin-left: -15px; } .ncsolution10 ul li:nth-child(2n) .bt { background-color: #8b1d21; } .ncsolution10 ul li:nth-child(2n) .bt i { color: #8b1d21; } .ncsolution10 ul li:nth-child(1) { margin-left: 0; } .ncsolution11 { position: relative; } .ncsolution11 .bg { width: 100%; height: 500px; background-color: #e7eeed; position: absolute; top: 200px; left: 0; } .ncsolution11 .ulbox1 ul { display: flex; padding: 100px 0 170px 0; } .ncsolution11 .ulbox1 ul li { width: 20%; position: relative; box-sizing: border-box; padding: 0 20px; } .ncsolution11 .ulbox1 ul li:nth-child(2n) .ncimgcenter{ background-color: #8b1d21; } .ncsolution11 .ulbox1 ul li:nth-child(2n) .box_1{ color: #8b1d21; } .ncsolution11 .ulbox1 ul li .ncimgcenter { width: 80px; height: 80px; background-color: #177165; border-radius: 50%; display: inline-block; } .ncsolution11 .ulbox1 ul li .ncimgcenter img { min-width: auto; height: auto; max-width: 60%; max-height: 60%; } .ncsolution11 .ulbox1 ul li .box_1 { font-size: 20px; line-height: 1.5; color: #177165; margin-top: 20px; margin-bottom: 5px; } .ncsolution11 .ulbox1 ul li .box_2 { font-size: 16px; line-height: 1.5; } .ncsolution11 .ulbox1 ul li:after { content: ''; position: absolute; width: 1px; height: 100%; background-color: #cecece; right: 0; top: 0; } .ncsolution11 .ulbox1 ul li:last-child:after { display: none; } .ncsolution11 .ulbox2 { margin-top: -90px; } .ncsolution11 .ulbox2 .mySwiper_c1 { position: relative; } .ncsolution11 .ulbox2 .mySwiper_c1 .ncimgcenter { padding: 32% 0; border-radius: 10px; } .ncsolution11 .ulbox2 .mySwiper_c1 .bt { font-size: 18px; margin-top: 20px; height: 20px; overflow: hidden; line-height: 20px; } .ncsolution11 .ulbox2 .mySwiper_c1 .swiper-slide:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution12 { background-color: #177165; } .ncsolution12 .ncmain { padding: 60px 130px; box-sizing: border-box; } .ncsolution12 .ncmain .left { width: 73%; float: left; } .ncsolution12 .ncmain .left img { max-width: 100%; } .ncsolution12 .ncmain .right { width: 24%; float: right; margin-top: 50px; } .ncsolution12 .ncmain .right .item { margin-top: 30px; } .ncsolution12 .ncmain .right .item .bt { line-height: 40px; color: #fff; font-size: 20px; padding: 0 25px; border-radius: 100px; background-color: #8b1d21; display: inline-block; } .ncsolution12 .ncmain .right .item .con { font-size: 16px; line-height: 1.5; color: #fff; margin-top: 15px; } .ncsolution12 .ncmain .right .item:nth-child(1) { margin-top: 0; } .ncsolution13 { background-color: #f5f5f5; } .ncsolution13 .ncmain { overflow: visible; } .ncsolution13 .nctitle { display: none; } .ncsolution13 .ulbox ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .ncsolution13 .ulbox ul li { width: 31.5%; margin-top: 35px; text-align: left; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; background-color: #fff; } .ncsolution13 .ulbox ul li .ncimgcenter { padding: 28% 0; } .ncsolution13 .ulbox ul li .box { padding: 20px; } .ncsolution13 .ulbox ul li .b_2 { font-size: 24px; font-weight: bold; } .ncsolution13 .ulbox ul li .b_3 { font-size: 16px; color: #177165; line-height: 36px; padding: 0 15px; background-color: #e4efed; margin: 10px 0; font-weight: bold; } .ncsolution13 .ulbox ul li .b_3 span { margin-left: 30px; } .ncsolution13 .ulbox ul li .con { font-size: 16px; line-height: 1.5; } .ncsolution13 .ulbox ul li .con b { display: inline-block; } .ncsolution13 .ulbox ul li:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncsolution13 .ulbox ul li:nth-child(1), .ncsolution13 .ulbox ul li:nth-child(2), .ncsolution13 .ulbox ul li:nth-child(3) { margin-top: 0; } .ncproduct01 { background: url(../images/product01_1.jpg) no-repeat center center; } .ncproduct01 .con { font-size: 16px; line-height: 1.5; text-align: left; padding: 0 40px; } .ncproduct01 .con1 { background-color: #1f685d; margin-top: 90px; } .ncproduct01 .con1 .ncimgcenter { padding: 16% 0; } .ncproduct01 .con1 .ncimgcenter img { min-width: auto; height: auto; max-height: 80%; max-width: 80%; } .ncproduct01 .conbox { width: 82%; margin: 0 auto; } .ncnew01 { background-color: #f5f5f5; } .ncnew01 .nctitle { display: none; margin-bottom: 30px; } .ncnew01 .nccontent { width: 81%; } .ncnew01 .ncmain { overflow: visible; } .ncnew01 .ul1 li { overflow: hidden; background-color: #fff; padding: 40px; margin-top: 20px; } .ncnew01 .ul1 li .left { width: 33%; float: left; border-radius: 10px; overflow: hidden; } .ncnew01 .ul1 li .left .ncimgcenter { padding: 33% 0; } .ncnew01 .ul1 li .right { width: 64%; float: right; text-align: left; } .ncnew01 .ul1 li .right .bt_1 { font-size: 24px; line-height: 24px; margin-top: 20px; height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .ncnew01 .ul1 li .right .bt_2 { font-size: 16px; color: #177165; margin: 30px 0 35px 0; } .ncnew01 .ul1 li .right .con { font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ncnew01 .ul1 li .right .bt_3 { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; border: 1px solid #e0e0e0; margin-top: 30px; } .ncnew01 .ul1 li .right .bt_3 i { font-size: 20px; } .ncnew01 .ul1 li:hover .left .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .ncnew01 .ul1 li:nth-child(1) { margin-top: 0; } .ncnew01 .ul1 .active { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); } .ncnew01 .ul1 .active .right .bt_3 { background-color: #177165; } .ncnew01 .ul1 .active .right .bt_3 i { color: #fff; } .ncnewshow01 { background-color: #f5f5f5; } .ncnewshow01 .ncmain { overflow: visible; } .ncnewshow01 .nctitle { display: none; } .ncnewshow01 .nccontent { width: 81%; background-color: #fff; padding: 60px 100px; margin: 40px 0; box-sizing: border-box; position: relative; } .ncnewshow01 .nccontent .bt_1 { font-size: 40px; } .ncnewshow01 .nccontent .bt_2 { font-size: 14px; color: #999; margin-top: 30px; } .ncnewshow01 .nccontent .bt_2 span { display: inline-block; margin: 0 10px; } .ncnewshow01 .nccontent .bt_3 { width: 100%; height: 1px; background-color: #dcdcdc; margin: 40px 0; } .ncnewshow01 .nccontent .con { text-align: left; font-size: 16px; line-height: 30px; } .ncnewshow01 .nccontent .con img { max-width: 100%; } .ncnewshow01 .nccontent .npage { text-align: left; font-size: 16px; } .ncnewshow01 .nccontent .npage a { display: block; margin-top: 20px; } .ncnewshow01 .nccontent .npage a:nth-child(1) { margin-top: 0; } .ncnewshow01 .nccontent .npage em { color: #999; } .ncnewshow01 .nccontent .share { position: absolute; top: 0; left: -50px; } .ncnewshow01 .nccontent .share .fan { width: 50px; height: 50px; background-color: #177165; position: relative; } .ncnewshow01 .nccontent .share .fan img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncnewshow01 .nccontent .share .sha { width: 50px; height: 50px; background-color: #8b1d21; position: relative; } .ncnewshow01 .nccontent .share .sha img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 { display: none; width: 32px; margin-left: 9px; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a { float: none; width: 32px; height: 32px; display: block; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a img { width: 100%; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a:nth-child(1), .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a:nth-child(2) { padding: 0; background-image: none; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a:nth-child(3) { padding-left: 0; background: url(../images/share_3.png) no-repeat left center; } .ncservice01 .nccontent { width: 69%; } .ncservice01 .nccontent .con,.titleb { font-size: 18px; line-height: 1.5; margin-top: 40px; text-align: left; } .ncservice01 .nccontent .ulbox { margin-top: 80px; } .ncservice01 .nccontent .ulbox ul li { overflow: hidden; position: relative; margin-top: 10px; } .ncservice01 .nccontent .ulbox ul li .left { width: 50%; float: left; } .ncservice01 .nccontent .ulbox ul li .left .ncimgcenter { padding: 39% 0; } .ncservice01 .nccontent .ulbox ul li .left .ncimgcenter img { max-width: 100%; max-height: 100%; height: auto; } .ncservice01 .nccontent .ulbox ul li .right { width: 43%; position: absolute; text-align: left; right: 0; top: 50%; transform: translateY(-50%); } .ncservice01 .nccontent .ulbox ul li .right b { font-size: 24px; color: #177165; } .ncservice01 .nccontent .ulbox ul li .right div { font-size: 18px; line-height: 1.5; margin-top: 26px; } .ncservice01 .nccontent .ulbox ul li:nth-child(1) { margin-top: 0; } .ncservice01 .nccontent .ulbox1 { margin-top: 60px; } .ncservice01 .nccontent .ulbox1 ul { display: flex; justify-content: space-between; } .ncservice01 .nccontent .ulbox1 ul li { width: calc(25% - 30px); } .ncservice01 .nccontent .ulbox1 ul li .ncimgcenter { width: 75px; height: 75px; border-radius: 50%; background-color: #177165; margin: 0 auto; } .ncservice01 .nccontent .ulbox1 ul li .ncimgcenter img { min-width: auto; height: auto; max-width: 100%; max-height: 100%; } .ncservice01 .nccontent .ulbox1 ul li b { font-size: 24px; margin: 20px 0 18px 0; } .ncservice01 .nccontent .ulbox1 ul li .li_con { font-size: 16px; line-height: 1.5; color: #999; text-align: left; } .ncservice01 .nccontent .ulbox2 .bt { font-size: 30px; margin: 40px 0 30px 0; } .ncservice01 .nccontent .ulbox2 .inputbox { text-align: left; padding: 40px 70px 50px 70px; border: 1px solid #ccc; display: flex; justify-content: space-between; flex-wrap: wrap; } .ncservice01 .nccontent .ulbox2 .inputbox .input { width: calc(33.33% - 15px); } .ncservice01 .nccontent .ulbox2 .inputbox .input span { display: block; font-size: 16px; margin-bottom: 10px; } .ncservice01 .nccontent .ulbox2 .inputbox .input .bx { border: 1px solid #ccc; border-radius: 10px; } .ncservice01 .nccontent .ulbox2 .inputbox .input .bx em { display: block; width: 48px; height: 48px; position: relative; float: left; } .ncservice01 .nccontent .ulbox2 .inputbox .input .bx em img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ncservice01 .nccontent .ulbox2 .inputbox .input .bx input { width: calc(100% - 48px); height: 48px; border: none; background-color: transparent; } .ncservice01 .nccontent .ulbox2 .inputbox .input:nth-last-child(2) { width: 100%; margin-top: 20px; } .ncservice01 .nccontent .ulbox2 .inputbox .input:nth-last-child(2) textarea { border: none; width: calc(100% - 48px); height: 120px; resize: none; padding: 15px 0; } .ncservice01 .nccontent .ulbox2 .inputbox .button { margin-top: 20px; width: 100%; text-align: center; font-size: 0; } .ncservice01 .nccontent .ulbox2 .inputbox .button button { height: 48px; font-size: 16px; color: #fff; background-color: #177165; padding: 0 56px; border-radius: 10px; border: none; margin: 0 10px; display: inline-block; } .ncservice01 .nccontent .ulbox2 .inputbox .button button:nth-child(2) { opacity: 1; } .ncservice02 .ulbox ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .ncservice02 .ulbox ul li { width: calc(50% - 10px); text-align: left; box-sizing: border-box; border: 1px solid #ccc; padding: 25px 28px; margin-top: 20px; } .ncservice02 .ulbox ul li .bt_1 { font-size: 24px; line-height: 24px; margin-top: 20px; font-weight: bold; height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .ncservice02 .ulbox ul li .bt_2 { font-size: 16px; color: #177165; margin: 30px 0 30px 0; } .ncservice02 .ulbox ul li .con { font-size: 16px; line-height: 30px; color: #666; height: 90px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ncservice02 .ulbox ul li .bt_3 { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; border: 1px solid #e0e0e0; margin-top: 20px; } .ncservice02 .ulbox ul li .bt_3 i { font-size: 20px; } .ncservice02 .ulbox ul li:nth-child(1), .ncservice02 .ulbox ul li:nth-child(2) { margin-top: 0; } .ncservice02 .ulbox ul .active { border: 1px solid #177165; } .ncservice02 .ulbox ul .active .bt_3 { background-color: #177165; } .ncservice02 .ulbox ul .active .bt_3 i { color: #fff; } .ncservice03 .nccontent .con1 img { width: 100%; } .ncservice03 .nccontent .ulbox2 { margin-top: 50px; } .ncservice03 .nccontent .ulbox2 .inputbox .input { width: calc(50% - 15px); margin-top: 20px; } .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(1), .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(2) { margin-top: 0; } .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(3) { margin-top: 20px; } .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(4), .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(5) { width: calc(25% - 15px); } .nccontact01 .ncmain { overflow: visible; } .nccontact01 .nccontent { width: 88%; } .nccontact01 .nccontent ul { display: flex; justify-content: space-between; } .nccontact01 .nccontent ul li { width: calc(25% - 22.5px); background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 40px 0 28px 0; } .nccontact01 .nccontent ul li .ncimgcenter { width: 85px; height: 85px; border-radius: 50%; border: 1px solid #177165; margin: 0 auto; } .nccontact01 .nccontent ul li .ncimgcenter img { min-width: auto; height: auto; max-width: 100%; max-height: 100%; } .nccontact01 .nccontent ul li span { display: block; font-size: 16px; color: #666; margin: 18px 0 38px 0; } .nccontact01 .nccontent ul li b { display: block; font-size: 18px; line-height: 1.5; } .nccontact01 .nccontent ul li:nth-child(3) span { margin-bottom: 10px; } .nccontact02 { background-color: #f5f5f5; } .nccontact02 .nccontent1 { width: 100%; } .nccontact02 .nccontent1 .itembox { position: relative; } .nccontact02 .nccontent1 .itembox .item { width: 75%; margin: 0 auto; overflow: hidden; text-align: left; position: relative; z-index: 1; padding: 50px 0; } .nccontact02 .nccontent1 .itembox .item .left { width: 48%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .nccontact02 .nccontent1 .itembox .item .left .bt_1 { font-size: 30px; font-weight: bold; } .nccontact02 .nccontent1 .itembox .item .left .bt_2 { width: 53px; height: 4px; background-color: #177165; border-radius: 4px; margin: 30px 0; } .nccontact02 .nccontent1 .itembox .item .left .con { font-size: 16px; line-height: 30px; } .nccontact02 .nccontent1 .itembox .item .right { width: 47%; float: right; } .nccontact02 .nccontent1 .itembox .item .right .ncimgcenter { padding: 28% 0; } .nccontact02 .nccontent1 .itembox .item .right:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .nccontact02 .nccontent1 .itembox .lebg { width: 50%; background-color: #eee; position: absolute; left: 0; top: 0; height: 100%; } .nccontact02 .nccontent1 .itembox .ribg { width: 50%; background-color: #fff; position: absolute; right: 0; top: 0; height: 100%; } .nccontact02 .nccontent1 .itembox:nth-child(2n) .item .left { left: auto; right: 0; } .nccontact02 .nccontent1 .itembox:nth-child(2n) .item .right { float: left; } .nccontact02 .nccontent1 .itembox:nth-child(2n) .lebg { left: auto; top: 0; right: 0; } .nccontact02 .nccontent1 .itembox:nth-child(2n) .ribg { right: auto; top: 0; left: 0; } .nccontact03 .main_1 ul { display: flex; justify-content: space-between; } .nccontact03 .main_1 ul li { width: calc(25% - 6px); border-radius: 10px; overflow: hidden; position: relative; } .nccontact03 .main_1 ul li .ncimgcenter { padding: 42% 0; } .nccontact03 .main_1 ul li b { font-size: 30px; color: #fff; padding: 100px 20px 20px 20px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; text-align: left; font-weight: normal; background-image: -moz-linear-gradient(90deg, #177165 0%, transparent 100%); background-image: -webkit-linear-gradient(90deg, #177165 0%, transparent 100%); background-image: -ms-linear-gradient(90deg, #177165 0%, transparent 100%); } .nccontact03 .main_1 ul li:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .nccontact03 .main_2 { margin-top: 100px; position: relative; overflow: hidden; } .nccontact03 .main_2 .right { width: 87%; float: right; } .nccontact03 .main_2 .right .ncimgcenter { padding: 23% 0; } .nccontact03 .main_2 .right:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .nccontact03 .main_2 .left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #f5f5f5; width: 37%; z-index: 1; box-sizing: border-box; padding: 80px; border-radius: 10px; text-align: left; } .nccontact03 .main_2 .left .bt { font-size: 36px; font-weight: bold; } .nccontact03 .main_2 .left .con { overflow: hidden; } .nccontact03 .main_2 .left .con span { display: block; float: left; width: 50%; font-size: 18px; margin-top: 50px; } .nccontact03 .main_2 .left .con span img { margin-right: 6px; } .nccontact04 { background-color: #f5f5f5; } .nccontact04 .topnav { font-size: 0; margin: 30px 0; } .nccontact04 .topnav span { display: inline-block; font-size: 16px; line-height: 35px; padding: 0 32px; border-radius: 100px; background-color: #fff; border: 1px solid #177165; margin: 0 10px; cursor: pointer; } .nccontact04 .topnav .active { background-color: #177165; color: #fff; } .nccontact04 .itembox .item { display: none; } .nccontact04 .itembox .item ul { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .nccontact04 .itembox .item ul li { width: calc(50% - 13px); text-align: left; box-sizing: border-box; padding: 30px; border: 1px solid #dadada; position: relative; background-color: #fff; margin-top: 26px; float: left; } .nccontact04 .itembox .item ul li b { font-size: 24px; } .nccontact04 .itembox .item ul li .con1 { color: #666; margin-top: 26px; } .nccontact04 .itembox .item ul li .con1 span { font-size: 14px; margin-right: 30px; } .nccontact04 .itembox .item ul li .con2 { margin-top: 30px; padding-top: 20px; border-top: 1px solid #dadada; line-height: 1.5; color: #666; display: none; } .nccontact04 .itembox .item ul li .con2 em { font-size: 16px; color: #333; } .nccontact04 .itembox .item ul li sup { font-size: 30px; font-weight: bold; border: 3px solid #177165; width: 34px; height: 34px; line-height: 22px; text-align: center; border-radius: 50%; display: block; color: #177165; position: absolute; top: 30px; right: 30px; box-sizing: border-box; } .nccontact04 .itembox .item ul li:nth-child(1), .nccontact04 .itembox .item ul li:nth-child(2) { margin-top: 0; } .nccontact04 .itembox .item ul li:nth-child(2n) { margin-left: 26px; } .nccontact04 .itembox .item ul .active sup { line-height: 24px; } .nccontact04 .itembox .item:nth-child(1) { display: block; } .nccontact05 { background-color: #ececec; position: relative; } .nccontact05 .nccontent { position: relative; } .nccontact05 .left { width: 36%; position: absolute; left: 6%; top: 50%; transform: translateY(-50%); text-align: left; } .nccontact05 .left .nctitle { text-align: left; } .nccontact05 .left .con { font-size: 18px; line-height: 36px; margin-top: 30px; } .nccontact05 .right { width: 50%; float: right; z-index: 1; position: relative; } .nccontact05 .right .ncimgcenter { padding: 32% 0; } .nccontact05 .right:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } .nccontact05 .bg { background-color: #c0dde5; position: absolute; right: 0; top: 0; width: 40%; height: 100%; } .nccontact06 .mySwiper { position: relative; padding-bottom: 80px; } .nccontact06 .mySwiper .ncimgcenter { padding: 35% 0; border-radius: 10px; } .nccontact06 .mySwiper .swiper-pagination-bullet { width: 14px; height: 14px; } .nccontact06 .mySwiper .swiper-pagination-bullet-active { background-color: #177165; } .nccontact06 .mySwiper .swiper-slide:hover .ncimgcenter img { opacity: 1; transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } @keyframes turnquan { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes turnquan { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); } } #container { height: 650px; width: 100%; } .lleft img { display: block; margin: 10px auto; } .rright { text-align: center; } .rright b { font-size: 18px; color: #fff; } .rright p { color: #fff; } .bottom-center .amap-info-sharp { border-top: 8px solid #177165; } .amap-info-close { right: 10px!important; top: 10px; } .amap-info-content { background-color: #177165; } .custom-input-card { width: 100%; } .content-window-card { overflow: hidden; } .custom-input-card .btn:last-child { margin-left: 1rem; } .content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; padding-bottom: 10px; } .content-window-card p { line-height: 24px; font-size: 16px; } .content-window-card b { margin-bottom: 10px; display: block; } .swiper-slide-video .img,.swiper-slide-video .img2,.swiper-slide-video .bt_1,.swiper-slide-video .bt_2{ display: none; } @media (min-width: 320px) and (max-width: 1620px) { .ncmain { width: 1500px; } .Ncheader .nav { width: 1500px; } .Ncheader .nav .right { margin-right: 0; } .Ncheader .nav .centre { margin-right: 20px; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 84px; margin: 50px 0; } #banner1 .swiper-slide .banbox .bt_1 { font-size: 42px; } .Ncheader .nav .right .search { right: -20px; } .Ncheader .nav .right .search i { right: 14px; } .ncindex01 .ncmain .left .bt { font-size: 64px; margin: 40px 0 60px 0; line-height: 90px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox b { font-size: 28px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox span { margin-top: 16px; } .ncindex02 .bottomb .left { font-size: 28px; } .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 30% 0; } .ncindex03 .ncmain .top .left b { font-size: 56px; } .ncindex03 .ncmain .top .left span { font-size: 28px; margin: 44px 0 48px 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_1 { font-size: 52px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_2 { font-size: 22px; margin: 30px 0 12px 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { padding: 50px 80px; height: 420px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 420px; height: 420px; border: 7px solid #8b1d21; } .ncindex05 .ncmain .left b { font-size: 52px; } .mainbanner .swiper-slide .main_b { font-size: 62px; } .ncsolution06 { padding: 40px 0 70px 0; } .ncnew01 .ul1 li .right .bt_2 { margin: 25px 0 30px 0; } .ncnew01 .ul1 li .right .bt_3 { margin-top: 24px; } } @media (min-width: 320px) and (max-width: 1500px) { .ncmain { width: 1360px; } .Ncheader .nav { width: 1360px; } .Ncheader .nav .centre ul li em { margin: 0 20px; } .Ncheader .nav .right .layui-btn em { font-size: 16px; } .Ncheader .nav .centre ul li { padding: 0 24px; } .nctitle .title { font-size: 34px; } .ncpadding { padding: 120px 0; } .ncpadding1 { padding: 60px 0; } .ncpaddingbottom { padding: 0 0 60px 0; } .ncmargintop { margin-top: 60px; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 72px; margin: 40px 0; } .ncindex01 .ncmain .left .bt { font-size: 54px; margin: 30px 0 50px 0; line-height: 80px; } .ncindex01 .ncmain .right ul .active .box { right: 50px; bottom: 40px; } .ncindex01 .ncmain .right ul li .box { bottom: 40px; } .ncindex01 .ncmain .right ul li .box b { font-size: 20px; } .ncindex02 .bottomb .left { font-size: 24px; line-height: 40px; } .ncindex02 .bottomb .right { margin-top: 16px; } .ncindex02 .bottomb .right ul li b { font-size: 16px; margin-top: 14px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox b { font-size: 24px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox span { margin-top: 12px; font-size: 14px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox { top: 40px; } .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 35% 0; } .ncindex03 .ncmain .top .left b { font-size: 50px; } .ncindex03 .ncmain .top .left span { font-size: 26px; margin: 36px 0 40px 0; } .ncindex03 .ncmain .top .right ul li { padding-bottom: 40px; } .ncindex03 .ncmain .top .right ul li b { font-size: 22px; margin-top: 18px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_1 { font-size: 40px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { padding: 40px 60px; height: 400px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 400px; height: 400px; border: 5px solid #8b1d21; } .ncindex05 .ncmain .left b { font-size: 44px; } .ncindex05 .ncmain .left .list { margin-top: 30px; } .ncindex05 .ncmain .right ul li .li_1 { padding-bottom: 20px; margin-bottom: 30px; } .ncindex05 .ncmain .right ul li .li_4 { margin: 40px 0 30px 0; } .ncindex05 .ncmain .right ul li .li_2 { font-size: 20px; height: 20px; } .ncindex05 .ncmain .right ul li .li_1 span { font-size: 44px; } .footer .main .left em { font-size: 14px; margin-top: 10px; } .footer .main .centre .cen_2 { font-size: 14px; } .footer .main .right ul li a:nth-child(1) { font-size: 16px; } .footer .bottom { padding: 20px 0; margin-top: 40px; } .mainbanner .swiper-slide .main_b { font-size: 52px; } .main_nav span { font-size: 16px; line-height: 60px; padding: 0 30px; } .main_nav { height: 60px; } .ncmainbox .nccontent { width: 86%; } /* .ncabout01 .nccontent { padding: 80px 40px 60px 40px; }*/ .ncabout02 ul li .box .con { font-size: 30px; margin-top: 30px; } .nchottitle { font-size: 24px; padding: 8px 14px; } .ncabout04 .mySwiper_a .active .con_1 em { line-height: 80px; } .ncabout04 .mySwiper_a .swiper-slide .con_1 { font-size: 20px; width: 80px; height: 80px; } .ncabout04 .mySwiper_a .active .con_1 i { width: 62px; height: 62px; } .ncabout04 .mySwiper_a .active .con_1 { margin-left: -34px; } .ncabout04 .xian { top: 370px; } .ncabout04 .swiper-button-next, .ncabout04 .swiper-button-prev { top: 94px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p { font-size: 14px; line-height: 22px; padding-left: 12px; margin-top: 14px; } .ncabout06 .nccontent .ul1 li .div_2 { font-size: 26px; } .ncabout06 .bg { top: 245px; } .ncabout06 .nccontent .ul1 li .div_1 { margin-bottom: 18px; } .ncabout06 .nccontent .ul2 { margin-top: 50px; } .ncsolution02 .tpbt .bt_1 { font-size: 24px; } .ncsolution02 .tpbt .bt_2 { width: 50px; height: 3px; margin: 26px 0 26px 0; } .ncsolution02 .tpbt { margin-top: 40px; } .ncsolution05 ul li b { font-size: 22px; margin-top: 6px; } .ncsolution05 .con { margin-top: 140px; } .ncsolution06 { padding: 30px 0 50px 0; } .ncsolution08 .ncmain .centre .bt_1 { font-size: 28px; } .ncsolution08 .ncmain .left ul li .ri_ri b { font-size: 18px; margin-bottom: 8px; } .ncsolution08 .ncmain .left ul li { margin-top: 30px; } .ncsolution08 .ncmain .left ul li .ri_ri div { font-size: 14px; } .ncsolution08 .ncmain .centre .bt_2 { margin: 26px 0; } .ncsolution08 .ncmain .centre .bt_3 { font-size: 16px; } .ncsolution08 .ncmain { padding: 50px; } .ncsolution10 ul li .bt { line-height: 40px; font-size: 16px; margin-top: 20px; } .ncsolution10 ul li .bt i { top: -24px; } .ncsolution11 .bg { top: 150px; } .ncsolution11 .ulbox1 ul { padding: 70px 0 150px 0; } .ncsolution11 .ulbox1 ul li .box_1 { font-size: 18px; margin-top: 10px; } .ncsolution11 .ulbox1 ul li .box_2 { font-size: 14px; } .ncsolution11 .ulbox2 .mySwiper_c1 .bt { font-size: 16px; margin-top: 14px; } .ncsolution11 .ulbox2 .mySwiper_c1 .bt img { transform: translateY(-2px); } .ncsolution12 .ncmain .right .item .bt { line-height: 36px; font-size: 18px; padding: 0 20px; } .ncsolution12 .ncmain { padding: 50px 100px; } .ncsolution12 .ncmain .right { margin-top: 30px; } .ncsolution12 .ncmain .right .item { margin-top: 20px; } .ncsolution13 .ulbox ul li .b_2 { font-size: 22px; } .ncproduct01 .con1 { margin-top: 70px; } .ncnew01 .ul1 li .right .bt_1 { margin-top: 10px; font-size: 22px; } .ncnew01 .ul1 li .right .bt_2 { margin: 20px 0 20px 0; } .ncnewshow01 .nccontent .bt_1 { font-size: 32px; } .ncnewshow01 .nccontent .bt_2 { margin-top: 20px; } .ncnewshow01 .nccontent .bt_3 { margin: 30px 0; } .ncnewshow01 .nccontent { padding: 50px 80px; } .ncservice01 .nccontent .con,.titleb { font-size: 16px; } .ncservice01 .nccontent .ulbox ul li .right b { font-size: 20px; } .ncservice01 .nccontent .ulbox ul li .right div { font-size: 16px; margin-top: 16px; } .ncservice01 .nccontent .ulbox ul li .right { width: 46%; } .ncservice01 .nccontent .ulbox { margin-top: 60px; } .ncservice02 .ulbox ul li .bt_1 { font-size: 22px; } .ncservice02 .ulbox ul li .bt_2 { margin: 22px 0 22px 0; } .ncservice01 .nccontent .ulbox1 ul li b { font-size: 22px; margin: 15px 0 15px 0; } .ncservice01 .nccontent .ulbox1 { margin-top: 40px; } .ncservice01 .nccontent .ulbox2 .bt { font-size: 28px; margin: 30px 0 22px 0; } .nccontact01 .nccontent { width: 96%; } .nccontact02 .nccontent1 .itembox .item .left .bt_1 { font-size: 26px; } .nccontact02 .nccontent1 .itembox .item .left .bt_2 { width: 50px; height: 3px; border-radius: 4px; margin: 20px 0; } .nccontact02 .nccontent1 .itembox .item { width: 90%; padding: 40px 0; } .nccontact03 .main_1 ul li b { font-size: 26px; padding: 80px 20px 20px 20px; } .nccontact03 .main_2 { margin-top: 70px; } .nccontact03 .main_2 .left .bt { font-size: 32px; } .nccontact03 .main_2 .left { padding: 60px; } .nccontact04 .itembox .item ul li b { font-size: 22px; } .nccontact04 .itembox .item ul li .con1 { margin-top: 20px; } .nccontact03 .main_2 .left .con span { margin-top: 40px; } } @media (min-width: 320px) and (max-width: 1366px) { .ncmain { width: 1200px; } .ncheight { height: 60px; } .Ncheader .nav { height: 60px; width: 1200px; } .Ncheader .nav .logo img { height: 30px; } .Ncheader .nav .centre ul { height: 60px; } .Ncheader .nav .centre ul li { height: 60px; line-height: 60px; } .Ncheader .nav .centre ul li em { margin: 0 18px; } .Ncheader .nav .centre ul span { bottom: 10px; } .Ncheader .nav .right .china { margin-top: 10px; } .Ncheader .nav .listnav { top: 60px; } .Ncheader .nav .centre ul li .listnav i { top: -15px; } .Ncheader .nav .centre ul li .listnav { top: 60px; } .Ncheader .nav .right .tel { margin-top: 11px; } .Ncheader .nav .right .china { padding-right: 12px; } .Ncheader .nav .centre ul li { padding: 0 15px; } .Ncheader .nav .right .tel .tema1 { width: 18px; margin-top: -2px; } .Ncheader .nav .right .china img { width: 18px; } .Ncheader .nav .right .search { top: 60px; padding: 0 20px; width: 300px; } .Ncheader .nav .right .search .serbox2 a { line-height: 30px; padding: 0 3px; margin-left: 5px; font-size: 12px; border-radius: 5px; } .Ncheader .nav .right .search input { width: 220px; } .ncpadding { padding: 100px 0; } .ncpadding1 { padding: 40px 0; } .ncpaddingbottom { padding: 0 0 40px 0; } .ncmargintop { margin-top: 30px; } .nctitle .title { font-size: 28px; } .nctitle .more a img { width: 40px; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 60px; margin: 30px 0; } #banner1 .swiper-slide .banbox .bt_1 { font-size: 30px; } .ncmore { line-height: 40px; font-size: 14px; padding: 0 70px 0 24px; } .ncmore span { height: 40px; padding: 0px 20px; } .ncmore span img { width: 20px; } #banner1 .swiper-button-next { width: 36px; height: 36px; border: 1px solid #fff; right: 4%; } #banner1 .swiper-button-prev { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #fff; left: 4%; } #banner1 .swiper-button-next:after, #banner1 .swiper-button-prev:after { font-size: 14px; } .ncindex01 .ncmain .left .bt { font-size: 46px; margin: 24px 0 34px 0; line-height: 60px; } .ncindex01 .ncmain .left .con { font-size: 14px; line-height: 26px; } .ncindex01 .ncmain .left a { font-size: 14px; } .ncindex01 .ncmain .right ul li .box span { width: 50px; height: 50px; } .ncindex01 .ncmain .right ul li .box span img { max-width: 48%; max-height: 48%; } .ncindex01 .ncmain .right ul li .box b { font-size: 16px; margin-top: 6px; } .ncindex01 .ncmain .right ul .active .box { right: 30px; bottom: 30px; } .ncindex01 .ncmain .right ul li .box { bottom: 30px; } .ncindex01 .ncmain .right ul .active em { height: 4px; } .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 30% 0; } .ncindex02 .mySwiper_1 .swiper-slide .btbox b { font-size: 20px; } .ncindex02 .mySwiper_1 .swiper-slide .btbox { top: 30px; } .ncindex02 .mySwiper_1 .swiper-slide .ncmore { bottom: 30px; } .ncindex02 .bottomb .left { font-size: 22px; line-height: 32px; } .ncindex02 .bottomb .right ul li b { font-size: 14px; margin-top: 6px; } .ncindex03 .ncmain .top .left b { font-size: 40px; } .ncindex03 .ncmain .top .left span { font-size: 24px; margin: 28px 0 28px 0; } .ncindex03 .ncmain .top .right { width: 66%; } .ncindex03 .ncmain .top .right ul li .con { font-size: 14px; line-height: 24px; } .ncindex03 .ncmain .top .right ul li b { font-size: 20px; margin-top: 14px; } .ncindex03 .ncmain .top .right ul li em { width: 30px; margin: 12px auto 12px auto; } .ncindex03 .ncmain .top .right ul li .ncimgcenter { display: block; width: 60px; height: 60px; margin: 0 auto; margin-top: 30px; } .ncindex03 .ncmain .top .right ul li .ncimgcenter::after { width: 60px; height: 60px; } .ncindex03 .ncmain .top .right ul li .ncimgcenter img { max-width: 50%; max-height: 50%; } .ncindex03 .ncmain .bottom .botle { padding: 20px 90px; } .ncindex03 .ncmain .bottom .ncmore { right: 40px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_1 { font-size: 30px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_2 { font-size: 18px; margin: 16px 0 10px 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_3 { font-size: 14px; line-height: 32px; padding: 0 10px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left a { font-size: 12px; padding: 0px 24px; line-height: 30px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .con { font-size: 14px; line-height: 24px; margin: 20px 0 20px 0; height: 72px; } .ncindex04 .ncmain { width: 80%; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { height: 320px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 320px; height: 320px; border: 4px solid #8b1d21; } .ncindex05 .ncmain .left b { font-size: 36px; } .ncindex05 .ncmain .left .list { margin-top: 24px; } .ncindex05 .ncmain .left .list div span { line-height: 30px; padding: 0 24px; font-size: 14px; } .ncindex05 .ncmain .left a { margin-top: 50px; font-size: 14px; } .ncindex05 .ncmain .right ul li .li_2 { font-size: 18px; height: 18px } .ncindex05 .ncmain .right ul li .li_1 span { font-size: 38px; } .ncindex05 .ncmain .right ul li .li_1 { padding-bottom: 10px; margin-bottom: 20px; } .ncindex05 .ncmain .right ul li .li_3 { font-size: 14px; line-height: 22px; height: 66px; } .ncindex05 .ncmain .right ul li .li_4 { line-height: 30px; padding: 0 20px; font-size: 14px; margin: 20px 0 20px 0; } .ncindex05 .ncmain .right { width: 82%; } .footer .top { margin: 40px 0 26px 0; } .footer .main .left { width: 9%; } .footer .main .centre .cen_1 { font-size: 16px; padding-bottom: 10px; } .footer .main .centre { width: 26%; margin-left: 2%; padding-right: 2%; } .footer .main .centre .cen_2 span { margin: 10px 0; } .footer .main .left em { font-size: 12px; } .footer .main .right ul li a:nth-child(1) { font-size: 14px; } .footer .main .right ul li a { font-size: 12px; margin-top: 10px; } .footer .main .right ul li a:nth-child(2) { margin-top: 16px; } .footer .bottom { padding: 14px 0; margin-top: 20px; font-size: 12px; } .Ncheader .nav .centre ul li a { font-size: 16px; } .ncmainbox .nccontent { width: 100%; } .ncabout02 ul li .box .con { font-size: 24px; margin-top: 20px; } .nchottitle { font-size: 20px; padding: 6px 10px; } .nchottitle img { width: 14px; } .ncabout02 ul li em { border: 6px solid #177165; } .ncabout02 ul li { margin-top: 10px; } .ncabout02 ul li .box .con1 { margin-top: 30px; } .ncabout02 ul li .box .con1 div { line-height: 26px; } .ncabout02 ul li .box .con1 div p:nth-child(1) { font-size: 18px; } .ncabout02 ul li .box .con1 div p:nth-child(2) { font-size: 16px; } .ncabout04 .nccontent { padding: 0 80px; margin-top: 80px; } .ncabout04 .swiper-button-next { right: 0; } .ncabout04 .swiper-button-prev { left: 0; } .ncabout04 .mySwiper_a .swiper-slide .con_3 { width: 10px; height: 10px; margin-bottom: 10px; } .ncabout04 .mySwiper_a .swiper-slide .con_2 { height: 13px; margin: 4px 0; margin-left: 4px; } .ncabout04 .xian { top: 314px; } .ncabout04 .swiper-button-next, .ncabout04 .swiper-button-prev { top: 84px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p { margin-top: 10px; } .ncabout05 .nccontent { width: 90%; margin-left: 10%; height: 416px; } .ncabout05 .ncmain { overflow: visible; } .ncabout05 .leftnav { width: 12%; left: -14%; height: 416px; } .ncabout05 .nccontent .main .left ul li { line-height: 60px; height: 60px; } .ncabout05 .nccontent .main { height: 370px; padding: 20px; } .ncabout05 .nccontent .main .left { max-height: 330px; } .ncabout05 .mySwiper_a1 .swiper-slide div { font-size: 20px; padding-right: 14px; } .ncabout05 .mySwiper_a1 .active1 div { font-size: 30px; } .ncabout06 .nccontent { margin-top: 50px; } .ncabout06 .bg { top: 190px; height: 245px; } .ncabout06 .nccontent .ul1 li .div_1 { margin-bottom: 14px; font-size: 16px; } .ncabout06 .nccontent .ul1 li .div_2 { font-size: 22px; } .ncabout06 .nccontent .ul2 { margin-top: 30px; padding: 0px 10px; } .ncabout06 .nccontent .ul1 { padding: 0 30px; padding-top: 50px; } .ncabout06 .nccontent .ul1 { padding-top: 0px; } .ncabout06 .bg { top: 120px; height: 170px; } .ncabout06 .nccontent .ul2 { margin-top: 20px; } .ncabout06 .nccontent .ul1 li .div_2 { font-size: 18px; } .ncabout06 .nccontent .ul1 li .div_1 { margin-bottom: 10px; font-size: 12px; } #banner1 .shubiao img { width: 26px; } .ncsolution01 .nccontent .btbox b { font-size: 26px; } .ncsolution01 .nccontent .btbox span { margin-top: 16px; } .ncsolution01 .nccontent .btbox { top: 40px; } .ncsolution02 .tpbt .bt_1 { font-size: 18px; } .ncsolution02 .tpbt .bt_2 { margin: 16px 0 16px 0; } .ncsolution02 .tpbt { margin-top: 20px; } .ncsolution02 .tpbt .bt_3 { font-size: 14px; line-height: 22px; padding: 0 70px; } .ncsolution03 .top .left b { font-size: 26px; } .ncsolution03 .top .left span { width: 50px; height: 3px; margin-top: 20px; } .ncsolution03 .top .right { font-size: 16px; line-height: 28px; } .ncsolution03 .ulbox ul li b { font-size: 22px; } .ncsolution03 .ulbox .inbox { font-size: 20px; } .ncsolution03 .ulbox .inbox b { line-height: 1.4; } .ncsolution05 ul li b { font-size: 18px; } .ncsolution05 ul li { padding: 30px 0; } .ncsolution05 .con { margin-top: 100px; font-size: 16px; } .ncsolution05 { padding: 140px 0 100px 0; } .ncsolution08 .ncmain .left ul li .le_le { width: 48px; height: 48px; } .ncsolution08 .ncmain .left ul li .le_le img { max-width: 50%; max-height: 50%; } .ncsolution08 .ncmain .centre { width: 40%; } .ncsolution08 .ncmain .centre .bt_1 { font-size: 26px; } .ncsolution08 .ncmain .left ul li .ri_ri b { font-size: 16px; margin-bottom: 6px; } .ncsolution08 .ncmain { padding: 30px; } .ncsolution08 .ncmain .right ul li .ri_ri div { width: 100%; padding-left: 0; } .ncsolution08 .ncmain .left ul li .ri_ri div { width: 100%; } .ncsolution08 .ncmain .centre .bt_3 { font-size: 14px; line-height: 38px; padding: 0 24px; } .ncsolution10 ul { padding: 0 70px; } .ncsolution11 .bg { top: 100px; height: 370px; } .ncsolution11 .ulbox1 ul { padding: 50px 0 120px 0; } .ncsolution11 .ulbox2 { margin-top: -60px; } .ncsolution11 .ulbox1 ul li .ncimgcenter { width: 60px; height: 60px; } .ncsolution11 .ulbox1 ul li .ncimgcenter img { max-width: 40%; max-height: 40%; } .ncsolution12 .ncmain .right { margin-top: 0px; } .ncsolution12 .ncmain .right .item .con { font-size: 14px; margin-top: 10px; } .ncsolution12 .ncmain .right .item .bt { line-height: 30px; font-size: 16px; padding: 0 18px; } .ncsolution12 .ncmain { padding: 30px 70px; } .ncsolution13 .ulbox ul li .b_2 { font-size: 20px; } .ncsolution13 .ulbox ul li .b_3 { font-size: 14px; line-height: 34px; padding: 0 10px; } .ncsolution13 .ulbox ul li { width: 32%; margin-top: 25px; } .ncproduct01 .con { font-size: 14px; padding: 0 30px; } .ncproduct01 .con1 { margin-top: 50px; } .ncnew01 .ul1 li { padding: 20px; } .ncnewshow01 .nccontent .bt_1 { font-size: 26px; } .ncnewshow01 .nccontent { padding: 40px 60px; } .ncservice01 .nccontent .ulbox1 ul li b { font-size: 20px; } .ncservice01 .nccontent .ulbox1 ul li .li_con { font-size: 14px; } .ncservice01 .nccontent .ulbox1 { margin-top: 30px; } .ncservice01 .nccontent .ulbox2 .bt { font-size: 26px; } .ncservice01 .nccontent .ulbox2 .inputbox { padding: 30px 50px 30px 50px; } .ncservice03 .nccontent .ulbox2 { margin-top: 30px; } .nccontact01 .nccontent ul li b { font-size: 16px; } .nccontact01 .nccontent ul li span { margin: 18px 0 20px 0; } .nccontact02 .nccontent1 .itembox .item .left .bt_1 { font-size: 22px; } .nccontact02 .nccontent1 .itembox .item .left .bt_2 { width: 40px; margin: 18px 0; } .nccontact02 .nccontent1 .itembox .item .left .con { font-size: 14px; line-height: 24px; } .nccontact03 .nccontent { width: 1200px; } .nccontact03 .main_1 ul li b { font-size: 22px; padding: 60px 14px 14px 14px; } .nccontact03 .main_2 .left .bt { font-size: 26px; } .nccontact03 .main_2 .left { padding: 40px; } .nccontact03 .main_2 .left .con span { margin-top: 34px; font-size: 16px; } .nccontact04 .itembox .item ul li sup { font-size: 24px; border: 2px solid #177165; width: 30px; height: 30px; line-height: 24px; top: 20px; right: 20px; } .nccontact04 .itembox .item ul li { padding: 20px; } .nccontact04 .itembox .item ul li b { font-size: 18px; } .nccontact05 .left .con { font-size: 16px; line-height: 30px; margin-top: 18px; } .nccontact06 .mySwiper .swiper-pagination-bullet { width: 8px; height: 8px; } .nccontact06 .mySwiper { padding-bottom: 46px; } } @media (min-width: 320px) and (max-width: 1280px) { .footer .main .left{ width: 12%; } .footer .main .left em{ font-size: 10px; } .ncmain { width: 94%; } .Ncheader .nav { width: 96%; } .layui-btn-container .layui-btn { margin-right: 0!important; } .Ncheader .nav .right .china img { margin-right: 0; } .layui-btn { padding: 0 4px!important; } .Ncheader .nav .centre { margin-left: 1%; } .Ncheader .nav .centre { margin-right: 0; } .Ncheader .nav .right .tel div { left: auto; transform: none; right: 0; } .Ncheader .nav .right .tel div i { left: auto; transform: rotate(180deg); right: 0; } .Ncheader .nav .centre ul li a { font-size: 14px; } .Ncheader .nav .right .search input { font-size: 12px; } .Ncheader .nav .right .search button { font-size: 14px; } .Ncheader .nav .centre ul li { padding: 0 8px; } .ncpadding { padding: 70px 0; } .nctitle .title { font-size: 24px; line-height: 1.2; } .nctitle .more a { font-size: 12px; } .nctitle .more a img { margin-left: 5px; width: 30px; } .pages { font-size: 14px; line-height: 40px; } .pages span img { width: 25px; } .nccrumbs { font-size: 12px; } #page ul li a { padding: 0 12px; font-size: 14px; line-height: 34px; } #page ul li { margin: 0 3px; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 50px; } .ncindex01 .ncmain .left .bt { font-size: 40px; margin: 16px 0 26px 0; line-height: 46px; } .ncindex02 .bottomb .left { font-size: 18px; } .ncindex03 .ncmain .top .left b { font-size: 32px; } .ncindex03 .ncmain .top .left span { font-size: 20px; margin: 20px 0 20px 0; } .ncindex04 .ncmain .swiper-button-next, .ncindex04 .ncmain .swiper-button-prev { width: 34px; height: 34px; } .ncindex04 .ncmain .swiper-button-next:after, .ncindex04 .ncmain .swiper-button-prev:after { font-size: 16px; } .ncindex04 .ncmain .swiper-button-prev { left: -34px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { padding: 20px 40px; height: 290px; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 290px; height: 290px; } .ncindex05 .ncmain .left b { font-size: 28px; } .ncindex05 .ncmain .left a { margin-top: 36px; font-size: 12px; } .mainbanner .swiper-slide .main_b { font-size: 38px; } .main_nav span { font-size: 14px; line-height: 50px; padding: 0 20px; } .main_nav { height: 50px; } /* .ncabout01 .nccontent { padding: 50px 20px 30px 20px; }*/ .ncabout01 .nccontent .left { font-size: 14px; line-height: 24px; } .ncabout01 .nccontent .right span { font-size: 16px; line-height: 50px; } .ncabout02 ul li em { border: 4px solid #177165; } .ncabout02 ul li .box .con { font-size: 20px; margin-top: 12px; } .nchottitle { font-size: 16px; padding: 4px 8px; } .nchottitle img { width: 10px; } .ncabout02 ul li .box .con1 { margin-top: 20px; } .ncabout02 ul li .box .con1 div p:nth-child(1) { font-size: 16px; } .ncabout02 ul li .box .con1 div p:nth-child(2) { font-size: 14px; } .ncabout02 ul li .box .con1 div { line-height: 22px; } .ncabout04 .mySwiper_a .swiper-slide .con_1 { font-size: 14px; width: 50px; height: 50px; } .ncabout04 .mySwiper_a .active .con_1 em { line-height: 50px; } .ncabout04 .mySwiper_a .active .con_1 i { width: 40px; height: 40px; } .ncabout04 .mySwiper_a .active .con_1 { margin-left: -20px; } .ncabout04 .mySwiper_a .swiper-slide { padding: 0 22px; } .ncabout04 .mySwiper_a .swiper-slide .con_3 { margin-bottom: 5px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p { font-size: 12px; line-height: 18px; padding-left: 12px; } .ncabout04 .mySwiper_a .swiper-slide .con_4 p:after { left: 2px; top: 6px; } .ncabout04 .swiper-button-next, .ncabout04 .swiper-button-prev { width: 36px; height: 36px; top: 59px; } .ncabout04 .xian { top: 250px; } .ncabout04 .swiper-button-next:after, .ncabout04 .swiper-button-prev:after { font-size: 16px; } .ncabout05 .nccontent { margin-top: 60px; } .ncabout05 .nccontent .main .left ul li { line-height: 50px; height: 50px; font-size: 16px; padding-right: 20px; } .ncabout05 .nccontent .main .left ul .active2 { background-size: 10px; } .ncabout05 .nccontent .topnav span { font-size: 16px; line-height: 40px; padding: 0px 30px; } .ncabout05 .nccontent .main .right .ncimgcenter { padding: 30% 0; } .ncabout05 .nccontent .main { height: 280px; } .ncabout05 .nccontent .main .left { max-height: 244px; width: 55%; } .ncabout05 .nccontent .main .right { width: 40%; } .ncabout05 .leftnav { height: 320px; } .ncabout05 .mySwiper_a1 .swiper-slide div { font-size: 16px; padding-right: 10px; right: 9px; } .ncabout05 .mySwiper_a1 .active1 div { font-size: 22px; } .ncabout05 .swiper-button-next, .ncabout05 .swiper-button-prev { width: 26px; height: 26px; } .ncabout05 .swiper-button-next:after, .ncabout05 .swiper-button-prev:after { font-size: 12px; } .ncabout05 .mySwiper_a1 .xian { right: 12px; } .ncabout05 .leftnav { padding: 24px 0; } .ncabout05 .nccontent { height: 320px; } .ncsolution01 .nccontent .btbox b { font-size: 20px; } .ncsolution01 .nccontent .btbox span { margin-top: 12px; font-size: 12px; } .ncsolution01 .nccontent .btbox { top: 30px; } .ncsolution01 .nccontent .ncmore { bottom: 30px; } .ncsolution03 .top { margin-bottom: 40px; } .ncsolution03 .top .left b { font-size: 24px; } .ncsolution03 .ulbox .inbox { width: 150px; height: 150px; font-size: 18px; } .ncsolution03 .ulbox .inbox::after { top: -10px; left: -10px; width: 170px; height: 170px; } .ncsolution05 .con { margin-top: 50px; font-size: 14px; } .ncsolution05 { padding: 100px 0 70px 0; } .ncsolution06 .ul_1 li .box .bt { font-size: 20px; margin-bottom: 10px; padding-bottom: 10px; } .ncsolution06 .ul_1 li .box { padding: 40px 20px 0 20px; } .ncsolution06 .ul_1 li .box .con { font-size: 14px; line-height: 30px; } .ncsolution07 .con { font-size: 14px; } .ncsolution07 .con1 span { width: 49%; } .ncsolution07 .con1 span:nth-child(2n) { margin-left: 2%; } .ncsolution10 ul li .bt { line-height: 36px; font-size: 14px; margin-top: 16px; } .ncsolution10 ul { padding: 0; } .ncsolution10 ul li { width: calc(25% - 5px); float: left; margin-left: 5px; } .ncsolution12 .ncmain .right { width: 38%; } .ncsolution12 .ncmain .left { width: 60%; } .ncsolution12 .ncmain { padding: 30px; } .ncsolution13 .ulbox ul li .b_2 { font-size: 18px; } .ncsolution13 .ulbox ul li .con { font-size: 14px; } .ncsolution13 .ulbox ul li .box { padding: 14px; } .ncnewshow01 .nccontent .share { position: absolute; top: auto; bottom: -36px; left: 0; } .ncnewshow01 .nccontent { margin-bottom: 80px; } .ncnewshow01 .nccontent .share .fan { float: left; width: 36px; height: 36px; } .ncnewshow01 .nccontent .share .sha { float: left; width: 36px; height: 36px; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 { float: left; width: auto; } .ncnewshow01 .nccontent .share .bdshare-button-style0-16 a { float: left; margin: 2px 5px 0 0; } .ncnewshow01 .nccontent { padding: 30px 40px; } .ncnewshow01 .nccontent .bt_1 { font-size: 22px; } .ncnewshow01 .nccontent .bt_2 { margin-top: 10px; } .ncnewshow01 .nccontent .bt_3 { margin: 16px 0; } .ncnewshow01 .nccontent .con { font-size: 14px; line-height: 24px; } .ncnewshow01 .nccontent .npage { font-size: 14px; } .ncnewshow01 .nccontent .npage a { margin-top: 10px; } .ncservice02 .ulbox ul li .bt_1 { font-size: 20px; margin-top: 10px; } .ncservice02 .ulbox ul li .bt_2 { margin: 15px 0 12px 0; } .ncservice02 .ulbox ul li .con { font-size: 14px; line-height: 24px; height: 72px; } .ncservice02 .ulbox ul li .bt_3 { width: 32px; height: 32px; line-height: 32px; margin-top: 15px; } .ncservice02 .ulbox ul li .bt_3 i { font-size: 14px; } .nccontact01 .nccontent ul li span { display: block; font-size: 14px; color: #666; margin: 16px 0 16px 0; } .nccontact01 .nccontent ul li { padding: 20px 0 20px 0; } .nccontact01 .nccontent ul li .ncimgcenter { width: 58px; height: 58px; } .nccontact01 .nccontent ul li .ncimgcenter img { max-width: 50%; max-height: 50%; } .nccontact02 .nccontent1 .itembox .item .left .bt_1 { font-size: 18px; } .nccontact02 .nccontent1 .itembox .item .left .bt_2 { margin: 14px 0; } .nccontact02 .nccontent1 .itembox .item { padding: 30px 0; } .nccontact03 .nccontent { width: 96%; } .nccontact03 .main_1 ul li b { font-size: 18px; padding: 20px 12px 12px 12px; } .nccontact03 .main_2 { margin-top: 30px; } .nccontact03 .main_2 .left .bt { font-size: 24px; } .nccontact03 .main_2 .left .con span { margin-top: 26px; font-size: 14px; } .nccontact04 .topnav span { font-size: 14px; line-height: 30px; padding: 0 24px; margin: 0 6px; } .nccontact04 .itembox .item ul li .con1 span { font-size: 12px; margin-right: 20px; } .nccontact04 .itembox .item ul li .con1 { margin-top: 14px; } .nccontact04 .itembox .item ul li .con2 { margin-top: 20px; } } @media (min-width: 320px) and (max-width: 768px) { .Ncheader .nav .logo { width: auto; } .Ncheader .nav { width: 100%; } .Ncheader .nav .navbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #fff; display: none; } .Ncheader .nav .centre ul li a { color: #333; width: 80%; display: inline-block; font-size: 14px; } .Ncheader .nav .centre ul .xx a { font-weight: 900; color: #177165; } .Ncheader .nav .centre ul li strong { float: right; } .Ncheader .nav .centre { width: 100%; } .Ncheader .nav .centre ul { height: calc(96vh - 45px); overflow-y: scroll; box-sizing: border-box; width: 100%; margin-top: 45px; border-top: 1px solid #eee; padding: 0 20px; } .Ncheader .nav .centre ul li { float: none; border-bottom: 1px solid #eee; height: auto; overflow: hidden; cursor: pointer; line-height: 50px; } .Ncheader .nav .centre ul span { display: none; } .Ncheader .nav .centre ul li .listnav { position: initial; height: auto; margin-left: 0; width: 100%; background-color: #f0fffd; padding: 0 10px; box-sizing: border-box; } .Ncheader .nav .centre ul li .listnav div { position: initial; top: 0; left: 0; display: block; transform: initial; } .Ncheader .nav .centre ul li .listnav div a { color: #999; text-align: left; height: 40px; line-height: 40px; display: block; width: 100%; font-size: 14px; font-weight: normal; } .Ncheader .h2 { display: block; } .Ncheader .nav .right { display: block; float: none; } .Ncheader .nav .right .layui-btn { color: #333; } .Ncheader .nav .right .china { width: 100%; } .Ncheader .nav .right .img2 { display: inline-block; } .Ncheader .nav .right .img1 { display: none; } .Ncheader .nav .right span { background-color: #666; } .Ncheader .nav .right span a { color: #fff; } .Ncheader .nav .right .layui-btn-container { display: inline-block; float: none; } .Ncheader .nav .right .china { text-align: center; margin-top: 10%; } .Ncheader .nav .logo { z-index: 99; position: fixed; top: 0; left: 10px; height: 60px; } .Ncheader .nav .logo img { height: 20px; } .Ncheader .nav .centre ul li .listnav i { display: none; } .Ncheader .nav .right .china { position: absolute; bottom: 70px; } .Ncheader .nav .right .tel { position: absolute; bottom: 112px; margin: 0; line-height: 0 ; left: 50%; transform: translateX(-50%); } .Ncheader .nav .right .tel div { position: static; display: block; background-color: #fff; border: 1px solid #eee; } .Ncheader .nav .right .tel div i { display: none; } .Ncheader .nav .right .tel .tema1 { display: none; } .Ncheader .nav .right span { line-height: 26px; } .Ncheader .nav .centre ul li em { display: none; } .Ncheader .nav .right .tel div img { width: 70px; } .Ncheader .nav .right .tel div { padding: 5px; } .Ncheader .search_1 { display: block; } .ncrightnav { right: 1px; bottom: 10px; } .Ncheader .nav { height: 45px; } .Ncheader .nav .logo { height: 45px; } #banner1 .swiper-slide .img { display: none; } #banner1 .swiper-slide .img2 { display: block; } #banner1 .swiper-slide .banbox .bt_2 em { display: block; margin-top: 20px; } #banner1 .swiper-slide .banbox .bt_2 { font-size: 40px; } #banner1 .swiper-slide .banbox .bt_1 { font-size: 30px; letter-spacing: 2px; } #banner1 .ncmore { bottom: -100%; position: absolute; left: 50%; transform: translateX(-50%); } #banner1 .shubiao { display: none; } .mySwiper_roll .ncbg img:nth-child(2) { display: block; } .mySwiper_roll .ncbg img:nth-child(1) { display: none; } .nccrumbs a { font-size: 12px; } .nccrumbs a:nth-of-type(1) { background-size: 18px; } .nccrumbs span { margin: 0; } .nccrumbs { bottom: 10px; } #container { height: 210px; } .rright b { font-size: 16px; } .content-window-card p { font-size: 12px; line-height: 20px; } .ncpadding { padding: 30px 0; } .ncpadding1 { padding: 30px 0; } .ncpaddingbottom { padding: 0 0 20px 0; } #page ul li a { padding: 0 14px; line-height: 34px; font-size: 12px; } #page ul li i { font-size: 12px; } #page1 ul li a { margin: 0; } #page1 ul li:nth-child(1) a, #page1 ul li:last-child a { width: 60px; } #page1 ul { font-size: 14px; padding: 4px 0; } #page1 ul li a { line-height: 30px; width: 30px; height: 30px; } #page1 ul li:nth-child(1) { padding-left: 0; } #page1 ul li:last-child { padding-right: 0; } #page1 { margin: 20px 0 0 0; } .pages span { width: 60%; } .pages span:nth-child(1), .pages span:last-child { width: 20%; } .lleft img { width: 40px; } #page ul li a { padding: 0 10px; line-height: 30px; } .ncindex01 .ncmain .left { width: 100%; } .ncindex01 .ncmain .right { width: 100%; position: static; float: left; margin-top: 20px; } .ncindex01 .ncmain .right ul li { height: 130px; width: calc(33.33% - 5px); margin-left: 7.5px; } .ncindex01 .ncmain .right ul .active { width: calc(33.33% - 5px); } .ncindex01 .ncmain .right ul li:nth-child(1) { margin-left: 0; } .ncindex01 .ncmain .right ul li .box { width: 100%; } .ncindex01 .ncmain .right ul .active .box { left: 50%; transform: translateX(-50%); } .ncindex01 .ncmain .right ul .active .ncimgcenter img { opacity: 0.7; } .ncindex01 .ncmain .left .con { line-height: 20px; } .ncindex01 .ncmain .left .bt { font-size: 24px; margin: 10px 0 10px 0; line-height: 32px; } .ncindex01 .ncmain .left a { margin-top: 10px; } .ncindex01 .ncmain .left .subt { line-height: 32px; font-size: 16px; padding: 0 24px; } .ncindex02 .bottomb .right { display: none; } .ncindex02 .mySwiper_1 { width: 100%; } .ncindex02 { position: relative; background: none; background-color: none; } .ncindex02 .mySwiper_1 { position: absolute; bottom: 0; } .ncindex02 .bottomb .left { width: 100%; text-align: center; color: #333; font-size: 22px; } .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 65% 0; } .ncindex02 .mySwiper_1 .swiper-slide .btbox { top: 20px; width: 100%; } .ncindex02 .mySwiper_1 .swiper-slide .btbox b { font-size: 18px; } .ncindex03 .ncmain .top .left { width: 100%; float: left; position: static; transform: none; } .ncindex03 .ncmain .top .right { width: 100%; margin-top: 20px; } .ncindex03 .ncmain .bottom .ncmore { display: none; } .ncindex03 .ncmain .bottom .botle { padding: 0 30px; width: 100%; } .ncindex03 .ncmain .top .left b { font-size: 24px; } .ncindex03 .ncmain .top .left span { font-size: 16px; } .ncindex03 .ncmain .top .left a { font-size: 14px; } .ncindex03 .ncmain .top .right ul li b { font-size: 14px; margin-top: 10px; } .ncindex03 .ncmain .top .right ul li .con { font-size: 12px; line-height: 18px; } .ncindex03 .ncmain .top .right ul li { width: calc(33.33% - 4px); margin-left: 6px; } .ncindex03 .ncmain .bottom { margin-top: 20px; padding: 22% 0; } .ncindex03 .ncmain .top .right ul li { padding-bottom: 16px; } .ncindex03 .ncmain .bottom .swiper-button-next:after, .ncindex03 .ncmain .bottom .swiper-button-prev:after { color: #fff; font-size: 20px; } .ncindex03 .ncmain .bottom .swiper .swiper-button-next { right: 4px; } .ncindex03 .ncmain .bottom .swiper .swiper-button-prev { left: 4px; } .ncindex03 .ncmain .bottom .swiper .swiper-slide span { font-size: 12px; padding: 0 5px; margin-bottom: 10px; } .ncindex03 .ncmain .top .right ul .active i { display: block; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right { width: 100%; position: static; float: left; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left { width: 100%; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide { padding: 20px; height: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .right .ncimgcenter { width: 100%; height: 200px; border-radius: 0; border: none; } .ncindex04 .ncmain { width: 96%; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left .b_1 { display: none; } .ncindex04 .ncmain .mySwiper_4 .swiper-slide .left a { float: right; } .ncindex04 .ncmain .swiper-button-next { right: auto; left: 34px; top: auto; bottom: 0; } .ncindex04 .ncmain .swiper-button-prev { left: 0; bottom: 0; top: auto; } .ncindex04 .ncmain .bbt { display: block; } .ncindex05 .ncmain .left { width: 100%; margin-top: 10px; } .ncindex05 .ncmain .right { width: 100%; margin-top: 10px; } .ncindex05 .ncmain .left b { font-size: 26px; } .ncindex05 .ncmain .left .list div { display: inline-block; margin-top: 0; } .ncindex05 .ncmain .left .list { margin-top: 20px; float: left; } .ncindex05 .ncmain .left a { margin-top: 0; float: right; font-size: 14px; color: #177165; margin-top: 30px; } .ncindex05 .ncmain .right ul li { width: 100%; margin-left: 0; margin-top: 10px; } .ncindex05 .ncmain .right ul li .libox { width: 56%; float: right; } .ncindex05 .ncmain .right ul li .ncimgcenter { width: 40%; float: left; } .ncindex05 .ncmain .right ul li .ncimgcenter { padding: 18% 0; border-radius: 4px; } .ncindex05 .ncmain .right ul li .li_1 span { font-size: 20px; } .ncindex05 .ncmain .right ul li .li_1 { padding-bottom: 10px; margin-bottom: 10px; } .ncindex05 .ncmain .right ul li .li_4 { display: none; } .ncindex05 .ncmain .right ul li .li_2 { font-size: 16px; margin-bottom: 0; line-height: 20px; height: 16px } .ncindex05 .ncmain .right ul li .li_3 { font-size: 12px; line-height: 20px; height: 60px; margin-top: 6px; } .footer .top { display: none; } .footer .main .right { width: 100%; margin-bottom: 10px; } .footer .main .left { width: 38%; } .footer .main .centre { width: 58%; padding-right: 0; border-right: 0; margin-left: 4%; } .footer .main .right ul { display: block; } .footer .main .right ul li a { line-height: 40px; display: none; } .footer .main .right ul li a:nth-child(2) { margin-top: 0; } .footer .main .right ul li a:nth-child(1) { display: block; border-top: 1px solid #293c3f; } .footer .main .centre .cen_1 { font-size: 14px; } .footer .main .centre .cen_2 span { margin: 0; } .footer .main .centre .cen_2 { line-height: 20px; } .footer .bottom .ncmain img { width: 14px; } .footer .bottom { padding: 10px 0; margin-top: 12px; } .footer1 .main .left { width: 100%; } .footer1 .main .centre { width: 100%; margin-top: 20px; } .footer1 .main .right ul li a { position: relative; } .footer1 .main .right ul li a:nth-child(1) { padding: 0; background-color: transparent; } .footer1 .main .right ul { border-bottom: 1px solid #293c3f; } .footer1 .main .right ul li a { line-height: 40px; margin-top: 0; padding: 0 10px; font-size: 14px; background-color: #193236; color: #fff; } .footer1 .main .right ul li a i { display: block; } .footer1 .main .centre { margin-left: 0; } .footer1 .main .centre .cen_2 { margin-top: 10px; } .footer .main .centre .cen_2:last-child { border-top: 1px solid #293c3f; padding-top: 10px; } .mainbanner .swiper-slide .img { display: none; } .mainbanner .swiper-slide .img2 { display: block; } .main_nav { display: none; } .mainbanner .swiper-slide .main_b { font-size: 24px; top: 60%; line-height: 1.2; } .ncabout01 .nccontent .right { width: 100%; } .ncabout01 .nccontent .left { width: 100%; margin-top: 20px; } /* .ncabout01 .nccontent { background: none; padding: 0; }*/ .ncabout01 .nccontent .right .ncimgcenter { padding: 28% 0; } .ncabout01 .nccontent .right .ncimgcenter img { height: auto; } /* .ncabout01 { background: url(../images/mbaout01_1.jpg) no-repeat top center; background-size: 100% 100%; }*/ .ncabout02 ul li .ncimgcenter { padding: 18% 0; } .ncabout02 ul li .box .con { font-size: 18px; margin-top: 10px; } .ncabout02 ul li:nth-child(3) .ncimgcenter { padding: 50% 0; } .ncabout02 ul li .box .con1 div { width: 50%; text-align: left; padding:0 8px; box-sizing: border-box; } .ncabout02 ul li .box .con1 div p:nth-child(1) { font-size: 14px; } .ncabout02 ul li .box .con1 div p:nth-child(2) { font-size: 10px; height: 44px; overflow: hidden; } .ncabout02 ul li .box .con1 div p:nth-child(2) br { display: none; } .ncabout03 .con { margin-top: 20px; } .ncabout04 .swiper-button-next, .ncabout04 .swiper-button-prev { width: 26px; height: 26px; top: 64px; } .ncabout04 .swiper-button-next:after, .ncabout04 .swiper-button-prev:after { font-size: 12px; } .ncabout04 .nccontent { padding: 0 34px; margin-top: 30px; } .ncabout04 .xian { top: 160px; } .ncabout05 .nccontent { margin-top: 30px; } .ncabout05 .nccontent .topnav span { font-size: 14px; line-height: 30px; padding: 0px 20px; } .ncabout05 .nccontent .main .left { width: 100%; } .ncabout05 .nccontent .main .right { width: 100%; margin-top: 0; } .ncabout05 .nccontent .main { padding: 10px; height: auto; } .ncabout05 .nccontent { height: auto; min-height: 300px; } .ncabout05 .nccontent .main .left ul li { line-height: 38px; height: 38px; font-size: 14px; padding-right: 12px; } .ncabout05 .leftnav { width: 28%; left: -32%; } .ncabout05 .nccontent { width: 80%; margin-left: 20%; } .ncabout05 .mySwiper_a1 .swiper-slide div { font-size: 14px; } .ncabout05 .mySwiper_a1 .active1 div { font-size: 18px; } .ncabout06 .nccontent .ul1 { display: block; } .ncabout06 .nccontent .ul1 li { width: 33.33%; float: left; } .ncabout06 .nccontent .ul1 li:nth-child(1), .ncabout06 .nccontent .ul1 li:nth-child(2) { width: 50%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .ncabout06 .nccontent { margin-top: 70px; } .ncabout06 .nccontent .ul2 { margin-top: 40px; } .ncabout06{ padding-bottom: 80px; background-size: cover; } .ncabout06 .nccontent .ul1 li .div_1 { font-size: 10px; } .ncabout06 .bg { top: 90px; height: 240px; } .ncabout06 .nccontent .ul1 { padding: 0; } .ncabout06 .nccontent .ul1 li .div_1 { line-height: 16px; margin-bottom: 10px; height: 32px; } .ncabout06 .nccontent .ul1 li .div_2 i { font-size: 12px; } .ncabout06 .ncmain { overflow: visible; } .ncabout06 .nccontent .ul2 .mySwiper_a3 { width: 60%; margin: 0 auto; } .ncabout06 .nccontent .ul2 .swiper-slide .ncimgcenter { padding: 40% 0; } .ncsolution01 .nccontent .btbox b { font-size: 18px; } .ncsolution01 .nccontent .ncmore { bottom: 20px; } .ncsolution01 .nccontent .btbox { top: 20px; } .ncsolution02 .tpbt .bt_3 { padding: 0; } .ncsolution02 .tpbt .bt_1 { font-size: 16px; } .ncsolution02 { padding-bottom: 120px; background-size: 200%; } .ncsolution03 .top .left { width: 100%; text-align: center; } .ncsolution03 .top .left b { font-size: 16px; } .ncsolution03 .top .left span { display: inline-block; } .ncsolution03 .top .right { width: 100%; font-size: 14px; line-height: 22px; margin-top: 20px; } .ncsolution03 .top { margin-bottom: 20px; } .ncsolution03 .ulbox ul li b { font-size: 14px; } .ncsolution03 .ulbox .inbox { width: 80px; height: 80px; font-size: 12px; } .ncsolution03 .ulbox .inbox::after { top: -5px; left: -5px; width: 90px; height: 90px; } .ncsolution04 { padding-bottom: 30px; } .ncsolution05 ul li { width: calc(33.33% - 20px); margin-left: 0; padding: 20px 0; margin: 0 10px; margin-top: 20px; } .ncsolution05 ul li b { font-size: 14px; margin-top: 0; } .ncsolution05 ul li:nth-child(1) { margin-left: 10px; } .ncsolution05 ul li:after { display: none; } .ncsolution05 { padding: 40px 0 40px 0; } .ncsolution05 .con { margin-top: 20px; padding: 0; } .ncsolution05 ul li .ncimgcenter { width: 60px; height: 60px; } .ncsolution05 ul li .ncimgcenter img { max-width: 60%; max-height: 60%; } .ncsolution06 .ul_1 li { width: calc(50% - 10px); margin-left: 20px; margin-top: 20px; } .ncsolution06 .ul_1 li:nth-child(3n+1) { margin-left: 20px; } .ncsolution06 .ul_1 li:nth-child(1), .ncsolution06 .ul_1 li:nth-child(2n+1) { margin-left: 0; } .ncsolution06 .ul_1 li:nth-child(3) { margin-top: 20px; } .ncsolution06 .ul_1 .active .box { display: none!important; } .layui-layer { background-color: #fff !important; padding: 20px!important; width: 70%!important; } .layui-layer .bt { font-size: 16px; color: #177165; line-height: 2; font-weight: bold; border-bottom: 1px solid #eee; margin-bottom: 20px; } .layui-layer .con { font-size: 14px; line-height: 1.5; } .ncsolution07 .con1 span { width: 100%; } .ncsolution07 .con1 span:nth-child(2n) { margin-left: 0; } .ncsolution07 .con1 { margin-top: 16px; } .ncsolution08 .ncmain { padding: 20px 0; padding-top: 330px; } .ncsolution08 .ncmain .left { width: 100%; } .ncsolution08 .ncmain .centre { width: 80%; top: 20px; transform: translateX(-50%); } .ncsolution08 .ncmain .centre .bt_3 { font-size: 12px; line-height: 34px; padding: 0 16px; } .ncsolution08 .ncmain .centre .bt_1 { font-size: 16px; } .ncsolution08 .ncmain .left ul li { width: 50%; float: left; margin-top: 10px; border-bottom: 0; padding: 0 10px; box-sizing: border-box; } .ncsolution08 .ncmain .left ul li:nth-child(2) { margin-top: 0; } .ncsolution08 .ncmain .left ul li .ri_ri { width: 100%; margin-left: 0; margin-top: 10px; } .ncsolution08 .ncmain .left ul { display: flex; flex-wrap: wrap; } .ncsolution08 .ncmain .left ul li .ri_ri div { font-size: 12px; } .ncsolution08 .ncmain .right ul li .le_le { float: left; } .ncsolution08 .ncmain .right ul li .ri_ri { float: left; text-align: left; } .ncsolution08 .ncmain .right { margin-top: 10px; } .ncsolution08 .ncmain .left ul li .le_le { width: 40px; height: 41px; } .ncsolution09 .title, .ncsolution10 .title { font-size: 18px; line-height: 1.2; } .ncsolution10 ul li .bt { line-height: 28px; font-size: 10px; margin-top: 10px; } .ncsolution10 ul li .bt i { top: -16px; font-size: 20px; margin-left: -10px; } .ncsolution10 ul li:nth-child(2) { position: relative; } .ncsolution10 ul li:nth-child(2) .bt { position: absolute; top: -48px; left: 50%; transform: translateX(-50%); width: 170%; } .ncsolution10 ul li:nth-child(2) .bt i { top: auto; bottom: -16px; transform: rotate(90deg); } .ncsolution10 ul li:nth-child(4) { position: relative; } .ncsolution10 ul li:nth-child(4) .bt { position: absolute; top: -48px; left: 20%; transform: translateX(-50%); width: 170%; background-color: #177165; } .ncsolution10 ul li:nth-child(4) .bt i { top: auto; bottom: -16px; transform: rotate(90deg); left: 68%; color: #177165; } .ncsolution10 ul li:nth-child(3) .bt { width: 200%; margin-left: -50%; background-color: #8b1d21; } .ncsolution10 ul li:nth-child(3) .bt i { color: #8b1d21; } .ncsolution10 .ncmargintop { margin-top: 50px; } .ncsolution10 .ncmain { overflow: visible; } .ncsolution11 .ulbox1 ul li { width: 33.33%; padding: 0 5px; } .ncsolution11 .ulbox1 ul { flex-wrap: wrap; padding: 20px 0 80px 0; } .ncsolution11 .ulbox1 ul li .box_1 { font-size: 16px; margin-top: 6px; } .ncsolution11 .ulbox1 ul li .box_2 { font-size: 13px; } .ncsolution11 .ulbox1 ul li .ncimgcenter { width: 50px; height: 50px; } .ncsolution11 .bg { top: 70px; height: 450px; } .ncsolution11 .ulbox2 .mySwiper_c1 .bt { font-size: 14px; margin-top: 10px; } .ncsolution11 .ulbox1 ul li:nth-child(3)::after { display: none; } .ncsolution11 .ulbox1 ul li:nth-child(4) { margin-left: 16%; margin-top: 20px; } .ncsolution11 .ulbox1 ul li:nth-child(5) { margin-top: 20px; } .ncsolution12 .ncmain .left { width: 100%; } .ncsolution12 .ncmain .right { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .ncsolution12 .ncmain { padding: 30px 0; } .ncsolution12 .ncmain .right .item { width: 48%; float: left; } .ncsolution12 .ncmain .right .item:nth-child(2) { margin-top: 0; } .ncsolution12 .ncmain .right .item .bt { line-height: 28px; font-size: 14px; padding: 0 16px; } .ncsolution12 .ncmain .right .item .con { font-size: 12px; } .ncsolution11 .ulbox2 .mySwiper_c1 .bt img { width: 12px; transform: translateY(-1px); } .ncsolution13 .ulbox ul li { width: 100%; margin-top: 15px; } .ncsolution13 .ulbox ul li:nth-child(2), .ncsolution13 .ulbox ul li:nth-child(3) { margin-top: 15px; } .ncsolution13 .nctitle { display: block; margin-bottom: 20px; } .ncsolution13 .ulbox ul li .b_2 { font-size: 16px; } .ncsolution13 .ulbox ul li .b_3 span { margin-left: 15px; } .ncsolution13 .ulbox ul li .b_3 { font-size: 12px; line-height: 30px; padding: 0 5px; } .ncproduct01 .nctitle .title { font-size: 24px; padding: 0 50px; line-height: 1.5; } .ncproduct01 .con { font-size: 12px; padding: 0; } .ncproduct01 .conbox { width: 100%; } .ncproduct01 .con1 { margin-top: 20px; margin-bottom: 40px; } .ncproduct01 .con1 .ncimgcenter { padding: 20% 0; } .ncnew01 .ul1 li { background-color: transparent; padding: 0; } .ncnew01 .ul1 .active { box-shadow: none; } .ncnew01 .ul1 li .left { border-radius: 4px; width: 46%; } .ncnew01 .ul1 li .right { width: 50%; } .ncnew01 .ul1 li .right .bt_1 { margin-top: 0; font-size: 16px; } .ncnew01 .ul1 li .right .bt_2 { margin: 4px 0 10px 0; font-size: 12px; } .ncnew01 .ul1 li .right .con { font-size: 12px; line-height: 18px; height: 54px; -webkit-line-clamp: 3; } .ncnew01 .ul1 li .right .bt_3 { display: none; } .ncnew01 .ul1 li { margin-top: 10px; } .ncnew01 .nctitle { display: block; } .ncnewshow01 .nccontent { padding: 20px 20px; } .ncnewshow01 .nccontent .bt_1 { font-size: 16px; line-height: 1.5; } .ncnewshow01 .nccontent .bt_2 { font-size: 12px; } .ncnewshow01 .nccontent .bt_2 span { margin: 0 3px; } .ncnewshow01 .nccontent { margin-bottom: 50px; margin-top: 20px; } .ncnewshow01 .nccontent .npage a { line-height: 1.5; } .ncnewshow01 .nccontent .share .fan img { width: 16px; } .ncnewshow01 .nccontent .share .sha img { width: 16px; } .ncnewshow01 .nctitle { display: block; padding-top: 30px; } .ncservice01 .nccontent .con,.titleb { font-size: 14px; margin-top: 20px; } .ncservice01 .nccontent .ulbox { margin-top: 20px; } .ncservice01 .nccontent .ulbox ul li .left { width: 100%; } .ncservice01 .nccontent .ulbox ul li .right { width: 100%; position: static; transform: none; float: left; } .ncservice01 .nccontent .ulbox ul li .right b { font-size: 18px; } .ncservice01 .nccontent .ulbox ul li .right div { font-size: 14px; margin-top: 10px; } .ncservice02 .ulbox ul li { width: 100%; padding: 10px; margin-top: 10px; } .ncservice02 .ulbox ul li .bt_1 { font-size: 16px; } .ncservice02 .ulbox ul li .bt_2 { margin: 10px 0; font-size: 12px; } .ncservice02 .ulbox ul li .con { font-size: 12px; line-height: 20px; height: 60px; } .ncservice02 .ulbox ul li:nth-child(2) { margin-top: 10px; } .ncservice01 .nccontent .ulbox1 { margin-top: 20px; } .ncservice01 .nccontent .ulbox1 ul { flex-wrap: wrap; } .ncservice01 .nccontent .ulbox1 ul li { width: 50%; border: 1px solid #d2d2d2; box-sizing: border-box; padding: 10px; } .ncservice01 .nccontent .ulbox1 ul li b { font-size: 18px; } .ncservice01 .nccontent .ulbox1 ul li .ncimgcenter { width: 46px; height: 46px; } .ncservice01 .nccontent .ulbox1 ul li .ncimgcenter img { max-width: 50%; max-height: 50%; } .ncservice01 .nccontent .ulbox1 ul li:nth-child(1) .ncimgcenter img { max-width: 90%; max-height: 90%; } .ncservice01 .nccontent .ulbox1 ul li .li_con { font-size: 12px; } .ncservice01 .nccontent .ulbox1 ul li:nth-child(2), .ncservice01 .nccontent .ulbox1 ul li:nth-child(4) { border-left: none; } .ncservice01 .nccontent .ulbox1 ul li:nth-child(3) { border-top: none; } .ncservice01 .nccontent .ulbox1 ul li:nth-child(4) { border-top: none; } .ncservice01 .nccontent .ulbox2 .inputbox { padding: 0; border: none; } .ncservice01 .nccontent .ulbox2 .inputbox .input { width: 100%; margin-top: 10px; } .ncservice01 .nccontent .ulbox2 .inputbox .input:nth-child(1) { margin-top: 0; } .ncservice01 .nccontent .ulbox2 .inputbox .input:nth-last-child(2) { margin-top: 10px; } .ncservice01 .nccontent .ulbox2 .inputbox .input .bx { border-radius: 5px; } .ncservice01 .nccontent .ulbox2 .inputbox .button button { height: 38px; font-size: 14px; padding: 0 36px; border-radius: 5px; margin: 0; margin-right: 10px; } .ncservice01 .nccontent .ulbox2 .inputbox .button { text-align: left; margin-top: 10px; } .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(4), .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(5) { width: 100%; } .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(2), .ncservice03 .nccontent .ulbox2 .inputbox .input:nth-child(3) { margin-top: 10px; } .nccontact01 .nccontent ul li { width: calc(50% - 8px); margin-top: 16px; } .nccontact01 .nccontent ul { flex-wrap: wrap; } .nccontact01 .nccontent ul li:nth-child(3) em img { width: 100px; } .nccontact01 .nccontent ul li b { font-size: 14px; } .nccontact01 .nccontent ul li span { font-size: 12px; margin: 10px 0 10px 0; } .nccontact01 .nccontent ul li:nth-child(1), .nccontact01 .nccontent ul li:nth-child(2) { margin-top: 0; } .nccontact02 .nccontent1 .itembox .item .left { width: 100%; float: left; transform: none; position: static; margin: 20px 0; } .nccontact02 .nccontent1 .itembox .item .right { width: 100%; } .nccontact02 { background-color: #fff; } .nccontact02 .nccontent1 .itembox .lebg, .nccontact02 .nccontent1 .itembox .ribg { display: none; } .nccontact02 .nccontent1 .itembox .item { padding: 0; } .nccontact02 .nccontent1 .itembox .item .left .bt_2 { width: 32px; height: 2px; } .nccontact02 .nccontent1 .itembox .item .left .con { font-size: 12px; line-height: 22px; } .nccontact02 .nccontent1 .itembox .item .left .bt_1 { font-size: 16px; } .nccontact03 .main_1 ul li { width: calc(50% - 5px); margin-top: 10px; } .nccontact03 .main_1 ul li:nth-child(1), .nccontact03 .main_1 ul li:nth-child(2) { margin-top: 0; } .nccontact03 .main_1 ul { flex-wrap: wrap; } .nccontact03 .main_2 .right { width: 100%; } .nccontact03 .main_2 { padding-top: 100px; } .nccontact03 .main_2 .left { width: 80%; top: 0; left: 10%; transform: none; padding: 20px; } .nccontact04 .itembox .item ul li { width: 100%; margin-top: 10px; } .nccontact04 .itembox .item ul li:nth-child(2n) { margin-left: 0; } .nccontact04 .itembox .item ul li:nth-child(2) { margin-top: 10px; } .nccontact04 .itembox .item ul li .con1 span { margin-right: 4px; } .nccontact04 .itembox .item ul li sup { font-size: 16px; border: 2px solid #177165; width: 24px; height: 24px; line-height: 16px; top: 10px; right: 10px; } .nccontact04 .itembox .item ul .active sup { line-height: 18px; } .nccontact04 .itembox .item ul li b { font-size: 16px; } .nccontact04 .topnav { margin: 15px 0; } .nccontact05 .right { width: 100%; } .nccontact05 .left { width: 100%; position: static; transform: none; padding-top: 30px; } .nccontact05 .bg { display: none; } .nccontact05 { background-color: #fff; } .nccontact06 .mySwiper { padding-bottom: 34px; } .swiper-slide-video .img,.swiper-slide-video .img2,.swiper-slide-video .bt_1,.swiper-slide-video .bt_2{ display: block; } .swiper-slide-video .img3,.swiper-slide-video .ncmore{ display: none; } .ncindex02 .bottomb{ margin-top: 0px; position: absolute; top: 45px; left: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; } .ncindex02 .bottomb .left{ position: absolute; left: 0px; width: 100%; top: 50%; transform: translateY(-50%) } .ncindex02 { padding-top: 0px; } } @media (max-height: 600px) { .ncindex02 .mySwiper_1 .swiper-slide .ncimgcenter { padding: 58% 0; } }