.banner { width: 100%; position: relative; } .swiper-pagination { width: 100%!important; text-align: center!important; bottom: 0.1rem!important; } .swiper-pagination-bullet { background-color: #fff!important; opacity: 1!important; border: 2px solid #fff; } .swiper-pagination-bullet-active { background-color: transparent!important; border: 2px solid #fff; } body, input { font-family: "microsoft yahei"; } .fl { float: left; } .fr { float: right; } @font-face { font-family: "iconfont2"; src: url('../font/iconfont.woff2') format('woff'), url('../font/iconfont2.ttf') format('truetype'); } .iconfont2 { font-family: "iconfont2" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .nav_new { margin: 10px auto; } .nav_new ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .nav_new ul li { background-color: #0099ff; width:24%; height: 0.5rem; margin: 2px 0px; text-align: center; } .nav_new ul li:nth-child() { border-right: none } .nav_new ul li:last-child { border-right: none } .nav_new ul li a { display: inline-block; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.22rem; font-family: "microsoft yahei"; } a:hover{text-decoration: none; -webkit-tap-highlight-color: transparent;} .title{text-align: center;font-size: 28px;margin: 10px auto;} .title dl{font-size: 18px;color: #ffa202;line-height: 46px;text-transform: uppercase;} .about_i a{font-size: 14px;color: #fff;background: #0099ff;display: block;width: 100px;text-align: center;line-height: 30px;margin-top: 10px;float: right;} .about_i{display: table;} .cpfl{display: flex;justify-content: space-between;flex-wrap: wrap;} .cpfl a{font-size: 15px;color: #fff;display: inline-block;width: 48%;line-height: 30px;background: #0099ff;text-align: center;margin: 5px auto;} .product_i{background: url(../images/cpbg.png) no-repeat center;} .common_i_css { background-color: #fff; padding: 3% 4%; margin-bottom: 1%; } .common_i_title { margin-top: 0.5%; border-bottom: 3px double #0099ff; margin-bottom: 2%; position: relative; } .common_i_title h2 { display: inline-block; padding: 0.7% 3%; text-align: left; color: #fff; background-color: #0099ff; font-size: 0.26rem; font-weight: normal; border-radius: 4px; margin-bottom: 1%; } .common_i_title a { position: absolute; top: 22%; right: 0; display: inline-block; color: #0099ff; font-size: 0.23rem; } .common_i_title_tab { padding-bottom: 2%; } .common_i_title_tab a { width: 30%; float: left; text-align: center; margin-right: 2%; } .common_i_title_tab a h2 { width: 100%; color: #fff; border-radius: 25px; } .common_i_title_tab a:first-child h2 { background-color: #1f9620; } .common_i_title_tab a:nth-child(2) h2 { background-color: #fa9640; } .news_i_list ul li { border-bottom: 1px dashed #ababab; height: 36px; } .news_i_list ul li a { display: inline-block; width: 90%; line-height: 36px; color: #000000; font-size: 0.22rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .icon_nav { background-color: #fff; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; margin-bottom: 1%; } .icon_nav ul li { width: 21%; text-align: center; float: left; margin: 0 2%; margin-top: 4%; margin-bottom: 2%; } .icon_nav ul li a strong { display: inline-block; border-radius: 50%; color: #fff; font-size: 0.5rem; width: 0.9rem; height: 0.9rem; line-height: 0.9rem; font-weight: normal; } .icon_nav ul li a span { display: inline-block; color: #333; font-size: 0.23rem; margin-top: 8%; width: 100%; height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .icon_nav ul li:first-child strong { background-color: #FF9B19; } .icon_nav ul li:nth-child(3) strong { background-color: #FF9B19; } .icon_nav ul li:nth-child(2) strong { background-color: #0099ff; } .icon_nav ul li:nth-child(4) strong { background-color: #0099ff; } .yewu_i { } .yewu_i_list { margin-top: 4%; margin-bottom: 3%; } .yewu_i_list ul li { margin-bottom: 2.5%; } .i_list_pic { width: 37.93%; float: left; position: relative; } .i_list_text { width: 58%; float: left; margin-left: 4%; } .i_list_text a h2 { font-size: 0.26rem; font-weight: normal; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .i_list_text a span { display: inline-block; font-size: 0.21rem; height: 0.62rem; line-height: 1.5; color: #646464; overflow: hidden; } .i_list_text strong { display: inline-block; width: 50%; padding: 1.5% 0; font-weight: normal; font-size: 0.22rem; text-align: center; color: #fff; background-color: #ff9000; border-radius: 4px; } .i_list_text_new span { height: 0.31rem!important; } .i_list_text_new i { display: block; width: 100%; color: #666; text-decoration: line-through; } .i_list_pic i { display: inline-block; width: 0.75rem; height: 0.75rem; position: absolute; top: 0; right: 0; background: url(../images/900000_03.png) no-repeat right top; -webkit-background-size: 100%; background-size: 100%; } .i_list_pic b { display: inline-block; width: 0.8rem; height: 0.45rem; line-height: 0.45rem; position: absolute; top: 0; left: 0; text-align: center; color: #f5ff57; background-color: #ea4646; font-size: 0.23rem; font-weight: normal; } .about_i_text { line-height: 1.6; font-size: 0.21rem; padding-bottom: 3%; } .about_i_tab { text-align: center; margin: 3% 0; } .about_i_tab a { display: inline-block; width: 28%; padding: 1% 0; margin: 0 1%; color: #fff; text-align: center; border-radius: 5px; } .about_i_tab a:first-child { background-color: #fed100; } .about_i_tab a:nth-child(2) { background-color: #9705b1; } .about_i_tab a:nth-child(3) { background-color: #f23c93; } .jiameng_tel { text-align: center; } .jiameng_tel h2 { display: inline-block; width: 90%; padding: 1.5% 0; font-size: 0.26rem; font-weight: normal; text-align: center; color: #000; background-color: #FF9B19; border-radius: 25px; margin-bottom: 2%; } .product_i_list { margin: 2% 0; } .product_i_list ul li { position: relative; width: 47%; float: left; margin: 0 0.5%; margin-bottom: 2%; } .product_i_list ul li:nth-child(even) { margin-left: 4.5%; } .product_i_list ul li a h2 { width: 100%; color: #000; font-size: 0.23rem; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2%; } .product_i_list ul li a span { display: inline-block; width: 100%; font-size: 0.21rem; color: #ff5050; text-align: left; } .product_i_list_new { padding: 1.5% 0; } .product_i_list_new ul{display: flex;justify-content: space-around;flex-wrap: wrap;} .product_i_list_new ul li { width: 45%; margin: 0 0.5%; margin-bottom: 1%; position: relative; } .product_i_list_new ul li a h2 { width: 100%; color: #000; font-size: 0.23rem; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2%; text-align: center; } .product_i_list_new ul li a span { display: inline-block; width: 100%; height: 0.35rem; line-height: 0.3news_i5rem; font-size: 0.21rem; color: #ff2a00; text-align: left; } .product_i_list_new ul li a img{width: 100%;height: 130px;} .more_i { text-align: center; background-color: #f2f2f2; font-size: 0.23rem; } .more_i a { display: inline-block; color: #8c8c8c; padding: 2% 0; } .baoming { padding: 0.5% 2%; color: #333; text-align: center; font-size: 0.21rem; line-height: 2.1; } .baoming div { font-size: 0.5rem; } .baoming h2 { font-size: 0.36rem; font-weight: normal; } .beian { border-top: 1px solid #d4d4d4; background-color: #fff; color: #333; text-align: center; height: 0.65rem; line-height: 0.65rem; font-size: 0.21rem; margin-top: 1%; } .beian a { color: #333; font-size: 0.21rem; } .tab_nav { padding-top: 2%; background-color: #fff; } .tab_nav a { display: inline-block; width: 49.5%; height: 0.6rem; line-height: 0.5rem; color: #fff; font-size: 0.23rem; text-align: center; } .tab_nav a span { display: inline-block; margin-right: 5%; font-size: 0.4rem; margin-top: 0.05rem; } .tab_nav a:first-child { float: left; background-color: #2cb73e; } .tab_nav a:nth-child(2) { float: right; background-color: #ff5050; } .page a{color: #333;}