<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*header*/
.header { width: 100%; height: 110px; background-color: #FFF; }
.header .logo { width: 250px; height: 110px; overflow: hidden; float: left; margin-top:10px }
.header .nav { float: right; margin-top:30px; background:#1550c0 }
.header .nav ul { overflow: hidden;  }
.header .nav ul li { float: left; margin-left: 15px;  line-height:60px; }
.header .nav ul li a { display: block; padding: 0 20px; color: #fff; -webkit-transition: .2s; }
.header .nav ul li.active a,.header .nav ul li a:hover { background-color: #0066CC; color: #FFF; }
/*header*/
.t {
    background-color: #efefef;
    height: 35px;
    width:100%;
}
.t_n {
    font-size: 14px;
    height: 35px;
    width: 1200px;
	 margin:0 auto;
	 font-size:12px;
	 font-family:"宋体"
}
.t_nl {
    color: #666;
    float: left;
    height: 35px;
    line-height: 35px;
    width: 500px;
}

.r_nr {
    color: #666;
    float: right;
    height: 35px;
    line-height: 35px;
    text-align: right;
    width: 500px;
}
.r_nr a {
    color: #666;
}
.r_nr a:hover {
    color: #00990d;
}

/*banner*/
.flexslider{position:relative;overflow:hidden;*height:650px;}
.flexslider .slides li a{display: block;}
.flex-direction-nav a{position:absolute;top:50%;left:50%;width:49px;height:49px;line-height:99em;overflow:hidden;margin-top:-24px;display:block;background:url(../images/b_ctrl.png) no-repeat;
z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease;}
.flex-direction-nav .flex-next{background-position: 0 -49px; margin-left: 600px;}
.flex-direction-nav .flex-prev{background-position:0 0; margin-left: -650px;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}
.flex-control-nav{position:absolute;bottom:25px; left:50%; margin-left:-50px; display:none;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{width:20px;height:20px; vertical-align:middle; text-align:center;background:#3d3d3d;display:block;overflow:hidden;cursor:pointer;
line-height:20px;font-size:12px;color:#fff;}
.flex-control-paging li a.flex-active{background:#fff; color:#3d3d3d; line-height:20px}
/*banner*/

/*===============客服===============*/
.qqkefu{position: fixed;top:50%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index: 20;right:0;width:45px;}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent: 10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background: #0066CC;}
.qqkefu ul li.top{background:url(../images/k1.png) no-repeat center  #FF9900;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(../images/k1.png) no-repeat center #FF9900;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../images/k2.png) no-repeat center #FF9900;}
.qqkefu ul li b.b{background:url(../images/k3.png) no-repeat center #FF9900;}
.qqkefu ul li b.f{background:url(../images/k4.png) no-repeat center #FF9900;}
.qqkefu ul li b.c{background:url(../images/k5.png) no-repeat center #FF9900;}
.qqkefu ul li:hover b.a{background:url(../images/k2.png) no-repeat center center #FF9900;}
.qqkefu ul li:hover b.b{background:url(../images/k3.png) no-repeat center center #FF9900;}
.qqkefu ul li:hover b.f{background:url(../images/k4.png) no-repeat center center #FF9900;}
.qqkefu ul li:hover b.c{background:url(../images/k5.png) no-repeat center center #FF9900;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../images/qr_img.png) no-repeat;}
.erweima p{margin-top:20px;margin-left:10px;}
.erweima img{width:90px;height:90px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}




/*section1*/
.section1 { width: 100%; padding: 40px 0 90px; background-color: #f1f1f1; }
.section1 .sec1_top { width: 1000px; margin: 0 auto 20px; }
.section1 .sec1_top h2 { width: 1000px; font-size: 30px; *font-weight: bold; font-family: 'FZLTHK'; color: #333; text-align: center; background: url(../images/h2_bg.jpg) repeat-x left bottom; padding: 14px 0; position: relative; }
.section1 .sec1_top h2 span { display: block; width: 180px; height: 2px; background-color: #999; position: absolute; left: 50%; margin-left: -90px; bottom: 0; }
.section1 .sec1_top p { text-align: center; font-size: 12px; color: #999; margin-top: 20px; }
	/*滚动*/
.section1 .rollBox { width: 1000px; margin: 0 auto; position: relative; }
.section1 .rollBox .Cont { width: 1000px;/* height: 379px;*/ overflow: hidden; }
.section1 .rollBox .ScrCont{ width:10000000px;/* height: 379px;*/}
.section1 .Cont ul { overflow: hidden; height: 405px; /*padding: 15px 0;*/ }
.rollBox #List1,.rollBox #List2{float:left;}
.section1 .Cont ul li { float: left; width: 250px; margin: 15px 0; /* height: 375px;*/
	 -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.section1 .Cont ul li a { display: block; }
.section1 .Cont ul li a h3 { width: 250px; height: 62px; line-height: 62px; text-align: center; font-size: 18px; color: #FFF;
	 -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s; }
.section1 .Cont ul li:nth-child(4n+1) a h3 { background-color: #43b790; }
.section1 .Cont ul li:nth-child(4n+2) a h3 { background-color: #64cff9; }
.section1 .Cont ul li:nth-child(4n+3) a h3 { background-color: #fd95b6; }
.section1 .Cont ul li:nth-child(4n+4) a h3 { background-color: #fba155; }
.section1 .Cont ul li .slideImg { width: 248px; height: 302px; overflow: hidden; border: 1px solid #e5e5e5; border-top: none; padding-top: 10px;-webkit-transition: all 0.5s ease-in-out 0s; }
.section1 .Cont ul li .slideImg .img { width: 248px; height: 302px; overflow: hidden; background-color: #FFF; 
	 -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; transition: .5s;
	 -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.section1 .Cont ul li:nth-child(4n+1) .slideImg { background: #FFF url(../images/green.png) no-repeat center top; }
.section1 .Cont ul li:nth-child(4n+2) .slideImg { background: #FFF url(../images/blue.png) no-repeat center top; }
.section1 .Cont ul li:nth-child(4n+3) .slideImg { background: #FFF url(../images/pink.png) no-repeat center top; }
.section1 .Cont ul li:nth-child(4n+4) .slideImg { background: #FFF url(../images/orange.png) no-repeat center top; }

.section1 .Cont ul li:hover { margin-top: 3px; margin-bottom: 3px; }
.section1 .Cont ul li:hover a h3 { padding-top: 6px; padding-bottom: 6px; }
.section1 .Cont ul li:hover .slideImg { padding-bottom: 12px; border: 1px solid #43b790; border-top: none; }
.section1 .Cont ul li:hover .slideImg .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.section1 .Cont ul li:hover .slideImg { padding-bottom: 12px; border: 1px solid #43b790; border-top: none; }
/*.section1 .Cont ul li.slide_li01:hover .slideImg { padding-bottom: 12px; border: 1px solid #43b790; border-top: none; }
.section1 .Cont ul li.slide_li02:hover .slideImg { padding-bottom: 12px; border: 1px solid #64cff9; border-top: none; }
.section1 .Cont ul li.slide_li03:hover .slideImg { padding-bottom: 12px; border: 1px solid #fd95b6; border-top: none; }
.section1 .Cont ul li.slide_li04:hover .slideImg { padding-bottom: 12px; border: 1px solid #fba155; border-top: none; }*/
.section1 .rollBox .LeftBotton,.section1 .rollBox .RightBotton { width: 40px; height: 60px; display: block; overflow: hidden; position: absolute; top: 50%; margin-top: -30px; background: url(../images/ctrl.png); cursor: pointer; }
.section1 .rollBox .LeftBotton { left: -110px; background-position: 0 0; }
.section1 .rollBox .LeftBotton:hover { background-position: -40px 0; }
.section1 .rollBox .RightBotton { right: -110px; background-position: 0 -60px; }
.section1 .rollBox .RightBotton:hover { background-position: -40px -60px; }
/*section1*/

/*section2*/
.section2 { width: 100%; height: 300px; background-color: #1550c0; }
.section2 .sec2_imgBox { width: 282px; height: 282px; float: left; margin-left: 25px; margin-top: -15px; border: 1px solid #66CCFF; position: relative; }
.section2 .sec2_imgBox .img { position: absolute; left: -25px; top: -30px; }
.section2 .sec2_content { width: 760px; margin-top: -15px; float: right; }
.section2 .sec2_content h2 { width: 206px; height: 57px; line-height: 57px; color: #FFF; text-align: center; font-size: 24px; background-color: #0066CC; }
.section2 .sec2_content .para { width: 740px; margin-top: 35px; }
.section2 .sec2_content .para span { display: block; width: 40px; height: 1px; background-color: #ade1d0; margin-bottom: 30px; }
.section2 .sec2_content .para p { line-height: 30px; font-size: 14px; color: #FFF; }
.section2 .sec2_content .para .sec2_more { display: block; width: 150px; height: 36px; line-height: 36px; text-align: center; color: #ade1d0; margin-top: 30px; border: 2px solid #c0ebf9;
 -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.section2 .sec2_content .para .sec2_more:hover { border: 2px solid #FFF; color: #FFF; }
/*section2*/

/*section3*/
.section3 { width: 100%; padding: 60px 0 90px; background-color: #FFF; }
.section3 .sec3_top { width: 1000px; margin: 0 auto 35px; }
.section3 .sec3_top h2 { width: 1000px; font-size: 36px; *font-weight: bold; font-family: 'FZLTHK';  color: #333; text-align: center; background: url(../images/h2_bg.jpg) repeat-x left bottom; padding: 14px 0; position: relative; }
.section3 .sec3_top h2 span { display: block; width: 180px; height: 2px; background-color: #999; position: absolute; left: 50%; margin-left: -90px; bottom: 0; }
.section3 .sec3_top p { text-align: center; font-size: 12px; color: #999; margin-top: 20px; }
.section3 .sec3_content { width: 1000px; height: 260px; background-color: #f1f1f1; margin: 0 auto; padding-top: 30px; }
.section3 .sec3_content .sec3_items { width: 255px; float: left; border-top: 4px solid #f1f1f1; padding-top: 130px; position: relative;
-webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s; }
.section3 .sec3_content .sec3_items:hover { background-color: #fff; border-top: 4px solid  #0066CC; }
.section3 .sec3_content .sec3_items1 { margin-left: 117px; background: url(../images/s_items01.png) no-repeat center 25px; }
.section3 .sec3_content .sec3_items2 { background: url(../images/s_items02.png) no-repeat center 25px; }
.section3 .sec3_content .sec3_items3 { background: url(../images/s_items03.png) no-repeat center 25px; }
.section3 .sec3_content .sec3_items h3 { font-size: 20px; color: #333; line-height: 48px; text-align: center; }
.section3 .sec3_content .sec3_items h5 { width: 190px; height: 78px; line-height: 22px; margin: 0 auto; font-size: 13px; color: #666666; text-align: center; }
.section3 .sec3_content .sec3_items .sec3_more { width: 255px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; bottom: -50px; background-color: #0066CC; color: #FFF; opacity: 0; filter: alpha(opacity=0);
-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;  }
.section3 .sec3_content .sec3_items:hover .sec3_more { opacity: 1; filter: alpha(opacity=100); }
/*section3*/

/*section4*/
.section4 { width: 100%; padding: 43px 0 60px; background: url(../images/bg.jpg) repeat-x; }
.section4 .sec4_top { width: 1000px; margin: 0 auto 30px; }
.section4 .sec4_top h2 { width: 1000px; font-size: 36px; *font-weight: bold; font-family: 'FZLTHK';  color: #FFF; text-align: center; background: url(../images/h2_bg.jpg) repeat-x left bottom; padding: 14px 0; position: relative; }
.section4 .sec4_top h2 span { display: block; width: 180px; height: 2px; background-color: #FFF; position: absolute; left: 50%; margin-left: -90px; bottom: 0; }
.section4 .sec4_top p { text-align: center; font-size: 12px; color: #FFF; margin-top: 20px; }
.section4 .sec4_content { width: 1000px; margin: 38px auto 0; overflow: hidden; }
.section4 .sec4_content .sec4_news { display: block; width: 315px; height: 260px; float: left; margin-right: 27px; }
.section4 .sec4_content .sec4_news3 { margin-right: 0; }
.section4 .sec4_news .sec4_img { width: 315px; height: 160px; overflow: hidden; }
.section4 .sec4_news .sec4_img img { transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.section4 .sec4_news:hover .sec4_img img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.section4 .sec4_news .sec4_contents { width: 299px; height: 67px; overflow: hidden; padding: 18px 8px 15px; background-color: #f1f1f1; }
.section4 .sec4_news:hover .sec4_contents { background-color: #0066CC; }
.section4 .sec4_news .s_c_left { width: 67px; height: 67px; float: left; color: #999; }
.section4 .sec4_news .s_c_left strong { font-size: 20px; color: #666; font-weight: normal; }
.section4 .sec4_news .s_c_right { width: 220px; float: left; padding-left: 11px; border-left: 1px solid #e5e5e5; }
.section4 .sec4_news .s_c_right h3 { line-height: 22px; color: #333; margin-bottom: 10px; }
.section4 .sec4_news .s_c_right h5 { font-size: 12px; color: #999; }
.section4 .sec4_news:hover .s_c_left,
.section4 .sec4_news:hover .s_c_left strong,
.section4 .sec4_news:hover .s_c_right h3,
.section4 .sec4_news:hover .s_c_right h5 { color: #FFF; }
.section4 .sec4_news:hover .s_c_right { border-left: 1px solid #a1dbc7; }
.section4 .sec4_border { width: 842px; height: 66px; margin: 0 auto; border: 2px solid #e5e5e5; border-top: none; }
.section4 .sec4_more { -webkit-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;
 display: block; width: 148px; height: 40px; margin: 30px auto 0; text-align: center; line-height: 40px; font-size: 18px; color: #666; border: 1px solid #434343; }
.section4 .sec4_more:hover { border: 1px solid #0066CC; background-color: #0066CC; color: #FFF; }
/*section4*/

/*section5*/
.section5 { width: 100%; padding: 50px 0 65px; background-color: #f1f1f1; }
.section5 .sec5_top { width: 1000px; margin: 0 auto 35px; }
.section5 .sec5_top h2 { width: 1000px; font-size: 36px; *font-weight: bold; font-family: 'FZLTHK';  color: #333; text-align: center; background: url(../images/h2_bg.jpg) repeat-x left bottom; padding: 14px 0; position: relative; }
.section5 .sec5_top h2 span { display: block; width: 180px; height: 2px; background-color: #999; position: absolute; left: 50%; margin-left: -90px; bottom: 0; }
.section5 .sec5_top p { text-align: center; font-size: 12px; color: #999; margin-top: 20px; }
.section5 .sec5_content { width: 1000px; margin: 0 auto; margin-bottom: 34px; overflow: hidden; }
.section5 .sec5_content .sec5_email,
.section5 .sec5_content .sec5_tel,
.section5 .sec5_content .sec5_iphone,
.section5 .sec5_content .sec5_address { width: 250px; height: 63px; padding-top: 23px; float: left;
 transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; }
.section5 .sec5_content .sec5_email { background: url(../images/email.png) no-repeat center top; }
.section5 .sec5_content .sec5_tel { background: url(../images/tel.png) no-repeat center top; }
.section5 .sec5_content .sec5_iphone { background: url(../images/iphone.png) no-repeat center top; }
.section5 .sec5_content .sec5_address { background: url(../images/add.png) no-repeat center top; }
.section5 .sec5_content .sec5_email:hover,
.section5 .sec5_content .sec5_tel:hover,
.section5 .sec5_content .sec5_iphone:hover,
.section5 .sec5_content .sec5_address:hover { background-position: center -4px; }
.section5 .sec5_content h6 { height: 63px; line-height: 95px; text-align: center; border-right: 1px solid #e5e5e5; }
.section5 .sec5_content .sec5_address h6 { border-right: none; }
.section5 .sec5_form { width: 1000px; margin: 0 auto; overflow: hidden; }
.section5 .sec5_form .sec5_txt { width: 300px; height: 42px; line-height: 42px; color: #999; margin-bottom: 30px; padding-left: 14px; background: #FFF; border: none; margin-right: 29px; }
.section5 .sec5_form .sec5_txt.sec5_txt3 { margin-right: 0; }
.section5 .sec5_form .sec5_text { width: 846px; height: 125px; padding: 15px 14px; color: #999; float: left; background: #FFF; border: none; margin-right: 30px; }
.section5 .sec5_form .sec5_btn { width: 96px; height: 155px; text-align: center; line-height: 155px; border: none; font-size: 18px; color: #FFF; background-color: #43b790; cursor: pointer; -webkit-transition: .3s; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.section5 .sec5_form .sec5_btn:hover { background-color: #3CA280; }
/*section5*/

/*footer*/
.footer { width: 100%; background-color: #0066CC; }
.footer .foot_content { width: 1000px; margin: 0 auto; padding:  45px 0 110px; overflow: hidden; }
.footer .foot_content dl { float: left; width: 105px; height: 130px; padding-left: 40px; border-left: 1px solid   #3366FF; border-right: 1px solid  #006699; }
.footer .foot_content dl.first { width: 130px; padding-left: 0; border-left: none; }
.footer .foot_content dl.last { width: 125px; padding-left: 0; border-right: none; text-align: right; }
.footer .foot_content dl dt { line-height: 28px; color: #FFF; margin-bottom: 10px; }
.footer .foot_content dl dd a { line-height: 28px; color: #66CCFF; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; }
.footer .foot_content dl dd a:hover { color: #FFF; }
.footer .copy { width: 100%; height: 47px; background: #1550c0; }
.footer .copy p { text-align: center; color: #FFF; line-height: 47px; }
/*footer*/
/*主页样式结束*主页样式结束*主页样式结束*主页样式结束*/


/*子页  走进康倍健  公司简介intro.html页面*/
.banner { width: 100%; }

/*intro*/
.intro { width: 1000px; margin: 40px auto; }
.intro .intro_top { width: 1000px; height: 64px; border-bottom: 1px solid #dedede; }
.intro .intro_top ul { height: 74px; text-align: center; }
.intro .intro_top ul li { display: inline-block; *display: inline; *zoom: 1; text-align: center; margin-right: 10px; }
.intro .intro_top ul li a { display: block; border-radius: 20px; line-height: 34px; padding: 0 50px; color: #333; }
.intro .intro_top ul li.active a,.intro .intro_top ul li a:hover { background-color: #0066CC; color: #FFF; }
.intro .intro_top ul li i { display: inline-block; *display: inline; *zoom:1; width: 16px; height: 36px; background: url(../images/after.jpg) no-repeat center; opacity: 0; filter: alpha(opacity=0); }
.intro .intro_top ul li.active i,.intro .intro_top ul li:hover i {  opacity: 1; filter: alpha(opacity=100); }
.intro .intro_content { width: 100%; margin-top: 60px; }
.intro .intro_content h1 { font-size: 18px; color: #585858; text-align: center; line-height: 58px; }
.intro .intro_content .introImg { width: 1000px; height: 317px; overflow: hidden; margin-top: 10px; }
.intro .intro_content .para { margin-top: 45px; }
.intro .intro_content .para p { color: #585858; line-height: 28px; }
/*intro*/

/*子页  荣誉资质  hornor.html页面*/
.hornor { width: 1000px; margin-top: 60px; }
.hornor ol { width: 100%; height: 372px; }
.hornor ol li { float: left; width: 230px; margin-right: 26px;
 -webkit-transition: .3s; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; transition: .3s; }
.hornor ol li:hover { margin-top: -5px; }
.hornor ol li.last { margin-right: 0; }
.hornor ol li .img { width: 230px; height: 330px; overflow: hidden; }
.hornor ol li h2 { text-align: center; height: 42px; line-height: 42px; }
.hornor ol li:hover h2 { color: #0066CC; }
.hornor .page { margin-top: 70px; overflow: hidden; }
.hornor .page a { float: left; display: block; width: 37px; height: 37px; margin-right: 7px; background-color: #f1f1f1; color: #666; text-align: center; line-height: 37px; }
.hornor .page a.active,.hornor .page a:hover { background-color: #0066CC; color: #fff; }


/*子页  加盟中心  join.html页面*/
.join { width: 100%; }
/*加盟流程*/
.join_top { width: 100%; background: #FFF; padding-bottom: 80px; }
.join_top h2 { width: 1000px; margin: 0 auto 40px; font-size: 24px; line-height: 42px; text-align: center; }
.join_top ul.join_top_c { width: 1000px; margin: 0 auto; overflow: hidden; }
.join_top ul.join_top_c li { float: left; width: 168px; margin-right: 40px; }
.join_top ul.join_top_c li.last { margin-right: 0; }
.join_top ul.join_top_c li .circle { width: 99px; height: 99px; border-radius: 50%; margin-left: 34px; overflow: hidden; }
.join_top ul.join_top_c li h3 { height: 55px; line-height: 55px; color: #666; text-align: center; transition: .5s; }
.join_top ul.join_top_c li:hover h3 { color: #0066CC; }
/*加盟条件*/
.join_condition { width: 100%; background-color: #f6f6f6; padding: 75px 0 80px; }
.join_condition h2 { width: 1000px; margin: 0 auto 70px; font-size: 24px; line-height: 42px; text-align: center; }
.join_condition ul { width: 1000px; margin: 0 auto; overflow: hidden; }
.join_condition ul li { float: left; font-family: 'FZHTFW'; width: 182px; height: 137px; line-height: 137px; text-align: center; color: #666; margin-right: 22px; font-size: 46px; background: url(../images/bg_0.jpg) no-repeat center; }
.join_condition ul li.last { margin-right: 0; }
.join_condition ul li.active/*,.join_condition ul li:hover*/ {  background: url(../images/bg_0_hover.jpg) no-repeat center; color: #FFF; }
.join_condition .condition_c { width: 1000px; margin: 0 auto; height: 90px; line-height: 90px; position: relative; }
.join_condition .condition_c p { display: none; }
.join_condition .condition_c .border { position: absolute; bottom: 0; left: 0; width: 1000px; height: 2px; background-color: #d2d2d2; }
.join_condition .condition_c .border span { width: 182px; height: 2px; display: block; float: left; background-color: #d2d2d2; margin-right: 22px; }
.join_condition .condition_c .border span.last { margin-right: 0; }
.join_condition .condition_c .border span.active { background-color: #0066CC; }
/*加盟优势*/
.join_advantage { width: 100%; background-color: #fff; padding: 75px 0 90px; }
.join_advantage h2 { width: 1000px; margin: 0 auto 40px; font-size: 24px; line-height: 42px; text-align: center; }
.join_advantage .join_a_c { width: 1000px; margin: 0 auto; overflow: hidden; }
.join_advantage .j_items { float: left; width: 493px; height: 170px; border-left: 2px solid #f6f6f6; margin-right: 10px; margin-bottom: 20px; overflow: hidden; }
.join_advantage .j_items2,.join_advantage .j_items4 { margin-right: 0; }
.join_advantage .j_items3,.join_advantage .j_items4 { margin-bottom: 0; }
.join_advantage .j_items .img { width: 210px; height: 170px; float: left; overflow: hidden; }
.join_advantage .j_items:hover .img img { transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.join_advantage .j_items .img.hover img { transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
.join_advantage .j_items:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.join_advantage .j_items .j_items_c { padding: 15px 20px; width: 243px; height: 140px; float: left; background-color: #f6f6f6; }
.join_advantage .j_items:hover .j_items_c { background-color: #0066CC; }
.join_advantage .j_items .j_items_c h3 { font-size: 18px; color: #333; line-height: 42px; }
.join_advantage .j_items:hover .j_items_c h3 { color: #FFF; }
.join_advantage .j_items .j_items_c span { display: block; width: 15px; height: 2px; background-color: #c6c6c6; margin-top: 5px; }
.join_advantage .j_items .j_items_c p { line-height: 28px; color: #666; margin-top: 5px; }
.join_advantage .j_items:hover .j_items_c p { color: #FFF; }

/*子页  产品中心  product.html页面*/
.product { width: 1000px; margin-top: 60px; }
.product ol { width: 100%; overflow: hidden; }
.product ol li { float: left; width: 240px; height: 390px; margin-right: 14px; margin-bottom: 30px; }
.product ol li a.prod_box { display: block; width: 240px; height: 390px; }
.product ol li:nth-child(4n+0) { margin-right: 0; width: 238px; }
.product ol li .img { width: 240px; height: 323px; overflow: hidden; background-color: #f5f5f5;border: 1px solid #DEDEDE; }
.product ol li .img img { -webkit-transition: 1s; -o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; transition: 1s; }
.product ol li:hover .img img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.product ol li h3 { text-align: center; height: 42px; line-height: 42px; overflow:hidden }
.product ol li .a_detail { display: block; text-align: center; width: 88px; height: 25px; line-height: 25px; font-size: 12px; color: #666666; border: 1px solid #eeeeee; margin: 0 auto;
 -webkit-transition: .6s; -o-transition: .6s; -ms-transition: .6s; -moz-transition: .6s; transition: .6s; }
.product ol li:hover .a_detail { color: #FFF; background-color: #0066CC; border: 1px solid #0066CC; }
.product .page { margin-top: 70px; overflow: hidden; font-size:12px; line-height:37px; }
.product .page a { float: left; display: block; width: 37px; height: 37px; margin-right: 7px; background-color: #f1f1f1; color: #666; text-align: center; line-height: 37px; }
.product .page a.active,.product .page a:hover { background-color: #0066CC; color: #fff; }

/*产品详情页 product-detail.html页面*/
.product_detail { width: 1000px; margin: 0 auto; padding-bottom: 190px; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#fff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.product_detail .p_detail { width: 1000px; height: 506px; background-color: #f9f9f9; overflow: hidden; }
.product_detail .p_detail .spec-preview { float: left; width: 373px; height: 504px; background-color: #FFF; border: 1px solid #dcdcdc; overflow: hidden; }
.p_detailRight { float: right; width: 535px; padding: 40px 40px 30px 50px; }
.p_detailRight h2 { font-size: 24px; color: #333; line-height: 42px; }
.p_detailRight p { font-size: 14px; color: #666; line-height: 36px; }
.p_detailRight .zixun { display: block; margin-top: 25px; width: 170px; height: 43px; line-height: 43px; text-align: center; background-color: #0066CC; color: #FFF; }
.p_detailRight .zixun:hover { background-color: #2d9a75; }
.p_detailRight .spec-scroll { width: 468px; height: 132px; margin: 44px auto 0; position: relative; }
.p_detailRight .spec-scroll .items { width: 468px; height: 132px; position: relative; overflow: hidden; }
.p_detailRight .spec-scroll .items ul { height: 132px; width: 99999px; position: absolute; }
.p_detailRight .spec-scroll .items ul li { float: left;/* width: 95px; height: 130px;*/ }
.p_detailRight .spec-scroll .items ul li img { width: 95px; height: 130px; margin: 0 10px; border: 1px solid #dcdcdc; display: block; overflow: hidden; }
.p_detailRight .spec-scroll .items ul li:hover img { border: 1px solid #0066CC; }
.p_detailRight .spec-scroll .items ul li img.hover{ border: 1px solid #0066CC; }
.p_detailRight .spec-scroll .prev,.p_detailRight .spec-scroll .next { display: block; cursor: pointer; width: 30px; height: 130px; position: absolute; top: 1px; background: url(../images/tabCtrlL.jpg) no-repeat center; }
.p_detailRight .spec-scroll .next { right: -32px; background: url(../images/tabCtrlR.jpg) no-repeat center; }
.p_detailRight .spec-scroll .prev { left: -32px; background: url(../images/tabCtrlL.jpg) no-repeat center; }

.product_detail .p_intro { width: 1000px; margin-top: 50px; }
.product_detail .p_intro h3 { font-size: 18px; color: #333; line-height: 30px; }
.product_detail .p_intro p { font-size: 14px; color: #666; line-height: 42px; }

.product_detail .p_other { width: 1000px; margin-top: 50px; }
.product_detail .p_other h3 { font-size: 18px; color: #333; line-height: 30px; }

.product_detail .p_other ol { width: 100%; margin-top: 20px; overflow: hidden; }
.product_detail .p_other ol li { float: left; width: 240px; height: 392px; margin-right: 14px; margin-bottom: 30px; }
.product_detail .p_other ol li.last { margin-right: 0; width: 238px; }
.product_detail .p_other ol li .img { width: 240px; height: 323px; overflow: hidden; background-color: #f5f5f5;border: 1px solid #DEDEDE; }
.product_detail ol li .img img { -webkit-transition: 1s; -o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; transition: 1s; }
.product_detail ol li:hover .img img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.product_detail .p_other ol li h3 { text-align: center; height: 42px; line-height: 42px; }
.product_detail .p_other ol li .a_detail { display: block; text-align: center; width: 88px; height: 25px; line-height: 25px; font-size: 12px; color: #666666; border: 1px solid #eeeeee; margin: 0 auto;
 -webkit-transition: .6s; -o-transition: .6s; -ms-transition: .6s; -moz-transition: .6s; transition: .6s; }
.product_detail .p_other ol li .a_detail:hover { color: #FFF; background-color: #0066CC; border: 1px solid #0066CC; }
.product_detail .p_other ol li:hover .a_detail { color: #FFF; background-color: #0066CC; border: 1px solid #0066CC; }

/*子页  联系我们  contact.html页面*/
.contact { width: 100%; background-color: #FFF; padding-bottom: 150px; }
.contact .c_content { width: 1000px; margin: 0 auto; margin-top: 35px; }
.contact .c_content p { color: #666; line-height: 32px; }
.contact .map { width: 1000px; margin: 35px auto 0; }
/*给我留言*/
.message { width: 1000px; margin: 0 auto 130px; overflow: hidden; }
.message .message_txt { width: 300px; height: 42px; color: #999; line-height: 42px; margin-bottom: 30px; padding-left: 14px; background: #f8f8f8; border: none; margin-right: 29px; }
.message .message_txt.message_txt3 { margin-right: 0; }
.message .message_text { width: 846px; height: 125px; color: #999; padding: 15px 14px; float: left; background: #f8f8f8; border: none; margin-right: 30px; }
.message .message_btn { width: 96px; height: 155px; text-align: center; line-height: 155px; border: none; font-size: 18px; color: #FFF; background-color: #43b790; cursor: pointer; transition: .3s; -webkit-transition: .3s; }
.message .message_btn:hover { background-color: #3CA280; }

/*子页  新闻中心  news.html news02.html news03.html页面*/
.news { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
.news ol { width: 100%; }
.news ol li { width: 1000px; height: 132px; padding: 20px 0; overflow: hidden; position: relative; border-bottom: 1px dashed #cccccc; }
.news ol li a { width: 1000px; height: 132px; display: block;  }
.news ol li .img { width: 260px; height: 132px; float: left; overflow: hidden; }
.news ol li .img img { -webkit-transition: 1s; -moz-transition: 1s;  -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.news ol li:hover .img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.news ol li .time { width: 100px; padding: 35px 25px; float: left; }
.news ol li .time span { font-family: 'Hero Light'; display: block; font-size: 36px; }

.news ol li .news_content { float: left; width: 500px; padding: 15px 0; }
.news ol li .news_content h3 { color: #585858; line-height: 40px; }
.news ol li:hover .news_content h3 { color: #0066CC; }
.news ol li .news_content p { color: #b0b0b0; line-height: 24px; }
.news ol li .a_detail { display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 86px; background: url(../images/newsList.jpg) no-repeat center; background-position: 0 -40px; }
.news ol li:hover .a_detail { background-position: 0 0; }

.news .page { margin-top: 30px; overflow: hidden; }
.news .page a { float: left; display: block; width: 37px; height: 37px; margin-right: 7px; background-color: #f1f1f1; color: #666; text-align: center; line-height: 37px; }
.news .page a.active,.news .page a:hover { background-color: #0066CC; color: #fff; }
/*新闻动态news_detail详情*/
.news_deatil { width: 1000px; margin: 0 auto; padding-bottom: 100px; }
.news_title { width: 1000px; height: 50px; }
.news_title h1 { font-size: 16px; color: #333; line-height: 26px; text-align: center; }
.news_title p { font-size: 12px; color: #999; line-height: 22px; text-align: center; }
.news_details { width: 1000px; margin-top: 10px; }
.news_details p { font-size: 13px; color: #666; line-height: 42px; }
.news_details img { display: block; margin: 40px auto 40px; }
.nextNews { width: 1000px; text-align: center; height: 44px; line-height: 44px; background-color: #f5f5f5; margin-top: 55px; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; }
.nextNews a { color: #666; font-size: 13px; }
.nextNews a:hover { color: #0066CC; }

/*保健常识详情页 know.html页面*/
.know { width: 1000px; margin: 0 auto; padding-bottom: 50px; }
.know .knowList { width: 1000px; margin-top: 14px; }
.know .knowList h3 { height: 40px; line-height: 40px; cursor: pointer; color: #585858; padding-left: 60px; background: #f8f8f8 url(../images/h3_bg.png) no-repeat 15px center; position: relative;
 -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.know .knowList h3:hover,.know .knowList h3.active { color: #fff; background: #0066CC url(../images/h3_bg_hover.png) no-repeat 15px center; }
.know .knowList h3 i { display: block; width: 20px; height: 20px; background: url(../images/hide.png) no-repeat center center; position: absolute; right: 20px; top: 10px; }
.know .knowList h3 i.active { background: url(../images/show.png); }
.know .knowList h3:hover i { background: url(../images/hide_hover.png) no-repeat center center; }
.know .knowList .knowList_c { padding: 10px 20px; width: 960px; background: #f8f8f8; margin-top: 14px; display: none; }
.know .knowList .knowList_c p { font-size: 14px; color: #585858; line-height: 44px; }

.know .page { margin-top: 70px; overflow: hidden; }
.know .page a { float: left; display: block; width: 37px; height: 37px; margin-right: 7px; background-color: #f1f1f1; color: #666; text-align: center; line-height: 37px; }
.know .page a.active,.know .page a:hover { background-color: #0066CC; color: #fff; }
</pre></body></html>