@charset "utf-8"; body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td { margin: 0; padding: 0; } fieldset, img, input, textarea, button, select { background: none no-repeat scroll; border: 0 none; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: middle; } ol, ul, li { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .clearfix:after { display: table; content: ""; clear: both; } .clearfix { zoom: 1 } input, textarea, select { outline: none } html{ color: #333;} body {background:#fff ;font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Tahoma; font-size: 0.24rem; color: #333;height: 100%;width: 100%;} .nav0 { width: 100%; height: 0px; clear: both; overflow: hidden; } .nav5 { width: 100%; height: 5px; clear: both; overflow: hidden; } .nav10 { width: 100%; height: 10px; clear: both; overflow: hidden; } .textC{ text-align: center;} .textL{ text-align: left;} .textR{ text-align: right;} .floatL{ float: left;} .floatR{ float: right;} .yle{ color:#f88500;} .red{ color:#e60012;} .blue{ color: #004ea2;} .pink{ color: #ef739b;} .omit{-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;} /*文字大小*/ .txt_12 {font-size: 0.12rem; } .txt_14 {font-size: 0.14rem;} .txt_16 {font-size: 0.16rem; } .txt_18 {font-size: 0.18rem;} .txt_20 {font-size: 0.20rem; } .txt_22 {font-size: 0.22rem;} .txt_24 {font-size: 0.24rem;} .txt_26 {font-size: 0.26rem;} .txt_28 {font-size: 0.28rem;} .txt_30 {font-size: 0.30rem;} .txt_32 {font-size: 0.32rem;} .txt_34 {font-size: 0.34rem;} .txt_36 {font-size: 0.36rem;} .txt_38 {font-size: 0.38rem;} .txt_40 {font-size: 0.40rem;} .txt_42 {font-size: 0.42rem;} .txt_44 {font-size: 0.44rem;} .txt_46 {font-size: 0.46rem;} .txt_48 {font-size: 0.48rem;} .txt_50 {font-size: 0.50rem;} .color_999 { color: #999;} .color_666 { color: #666;} .color_777 { color: #777;} .color_ccc { color: #ccc;} .color_fff { color: #fff;} .color_333 { color: #333;} .green { color: #004ea2;} .red { color: #f1093a;} .stong{ font-weight: 500;} /* margin */ .mg_auto { margin:auto; float:none;} .mg00 { margin:0pt} .wmg05 { margin:5pt} .wmg10 { margin:10pt} .wmg15 { margin:15pt} .wmg20 { margin:20pt} .wmg25 { margin:25pt} .wmg30 { margin:30pt} .wmg35 { margin:35pt} .wmg40 { margin:40pt} .wmg45 { margin:45pt} .wmg50 { margin:50pt} .wmt00 { margin-top: 0pt} .wmt05 { margin-top: 5pt} .wmt10 { margin-top: 10pt} .wmt15 { margin-top: 15pt} .wmt20 { margin-top: 20pt} .wmt25 { margin-top: 25pt} .wmt30 { margin-top: 30pt} .wmt35 { margin-top: 35pt} .wmt40 { margin-top: 40pt} .wmt45 { margin-top: 45pt} .wmt50 { margin-top: 50pt} .wmt45 { margin-top: 55pt} .wmt60 { margin-top: 60pt} .wmt65 { margin-top: 65pt} .wmt70 { margin-top: 70pt} .wmb00 { margin-bottom: 0} .wmb05 { margin-bottom: 5pt} .wmb10 { margin-bottom: 10pt} .wmb15 { margin-bottom: 15pt} .wmb20 { margin-bottom: 20pt} .wmb30 { margin-bottom: 30pt} .wmb35 { margin-bottom: 35pt} .wmb40 { margin-bottom: 40pt} .wmb45 { margin-bottom: 45pt} .wmb50 { margin-bottom: 50pt} .wmr00 { margin-right: 0} .wmr05 { margin-right: 5pt} .wmr10 { margin-right: 10pt} .wmr15 { margin-right: 15pt} .wmr20 { margin-right: 20pt} .wmr25 { margin-right: 25pt} .wmr30 { margin-right: 30pt} .wmr35 { margin-right: 35pt} .wmr40 { margin-right: 40pt} .wmr45 { margin-right: 45pt} .wmr50 { margin-right: 50pt} .wml00 { margin-left: 0} .wml05 { margin-left: 5pt} .wml10 { margin-left: 10pt} .wml15 { margin-left: 15pt} .wml20 { margin-left: 20pt} .wml25 { margin-left: 25pt} .wml30 { margin-left: 30pt} .wml35 { margin-left: 35pt} .wml40 { margin-left: 40pt} .wml45 { margin-left: 45pt} .wml50 { margin-left: 50pt} /* padding */ .wpd00 { padding:0pt} .wpd05 { padding:5pt} .wpd10 { padding:10pt} .wpd15 { padding:15pt} .wpd20 { padding:20pt} .wpd25 { padding:25pt} .wpd30 { padding:30pt} .wpd35 { padding:35pt} .wpd40 { padding:40pt} .wpd45 { padding:45pt} .wpd50 { padding:50pt} .wpt00 { padding-top:0pt} .wpt05 { padding-top: 5pt} .wpt10 { padding-top: 10pt} .wpt15 { padding-top: 15pt} .wpt20 { padding-top: 20pt} .wpt25 { padding-top: 25pt} .wpt30 { padding-top: 30pt} .wpt35 { padding-top: 35pt} .wpt40 { padding-top: 40pt} .wpt45 { padding-top: 45pt} .wpt50 { padding-top: 50pt} .wpt55 { padding-top: 55pt} .wpt60 { padding-top: 60pt} .wpt65 { padding-top: 65pt} .wpt70 { padding-top: 70pt} .wpb00 { padding-bottom: 0} .wpb05 { padding-bottom: 5pt} .wpb10 { padding-bottom: 10pt} .wpb15 { padding-bottom: 15pt} .wpb20 { padding-bottom: 20pt} .wpb25 { padding-bottom: 25pt} .wpb30 { padding-bottom: 30pt} .wpb35 { padding-bottom: 35pt} .wpb40 { padding-bottom: 40pt} .wpb45 { padding-bottom: 45pt} .wpb50 { padding-bottom: 50pt} .wpr00 { padding-right: 0} .wpr05 { padding-right: 5pt} .wpr10 { padding-right: 10pt} .wpr15 { padding-right: 15pt} .wpr20 { padding-right: 20pt} .wpr25 { padding-right: 25pt} .wpr30 { padding-right: 30pt} .wpr35 { padding-right: 35pt} .wpr40 { padding-right: 40pt} .wpr45 { padding-right: 45pt} .wpr50 { padding-right: 50pt} .wpl00 { padding-left: 0} .wpl05 { padding-left: 5pt} .wpl10 { padding-left: 10pt} .wpl15 { padding-left: 15pt} .wpl20 { padding-left: 20pt} .wpl25 { padding-left: 25pt} .wpl30 { padding-left: 30pt} .wpl35 { padding-left: 35pt} .wpl40 { padding-left: 40pt} .wpl45 { padding-left: 45pt} .wpl50 { padding-left: 50pt} /* color 文字全局色调 --------------------------------------------------------------------*/ .color_1, .color_1:link, .color_1:visited, .color_1:hover { color: #1b5eb1 } .color_ccc, .color_ccc:link, .color_ccc:visited, .color_ccc:hover { color: #ccc } .color_999, .color_999:link, .color_999:visited, .color_999:hover { color: #999 } .color_666, .color_666:link, .color_666:visited, .color_666:hover { color: #666 } .color_333, .color_333:link, .color_333:visited, .color_333:hover { color: #333 } .color_999, .color_999:link, .color_999:visited, .color_999:hover { color: #999 } .color_fff, .color_fff:link, .color_fff:visited, .color_fff:hover { color: #fff } .w100{ width: 100%;} /*主框架*/ .content {width: 100%; min-width: 180px; max-width: 1000px; margin: 0 auto; position: relative;} /*-------------------------------- 主框架 */ .head{ width: 100%; height: 50px; position: fixed; left: 0; top: 0;z-index: 9;background: #fff;} .head .logo{ display: block; width: auto; height: 50px; overflow: hidden; text-align: left; float: left;} .head .logo img{ height: 100%; margin-left: 10px;} .head_hi{ height: 55px; width: 100%;} .head_tel{float: right;width: auto;height: 50px; line-height: 50px; margin-right: 5pt; font-size: 16px;color: #333;font-family: "DIN";} .head_tel span{display: inline-block;float: left; width: 30px;height: 50px;background-size: 70%; background-image: url(../images/tel.png); background-position: center; background-repeat: no-repeat; } /*--------------------------- 手机站导航开始 ----------*/ .sp_header{height:55px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;} .sp_logo{padding:5pt 0px 5pt 5pt;height:40px; width: auto;display: inline-block; float:left;} .sp_logo h1{ width: 100%; height: 100%;} .sp_logo h1 a{ height: 100%;} .sp_logo img{margin:auto;max-height:100%; padding-right: 5pt;float: left;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:35px;margin-top:12pt} .sp_nav span{display:block;background:#000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9;background:#f5f5f5;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:65px} .sjj_nav ul{ padding-top: 10pt;} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #eee solid;height:1rem;padding:0px 15pt; background-image: url(../images/icon1.png); background-repeat: no-repeat; background-size: 50%; background-position: center; } .sjj_nav ul li i.sjj_nav_i_se{background-image: url(../images/icon2.png);} .sjj_nav ul li{border-top:1px #eee solid;margin-left:15pt;position:relative;line-height:1rem;font-size:0.32rem;text-align: left;margin: 0 auto;width: 80%;} .sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#333;width:80%;display: block;} .sjj_nav ul li ul li a{color:#777;display:block;text-align:left;} /*------------ 手机站导航结束 ----------*/ /*------------------------ 首页全屏效果 */ .swiper-container {width: 100%;height: 100%;background:#000; } .swiper-slide{width:100%;height:100%;background-color:#1A1A1A } .swiper-pagination-bullet {width: 6px;height: 6px;background: #fff;opacity: .4;} .swiper-pagination-bullet-active {opacity: 1;} @-webkit-keyframes start { 0%,30% {opacity: 0;-webkit-transform: translate(0,10px);} 60% {opacity: 1;-webkit-transform: translate(0,0);} 100% {opacity: 0;-webkit-transform: translate(0,-8px);} } @-moz-keyframes start { 0%,30% {opacity: 0;-moz-transform: translate(0,10px);} 60% {opacity: 1;-moz-transform: translate(0,0);} 100% {opacity: 0;-moz-transform: translate(0,-8px);} } @keyframes start { 0%,30% {opacity: 0;transform: translate(0,10px);} 60% {opacity: 1;transform: translate(0,0);} 100% {opacity: 0;transform: translate(0,-8px);} } #array{position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;} .ind_main .swiper-slide1 {background-image: url(../images/p0.jpg);background-position: top center;background-size: 100%; } .ind_main .swiper-slide2 { background-image: url(../images/p1.jpg);background-position: top center;background-size: contain; } .ind_main .swiper-slide3 {background-image: url(../images/p2.jpg);background-position: top center;background-size: contain; } .ind_main .swiper-slide4 { background-image: url(../images/p3.jpg);background-position: top center;background-size: contain; } .ind_main .swiper-slide5 { background-image: url(../images/p4.jpg);background-position: top center;background-size: contain; } .ind_main .swiper-slide6 { background-image: url(../images/p5.jpg);background-position: top center;background-size: contain; } .ind_main .swiper-slide7 { background-image: url(../images/p6.jpg);background-position: top center;background-size: cover; } /*----------------------------- 第一屏 益智成长乐园 */ .indp1{ padding: 15pt;} .indp1 .p1{font-size: 0.60rem; margin-bottom: 5pt; margin-top: 20%; font-weight: bold;} .indp1 .p2{font-size: 0.36rem; margin-bottom: 20pt; padding-bottom: 20px; border-bottom: 2px solid #fff;} .indp1 .more a{font-size: 0.26rem; text-align: center; background: #fff; padding: 5px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 10pt;} .indp1 .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; } /*----------------------------- 第二屏 儿童业态集大成者 */ .indp2{ padding: 15pt;} .indp2 .p1{font-size: 0.60rem; margin-bottom: 5pt; margin-top: 5%; font-weight: bold;} .indp2 .p2{font-size: 0.36rem; margin-bottom: 10pt; padding-bottom: 20px; border-bottom: 2px solid #fff;} .indp2 .more a{font-size: 0.26rem; text-align: center; background: #fff; padding: 5px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 0pt;} .indp2 .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; } .w_wap_banner1 { overflow: auto; } .indp2 .w_wap_banner1 .w_banner { margin: 0px 0px; position: relative; width: 90%; overflow: hidden; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .w_wap_banner1 .w_banner .slides { zoom: 1; } .flex-control-nav { width: 100%; text-align: left; margin-top: 10pt; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline;} .flex-control-paging li a { display: block; width: 6pt; height: 6pt; overflow: hidden; text-indent: -99em; cursor: pointer; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } .flex-control-paging li a.flex-active { background-image: url(../images/dot2.png);} .flex-direction-nav { display: none } /*----------------------------- 第三屏 横空出世·缔造新场景 */ .indp3{ padding: 15pt;} .indp3 .p1{font-size: 0.60rem; margin-bottom: 5pt; margin-top: 5%; font-weight: bold;} .indp3 .p2{font-size: 0.36rem; margin-bottom: 20pt; padding-bottom: 20px; border-bottom: 2px solid #fff;} .indp3 .more a{font-size: 0.26rem; text-align: center; background: #fff; padding: 5px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 10pt;} .indp3 .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; } .w_wap_banner2 { overflow: auto; } .w_wap_banner2 .w_banner { margin: 0px auto; position: relative; width: 100%; overflow: hidden; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .w_wap_banner2 .w_banner .slides { zoom: 1; } #w_banner_02 .img{ border: 5px solid #fff; background: #fff;} #w_banner_02 .img img{ display: block;} .flex-control-nav { width: 100%; text-align: left; margin-top: 10pt; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline;} .flex-control-paging li a { display: block; width: 6pt; height: 6pt; overflow: hidden; text-indent: -99em; cursor: pointer; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: center; background-size: 100%; } .flex-control-paging li a.flex-active { background-image: url(../images/dot2.png);} .flex-direction-nav { display: none } /*----------------------------- 第四屏 颠覆传统·开启新早教 */ .indp4{ padding: 15pt;} .indp4 .p1{font-size: 0.60rem; margin-bottom: 5pt; margin-top: 20%; font-weight: bold;} .indp4 .p2{font-size: 0.36rem; margin-bottom: 20pt; padding-bottom: 20px; border-bottom: 2px solid #fff;} .indp4 .more a{font-size: 0.26rem; text-align: center; background: #fff; padding: 5px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 10pt;} .indp4 .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; } /*----------------------------- 第五屏 继往开来·书香传递 */ .indp5{ padding: 15pt;} .indp5 .p1{font-size: 0.60rem; margin-bottom: 5pt; margin-top: 20%; font-weight: bold;} .indp5 .p2{font-size: 0.36rem; margin-bottom: 20pt; padding-bottom: 20px; border-bottom: 2px solid #fff;} .indp5 .more a{font-size: 0.26rem; text-align: center; background: #fff; padding: 5px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 10pt;} .indp5 .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; } /*----------------------------- 第六屏 新闻资讯 */ .indp6{ padding: 5% 15pt 15pt 15pt;} .ind_news{background: #fff; padding: 10px; -webkit-box-shadow: 3.42px 9.397px 20px 0px rgba(77,77,77,0.2); box-shadow: 3.42px 9.397px 20px 0px rgba(77,77,77,0.2); } .ind_news .news_img_box{ position: relative;} .ind_news .news_img_box .omit{ position: absolute; bottom: 0; background: #004ea2;color: #fff;padding: 5px 5%; width: 90%; font-size: 0.28rem;font-weight: bold; } .ind_news li{ margin: 5pt 0; } .ind_news li a{ display: block;} .ind_news li a p{ font-size: 0.28rem; color: #333;line-height: 0.5rem; -webkit-line-clamp: 1; } .ind_news li a span{ font-size: 0.20rem; color: #878787;line-height: 0.3rem; } .ind_news .more a{font-size: 0.26rem; text-align: center; background: #e5f1fd; padding: 1px 10px; color: #004da2;height: 30px; line-height: 30px;display: inline-block;border-radius: 30px; margin-top: 10pt; } .ind_news .more a span{display: inline-block; width: 30px;height: 30px;background-size: 75%; background-image: url(../images/bg1.png); background-position: center; background-repeat: no-repeat;float: left; margin-right: 2pt;} /*底部版权*/ .copyRight {padding: 10pt ;margin: 0;padding-bottom: 70px; } .copy_2, .copy_2 a{color:#333} .copy_1 .foot_tel{ font-family: "DIN";} .page_news_list{ padding-top: 10pt;} .page_news_list .news_list li{ margin: 0pt 0 15pt 0;} /*文字阴影*/ .bshow{text-shadow: 0px 8px 13px rgba(0,0,0,0.3);} /*----------------------------- 底部留言*/ .fo_message .ind_title h6{color: #333;} .fo_message form { padding:0pt 10% 10pt 10%;} .fo_message form .inputbox{background: #eee; padding: 0 10pt;border-radius: 2pt;} .fo_message form .inputbox input{width: 100%; line-height:0.8rem; display: block;} .fo_message form .btn_tj{width: 100%; line-height:0.8rem; display: block;border-radius: 2pt;background: #8b8b8b;color: #fff;} /*底部样式2*/ .w_footer2 {width: 100%; min-width: 180px; max-width: 1000px; margin: 0 auto; background:#004ea2; bottom: 0; position: fixed; z-index: 99999; padding-top:5px;} .w_footer2 ul { width: 100%; } .w_footer2 ul li { width: 25%; float: left; color: #fff; } .w_footer2 ul li a { width: 100%; display: block; } .w_footer2 ul li dl { width: auto; margin: 0 auto; text-align: center; } .w_footer2 ul li dt { width: auto; height: 25px; overflow: hidden; } .w_footer2 ul li dt img{height: 25px;} .w_footer2 ul li dd { width: auto; height: 20px; font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; margin-bottom: 5px;} /*内页导航*/ .pro_menu{padding: 5pt; background:#f6f6f6;text-align: center;overflow:hidden; margin:0 auto;} .pro_menu li{ width: 33.333%; float: left; margin: 0pt 0 10pt 0;} .pro_menu li a{ display: block;background: #fff;margin: 0 5pt; text-align: center; border-radius: 20pt; line-height: 0.6rem; color: #333; font-size: 0.30rem;} .pro_menu li a.cur{background: #004ea2; color: #fff; } /*------------------------ 留言 */ .lyb_nr{border-top: 10px solid #eee; padding: 10pt;} .lyb_nr .p1{ font-size: 0.36rem; color: #333; line-height: 0.8rem; text-align: center; margin-bottom: 10px;} .lyb_nr .inputbox{ line-height: 50px; background: #eee;margin-bottom: 10px;padding: 0 10px;} .lyb_nr input{ display: block; width: 100%;line-height: 50px; color: #333;} .lyb_nr textarea{ display: block;padding: 10px 0; width: 100%;line-height: 0.5rem;height: 2rem;} .lyb_nr .btn_tj{ display: block; width: 100%;line-height: 40px;height: 40px; color: #fff;background: #004ea2;font-size: 0.30rem; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } /*------------------------ 内页新闻 */ .news_list li{ padding:0 5pt; margin: 5pt 0; } .news_list li a{ display: block;} .news_list li a .news_img_box{ width: 30%; float: right;} .news_list li a .news_img_box img{ width: 100%;border-radius: 2pt; } .news_list li a .text{ width: 65%; float: left;} .news_list li a h5{ font-size: 0.28rem; line-height: 0.5rem;height: 1rem;overflow: hidden; color: #333;} .news_list li a p{ font-size: 0.22rem; color: #999;line-height: 0.5rem; } /*------------------------ 新闻详情 */ .news_de_title{ padding: 10px;background: #f6f6f6;} .news_de_title h1{font-weight: 700; font-size: 0.38rem; margin-top: 5pt;} .news_de_title .time{ font-size:0.24rem; color:#999; margin-bottom:10px;} .news_de_title .time a{ color: #999;} .news_link { padding: 15pt 10pt;background: #f6f6f6; } .news_link a{color:#999; display: block; background: #fff; padding: 10px 5px;} .news_link a span{color:#333; margin-left: 10px;} /*------------------------ 内页产品 */ .pro_page_box{ background: #f6f6f6;} .pro_list{ padding: 0 5pt 10pt 5pt;} .pro_list li{ width: 45%; float: left; margin-left: 3.5%;background: #fff; margin-bottom: 10pt; border-radius: 5pt; overflow: hidden; } .pro_list li a{ padding: 5pt;display: block;} .pro_list li .pro_de_img{ width: 100%; } .pro_list li h6{ color: #333;font-size: 0.30rem; line-height: 0.5rem;height: 0.5rem; text-align: center; -webkit-line-clamp: 1;} .pro_list li p{ color: #666;font-size: 0.24rem;line-height: 0.4rem;} .pro_de_title{ background: #f6f6f6;} .pro_link{ background: #f6f6f6;} .pro_link .pro_list li{ background: #fff; padding: 0; } .pro_link .pro_list li a{ background: #fff; } /*------------------------ 加盟形象店 */ .page_shop{ padding: 10pt 0;} .page_shop li{ width: 29.333%; float: left; padding-left: 3%;padding-top: 5pt;} .page_shop li .shop_img{ width: 100%; } /*------------------------ 招商加盟 */ .jm_con_ti{ background-color: #004ea2;background-image: url(../images/bg2.png); background-position: right top; background-repeat: no-repeat; background-size: contain;} .jm_con_ti p{ line-height: 0.8rem; padding: 0pt 10pt; font-size: 0.36rem; color: #eece68; font-weight: 600; margin: 10pt 0;} .jm_tab1 li{ padding: 5pt 5pt;margin: 5pt 0; border-bottom: 1px solid #eee;} .jm_tab1 li .text{ width: 65%;float: left;} .jm_tab1 li .text .p1{ line-height: 0.5rem; font-weight: 600;} .jm_tab1 li .text .p2{ font-size: 0.24rem; color: #999;line-height: 0.45rem;} .jm_tab1 li .img_box{ width: 32%; float: right;} .jm_tab1 li .img_box img{ width: 100%;border-radius: 5pt; } .jm_tab2 .p1{ line-height: 0.5rem; font-weight: 600;} .jm_tab2 .p2{ line-height: 0.45rem;} .jm_tab3 li{ width: 30.333%; float: left; padding-left: 2%;} .jm_tab3 li .shop_img{ width: 92%; margin: 0 auto; } /*------------------------ 联系详情 */ .contant_text li{ margin-bottom: 10px;border-bottom: 1px solid #eee; padding-bottom: 10px;} .contant_text li .p1{ color: #333; font-size: 0.32rem;} .contant_text li .p2{ color: #999; font-size: 0.26rem; line-height: 0.5rem;} .feed .lyb_nr{ border-top: none;} .feed .lyb_nr p.p2{ font-size: 0.28rem; margin-bottom: 20px; margin-top : 10px; text-align: left; line-height: 0.5rem;} /*------------------------内页主体装容器*/ .font_content {padding: 10pt;background: #FFF;color: #333;line-height: 0.56rem; font-size: 0.30rem;margin-left: 0 !important; text-indent: 0 !important; } .font_content img{ max-width: 100% !important; height: auto !important; } .font_content table{ max-width:100%; text-align: inherit; line-height: inherit; font-size: 100%; border-collapse: collapse; border-spacing: 0; } .font_content table tbody {display: table-row-group;} .font_content table tr {display: table-row;} .font_content table th, .font_content table td {display: table-cell;} .page_box .yd_wap_news3{ padding: 0; background: #fff;border:none;} /*分页代码*/ .page{ margin:20px 0px; font-size:0.24rem; text-align: center;} .page a,.page span,.page .pg_link,.page .pg_next,.page .pg_last{ display:inline-block; margin: 5px 5px ; padding:5px 8px; color:#000; background:#eee; } .page .pg_curr { color:#fff; background:#004ea2; } .page a:hover{background:#004ea2; color:#fff;} /*----------------- 联系 --------------------------------*/ #dituContent{ width: 100%; height: 420px;} #dituContent img {max-width: 640px !important;} /*----------------- 业务 --------------------------------*/ .bu_top{ background: #fff; padding: 10pt; border-bottom: 1px solid #eee;} .bu_top .bu_img{ max-width: 100%;} .pa_t_b{ background-image: url(../images/bg1.jpg); background-position: center left; background-repeat: repeat-x; margin: 10pt 0;} .pa_t_b span{ padding: 5pt 10%; background: #fff; font-size: 0.36rem;} /*2023-06-16新增*/ .clear{ width:100%; clear:both; height:1px;} .banner{ width:100%;} .banner img{ width:100%;} .w_video{ width:100%;} .page3{ width:100%; background:#003672; color:#fff; padding-bottom:30px;} .page3_img{ width:70%; max-width:400px; margin:0 auto; text-align:center; padding-top:30px; padding-bottom:30px; } .page3_img img{ width:100%;} .page3 p{ line-height:22px; text-indent:2em; padding:5px 17px;} .page3 a{ display:block; width:60%; height:45px; font-size:16px; line-height:45px; margin:0 auto; margin-top:30px;border-radius:30px; text-align:center; border:1px solid #fff;} .page3 a.b1{background:#fff; color:#003672 } .page3 a.b2{background:#003672; color:#fff; } .page4{ width:100%; background:#f7f7ff; padding:35px 0px;} .page4 .page4_img{ width:90%; max-width:500px; margin:0 auto} .page4 .page4_img img{ width:100%;} .page4 .title{ width:90%; margin:0 auto; font-size:22px; font-weight:bold; padding-top:25px; line-height:32px;} .page4 .tip{ display:inline-block; padding:0px 10px; height:35px; font-size:14px; line-height:35px;margin-left:5%;margin-top:20px;border-radius:30px; text-align:center;background:#c2b302; color:#fff} .page4 .txt{ padding:0px 5%; margin-top:16px;} .page5{ width:100%; background:#fff; padding:30px 0px; color:#333;} .page5 .wcontent h2{ font-size:22px;font-weight:bold; text-align:center} .page5 .wcontent .t-title{ text-align:center; color:#666; font-size:16px;} .page5 .wcontent .box { width:94%; margin:0 auto; margin-top:10px; text-align:center;} .page5 .wcontent .box img{width:100%;} .page6{ width:100%; background:url(../images/page6.jpg) no-repeat;background-size: cover ; color:#333; } .page6 .wcontent h2{ font-size:22px;font-weight:bold; text-align:center; padding-top:45px;} .page6 .wcontent .t-title{ font-size:14px; text-align:center; padding:20px 0px; color:#666666} .page6 .wcontent a { display:block; width:30%; background:#003672;padding:0px 15px; height:50px; font-size:14px; line-height:50px; text-align:center; color:#fff;border-radius:30px; margin:0 auto; margin-top:100px; } .page6 .wcontent a:hover{ background:#1a5393} .index_pro_list li{ width:50% !important; margin-left:0px !important; } .index_pro_t{ background:#fff; width:96%; padding:15px 0px; margin:0px auto;border-radius:6px; padding-bottom:4px;} .index_pro_t .title{ font-size:20px; font-weight:bold; padding-left:5px;} .index_pro_t .title a{ font-size:14px; float:right; color:#000} .index_pro_t .class { padding-top:10px;} .index_pro_t .class a{display: block; width:31%; float:left; margin-left:1%; margin-right:1%; margin-bottom:8px; background: #f6f6f6; text-align: center; border-radius: 20pt; line-height: 0.6rem; color: #333; font-size: 0.30rem; }}