html { font-size: 10px; } .container_pad { width: 90%; margin: 0 auto; } .header_1 { height: 43px; line-height: 43px; background-color: #666666; overflow: hidden; display: none; } .header_222 .fl img { /* width: 400px; */ /*height: 40px;*/ height: 110px; } .sousuo.fr { font-size: 16px; font-weight: 600; cursor: pointer; line-height: 110px; } .sousuo.fr .iconfont { font-size: 2.5rem; } .header_1_ul li { float: left; margin-right: 20px; } .header_1 .fl:nth-child(1) { width: 85%; } .header_1_ul li a img { margin-right: 5px; } .header_1_ul li a { font-size: 1.2rem; color: #ffffff; opacity: 0.85; } .header_1_fr_ul.header_1_ul li:last-child { padding-right: 0; margin-right: 0; } .header_1_fr_ul.header_1_ul li a span:nth-child(1) { margin-right: 5px; } .header_1_fr_ul.header_1_ul li:hover a span:nth-child(1) { color: #ffffff !important; } .header_2_ul { line-height: 110px; /* overflow: hidden; */ } .header_2_ul>li { float: left; /* font-size: 22px; */ font-size: 18px; color: #181818; margin-right: 0px; /* font-weight: 600; */ position: relative; } .header_2_ul>li.active, .header_2_ul>li:hover { /* border-bottom: 4px solid #20b09f; */ color: #20b09f; } .header_2_ul>li.active::before, .header_2_ul>li:hover::before { /* content: ""; display: block; position: absolute; bottom: 16px; left: 0; width: 100%; height: 2px; background-color: #20b09f; */ } .header_2_ul li>a { padding: 0 20px; color: #000; } .header_2_ul li>a:hover { /* color: #20b09f; */ color: #20b09f; } .header_2 { width: 100%; /* background: rgba(0, 0, 0, 0.2); */ background: #fff; position: fixed; top: 0; z-index: 100; line-height: 90px; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } /* .header_2.active { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; background: rgba(0, 0, 0, 0.6); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } */ .fls { display: inline-block; } .header_2_fr { height: 80px; padding: 0 30px; /* display: table; width: 10%; */ } .header_2 .header_222 { /* overflow: hidden; */ width: 100%; } .header_2_fr_con { height: 90px; display: table-cell; vertical-align: middle; } .header_2_fr_con img { height: 42px; } .header_2_fr2 { /* width: 60%; */ } .header_2_fr_con div { line-height: 30px; } .header_2_fr_con div:nth-child(1) { font-size: 26px; font-weight: bold; line-height: 20px; color: #20b09f; } .header_2_fr_con div:nth-child(2) { font-size: 1.8rem; font-weight: bold; line-height: 26px; color: #181818; } .header_2_ul>li .er-ul { transition: 400ms ease-in-out; transform: scale(0); opacity: 0; top: 100%; display: block; z-index: 99; } .header_2_ul>li:hover .er-ul { transform: scale(1); opacity: 1; z-index: 9999; } .er-ul { position: absolute; /* width: 220px; left: -52px; */ width: 120px; /*left: -25px;*/ box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); right: 0; top: 100%; z-index: 99; background: #fff; padding: 0; } .er-ul li { line-height: 40px; width: 100%; display: block; float: none; position: relative; } .er-ul li:first-child { padding-top: 10px; } .er-ul li:last-child { padding-bottom: 10px; } .er-ul li a { color: #000; /* font-size: 18px; */ font-size: 16px; display: block; text-align: left; background: #fff; color: #3d3e3f; text-align: center; } .er-ul li:hover a { /* color: #20b09f; */ color: #20b09f; } .article_ypt_title { margin-bottom: 30px !important; font-weight: normal !important; } .list_ypt_title { height: 50px; line-height: 50px; font-size: 1.6rem; color: #000000; border-top: 1px solid #eee; } .list_honor_ul li:hover img { transform: scale(1.1); } .list_honor_ul li:hover .list_ypt_title { background: #20b09f; color: #fff; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .header_2_ul>li .er-ul2 { transition: 400ms ease-in-out; transform: scale(0); */ /* opacity: 0; /* top: 100%; */ display: block; z-index: 99; position: absolute; /* width: 280px; */ /* left: -90px; */ box-shadow: 0 0 2px rgb(0 0 0 / 10%); right: -104px; /* top: 100%; */ z-index: 99; background: #fff; padding: 0; /* left: 88px; */ /* right: -20px; */ z-index: 999; /* top: 0; */ bottom: 0; } /* .header_2_ul>li .er-ul { transition: 400ms ease-in-out; transform: scale(0); opacity: 0; top: 100%; display: block; z-index: 99; } */ .header_2_ul>li:hover .er-ul2 { /* transform: scale(1); opacity: 1; */ transform: scale(0); opacity: 0; z-index: 9999; } .header_2_ul .er-ul>li:hover .er-ul2 { transform: scale(1); opacity: 1; z-index: 9999; } /* 忙鈥撀懊┾€斅幻γζ掆€ */ .article_article { margin: 40px 0; } .article_article_title { font-size: 3rem; line-height: 40px; color: #181818; } .article_article .data { display: table; margin: 0 auto; font-size: 1.4rem; line-height: 26px; color: #666666; padding: 15px 0 35px; } .article_article_con { font-size: 1.6rem; line-height: 30px; color: #181818; margin-bottom: 60px; } .shangxia { line-height: 30px; font-size: 1.4rem; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .list_honor_ul li { width: 32%; margin: 0 0 20px 20px; float: left; border: 1px solid #eee; } .list_honor_ul li:nth-child(3n+1) { margin-left: 0; } .list_honor_ul { margin-top: 40px; } /* banner */ .banner, .banner_swiper { width: 100%; } .swiper-slide img { width: 100%; } img.banner { margin-top: 80px; } .banner .swiper-pagination-bullet { width: 20px; height: 8px; background-color: rgba(255, 255, 255, .66); border-radius: 4px; opacity: 1; } .banner .swiper-pagination-bullet-active { width: 40px; background-color: rgba(32, 176, 159, 1); } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 45px; } .index_div1_fl { width: 50%; } .index_div1 .vjs-big-play-button, .list_about .vjs-big-play-button { width: 80px !important; height: 80px !important; line-height: 80px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0) !important; font-size: 6rem !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } .index_div1_fl .index_div1_fl_div1 { position: relative; right: 0; } .index_div1_fl .index_div1_fl_div1::before { content: ""; position: absolute; top: -34px; left: 0; width: 90%; height: 100%; border: solid 13px #20b09f; } .index_div1_fl .index_div1_fl_div1::after { content: ""; display: table; position: absolute; bottom: -45px; z-index: -1; left: 0; background: url(../images/1.jpg) 100%; width: 144px; height: 144px; } .index_div1_fl .video-js { position: relative; left: 40px; top: 0px; } .index_div1 { padding: 100px 0 60px 0; margin-bottom: 40px; /* background: #f2f2f2; */ background: url(../images/6.png) no-repeat; background-size: 100% auto; } .head { padding-top: 86px; /* background: url(../img/5.png) no-repeat center top; */ } .head .title { color: #000000; font-size: 48px; font-weight: bold; } .head .yaos { color: #666665; font-size: 16px; margin: 18px 0; } .introduction .content { width: 1400px; margin: 0 auto; } .introduction { margin: 10rem 0 20rem 0; background: url(../images/6.png) no-repeat top center; background-size: 100% auto; } .introduction .more { margin: 10px 0; } .introduction-div { margin-top: 45px; position: relative; } .introduction-div::before { content: ''; width: 1px; top: 0; bottom: 0; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 氓鈥櫯 Chrome */ -o-transform: translateX(-50%); /* background: #d2d2d2; */ } .introduction-div .shu-ul li { position: relative; padding-left: 24rem; margin-bottom: 7.8rem; } .introduction-div .shu-ul li .yaun { width: 148px; height: 148px; position: absolute; border-radius: 50%; font-size: 4.5rem; color: #ffffff; font-weight: bold; text-align: center; line-height: 148px; left: 0; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 氓鈥櫯 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .introduction-div .shu-ul li .yaun sup { font-size: 2rem; position: relative; top: -2.875rem; } .introduction-div .shu-ul li:nth-child(1) .yaun { background-color: #FF7373; } .introduction-div .shu-ul li:nth-child(2) .yaun { background-color: #EFD47A; } .introduction-div .shu-ul li:nth-child(3) { margin-bottom: 0; } .introduction-div .shu-ul li:nth-child(3) .yaun { background-color: #7eb6d9; } .introduction-div .shu-ul li .titlew { font-size: 22px; color: #666665; font-weight: bold; } .introduction-div .shu-ul li .zhuan { font-size: 16px; line-height: 26px; color: #666665; margin-top: 16px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; font-family: 氓戮庐猫陆炉茅鈥衡€γ┞烩€楙 } .introduction-div .shu-ul li .zhuan11 { margin-top: 0; -webkit-line-clamp: 1; } .introduction-div .about-div { font-size: 16px; line-height: 2.8rem; color: #666665; text-align: justify; font-family: 氓戮庐猫陆炉茅鈥衡€γ┞烩€楙 } .introduction-div .about-div .p2 { font-size: 16px; color: #df9528; font-weight: bold; margin-bottom: 1.875rem; } .introduction-div>div { width: 45%; } .title { position: relative; font-size: 48px; line-height: 5rem; color: #181818; font-weight: 600; /* padding-top: 160px; */ padding-top: 10rem; text-align: center; } .title span { border-left: 8px solid #20b09f; padding-left: 20px; position: relative; display: inline-block; } .title p { font-size: 16px; font-weight: 300; /* margin-top: 10px; */ color: #888; } .title.title_center span { border-left: none; padding-left: 0; /* padding-bottom: 20px; */ } .title.title_center span .title_line { position: relative; bottom: -14px; width: 1em; height: 3px; background: #20b09f; margin: 0 auto; } .title span strong { position: relative; z-index: 5; font-size: 36px; } .title.title_center b { position: relative; /* position: absolute; */ color: #f1f2f3; font-size: 66px; font-size: 56px; font-weight: bold; text-align: center; display: block; top: -70px; z-index: 1; text-transform: uppercase; } /* .title::before { content: ""; position: absolute; left: 0; top: 0; background-color: #20b09f; width: 8px; height: 100%; } */ .index_div1_fr { padding-left: 77px; width: 50%; } .index_div1_fr_con { font-size: 1.4rem; line-height: 30px; color: #666666; padding: 30px 0; } .morefirst { display: none; } .more { width: 100%; height: 30px; margin-top: 46px; text-align: center; clear: both; } .more a { color: rgb(204, 204, 204); font-size: 15px; line-height: 35px; display: inline-block; width: 160px; height: 35px; border: 1px solid #888; border-radius: 4px; color: #888; text-align: center; } /* .more:hover { background-color: #20b09f; border: 1px solid #20b09f; } */ .more a:hover { color: #fff; background-color: #20b09f; border: 1px solid #20b09f; } .index_dvi2 { padding-bottom: 80px; width: 100%; float: left; } .index_div2_ul { display: flex; justify-content: space-between; padding: 60px 0 60px; padding-left: -10px !important; } .index_div2_ul li { padding: 0px 8px; width: 9em; /*width: auto;*/ text-align: center; /* font-size: 20px; */ font-size: 16px; border-radius: 4px; height: 40px; line-height: 40px; background: #f2f2f2; /* font-weight: 600; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 5px; } .index_div2_ul li a { color: #666666; } .index_div2_ul li.active a .index_div2_ul li:hover a { color: #fff; } .index_div2_ul li.active, .index_div2_ul li:hover { background-color: #20b09f; } .index_div2_sum .index_div2_swiper:nth-child(1) .swiper-slide .over { height: auto; max-height: 342px; min-height: 342px; display: flex; } .index_div2_swiper .swiper-slide .over { border-radius: 0px; border: solid 1px #ddd; padding: 40px 0; height: 308px; width: 100%; } .index_dvi2_a { width: 100%; height: 60px; line-height: 60px; background-color: #999999; border-radius: 0px; font-size: 20px; /* color: #181818; */ color: #fff; font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_div2_swiper .swiper-slide:hover .index_dvi2_a { background-color: #20b09f; color: #fff; } .index_div2_swiper { display: none; } .index_div2_swiper.active { display: block; } .index_div3 .index_div2_ul { padding: 0 10px; } .index_div3 { margin: 160px 0 65px; } .index_div3_float { position: absolute; top: 0%; left: -100%; width: 100%; height: 100%; background: rgba(35, 69, 132, .46); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; overflow: hidden; } .index_div3_float a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .index_div3_float a .iconfont { font-size: 5rem; color: #f6f6f6; } .index_div3_swiper .swiper-slide { overflow: hidden; } .index_div3_swiper .swiper-slide:hover .index_div3_float { left: 0; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .index_div3_swiper .swiper-slide:hover img { transform: scale(1.1); } .index_div3_sum { width: 90%; margin: 0 auto; padding: 70px 0 0px 0; } .index_div3_swiper { padding-bottom: 65px; } .index_div3_swiper .swiper-pagination-bullet, .index_div5 .swiper-pagination-bullet, .index_dvi2 .swiper-pagination-bullet { width: 12px; height: 4px; background: rgba(35, 69, 132, .46); border-radius: 2px; opacity: 1; } .index_div3_swiper .swiper-pagination-bullet-active, .index_div5 .swiper-pagination-bullet-active, .index_dvi2 .swiper-pagination-bullet-active { width: 40px; height: 4px; background: rgba(35, 69, 132, 1); border-radius: 2px; } .index_div4_fl, .index_div4_fr { width: 50%; } .index_div4_fl { /* padding: 45px 35px 25px; */ /* background-color: #f5f5f5;*/ box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; position: relative; overflow: hidden; } .index_div4_fl img { position: absolute; /* height: 100%; */ /* width: auto; */ height: auto; width: 100%; z-index: 1; } .index_div4_fl .new_img_txt { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 200px; bottom: 0; left: 0; z-index: 2; color: #fff; } .index_div4_fl .new_img_txt h4 { padding: 30px 40px 20px 40px; } .index_div4_fl .new_img_txt p { padding: 0px 40px 0px 40px; display: inline-block; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .index_div4_fl .new_img_txt span { position: absolute; bottom: 10px; right: 40px; letter-spacing: 2px; color: #ccc; } .index_div4_a { font-size: 2rem; line-height: 30px; color: #080505; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .index_div4_fl_con { font-size: 1.6rem; line-height: 28px; color: #666666; padding-left: 15px; position: relative; margin: 20px 0 30px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index_div4_fl_con::before { content: ""; position: absolute; left: 0; width: 2px; background-color: #666666; height: 80%; top: 10%; } .index_div4_fl:hover img { transform: scale(1.1); } .index_div4_fl .over { padding: 0 0 37px 0; } .index_div4_title .fl { width: 80%; font-size: 20px; line-height: 30px; color: #080505; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 36px; font-weight: 500; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .index_div4_title .fl::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: #20b09f; border-radius: 50%; left: 0px; top: 50%; } .index_div4_title .fr { font-size: 2rem; line-height: 30px; letter-spacing: 0px; color: #666666; } .index_div4_fr_ul .fr { font-size: 2rem; line-height: 30px; letter-spacing: 0px; color: #666666; } .index_fiv4_fr_con { font-size: 16px; line-height: 28px; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 36px; padding-top: 4px; } .index_div4_fr_ul li { padding: 30px 25px 30px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .index_div4_fr_ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.2); } .index_div4_fr { padding-left: 35px; } .index_div4_sum { padding: 10rem 0 47px 0; } .index_div4_fr_ul li:hover .index_div4_title .fl { color: #20b09f; font-weight: 600; transform: translateX(20px); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .index_div4_fl:hover .index_div4_a { color: #20b09f; font-weight: 600; } .index_div5 .index_div5_swiper { padding: 15px 0 45px; } /* footer old */ /* footer { background-color: #999; } .footer_ul li { width: 20%; float: left; } .footer_title { font-size: 1.8rem; line-height: 45px; color: #ffffff; font-weight: 600; } .footer_ul li a { font-size: 1.4rem; line-height: 30px; letter-spacing: 1px; color: #ffffff; } .footer_ul { padding: 55px 0 43px; } .beian { font-size: 1.6rem; line-height: 30px; color: #ffffff; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .18); text-align: center; } .index_div5 { margin-bottom: 55px; } .index_div5 .index_div5_fr { font-size: 1.4rem; line-height: 30px; color: #181818; text-align: right; } .footer_ul li a:hover { text-decoration: underline; }*/ /* sidebar-menu */ .sidebar-menu { display: none; position: fixed; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #e7e9eb; z-index: 999; transition: 0.6s; } .sidebar-menu__header { height: 50px; background: #eff2f6; position: relative; display: block; padding: 15px 25px; height: 100%; width: 100%; color: #fff; margin-right: 105px; } .sidebar-menu .sidebar-menu__header { line-height: 35px; color: #646060; font-size: 20px; } .sidebar-menu .sidebar-menu__header .iconfont { font-size: 20px; } .sidebar-menu__list { position: fixed; top: 65px; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; list-style: none; background: #fff; list-style-type: none; border-top: 1px solid #cec7c7; z-index: 999; } .sidebar-menu__item:first-child { border-top: 0 } .sidebar-menu__item { padding: 0; width: 100%; border-bottom: 1px solid #eee; } .sidebar-menu__link { display: block; padding: 15px 25px; color: #828282; font-size: 20px; font-weight: 400; transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item { padding: 0; width: 100%; border-bottom: 1px solid #eeeeee; } .colos { line-height: 70px; } .sidebar-menu__item:first-child { border-top: 0; } .sidebar-menu__item.sidebar-menu__item--back, .sidebar-menu__item.sidebar-menu__item--back:hover, .sidebar-menu__link.sidebar-menu__subtitle { background-color: #eff2f6 !important; } .sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link { color: #000 !important; } .sidebar-menu__item:hover { background-color: #fff; cursor: pointer; } .sidebar-menu__item:hover>.sidebar-menu__link { color: #6e6e6e; } .phone_i { display: inline-block; line-height: 60px; padding: 0 15px; } .sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right { color: #6e6e6e; } .sidebar-menu__item .sidebar-menu__list { position: absolute; top: 0; right: 0; z-index: 1; transform: translateX(100%); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item .sidebar-menu__list.is-active { transform: translateX(0); } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list { z-index: 2; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 3; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 4; } .sidebar-menu__link::first-letter { text-transform: uppercase; } .sidebar-menu__link:active, .sidebar-menu__link:focus, .sidebar-menu__link:hover { text-decoration: none; } .sidebar-menu__link span.glyphicon-menu-left { float: left; font-size: 12px; color: #fff; line-height: 20px; margin-right: 4px; } .sidebar-menu__link .glyphicon-menu-right { color: #bababa; float: right; } .phonenav .side-menu-trigger .iconfont { font-size: 30px; } /* footer new */ .t_footer { background-color: #323232; } .t_footerbg { background-color: #323232; } .t_footertop { border-bottom: 1px solid #3e3d3d; } .t_content4 { /* width: 1460px; */ margin: 0 auto; } .t_dilogo a { display: block; /* width: 194px; */ } .t_dilogo a img { width: 100%; } .t_diwen p { font-size: 16px; color: #9a9797; line-height: 1.5; font-family: "Montserrat-Regular-8" !important; } .t_diicon { width: 18px; margin-right: 18px; position: relative; top: 2px; } .t_diicon img { width: 100%; } .t_diwen { width: calc(100% - 36px); } .t_footfirst a { color: #fff; font-size: 20px; line-height: 1.5; } .t_footnavli a { font-size: 16px; color: #9a9797; line-height: 1.5; transition: all 0.36s; } .t_footnavul { width: 105px; overflow: hidden; margin: 0 59px; } .t_footnav { margin: 0 -59px; width: 892px; } .t_foottopnr { padding-top: 78px; padding-bottom: 23px; } .t_footfirst { margin-bottom: 12px; } .t_footnavli { margin-bottom: 12px; } .t_footlist { margin-bottom: 41px; padding-top: 12px; } .t_dilogo { margin-bottom: 41px; } .t_diul { margin-bottom: 16px; } .t_shareic { width: 24px; cursor: pointer; } .t_shareic img { width: 100%; } .t_shareli { margin: 0 12px; } .t_sharefl { margin: 0 -12px; } .t_waizi { color: #999; font-size: 16px; line-height: 1.5; margin-right: 8px; transition: all 0.36s; } .t_waiic { width: 20px; position: relative; top: 2px; } .t_waiic img { width: 100%; } .t_waili { padding: 0 26px; position: relative; } .t_wailian { margin: 0 -26px; } .t_waili::before { content: ''; height: 18px; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: rgba(102, 102, 102, .3); } .t_waili:first-of-type::before { display: none; } .t_diyin a { font-size: 14px; color: #999; line-height: 1.5; transition: all 0.36s; } .t_diyin { padding: 0 14px; } .t_didownle { margin: 0 -14px; } .t_didownp p { font-size: 14px; color: #fff; line-height: 1.5; } .t_didownp p span { font-size: 14px; color: #fff; line-height: 1.5; } .t_didownp p a { font-size: 14px; color: #fff; line-height: 1.5; } .t_didown { padding: 18px 0 20px; } .t_footsh { margin-bottom: 20px; } .t_cebian { width: 58px; height: 58px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 73.08px 13.92px rgba(0, 0, 0, .06); } .t_cebian a { display: block; } .t_sycenr { width: 100%; height: 100%; position: relative; } .t_cebian img { width: 100%; } .t_cebian { position: fixed; z-index: 99; right: 66px; bottom: 66px; /* display: none; */ } .t_cebian.on { display: block; } .t_footLink { color: #FFFFFF; font-size: 16px; } .t_footLink a { color: #FFFFFF; padding-left: 20px; } .t_footEwm { /*width: 160px;*/ text-align: center; color: #FFFFFF; text-align: center; } .t_footEwm span { line-height: 30px; font-size: 16px; display: block; } .t_footEwm img { width: 100px; height: 100px; padding: 10px; margin-top: 20px; padding: 6px; border-radius: 10px; display: block; } .t_footEwm ul li { float: left; /* width: 140px; */ text-align: center; margin-right: 30px; } /* 脙娄脗聬脜鈥溍兟偮疵偮 */ .serch_line { background: #20b09f; width: 100%; height: 2px; } .searchbox { background: #fff; width: 100%; top: 90px; text-align: center; z-index: 999; position: fixed; } .displaynone { display: none; } .searchs { max-width: 600px; margin: 0 auto; padding: 15px; } .clearfix { zoom: 1; } .searchs .sertext { display: block; padding: 0; outline: 0; padding-left: 14px; width: 78%; float: left; border: 1px solid #cdcdcd; color: #a2a2a2; font-size: 14px; height: 52px; line-height: 52px; transition: 0.4s; box-sizing: border-box; } .serbtn { padding: 0; margin: 0; border: none; outline: 0; width: 22%; float: right; height: 52px; text-align: center; line-height: 52px; background: #20b09f; background-blend-mode: normal, normal; color: #fff; font-size: 15px; cursor: pointer; transition: 0.44s; } .ac, .header_search { height: 75px; } .phonenav { display: none; } .mobile-foot { display: none; } .mobile-foot ul { display: flex; justify-content: space-around; } .rightfix { position: fixed; top: 70%; right: 0px; width: 70px; border-right: none; transform: translateY(-50%); z-index: 9999; /* border: 1px solid #dee2e7; */ background: #fff; /* display: none; */ } .fix_ul li { font-size: 12px; text-align: center; float: none; position: relative; width: 70px; cursor: pointer; height: 70px; padding: 0px 0; background: #20b09f; margin-bottom: 0px; color: #ffffff; border-bottom: 1px solid #dee2e7; } .fix_ul li:last-child { display: none; } .fix_ul li i { font-size: 30px; color: #fff; } .right_div { transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); min-height: 70px; -o-transform: scale(0); position: absolute; color: #6a6a6a; right: 40px; top: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background: #fff; padding: 5px; line-height: 70px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; min-width: 140px; font-size: 18px; } .fix_ul li:hover { background: #20b09f; } .fix_ul li:hover { background: #20b09f; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .fix_ul li:hover i { color: #fff; } .fix_ul li:hover .right_div { transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); right: 70px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .right_div div { height: 30px; line-height: 30px; } .index_div2_sum .swiper-slide:hover img { transform: scale(1.1); } .index_div3_swiper { display: none; } .index_div3_swiper.active { display: block; } /* 氓鈥犫€γ┞÷ */ .neiye_ban_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .neiye_ban_text>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .neiye_title { font-size: 5.2rem; font-weight: normal; font-stretch: normal; line-height: 70px; letter-spacing: 0px; color: #fff; text-shadow: 3px 3px 4px #6a6a6a; text-align: center; font-weight: 600; } .bread { font-size: 2rem; line-height: 24px; color: #fff; margin-top: 10px; text-shadow: 3px 3px 4px #6a6a6a; } .bread a { color: #fff; } .neiye_search { line-height: 85px; background-color: #f2f2f2; border-radius: 4px; } .neiye_search .fl { font-size: 1.4rem; color: #181818; } .neiye_search .fl a { margin-right: 10px; } .neiye_search .fr input { width: 289px; height: 35px; background-color: #ffffff; border-radius: 2px; border: none; padding: 0 15px; } .neiye_search .fr .iconfont { position: absolute; top: 0%; right: 15px; font-weight: 600; } .list_pro_fl { width: 21.5%; background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.12); } .list_pro_fr { width: 75.4%; } .list_pro_ul_fl_ul { display: none; } .list_pro_ul_fl_ul li { line-height: 36px; font-size: 1.6rem; color: #8a8a8a; } .list_pro_ul_fl_ul li.active a { color: #004f9f; } .list_pro_ul_fl_ul li.active a { color: #20b09f; font-weight: 600; } .list_pro_fl_ul li .clearfix { line-height: 57px; height: 57px; font-size: 1.8rem; font-weight: 600; color: #181818; cursor: pointer; } .list_pro_fl_ul>li.active .clearfix { color: #20b09f; } .list_pro_fl_ul>li { border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 0 25px; } .list_pro_fl_ul>li .iconfont { display: inline-block; } .list_pro_fl_ul>li.active .iconfont { transform: rotate(180deg); } .list_pro_fl_ul>li.active .list_pro_ul_fl_ul { display: block; } .list_pro_ul_fl_ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_pro_ul_fl_ul { padding-bottom: 20px; } .list_pro_fr_ul li { margin: 0 0 48px 24px; float: left; width: 31.4%; } .list_pro_fr_ul li a:nth-child(1) { width: 267px; height: 267px; line-height: 267px; object-fit: cover; } .list_pro_fr_ul li a:nth-child(1) img { text-align: center; line-height: 267px; } .list_pro_fr_ul li:nth-child(3n+1) { margin-left: 0; } .list_pro_fr_ul li a:nth-child(1) { border-radius: 4px 4px 0px 0px; border: solid 1px #343d46; } .lsit_pro_fr_ul_title { height: 61px; line-height: 61px; background-color: #fff; border-radius: 0px 0px 4px 4px; font-size: 1.8rem; color: #181818; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; } .list_pro_fr_ul li:hover .lsit_pro_fr_ul_title { background-color: #20b09f; color: #ffffff; } .mt40 { margin-top: 41px; } .mb70 { margin-bottom: 70px; } .list_pro_fr_ul li:hover img { transform: scale(1.1); } .ypt_article_swiper .swiper-slide { font-size: 2rem; line-height: 30px; } .ypt_article_swiper .swiper-slide.active a { color: #20b09f; } .ypt_article_swiper .swiper-slide a { color: #181818; font-weight: 600; } .ypt_article_swiper .swiper-slide.active a { color: #20b09f; } .list_pro_fr_over { background-color: #ffffff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); border-radius: 2px; margin-bottom: 70px; } .ypt_article_swiper { padding: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.17); } .ypt_qiehuan .ypt_qiehuan_li { display: none; } .ypt_qiehuan .ypt_qiehuan_li.active { display: block; } .ypt_qiehuan_li { font-size: 1.6rem; line-height: 32px; color: #181818; padding: 23px 20px 50px; } .ypt_qiehuan_li span { font-size: 2.2rem; } .ypt_qiehuan_li_title { font-size: 2.4rem; line-height: 36px; color: #181818; font-weight: 600; } .shangxia { font-size: 1.6rem; line-height: 30px; color: #666666; padding: 30px 0 60px; border-top: 1px solid rgba(1, 1, 1, 0.17); } .shangxia .bshare-custom { margin-top: 20px; } .article_fr_div1 .fl { width: 40%; } .article_fr_div1 .fr { width: 6 0%; } .article_pro_jiantou .swiper-button-next, .article_pro_jiantou .swiper-button-prev { top: 90%; height: 80px; width: 30px; background-color: #f7f7f7; border: solid 1px #eceaea; margin-top: -34px; background-size: 15px 44px; opacity: 1; } .article_pro_lunbo_bottom .gallery-thumbs { margin: 8px auto 0; width: 100%; } .article_pro_jiantou .swiper-button-next, .article_pro_jiantou .swiper-container-rtl .swiper-button-prev { right: 16px; } .article_pro_jiantou .swiper-button-prev, .article_pro_jiantou .swiper-container-rtl .swiper-button-next { left: 14px; } .article_pro_lunbo_bottom .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { border: solid 1px #17469e; } .gallery-top, .article_pro_lunbo_bottom .gallery-thumbs .swiper-slide { border: solid 1px #b7b7b7; } .article_pro_title { font-size: 2.6rem; line-height: 50px; color: #004f9f; border-bottom: 1px solid rgba(0, 0, 0, .32); font-weight: 600; } .article_pro_title span { border-bottom: 1px solid #eb8137; display: inline-block; } .article_pro_con, .article_ferx span { padding-top: 25px; font-size: 1.6rem; line-height: 30px; letter-spacing: 0px; color: #181818; } .article_pro_con span { color: #000; font-weight: 600; font-size: 1.8rem; } .article_pro_con div { margin-top: 20px; } .article_ferx { margin-top: 3rem; font-size: 3rem; color: #004f9f; font-weight: 600; } .article_pro>.clearfix { margin-bottom: 80px; } .list_anli_ul { display: flex; justify-content: center; } .list_anli_ul li { display: flex; justify-content: center; padding: 0 32px; font-size: 2rem; line-height: 30px; color: #ffffff; height: 54px; line-height: 54px; } .list_anli_ul li.active, .list_anli_ul li:hover { background: #20b09f; border-radius: 30px; } .list_anli_ul li.active a, .list_anli_ul li:hover a { color: #fff; } .list_anli_ul_list li { padding: 60px 0 55px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .list_anli_ul_list_a { position: relative; padding: 0 20px; } .list_anli_ul_list_a::before { content: ""; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; background-color: #000000; border-radius: 50%; transform: translateY(-50%); } .list_anli_title { font-size: 1.8rem; line-height: 40px; color: #181818; width: 80%; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_anli_content { font-size: 14px; line-height: 34px; color: #666666; width: 80%; } .list_anli_data { font-size: 14px; line-height: 40px; color: #666666; } .list_anli_content_a { font-size: 14px; line-height: 40px; color: #181818; } .list_anli_content_a span { margin-right: 10px; } .list_anli_ul_list li:hover .list_anli_title { color: #20b09f; font-weight: 600; transform: translateX(20px); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .list_anli_ul_list li:hover .list_anli_ul_list_a::before { background-color: #20b09f; } .list_anli_ul_list li:hover .list_anli_content_a { color: #20b09f; font-weight: 600; } .index_div1_fl_div1 img { width: 80%; } .list_about_con { font-size: 1.6rem; line-height: 30px; margin-top: -20px; } .list_about .index_div1_fl { margin-right: 75px; } .list_about { margin-top: 125px; } .list_about_swiper .swiper-slide>div { border-radius: 2px; border: solid 1px #b7b7b7; padding: 25px 0 20px; text-align: center; } .list_about_swiper .swiper-slide>div .iconfont { text-shadow: 1px 6px 3px 0px rgba(0, 0, 0, 0.16); color: #20b09f; font-size: 6rem; } .list_about_shuzi { font-size: 1.8rem; line-height: 40px; color: #181818; height: 86px; padding: 15px 0 0; } .list_about_shuzi span { font-size: 3.6rem; color: #20b09f; font-weight: 600; } .list_about_swiper .swiper-slide:last-child .list_about_shuzi { line-height: 26px; } .list_about_swiper .swiper-slide:hover>div { border: 1px solid #20b09f; } .list_about_swiper .swiper-slide:hover .iconfont, .list_lx_swiper .swiper-slide:hover .iconfont { transform: rotateY(360deg); transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } .list_about_swiper { margin-top: 80px; } .list_lx_swiper .swiper-slide>div { background-color: #ffffff; border: solid 1px rgba(0, 0, 0, 0.08); padding: 15px 30px; } .list_lianxi_info { height: 200px; min-height: 200px; } .list_lx_name, .list_lianxi_info { font-size: 1.8rem; line-height: 42px; color: #181818; } .list_lx_name { padding-left: 10px; /* border-left: 3px solid #20b09f; */ line-height: 55px; } .list_lx_swiper .swiper-slide .iconfont { font-size: 4rem; margin-right: 10px; color: #20b09f; } .list_lianxi { margin: 54px 0 95px; } .list_lx_swiper .swiper-slide .fl:nth-child(1) { width: 20%; } .list_lx_swiper .swiper-slide .fl:nth-child(2) { width: 80%; } .ditu { margin-top: 45px; } .list_article_name { font-size: 2rem; line-height: 30px; color: #080505; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list_article_con { font-size: 1.6rem; line-height: 24px; color: #666666; padding-left: 15px; border-left: 2px solid #666666; margin: 20px 0 0; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .list_article li .over { margin: 35px 0; } .list_article_a {} .list_article li { width: 49%; margin-left: 22px; background-color: #f6f6f7; box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.08); border-radius: 4px; padding: 45px 35px 60px; float: left; } .list_article li:nth-child(1) { margin-left: 0; } .list_article li:hover { background-color: #20b09f; } .list_article li:hover .list_article_name, .list_article li:hover .list_article_con { color: #fff; } .list_article li:hover .list_article_con { border-left-color: #fff; } .list_article li:hover .more { background-color: #fff; } .list_article li:hover .more a { color: #20b09f; } .list_article { margin-top: 40px; } .list_search img { height: 280px; object-fit: cover; } /*.header_2_ul>li:nth-child(4) .er-ul {*/ /* width: 200px;*/ /* left: -55px;*/ /*}*/ /* addclass */ .about_img { padding-left: 30px; margin-top: 50px; } .about_ul { display: flex; justify-content: space-between; margin-left: -35px; } .about_ul li { text-align: center; width: 20%; font-size: 1.1rem; color: #888; } .about_ul li img { width: 36px; height: 36px; } .about_ul li p { font-weight: 500; color: #333; font-size: 1.2rem; margin: 6px 0 4px 0; } .index_div5 { display: none; } .index_div6 { margin-top: 15rem; } .contact { width: 90%; margin: 10rem auto 9rem auto; } .contact ul i { float: left; background: #ddd; width: 1px; height: 30px; } .contact ul { display: flex; justify-content: space-around; text-align: center; align-items: center } .contact ul li { font-weight: 600; font-size: 18px; flex-basis: 22%; } .contact ul li p { margin: 10px auto 24px auto; } .contact ul li span { font-size: 24px; } .contact ul li img { width: 38px; } /* 氓潞鈥⒚┢捖 */ .nav-footer { background: #333; margin-top: 80px; } .nav-b { background: #333; width: 1400px; margin: 0 auto; } .nav-b>ul>li>a { height: 45px; line-height: 45px; color: #fff; font-weight: normal; font-size: 18px; /* padding-left: 20px; */ font-weight: 600; } .nav-b>ul ul li a { color: #eee; display: block; /* padding-left: 20px; */ line-height: 30px; font-size: 16px; } .nav-b>ul { display: flex; justify-content: space-between; } .nav-b>ul>li { /* float: left; */ padding: 30px 0; width: 16.65%; padding-left: 48px; /* margin-right: 84px; */ /*border-left: 1px dotted #ddd;*/ background: url(../images/line_2.jpg) repeat-y left top; height: 280px; } .nav-b>ul>li:first-child { background: none; border-left: none; } .nav-b>ul { width: 95%; overflow: hidden; } .footer { background: #333; padding: 50px 0 36px; text-align: center; width: 1400px; margin: 0 auto; } .footer p { color: #eee; font-size: 12px; font-family: "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; line-height: 25px; } .footer strong { color: #fff; } .footer a { color: #eee !important; } .product_nav a { font-size: 16px; } /* 22.1.24 */ .anli-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .anli-list li { width: 32%; float: left; margin: 30px 0; } .anli-list li .over { border-radius: 0; border: 0; padding: 0; /* height: 308px; */ width: 100%; } .anli-list li .index_dvi2_a { background-color: #333 } /* index-contact */ .index-contact { height: 290px; position: relative; background: url(../images/index-contact.jpg) center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; } .index-contact h3 { font-size: 36px; font-weight: bold; margin-bottom: 20px; } .index-contact a { font-size: 18px; color: #fff; line-height: 46px; background: linear-gradient(to right, #20b09f, #2aecd5); padding: 0 40px; border-radius: 5px; overflow: hidden; cursor: pointer; } .ft-green { color: #20b09f; } .bg-gray { background-color: #f5f5f5; } /*jiaodiantu*/ .index-news { /* display: flex; justify-content: space-around; justify-content: space-between */ margin-top: 6rem; } .focus1 { position: relative; width: 724px; height: 551px; float: left; } .focus1 img { /* width: 100%; height: 100%; */ max-width: 100%; max-height: 100%; } .focus1 .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; } .focus1 .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .focus1 .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus1 .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus1 .btn a:hover, .focus1 .btn a.current { cursor: pointer; background: #fc114a; } .focus1 .fPic { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .fcon { width: 100%; height: 100%; } .focus1 .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus1 .shadow { width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 10; height: 44px; line-height: 44px; display: block; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\;6A } .focus1 .shadow a { text-decoration: none; color: #515151; font-size: 15px; padding-left: 10px; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; color: #fff; } .focus1 .shadow p { height: 40px; color: #fff; text-indent: 16px; text-align: left; } .focus1 .fcon { position: relative; width: 100%; float: left; display: none; background: #000 } .focus1 .fcon a { width: 100%; height: 100%; display: flex; overflow: hidden; align-items: center; justify-content: center; align-content: center; } .page_icon { overflow: hidden; position: absolute; right: 5px; bottom: 12px; z-index: 999; } .page_icon a { display: block; width: 14px; height: 14px; line-height: 0; font-size: 0; color: #000000; background-color: #cccccc; float: left; margin-right: 10px; } .page_icon a.current, .page_icon a:hover { background-color: #a20702; color: #fff; } .arrow6 { z-index: 99; width: 40px; height: 70px; cursor: pointer; } .arrow6L { position: absolute; top: 50%; margin-top: -35px; left: 0; background: url(../images/prev.png) no-repeat; background-size: 100% 100%; } .arrow6R { position: absolute; top: 50%; margin-top: -35px; right: 0; background: url(../images/next.png) no-repeat; background-size: 100% 100%; } /* news-list */ .news-list { float: right; width: calc(100% - 744px); background-color: #FFFFFF; box-sizing: border-box; padding: 30px; padding-bottom: 0; height: 551px; } .news-list dl { overflow: hidden; margin-bottom: 28px; } .news-list dl dt { width: 197px; height: 150px; float: left; margin-right: 20px; } .news-list dl dd.news-tit { font-size: #333; font-size: 16px; line-height: 36px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .news-list dl dd.news-date { color: #999999; font-size: 14px; line-height: 30px; } .news-list dl dd.news-txt { color: #333; font-size: 14px; line-height: 24px; color: #888888; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-ul li { margin: 10px 5px; overflow: hidden; } .news-time { float: left; padding-right: 36px; } .news-time p { font-size: 23px; font-weight: bold; } .news-time span { font-size: 14px; } .news-ul li .news-tit { font-size: #333; font-size: 16px; line-height: 40px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .news-ul li .news-txt { color: #333; font-size: 14px; line-height: 24px; color: #888888; margin-top: 8px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } /* aboutus */ .index-about .row { /* display: flex; justify-content: space-around; */ margin-top: 6rem; } .about-tit { font-size: 34px; font-weight: bold; margin-top: 30px; } .about-txt { text-align: justify; color: #888888; font-size: 16px; line-height: 36px; margin: 40px 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .a-search-link { display: inline-block; padding: 0 20px 0 65px; font-size: 16px; background: #20b09f; color: #FFFFFF; line-height: 40px; position: relative; border-radius: 6px; margin-bottom: 30px; } .a-search-link i { position: absolute; left: 22px; top: 50%; margin-top: -13px; display: block; width: 26px; height: 26px; background: url(../images/more-arrow.png); } .a-search-link:hover i { transform: translateX(10px); -webkit-transform: translateX(10px); } .a-search-link:hover { color: #FFF; } .about-video { max-width: 642px; width: auto; width: 100%; height: 415px; border-radius: 16px; box-shadow: 0 2px 10px 0 rgba(32, 33, 36, .28); float: right; } /* datalist */ .datalist { width: 100%; margin-top: 20px; } .datalist ul { display: flex; justify-content: space-between; width: 100%; } .datalist ul li h3 { color: #20b09f; font-size: 40px; line-height: 50px; font-weight: bold; } .datalist ul li span { color: #888888; font-size: 16px; line-height: 20px; } /* 22.7.7 top-bar*/ .top-bar { background: #20b09f; color: #FFFFFF; font-size: 14px; height: 32px; line-height: 32px; } .top-bar .left-widgets { float: left; } .top-bar .right-widgets { float: right; } .top-bar .right-widgets a { color: #FFFFFF; /* text-decoration: underline; */ } .h-place { width: 100%; height: 125px; background-color: #006269; float: left; } /* media start */ @media (min-width: 1200px) { .container { width: 1600px; } .container.cpModule { width: 1200px; } } @media (max-width:1800px) { .header_2_ul li>a { padding: 0 12px; } } @media (max-width:1700px) { .container_pad { width: 90%; } .header_2_fr { padding: 0 15px; } } @media (max-width:1600px) { .header_222 .fl img { height: 72px; } .header_2_fr_con img { height: 36px; } .header_2_ul>li { font-size: 15px; } .container { width: 89%; } html { overflow-x: hidden; } } @media (max-width:1480px) { html, body { font-size: 9px; } .index_div3 { margin: 100px 0 65px; } .index_div3_sum { padding: 60px 0 0px 0; } .neiye_title { font-size: 4rem; } .article_pro>.clearfix, .list_pro_fr_over { margin-bottom: 60px; } .list_about { margin-top: 80px; } .list_anli_ul_list li { padding: 30px 0 25px; } .index_div3 { margin: 15rem 0; } .introduction .content { width: 100%; } .container { width: 89%; } .nav-b { width: 100%; } .footer { width: 100%; } .index_div2_sum .index_div2_swiper:nth-child(1) .swiper-slide .over { min-height: 270px; max-height: 270px; } .index_div2_ul li { font-size: 1.8rem; } /* 22.7.7 */ .h-place { /* height: 50px; */ } } @media (max-width:1366px) { .header_2_ul li>a { padding: 0 13px; } } @media (max-width:1280px) { .header_2_fr { padding: 0 0px; } } @media (max-width:1200px) { .header_1_ul li { padding-right: 10px; } .header_2_ul li a { padding: 0 7px; } .header_222 img { /* width: 140px; */ } .index_div1_fl .video-js { width: 420px; height: 278px; } .index_div1 .vjs-big-play-button { width: 65px !important; height: 65px !important; line-height: 65px !important; font-size: 4rem !important; } .index_div1_fl .index_div1_fl_div1::before { border: solid 8px #20b09f; } .index_div1_fl .video-js { left: 30px; top: 25px; } .index_div1_fr { padding-left: 30px; } .more { width: 140px; height: 26px; margin-top: 0; } .fr.more { margin-top: -43px; } .more a { line-height: 35px; } .index_div1_fr_con { line-height: 27px; padding: 15px 0; } .index_div1 { padding: 60px 0; } .index_div2_ul li { padding: 0 8px; font-size: 1.8rem; height: 36px; line-height: 36px; } .index_div2_ul { padding: 30px 0 40px; } .index_dvi2_a { height: 45px; line-height: 45px; } .index_div3_sum { padding: 35px 0 0px 0; } .index_div4_fr_ul li { padding: 25px 25px 24px 0px; } .index_div4_sum { padding: 40px 0 35px 0; } .list_pro_fr_over { margin-bottom: 45px; } .list_about .index_div1_fl { margin-right: 25px; } .list_anli .index_div1_fl .video-js { top: -12px; } .list_about_swiper { margin-top: 45px; } .list_about_swiper .swiper-slide>div { padding: 8px 0 8px; } .list_anli_ul li { padding: 0px 25px; height: 44px; line-height: 44px; font-size: 1.8rem; } .list_article li { margin-left: 18px; } .list_lx_swiper .swiper-slide>div { padding: 20px 15px 15px; } .list_pro_fr_ul li { margin: 0 0 20px 20px; } .list_pro_fr_ul li { margin: 0 0 15px 15px; } .list_honor_ul li { margin: 0 0 20px 18px; } .list_pro_fr_ul li a:nth-child(1) { width: 222px; height: 222px; line-height: 222px; } .list_pro_fr_ul li a:nth-child(1) img { line-height: 222px; } .index_div2_swiper .swiper-slide .over { height: 264px; width: 218px; width: 170px; } .container_pad { width: 90%; } .header_1 .fl:nth-child(1) { width: 80%; } /* 22.4.22 */ .news-list { width: 100%; } .focus1 { width: 100%; } } @media (max-width:1500px) { .header_1 { display: none; } .header_222 img { width: 120px; } .header_2_ul li { float: left; font-size: 1.6rem; color: #181818; margin-right: 8px; } .header_2, .header_2_ul { line-height: 65px; } .header_2_fr, .header_2_fr_con { height: 65px; } .index_div1_fl .video-js { width: 320px; height: 211px; } .index_div1 .vjs-big-play-button { width: 55px !important; height: 55px !important; line-height: 51px !important; } .title { font-size: 2.2rem; } .title span { border-left: 3px solid #20b09f; padding-left: 13px; } .index_div1_fr_con { line-height: 24px; padding: 5px 0; } .index_div2_ul li { padding: 0 8px; font-size: 1.6rem; height: 30px; line-height: 30px; } .index_dvi2_a { height: 40px; line-height: 40px; font-size: 1.6rem; } .index_div3 { margin: 45px 0 45px; } .index_div4_fl { padding: 25px 20px 35px; } .index_div4_fr_ul li { padding: 15px 10px 15px 0px; } .index_div5 { margin-bottom: 20px; } .list_pro_fl_ul>li { padding: 0 8px; } .article_pro_fr_con { margin-top: 15px; } .article_pro>.clearfix { margin-bottom: 40px; } .ypt_qiehuan_li { line-height: 26px; padding: 15px 0px 35px; } .list_about_swiper { padding-bottom: 45px; } .list_about_swiper .swiper-pagination-bullet-active { background: #20b09f; } .mb70 { margin-bottom: 25px; } .index_div1 .vjs-big-play-button, .list_about .vjs-big-play-button { width: 64px !important; height: 64px !important; line-height: 64px !important; } .list_article li { margin-left: 14px; padding: 25px 20px 25px; } .list_article_con { margin: 10px 0 0; } .list_article li .over { margin: 25px 0; } .list_lx_swiper { padding: 0 0 45px 0; } .list_lx_swiper .swiper-pagination-bullet-active { background: #20b09f; } .ditu { margin-top: 20px; } .list_lianxi { margin: 45px 0 45px; } .lsit_pro_fr_ul_title { height: 50px; line-height: 50px; } .list_honor_ul li { margin: 0 0 15px 14px; } .list_anli_ul li { padding: 0px 16px; } .list_pro_fr_ul li a:nth-child(1) { width: 170px; height: 170px; line-height: 170px; } .list_pro_fr_ul li a:nth-child(1) img { line-height: 170px; } .footer_ul li:nth-child(3) { text-align: center; } .neiye_search { line-height: 58px; } .index_div2_swiper .swiper-slide .over { /* width: 165px; */ height: 180px; padding: 20px 0; } .list_search img { height: 174px; } .header_2_ul li a { padding: 0 4px; } .header_2_fr_con div:nth-child(1) { font-size: 15px; } .pc_header { display: none; } .phonenav { display: block; } .header_2 { display: none; } .phonenav { display: block; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; background: #fff !important; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); z-index: 999; line-height: 75px; height: 90px; border-bottom: 1px solid #eceaea; /* height: 65px; line-height: 65px; */ } .header_search { margin-right: 15px; } .header_search .iconfont { font-size: 26px; } .sidebar-menu.is-active { display: block; transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .phone_logo img { /* width: 296px; */ height: 90px; } .index_div2_ul li { margin-bottom: 0px; padding: 0 20px; width: 50%; text-align: center; border: 1px solid #ddd; border-radius: 0; height: 45px; line-height: 45px; float: left; } .index_div2_ul { flex-wrap: wrap; } .index_div2_ul { padding: 20px 0 20px; display: block; } .index_div3 { margin: 8rem 0; } .t_content4 { padding-left: 20px; padding-right: 20px; } .t_didownp p, .t_didownp p a { font-size: 14px; word-wrap: break-word; word-break: normal; } .h-place { height: 75px; } } @media (max-width:990px) { /* 22.4.21 */ .t_footnav { display: none; } .sub_cate ul li { width: 30%; } /* 22.7.7 */ .h-place { /* display: none; */ } .phone_logo img { /* width: 296px; */ height: 70px; } } @media (max-width:767px) { .index_div2_ul { flex-wrap: wrap; } .index_div1_fl .video-js { width: 100%; height: 230px; left: 0px; top: 0px; } footer { /* display: none; */ } body { padding: 65px 0 0; } .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction { bottom: 10px; } .index_div1_fl, .index_div1_fr { width: 100%; } .index_div1 { padding: 30px 0; } .index_div1_fl .index_div1_fl_div1::after { display: none; } .index_div1_fr { padding: 15px 0 0; } .index_div1_fr_con { padding: 5px 0 15px; } .more { width: 170px; height: 26px; } .fr.more { margin-top: 20px; } .more a { line-height: 35px; } .about_img { margin-top: 10px; padding-left: 0; } .about_ul { margin-left: -15px; } .index_div2_swiper .swiper-slide .over { padding: 15px 0; } .index_div2_ul { padding: 20px 0 10px; display: block; } .index_dvi2 .swiper-wrapper { padding: 0 0 40px 0; } .index_div3 .title { text-align: center; float: none; } .index_div3_sum { padding: 10px 15px 0px; width: 100%; margin: auto; } .index_div3_swiper { padding-bottom: 40px; } .index_div3 { margin: 25px 0 25px; } .index_div3 .index_div2_ul { padding: 15px 0 0; } .index_div4_fl, .index_div4_fr { width: 100%; } .index_div4_fl_con { margin: 5px 0 20px; } .index_div4_sum { padding: 20px 0 30px 0; } .index_div4_fl { padding: 15px 15px 20px; } .index_div4_fl .over { padding: 0 0 20px 0; } .index_div4_fr { padding-left: 0; padding-top: 15px; } .index_div4_fr_ul li { padding: 10px 10px 10px 0px; } .index_div4_title .fl, .index_fiv4_fr_con { padding-left: 20px; } .mobile-foot { display: block; background: red; padding: 8px 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; color: #fff; text-align: center; font-size: 14px; } .mobile-foot .iconfont { font-size: 20px; font-weight: 600; } .mobile-foot li { font-size: 16px; } .mobile-foot a { color: #fff; font-size: 16px; } .pull-right { float: right !important; } .pull-left { float: left !important; } .article_pro11 .over img { height: 223px; } .searchs .sertext, .serbtn { height: 40px; line-height: 40px; } .list_pro_fl, .rightfix, .neiye_search, .bread { display: none; } .list_pro_fr { width: 100%; } .neiye_title { font-size: 2.6rem; } .mt40 { margin-top: 30px; } .article_pro_title { font-size: 2.2rem; } .article_pro_con, .article_ferx span { padding-top: 15px; } .article_pro>.clearfix { margin-bottom: 25px; } .ypt_article_swiper { padding: 0 0 12px 0; } .ypt_qiehuan_li span { font-size: 2rem; } .ypt_qiehuan_li { padding: 15px 0px 20px; } .shangxia { line-height: 26px; padding: 15px 0 30px; } .shangxia .bshare-custom { margin-top: 10px; } .ypt_article_swiper .swiper-slide { font-size: 1.8rem; } .ypt_qiehuan_li_title { font-size: 2rem; } .list_anli_ul, .index_div1_fl .index_div1_fl_div1::before { display: none; } .list_about { margin-top: 10px; } .list_about_swiper { margin-top: 25px; } .list_anli_title { width: 64%; } .list_anli_content { width: 100%; line-height: 22px; } .list_anli_ul_list li { padding: 5px 0 8px; } .list_anli_ul_list li:first-child { padding: 0 0 8px; } .list_article li { width: 100%; margin-left: 0%; margin-bottom: 15px; } .list_article li { padding: 15px 15px 20px; } .list_article li .over { margin: 20px 0; } .list_lx_swiper .swiper-slide>div { padding: 10px 15px 4px 15px; } .list_pro_fr_ul li { width: 48%; margin-left: 0; } .list_pro_fr_ul li:nth-child(3n+1) { margin-left: 0; } .list_pro_fr_ul li:nth-child(even) { margin-left: 2%; } .list_pro_fr_ul li:nth-child(odd) { margin-right: 2%; } .list_honor_ul li { margin: 0 0 15px 0 !important; width: 48%; } .list_honor_ul li:nth-child(odd) { margin-right: 2% !important; } .list_honor_ul li:nth-child(even) { margin-left: 2% !important; } .list_honor_ul, .list_article { margin-top: 0; } .list_pro_fr_ul li a:nth-child(1) { width: 100%; height: 240px; line-height: 240px; } .list_pro_fr_ul li a:nth-child(1) img { line-height: 240px; } .index_div2_swiper .swiper-slide .over { width: 100%; height: 240px; text-align: center; } .index_div2_swiper .swiper-slide .over img { text-align: center } .list_search img { height: 140px; } /* 6.9 */ .about-video { height: 224px; } .title { padding-top: 40px; } .index-about .row { margin-top: 0; } .datalist ul { width: 100%; display: block; } .datalist.wow.fadeInUp ul li { width: 100%; margin: 0 auto; } .datalist ul li h3 { overflow: hidden; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; } .datalist ul li span { color: #888888; font-size: 16px; line-height: 20px; overflow: hidden; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; display: block; } .index_dvi2 { padding-bottom: 0px; } .title span strong { font-size: 20px; } .title.title_center b { font-size: 30px; } .title p { line-height: 1; } .about-tit { margin-top: 10px; font-size: 18px; } .about-txt { margin: 10px 0; font-size: 12px; line-height: 2; } .a-search-link { font-size: 14px; } .news-list { padding: 30px; } .news-list .a-search-link { display: inline-block; padding: 0; font-size: 14px; background: #FFFFFF; color: #20b09f; line-height: 2; float: right; } .over>img { height: auto; } .morefirst { display: inline-block; } .morefirst1 { display: none !important; } } @media (max-width: 480px) { .list_pro_fr_ul li a:nth-child(1) { width: 100%; height: 170px; line-height: 170px; } .list_pro_fr_ul li a:nth-child(1) img { line-height: 170px; } .index_div2_swiper .swiper-slide .over { height: 190px; padding: 10px 0; } .contact ul { display: block; } .contact ul li { width: 50%; float: left; margin-bottom: 20px; } .contact ul i { display: none; } .contact ul li p { margin: 0; } /* 22.4.21 */ .focus1 { height: 292px; } .about-video { /* width:642px; */ width: 100%; height: auto; } .title.title_center b { font-size: 46px; } .anli-list li { width: 48%; margin-top: 20px; } .anli-list li .over { /* max-height: 308px; min-height: 100px; */ height: 100px; } .index-contact { height: 180px; } .index-contact h3 { font-size: 16px; } /* foot */ /* .t_dilogo { margin-bottom: 20px; } */ .t_dilogo a { width: 100%; } .t_dilogo a img { width: 70%; } .t_foottopnr { padding-top: 32px; padding-bottom: 16px; } .t_footLink { display: none; } .t_footEwm ul li { margin-right: 0; } } #page { clear: both; height: 40px; margin: 0 auto; text-align: center; display: table; margin-top: 20px } #page li { float: left; padding: 5px 14px; border: 1px solid #CCCCCC; margin-right: 6px; color: #666; font-size: 12px; list-style: none; } #page li:hover { border: 1px solid #20b09f; } #page li:hover a { color: #20b09f } #page li a { color: #666 } #page li.active { border: 1px solid #20b09f; background-color: #20b09f; color: #FFFFFF } #page li.active a { color: #fff } #page .thisclass { background-color: #20b09f; color: #FFFFFF } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -60px; /*background-image: url(../images/right.png); */ background-image: url(../images/next.png) } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -60px; /*background-image: url(../images/left.png);*/ background-image: url(../images/prev.png); } .viMain { display: none; } .viMain.active { display: block; } .index_div2_swiper { overflow: visible !important; display: block !important; } .viMain .swiper-pagination { display: none; } .index_div3 { background: #f5f5f5; padding: 6rem 0; } .anli_main { visibility: visible; animation-duration: 2s; margin-top: 10rem; } .anli_main .pro_img { text-align: center; width: 100%; height: 380px; background: #f1f1f1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; display: inline-block; } .anli_main .pro_img img { width: 100%; height: 260px; } .anli_main .pro_img p { font-size: 22px; color: #3a3a3a; margin: 14px 0; font-weight: 600; } .anli_main .pro_img .pro_img_btn { width: 118px; height: 34px; margin: 0 auto; border: 1px solid #dadada; color: #dadada; position: relative; transition: 0.35s; } .anli_main .pro_img .pro_img_btn span { position: relative; z-index: 2; display: inline-block; width: 100%; height: 34px; background: url(../images/pro_jt.png) center center no-repeat; } .anli_main .pro_img .pro_img_btn i { transition: 0.35s; background: #20b09f; width: 0; height: 100%; display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; } .anli_main .pro_img:hover .pro_img_btn { border: 1px solid #20b09f; color: #fff; } .anli_main .pro_img:hover .pro_img_btn span { background: url(../images/pro_jt2.png) center center no-repeat; } .anli_main .pro_img:hover .pro_img_btn i { width: 100%; } .anli_swiper .swiper-slide { margin-right: 4%; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; cursor: pointer; } .swiper-container-free-mode>.swiper-wrapper { /* transition-timing-function: linear; */ transition: linear; } @media (max-width: 480px) { .swiper-button-next, .swiper-container-rtl .swiper-button-prev { display: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; } .swiper-pagination { display: block; bottom: 11px; left: 50%; /* margin-left: -100px; */ text-align: center; width: 200px; } .index_div3_swiper .swiper-pagination-bullet, .index_div5 .swiper-pagination-bullet, .index_dvi2 .swiper-pagination-bullet { margin: 0 1px; background: rgba(225, 38, 29, .46); } .index_div3_swiper .swiper-pagination-bullet-active, .index_div5 .swiper-pagination-bullet-active, .index_dvi2 .swiper-pagination-bullet-active { width: 12px; background: rgba(225, 38, 29, 1); } .viMain.active .swiper-pagination { /* display: block; */ } .introduction .content { width: 100%; } .nav-b { width: 100%; } .footer { width: 100%; } .index_div2_sum .index_div2_swiper:nth-child(1) .swiper-slide .over { max-height: 308px; min-height: 190px; } .swiper-container-android .swiper-slide, .swiper-wrapper { width: 100% !important; } .index_div4_fl { padding: 0; height: 281px; } .nav-b { display: none; } .footer { display: none; } .introduction-div>div { width: 96%; margin-left: 0%; overflow-x: hidden; } .head .yaos { padding: 0 30px; } .you-img { padding-bottom: 1.8rem; } .introduction-div .shu-ul li .zhuan { display: none; } .introduction-div .shu-ul li .yaun { position: relative; width: 7rem; height: 7rem; line-height: 7rem; margin: 0 auto; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); font-size: 1.5rem; } .introduction-div .shu-ul li { padding-left: 0; float: left; width: 33.33%; margin-bottom: 3rem; } .introduction-div .shu-ul { overflow: hidden; } .introduction-div .shu-ul li .yaun sup { top: -1rem; } .introduction-div .shu-ul li .titlew { text-align: center; font-size: 1rem; } .introduction-div .shu-ul li .ree { width: 100%; } .introduction .more { margin: 0 auto; } .title p { font-size: 14px; } .about_box { margin-top: 0 !important; padding-bottom: 1px; } .zizhi_box { margin-top: 0 !important; padding-bottom: 1px; } .product_box { margin-top: 0 !important; padding-bottom: 1px; } .news_box { margin-top: 0 !important; padding-bottom: 1px; } .sidebar { display: none; } .container { width: 100%; } img.banner { margin-top: 0; } .banner { width: 100% !important; } .right { width: 100%; } .tb-s310, .tb-s310 a { width: 60%; height: 270px; } .tb-s310, .tb-s310 a img { width: 100%; height: 100%; } .cpModule .right { width: 100%; } .tb-booth { margin-left: 0; width: 100% !important; } .comcontul .box { /* display: none; */ } .rightcontul { margin-left: 0; } .proLink>div { width: 50% !important; padding: 0 10px !important; display: none; } .proLink>div .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .proLink>div:nth-child(1+1) { display: block; } .proLink>div:nth-child(2) { display: block; } .comcontul { padding: 20px 0; } .rightcontul { width: 96%; margin-left: 2%; } .introduction-div .reight { width: 94%; margin-left: 3%; float: left; } .introduction { margin: 10px 0 5rem 0; } .anli_main { margin-top: 4rem; } .index_div3 { padding-top: 2rem; } .index_div6 { margin-top: 4rem; } .contact { margin-top: 6rem; } .contact ul li span { font-size: 16px; } .head .title { font-size: 2.2rem; } .head { padding-top: 30px; } .searchbox { top: 65px !important; } .index_div6 .contact { width: 100%; } .index_div2_sum .swiper-slide { width: 100% !important; } .anli_swiper .swiper-slide { width: 100% !important; } #biaoqian li { font-size: 1.4em; font-weight: 500; } .bq-cp li { padding: 0; width: 25%; } .tb-thumb ul { float: left; } .tb-thumb li { width: 33.3%; height: 100px; float: left; } .tb-thumb li.tb-selected { width: 33.3%; height: 100px; } .tb-thumb li .tb-s100, .tb-s100 a img { width: 100%; height: 100px; } .comcontul p { display: none; } }