@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, 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;} .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: #66cef7;} .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: #e60012;} .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: 65px; width: 100%;} /*--------------------------- 手机站导航开始 ----------*/ .sp_header{height:65px;overflow:hidden;background:#e60012;position:fixed;z-index:10;width:100%; max-width:1000px;} .sp_logo{float:left;height:50px; width: 80%;} .sp_logo h1{ width: 100%; height: 100%;} .sp_logo h1 a{ height: 100%;} .sp_logo h1 .p1{ font-size:0.30rem; line-height:30px; padding-top:5px} .sp_logo h1 .p2{ font-size:0.22rem; padding-top: 2pt; line-height:0.22rem;} .sp_logo img{margin:auto;max-height:100%; padding-right: 5pt;float: left; padding-left:5pt;padding-top:5pt;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:35px;margin-top:15pt} .sp_nav span{display:block;background:#fff;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:#fff;width:100%; max-width:1000px;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:65px} .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;} .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;} /*------------ 手机站导航结束 ----------*/ /*------------------------ banner */ .w_wap_banner1 {background: #fff; overflow: auto; } .w_wap_banner1 .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_banner1 .w_banner .slides { zoom: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: 5%; text-align: center; } .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 } /*----------------------------- 通用 */ .ind_title{ text-align: center; padding: 15pt 0 0pt 0;} .ind_title p{ line-height: 0.4rem;} .more{ width: 60%; display: block; line-height: 0.7rem; text-align: center;margin: 0 auto; font-size: 0.30rem;border-radius: 30pt; } /*----------------------------- 首页pro */ .ind_pro{ background-color: #f6f6f6;} .ind_pro_class{ padding: 0 10pt;} .ind_pro_class li{ width: 33.333%; float: left; margin: 0pt 0 10pt 0;} .ind_pro_class 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_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.3rem; height:0.6rem; text-align: center;} .pro_list li p{ color: #666;font-size: 0.24rem;line-height: 0.4rem;} .pro_list .more{background: #e60012;color: #fff; margin: 10pt auto;} /*----------------------------- 首页荣誉 */ .honor_list {background: #fff;width: 100%; } .honor_list li{ margin: 15pt; border-top: 1px solid #eee;} .honor_list li:nth-child(1){border-top: none;} .honor_list li a{ display: block;margin: 10pt 0; } .honor_list li a .ho_img_box{ width: 30%; float: left;} .honor_list li a .ho_img{ width: 100%; } .honor_list li a .text{ width: 65%; float: right;} .honor_list li a h6{ font-size: 0.30rem; line-height: 0.5rem;height: 0.5rem;overflow: hidden; color: #333;} .honor_list li a p{ font-size: 0.24rem; color: #999;line-height: 0.4rem; height: 1.2rem;overflow: hidden;} .honor_list .more{background: #e60012;color: #fff; margin: 10pt auto;} /*----------------------------- 首页关于 */ .ind_about{ padding: 5pt 15pt 15pt 15pt; background-image: url(../images/bg1.jpg); background-position: top center; background-size: cover; } .ind_about .ind_title h6, .ind_about .ind_title p{color: #fff; } .ind_about_t p{text-align: center;} .ind_about .more{background: #fff;color: #e60012; margin: 15pt auto 10pt auto;} .hon_list li{ width: 45%; float: left; margin-left: 3.5%;background: #fff; margin-bottom: 10pt; border-radius: 5pt; overflow: hidden; } .hon_list li img{ width: 100; border-radius: 5pt; overflow: hidden; } .hon_list li p{ margin: 10pt 0; font-style: 0.30rem; text-align: center;} /*----------------------------- 首页视频 */ .ind_vi{ background-color: #f6f6f6;} .ind_vi_t{ padding: 0pt 10pt 20pt 10pt;} /*----------------------------- 新闻列表*/ .ind_news{ padding: 15pt 0 0pt 0;} .ind_news_box{ background-color: #f6f6f6; margin: 10pt 15pt 15pt 15pt;} .ind_news_tab a{line-height: 1rem;width: 50%;font-size: 0.32rem;display: block;float: left;text-align: center;color: #333;background-color: #fff;} .ind_news_tab a.active{ color: #e60012; font-weight: 500;background-color: #f6f6f6;} .ind_news .news_list{ padding: 10pt;} .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: 5pt; } .news_list li a .text{ width: 65%; float: left;} .news_list li a .text2{ width: 100%} .news_list li a h5{ font-size: 0.3rem; font-weight:bold; line-height: 0.5rem;overflow: hidden; color: #333;} .news_list li a p{ font-size: 0.22rem; color: #999;line-height: 0.5rem; } .ind_news .more{background: #e60012;color: #fff; margin: 10pt auto;} .page_news_list{ background-color: #f6f6f6;border-top: 1px solid #eee; padding-top: 10pt;} .page_news_list .news_list li{ margin: 0pt 0 15pt 0; border-bottom:1px dashed #ddd} /*----------------------------- 底部留言*/ .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;} /*底部版权*/ .copyRight {padding: 10pt ;margin: 0;padding-bottom: 70px; background: #f6f6f6;border-top: 1px solid #ddd; } .copy_2, .copy_2 a{color:#333} /*底部样式2*/ .w_footer2 {width: 100%; min-width: 180px; max-width: 1000px; margin: 0 auto; background:#e60012; 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: #e60012; color: #fff; } .min-box{ text-align:left} .min-box a{ display:inline-block; margin:2px 5px; color:#000 ; font-size: 0.25rem; border:1px solid #fff; line-height:0.45rem; padding:2px 3px;} .min-box a.cur{ background:#e60012; color:#ffffff;} /*------------------------ 留言 */ .lyb_nr{border-top: 10px solid #eee; padding: 10px;} .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: #20b28b;font-size: 0.30rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*------------------------ 新闻详情 */ .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_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: #e60012;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: 10px;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:#e60012; } .page a:hover{background:#e60012; 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;}