header { background: #FFF; } .logo { width: 250px; margin: 10px auto; } .logo img{ width:100%; } .nav { margin-top: 15px; } .banner img { background-size: 100%; } .nav ul li { float: left; width: 112px; text-align: center; height: 60px; line-height: 60px; transition: all 0.3s; } .nav ul li:hover { background: url(/imgs/2.jpg)left center no-repeat; } .nav ul li:hover a { color: #fff; } .nav ul li a { font-size: 16px; } .swiper-pagination-bullet { width: 30px; height: 10px; border-radius: 0; background: #fff; } .swiper-pagination-bullet-active { background: #007aff; } .bus_tit { margin-top: 20px; overflow: hidden; border-bottom: 1px dashed #d0cdcd; } .bus_tit h1 { font-size: 24px; height: 32px; line-height: 29px; float: left; color: #14151b; border-left: solid 6px #115C32; margin: 0; padding: 0 0 0 10px; } .bus_tit h2 { font-size: 22px; height: 32px; line-height: 29px; float: left; color: #14151b; border-left: solid 6px #115C32; margin: 0; padding: 0 0 0 10px; } .bus_tit h3 { font-size: 20px; height: 32px; line-height: 29px; float: left; color: #14151b; border-left: solid 6px #115C32; margin: 0; padding: 0 0 0 10px; } .bus_tit h3 a{ font-size: 20px; height: 32px; line-height: 29px; color: #14151b; } .bus_tit span{ font-size: 15px; line-height: 32px; display: block; margin-left: 15px; float: left; } .bus_tit em{ font-size: 14px; line-height: 32px; display: block; float: right; margin-right: 5px; } .bus_tit p { width: 200px; height: 40px; box-sizing: border-box; border: 1px solid #999; text-align: center; line-height: 40px; margin: 0 auto; font-size: 18px; } .line { display: inline-block; width: 118px; height: 1px; background: #999; top: -35px; position: relative; } .line1 { margin-right: 150px; } .bus_tit i { font-style: normal; } .f_en { text-align: center; } .bus_list { margin-top: 20px; } .bus_list ul li { width: 285px; height: 430px; margin-right: 20px; float: left; position: relative; } .bus_list ul li:nth-child(4n) { margin-right: 0; } .bus_list ul li:nth-child(1) { background: url(/imgs/1-2.jpg)left center no-repeat; } .bus_list ul li:nth-child(1):hover { background: url(/imgs/1-1.jpg)left center no-repeat; } .bus_list ul li:nth-child(2) { background: url(/imgs/2-2.jpg)left center no-repeat; } .bus_list ul li:nth-child(2):hover { background: url(/imgs/2-1.jpg)left center no-repeat; } .bus_list ul li:nth-child(3) { background: url(/imgs/3-2.jpg)left center no-repeat; } .bus_list ul li:nth-child(3):hover { background: url(/imgs/3-1.jpg)left center no-repeat; } .bus_list ul li:nth-child(4) { background: url(/imgs/4-2.jpg)left center no-repeat; } .bus_list ul li:nth-child(4):hover { background: url(/imgs/4-1.jpg)left center no-repeat; } .bg_ms { background: url(/imgs/nava.png)left center no-repeat; width: 221px; height: 58px; margin: 0 auto; text-align: center; position: absolute; bottom: 40px; left: 31px; } .bg_ms p { margin: 0; color: #fff; } .bg_ms p:first-child { padding: 3px 0; } .case_list { background-color: #fff; padding: 30px 30px 0 30px; } .case_list p{ font-size: 14px; line-height: 28px; } .case_list ul li { width: 366px; margin-right: 20px; float: left; text-align: center; margin-bottom: 20px; } .case_list ul li img { height: 290px; width: 100%; } .case_list ul li a { font-size: 15px; color: #000; } .case_list ul li:nth-child(3n) { margin-right: 0; } .case_list ul li span { font-size: 14px; line-height: 28px; padding: 0 10px; box-sizing: border-box; text-align: left; display: inline-block; } /* 案例栏目 */ .case_fl{ background-color: #fff; padding: 30px 30px 0 30px; } .case_fl ul{ overflow: hidden; } .case_fl ul li{ float: left; text-align: center; background-color: #eee; width: 10%; margin-right: 2%; line-height: 35px; color: red; border-radius: 17px; } .case_fl ul li a{ color:#000; } .case_fl ul li:hover{ background-color: #115c32; } .case_fl ul li:hover a{ color:#fff; } .case_fl ul li:nth-child(1){ background-color: #115c32; } .case_fl ul li:nth-child(1) a{ color:#fff; } .case_lm { background-color: #fff; padding: 30px 30px 0 30px; } .case_lm p{ font-size: 14px; line-height: 28px; } .case_lm ul li { width: 366px; margin-right: 20px; float: left; text-align: center; margin-bottom: 20px; } .case_lm ul li img { height: 290px; width: 100%; } .case_lm ul li a { font-size: 15px; color: #000; } .case_lm ul li:nth-child(3n) { margin-right: 0; } .case_lm ul li span { font-size: 14px; line-height: 28px; padding: 0 10px; box-sizing: border-box; text-align: left; display: inline-block; } /* 新闻栏目 */ .new_lm { background-color: #fff; padding: 30px 30px 0 30px; } .new_lm ul li{ overflow: hidden; margin-bottom: 15px; } .new_lm ul img{ width: 15%; float: left; margin-right: 10px; height: 113px; } .new_lm ul li .newyc{ width: 83%; float: right; } .new_lm ul li .newyc a{ font-size: 15px; color: #115c32; } .new_lm ul li .newyc p{ font-size: 14px; } /* 优势 */ .ys_list { margin-top: 20px; } .ys_list ul li { float: left; width: 23.5%; margin-right: 2%; text-align: center; } .ys_list ul li img { width: auto; height: 160px; } .ys_list ul li:nth-child(4n) { margin-right: 0; } .ys_list ul li p { font-size: 14px; text-align: left; line-height: 24px; } .adv { background: url(/imgs/b3.jpg)left center no-repeat; height: 170px; text-align: center; color: #fff; box-sizing: border-box; background-size: 100%; } .adv p:nth-child(1) { padding: 20px 0; font-size: 26px; margin: 0; font-weight: bold; } .adv span { font-size: 32px; } .adv p:nth-child(2) { width: 380px; height: 58px; margin: 0 auto; line-height: 58px; margin-top: 20px; background: url(/imgs/tel.png)left center no-repeat; } .about_ms { font-size: 15px; text-align: left; line-height: 28px; color: #14151b; } .about_td { overflow: hidden; } .about_td img { width: 19%; margin-right: 2%; float: left; } .about_td ul{ overflow: hidden; margin-top: 32px; } .about_td ul li{ width:32%; margin-right: 1%; float: left; display: inline-block; background: url(/img/symbol.png) left no-repeat; background-size: 15px 15px; } .about_td ul li:nth-child(3n){ margin-right:0; } .about_td ul li p{ font-size: 14px; padding-left: 20px; } .team_list ul li { float: left; width:23.5%; margin-right: 2%; } .team_list ul li:nth-child(4n) { margin-right: 0; } .team_list ul li img { height: 231px; width: 100%; } .team_list ul li p { text-align: center; margin: 0; line-height: 35px; color: #000; } .team_list ul li span{ display: block; text-align: center; color: #ca0a0a; } .team_list { margin-top: 20px; } .lc { margin-top: 20px; background: url(/imgs/b4.jpg)left center no-repeat; height: 278px; background-size: 100%; } .lc_list { padding-top: 65px; box-sizing: border-box; } .lc_list ul li { float: left; width: 15%; margin-right: 2%; text-align: center; } .lc_list ul li img { width: auto; } .lc_list ul li:nth-child(5n) { margin-right: 0; } .lc_list ul li a { color: #fff; display: inline-block; } .news { margin: 40px 0; } .newszw{ width: 100%; margin-top: 20px; } .news_l { width: 48%; } .news_r { width: 49%; } .zxtsy{ overflow: hidden; } .news_top img { width: 200px; height: 126px; margin-right: 15px; } .news_o1{ width: 360px; } .news_o1 a { font-size: 15px; color:#286c45; } .news_o1_ms { font-size: 14px; line-height: 24px; margin: 10px 0; } .news_o1 span { font-size: 14px; float: right; } .newsl_list { margin-top: 25px; } .newsl_list ul li { line-height: 34px; border-bottom: 1px dotted #CCC; } .newsl_list ul li:nth-child(1) { border-top: 1px dotted #CCC; } .newsl_list ul li a { vertical-align: middle; font-size: 14px; } .newsl_list ul li a::before { display: inline-block; vertical-align: middle; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #CCC; margin-right: 5px; margin-top: -5px; } .newsl_list ul li span { float: right; font-size: 14px; } .news_r_list ul li { padding-bottom: 17px; border-bottom: 1px dotted #CCC; overflow: hidden; } .news_r_list ul li:nth-child(2) { padding-top: 10px; } .news_r_list ul li:nth-child(3) { padding-top: 10px; } .news_r_list img { width: 170px; margin-right: 22px; height: 112px; } footer { background: #1B1C20; padding-top: 50px; padding-bottom: 4px; margin-top: 70px; } .footer_nav { text-align: center; font-size: 0; margin-top: -76px; position: relative; } .footer_nav a { display: inline-block; width: 100px; height: 50px; color: #fff; font-size: 16px; line-height: 50px; background: #115C32; text-align: center; } .footer_info { text-align: center; color: #fff; margin-top: 25px; line-height: 28px; } .footer_info p { font-size: 14px; } .footer_info a { color: #fff; } .footer_info p:last-child { line-height: 32px; } .lm_pro_list { background: rgb(244, 246, 249); padding-top: 20px; } .pro_list_tit { font-size: 0; } .pro_list_tit a { width: 100px; height: 50px; display: inline-block; line-height: 50px; transition: all 0.3s; text-align: center; font-size: 16px; } .pro_list_tit a:hover { background: #115C32; color: #fff; } .lm_about_ms { text-align: center; } .lm_about_ms p { line-height: 32px; } .about_bg { background: url(/imgs/b5.jpg)left center no-repeat; text-align: center; color: #fff; overflow: hidden; } .about_bg_t { font-size: 24px; margin-top: 40px; margin-bottom: 30px; } .about_bg p { font-size: 16px; } .about_bg span { font-size: 14px; } .our_team_list { margin: 40px 0; } .our_team_list ul li { float: left; width: 18.4%; margin-right: 2%; text-align: center; margin-bottom: 2%; background: #efefef; } .our_team_list ul li:nth-child(5n) { margin-right: 0; } .our_team_list ul li img{ height: 165px; } .lx_lm { margin: 0 auto; width: 200px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #115C32; border-radius: 40px; cursor: pointer; } .con_info { text-align: center; } .con_info_p1 { font-size: 24px; color: #000; } .con_info_p2 { line-height: 24px; } .con_us { font-size: 24px; margin-top: 40px; width: 320px; } .yw_img ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; } .yw_img ul li:nth-child(3n) { margin-right: 0; } .yw_con { margin: 40px 0; } .yw_con p { font-size: 15px; line-height: 32px; } .art_bg { background: url(/imgs/cd.jpg)left center no-repeat; height: 160px; overflow: hidden; background-size: 100%; } .lm_banner img,.banner img{ width: 100%; } .lm_tit { width: 200px; height: 40px; text-align: center; line-height: 40px; background: #fff; margin-top: 60px; font-size: 18px; color: #000; } .art_con { background: rgb(244, 246, 249); padding: 20px 0; } .art_con_l { width: 230px; background-color: #fff; } .art_con_l span { display: block; font-size: 18px; padding-left: 10px; background-color: #115C32; color: #fff; line-height: 37px; } .art_conzx ul li { line-height: 30px; padding-left: 10px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s; } .art_conzx ul li:hover { background: #115C32; } .art_conzx ul li:hover a { color: #fff; } .art_conal ul { padding: 5px; } .art_conal ul li { text-align: center; margin-top: 10px; } .art_conal ul li a p { margin: 0; } .art_conal ul li:hover a p { background: #115C32; color: #fff; } .art_conal ul li img{ width:100%; } .art_con_r { width: 895px; background-color: #fff; padding: 30px; } .r_top { border-bottom: #cccccc 1px dashed; } .r_top_tit { font-size: 24px; line-height: 48px; margin-bottom: 20px; } .r_top_tit span{ font-size: 16px; float: left; background-color: #ff2c58; color: #fff; padding: 0 10px; line-height: 26px; margin-top: 12px; margin-right: 8px; } .r_top_tit h1 { font-size: 24px; margin: 0; color: #14151b; } .r_top_sp { font-size: 24px; line-height: 48px; } .r_top_sp span{ font-size: 16px; float: left; background-color: #ff2c58; color: #fff; padding: 0 10px; line-height: 26px; margin-top: 12px; margin-right: 8px; } .r_top_sp h1 { font-size: 24px; margin: 0; color: #14151b; } .r_top p { font-size: 14px; margin: 0; padding: 10px 0; border-bottom: dashed 1px #cccccc; } .r_con { line-height: 26px; margin-top: 20px; font-size: 14px; } .r_con p { /* text-indent:24px; */ } .r_con img { width: auto; max-width: 100%; } .clearfix { line-height: 24px; overflow: hidden; } .clearfixl { float: left; font-size: 14px; } .clearfixl span { margin-right: 20px; } .clearfixr { float: right; font-size: 14px; } .prev { margin-top: 20px; } .prev p { font-size: 14px; font-weight: normal; } .prev p a { text-decoration: none; color: #666; font-size: 14px; } .fenye { width: 600px; margin: 20px auto 0; height: 26px; line-height: 26px; } .fenye li { list-style: none; float: left; font-size: 14px; margin: 0 5px; text-align: center; } .fenye li a { font-size: 14px; } .yqlj { width: 1220px; margin: 10px auto; font-size: 12px; height: auto; line-height: 25px; padding: 10px } .yqlj a { margin-right: 8px; } /* tuanduimb */ #td_con { width: 100%; line-height: 28px; color: #14151b; } #td_con h3 { font-size: 18px; font-weight: bold; margin: 20px 0; padding-left: 10px; border-left: solid 6px #115C32; } .td_cont { overflow: hidden; } .td_cont ul li { width: 50%; float: left; display: inline-block; background: url(/img/symbol.png) left no-repeat; background-size: 15px 15px; } #tixing { color: red; } .td_cont ul li p { font-size: 14px; padding-left: 20px; } .xgtj { border-top: #cccccc 1px dashed; margin-top: 50px; } .xgtj h2 { font-size: 20px; font-weight: bold; margin: 20px 0; padding-left: 10px; border-left: solid 6px #115C32; } .xgtj ul { overflow: hidden; } .xgtj ul li { width: 31%; float: left; line-height: 28px; margin-right: 2%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; } .xgtj ul li img{ display: block; width: 100%; } .xgtj ul li a { font-size: 15px; } .xgtj ul li:hover { background: #115C32; } .xgtj ul li:hover a { color: #fff; } /* anlimoban */ .aldate { margin: 10px auto; font-size: 14px; line-height: 28px; } .alxmjj { width: 100%; color: #14151b; } .alxmjj ul li { width: 100%; display: inline-block; background: url(/img/alxbs.jpg) left no-repeat; background-size: 15px 15px; } .alxmjj ul li p { font-size: 14px; padding: 5px 0; padding-left: 20px; margin: 0; } .nr_box h3{ font-size: 19px; color: #14151b; border-left: solid 6px #115c32; padding-left: 7px; border-bottom: 1px dashed #d0cdcd; padding-bottom: 3px; margin-bottom: 10px; } .nr_box p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; } .nr_box p img{ text-align: center; margin: 10px auto; display: block; } @media screen and (max-width:768px) { header { padding: 0; } .nav { margin-top: 0; } .nav ul li a { font-size: 14px; } .clearfix { margin-bottom: 0; } .xiala_box { display: none; } .news_top img { width: 100%; height: auto; } .news_o1 { width: 100%; } .news_r_list img { width: 100%; display: none; } .news_o1 span{ float: left; } .news_o1 a { display: block; margin-top: 15px; } .td_cont ul li { width: 100%; } .clearfixl { float: none; } .clearfixr { float: none; } .r_top_tit { margin-bottom: 0; } .clearfixl span { display: block } .lm_tit { margin:0 auto; } .r_con img { height: auto !important; } .eui-container { flex-direction: column !important; } .eui-main-info { padding: 0; } .eui-main-swiper.eui-aside { width: 100% !important; height: 400px !important; } .eui-main-details h1 { font-size: 20px; font-weight: normal; } .eui-main-details { padding: 0; margin-top: -80px; } .art_con { padding: 15px 0; background: none; } .xgtj ul li { width: 48%; } footer { margin-top: 0; padding-top: 10px; } .xgtj h2 { font-weight: normal; } .baseWidth { width: 100%; } .about_td { display: none; } .yqlj { display: none; } .business{ display: none; } .logo { width: 100%; text-align: center; margin:3px auto; } .logo img{ width: 70%; } .nav ul li { float: left; width: 24.45%; height: 40px; line-height: 40px; background-color: #115c32; border: 1px solid #f1efef; } .nav ul li:hover{ background: #115c32; } .nav ul li a{ color: #fff; } .banner img { height: auto; } .swiper-container { height: auto; } .about_con { padding: 0 15px; } .bus_list ul li { width: 100%; margin-bottom: 20px; margin-right: 0; } .bus_list ul li:nth-child(1) { background-size: 100%; } .bus_list ul li:nth-child(2) { background-size: 100%; } .bus_list ul li:nth-child(3) { background-size: 100%; } .bus_list ul li:nth-child(4) { background-size: 100%; } .bg_ms { left: 50%; margin-left: -111px; height: 67px; } .bus_list { padding: 0 15px; } .bus_tit em{ margin-right: 0; width: 100%; } .case_list ul li { width: 49%; float: left; margin-bottom: 15px; margin-right: 2%; } .case_list ul li:nth-child(2n){ margin-right: 0; } .case_list ul li:nth-child(3){ margin-right: 2%; } .case_list ul li a{ font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; } .case_list ul li img{ width: 100%; height: 127px; } .case_list ul li span{ display: none; } .case_list { padding: 0 15px; } .case_lm p { padding: 0 15px; } .case_lm{ padding: 0; } .case_lm ul{ padding: 10px; } .case_lm ul li{ width: 49%; float: left; margin-bottom: 5px; margin-right: 2%; } .case_lm ul li:nth-child(2n){ margin-right: 0; } .case_lm ul li:nth-child(3){ margin-right: 2%; } .case_lm ul li img{ width: 100%; height: 123px; } .case_lm ul li p{ padding: 0; line-height: 13px; } .case_lm ul li a{ font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; padding:0 5px; } .case_lm ul li span{ display: none; } .new_lm{ width: 100%; padding: 0; } .new_lm ul{ padding: 10px; } .new_lm ul li img{ display: none; } .new_lm ul li .newyc{ width: 100%; } .new_lm ul li .newyc a{ font-size: 14px; } .new_lm ul li .newyc p{ font-size: 12px; } .team_list { padding: 0 15px; } .team_list ul li { width: 49%; margin: 0; } .team_list ul li:nth-child(odd) { margin-right: 2%; margin-bottom: 2%; } .adv { display: none; } .ys_list { padding: 0 15px; display: none; } .ys_list ul li { width: 49%; margin: 0; margin-bottom: 2%; } .ys_list ul li:nth-child(odd) { margin-right: 2%; } .ys_list ul li span{ color: #14151b; } .team_list ul li img { width: 100%; height: 140px; } .team_list ul li p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .lc { display: none; } .news { margin:0 auto; } .news_l { width: 100%; } .news_top{ padding: 15px; } .news_r { width: 100%; } .news_r_list{ padding: 15px; } .footer_nav { display: none; } .newsl_list ul li a { width: 72%; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } .news_r_list ul li { margin-top: 0; } .lm_pro_list { padding:5px; } .lm_about_ms { padding: 0 15px; text-align: left; } .our_team_list ul li { width: 49%; margin-right: 0; margin-bottom: 2%; } .our_team_list ul li:nth-child(odd) { margin-right: 2%; } .our_team_list { padding: 0 15px; } .lm_pro_list .baseWidth { width: 100%; } .about_bg { padding: 0 15px; } .art_con_l { display: none; } .art_con_r { width: 100%; padding: 0 15px; box-sizing: border-box; } .r_top_tit h1 { font-size: 18px; } .fenye { width: 100%; } .fenye li{ font-size: 12px; } .fenye li a { font-size: 12px; } .yw_con { padding: 0 15px; text-align: left; } .art_bg{ height: auto; } .lm_tit{ line-height: 30px; height: 30px; } } #r_con_xw { width: 100%; line-height: 28px; } #r_con_xw h2 { color: #14151b; font-size: 20px; font-weight: bold; margin: 20px 0; padding-left: 10px; border-left: solid 6px #115C32; } #r_con_xw h2 a{ color: #0681cc; font-size: 20px; font-weight: bold; } #r_con_xw h3 { color: #14151b; font-size: 18px; font-weight: bold; margin: 20px 0; padding-left: 10px; border-left: solid 6px #115C32; } #r_con_xw h2 3{ color: #0681cc; font-size: 18px; font-weight: bold; } .r_con p{ color: #14151b; } .bj_wk{ background: rgb(244, 246, 249); } .bj_nk{ width: 1200px; margin: 0 auto; background: #fff; padding: 15px; } .bj_tit{ overflow: hidden; } .bj_tit h1{ font-size: 24px; margin: 10px auto; color: #14151b; text-align: center; } .baojianr{ margin-top: 20px; overflow: hidden; } .bj_nk h3 { color: #14151b; font-size:18px; font-weight: bold; margin: 20px 0; padding-left: 10px; border-left: solid 6px #115C32; } .bj_nk p { color: #14151b; font-size: 14px; line-height: 28px; } .contact_us{ background: rgb(244, 246, 249); } .lm_about{ background: rgb(244, 246, 249); } body{ background: rgb(244, 246, 249); } .sybj{ width: 1200px; margin: 20px auto; padding: 20px; background: #fff; overflow: hidden; } @media screen and (max-width: 768px) { #r_con_xw h2 { font-size: 17px; } .bj_nk{ width:100%; padding: 5px; } .sybj{ width: 100%; padding: 2px; margin: 0 auto; } } @media screen and (max-width: 769px) { .r_con video{ width: 100% !important; height: auto !important; } .case_fl { padding: 30px 10px; } .case_fl ul li{ float: left; text-align: center; background-color: #eee; width: 24.25%; margin-right: 1%; line-height: 30px; margin-bottom: 10px; } .case_fl ul li:nth-child(4n){ margin-right: 0; } }