﻿@charset "utf-8";
/* CSS Document */

/**关于我们***************************************************************************************************************************************************************************************/

.top{ width:1200px; height:140px;  margin:0 auto;}
.logo{ float:left; padding:16px; width:700px}
.contant_us{ padding:24px; height:140px; }
.contant_us label i{ position:relative; left:-10px; top:10px; }
.contant_us .text{ display:inline-block; font-size:21px; position:relative;}
.contant_us .text1{ height:33px; line-height:40px; border-bottom:2px #2d587f dotted;}

.art1,.art2,.art3,.art4,.art5,.art6,.art7,.art8,.art9,.art10,.art11,.art12,.art13,.art14,.art15,.art16,.art17,.art18,.art19,.art20,.art21,.art22,.art23,.art24,.art25,.art26,.art27,.art28,.art29,.art30,.art31,.art32,
.art33,.art34,.art35,.art36,.art37,.art38,.art39,.art40,.art41,.art42,.art43,.art44,.art45,.art46,.art47,.art48,.art49,.art50,.art51,.art52,.art53,.art54,.art55,.art56,.art57,.art58,.art101{ display:none;}


.nav{ width:100%; height:60px; line-height:60px; background:url(../img/dhli.png) repeat-x; min-width:1200px;border-bottom:3px solid #012b8a;}
.nav .nav_con{ width:1280px; margin:0 auto; height:60px; line-height:60px;  position: relative; text-align:center;}
/*nav-main*/

.nav_con ul.nav-main{ width: 1280px;  list-style-type: none;margin-left:70px;}
.nav-main li a{display:block; float:left; font-size:20px; color:#fff; text-align:center; line-height:60px; width:130px;}
.colour{background-color:#72b506;}
.nav-main li:hover{background-color:url(../img/dhbei.png) no-repeat center; color:#fff;}
.nav-main .cur a{background:url(../img/dhbei.png) no-repeat center; color:#fff;}
ul.nav-main span{display: inline-block; margin-left:18px;width: 7px; height: 7px; background: url('../images/down-icon.png') no-repeat;
}

/*导航条设置*/
ul.nav-main>li{ width:130px; height:60px; float: left; display:inline-block;  color: #fff; cursor: pointer; font-size:22px;}



/*图标向上旋转
span.hover-up{transition-duration: .5s;transform: rotate(180deg);-webkit-transform: rotate(180deg);
}*/
/*图标向下旋
span.hover-down{ transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
转*/
/*隐藏盒子设置*/
div.hidden-box{ width: 128px; border: 1px solid #72b506; border-top: 0; position: absolute; display:none; background:#fff; top: 60px; z-index:9999;}
.hidden-box>ul{ list-style-type: none; color: #3a7b00; cursor: pointer; font-size:16px;}
.hidden-box li:hover{background: #72b506;color: #fff;}
/*隐藏盒子位置设置*/
.hidden-loc-index{left: 130px;}
.hidden-loc-us{ left: 260px;}
.hidden-loc-info{left: 390px;}
.box04{left:520px;}
.box05{ left:650px;}
.box06{ left:780px;}




.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
	min-width:1100px;
	
	 

}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 25%;
}

.flex-direction-nav .flex-prev {
	left: 25%;
}

.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=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}

.title{ width:1200px; margin:0 auto; text-align:center;}
.title .title_wenzi{ width:100%; text-align:center; font-size:32px;font-family:"宋体";font-weight:bold;}
.border1{ margin-bottom:-30px;}
.border{ margin-top:-30px;}
.clear{ clear:both;}

.content{ width:1200px; margin:0 auto; margin-top:20px;}
.content .content_left{ width:250px;  float:left;}
.content_left ul{ width:248px;  border:1px solid #d2d2d2; min-height:400px; text-align:center;}
.content_left ul li{ width:230px; height:44px; }
.content_left ul li a{ display:block;  width:230px; height:44px;background:url(../img/lefbei.png) no-repeat center; line-height:44px; font-size:22px; padding-left:20px;}
.content_left ul li a:hover{background:url(../img/lefbei1.png) no-repeat center; color:#E90A0E; }
.content_left ul li:last-child{ border:none;}
.content_left ul .cur a{ color:#E90A0E;}
.content_left ul .on a{ color:#E90A0E;}
.zsbtlef{ background:url(../img/dhli.png) repeat-x; height:60px; line-height:60px; font-size:25px; color:#fff; text-align:center;}



.add_us{ margin-top:10px;}
.add_us li{ background:#3a7b00;}
.content_left .add_us li a{ color:#FFF;}
.content_left .add_us li a:hover{ color:#F00;}
.content_right img{ max-width: 50%;}

.content .content_right{ width:930px; margin-left:10px; float:right;}
.daohang{ width:100%; height:50px; line-height:30px; border-bottom:3px solid #96abbf; font-size:18px; margin-top:-20px;}
.daohang .name{ float:left; padding-left:20px;}
.lujing{ float:right; padding-right:20px; font-size:16px;}
.lujing span{ color:#3a7b00;}

.sxzj{text-align:center;}
.sxzj .name{margin-left:0;}
.sxzj .boeder_no{text-align:left;margin-left:24%;font-size:18px;border:none;}
.zptd_img{text-align:center;}
.zptd_img2{text-align:center;margin-left:100px}
.zptd_img2 ul li{width:390px;float:left;margin-top:10px;}
.zptd_img2 ul li img{float:left;width:130px;height:160px;}
.zptd_img2 ul li p{margin:0;width: 215px;height: 216px;margin: 0;border: none;text-align: left;float: left;margin-left: 25px;font-size: 18px;}
.zj img{height:200px;max-width:100%;}
.zptd_bt{text-align:center;}
.play_right h3{text-align:center;}
.play_right input{width:750px;padding:15px 5px;}
.play_1{text-align: center;}
.play_1 span{font-size: 18px;margin-right: 15px;}
.tijiao{text-align: center; margin-top: 80px;}
.tijiao a{font-size:20px;width:180px; border-radius:5px;height:50px;line-height:50px;text-align:center;background-color:#3a7b00;color:#fff;display:inline-block;}

.jj_name{ width:100%; text-align:center; font-size:18px; font-weight:bold;}
.artcle{ width:90%; margin:0 auto; font-size:16px; line-height:30px; font-family:"微软雅黑"; text-indent:32px;margin-top: 80px;}
.artcle img{display:inline-block;max-width: 100%;width:30%;float:left;   height:80px; margin-left: 20px;}
.jianjie {position:relative;}
.jianjie h2{text-align:center;}
.jianjie .img_p{width: 330px;height: 470px;}
.jianjie p{font-size:18px;text-indent:2em;}
.play_he img{height:30px;float:left;margin-right: 10px;}
.play_he p{font-size:20px;}
.ico_img{background:url(../images/ico04.png) no-repeat;display:inline-block;width:25px;height:20px;margin-right:15px;float: left;
}
.ico_img1{background:url(../images/ico05.png) no-repeat;display:inline-block;width:25px;height:20px;margin-right:15px;float: left;
}
.ico_img2{background:url(../images/ico06.png) no-repeat;display:inline-block;width:25px;height:20px;margin-right:15px;float: left;
}
.ico_b span{float:left;margin-left: 10px;}
.ico_span{margin-left:10px;border:1px solid #aaaaaa;border-radius:3px;padding:2px;}
.ico_b{float: right;}

.tiwen{width:720px;margin:20px auto;height:500px;background-color:#eeeeee;}
.tiwen1{background:#b5b5b5;}
.tiwen1 ul li{float:left;width:179px;border-right:1px solid #fff;text-align:center;height:45px;line-height:45px;font-size:22px;}
.quiz div{font-size:20px;margin:0;height: 45px;line-height: 45px;border-bottom:1px solid #d2d2d2;padding:0px 10px;text-align:center;}
.ico_right{float:right;margin-top:8px;margin-right: 20px;}
.ico_left{float:left;}
.quiz .quiz_xia{margin-top:210px;border:none;}
.quiz .quiz_xia input{width:20px; vertical-align:middle;}
.quiz .quiz_xia a{color:#333333;}


.bottom{ width:100%; height:352px; min-width:1100px; margin:0 auto; margin-top:80px;}
.bottom1{ width:100%; height:300px; background:#26221f;}
.bottom1_con{ width:1200px; margin:0 auto;}
.bottom1_con .aa{ width:100%; margin: 0 auto;}
.bottom1_con .aa li{ float:left; width:30%; height:226px; border-right:1px #FFF dotted; margin-top:37px; text-align:center;}
.bottom1_con .aa li.center{ width:38%;}
.bottom1_con .aa li.last{ border:none;}
.bottom1_con .aa li.first img{ margin-top:50px;}
.bottom1_con .aa li.center p{ font-size:16px; color:#999;}
.bottom1_con .aa li.last p{ font-size:16px; color:#999;}
.bottom1_con .aa li.last img{ margin-top:10px;}
.bottom2{ height:72px; background:#1a1714;}
.bottom2 div{ text-align:center; color:#999; font-size:12px;}



/**联系我们********************************************************************************************************************************************************************/
.big_erweima{ width:100%; text-align:center; margin-top:30px;}
.lianxiwo{ width:100%; color:#666; text-align:center; font-size:16px;}

/**品牌故事*****************************************************************************************************************************************************************************/
.viewport{ width:930px; margin-left:10px; float:right;}



.story_list{ width:100%;  font-size:18px; margin-top:10px;}
.story_list .list{ width:100%;}
.story_list .list div{ float:left; margin-left:10px;}
.story_1 p{border-bottom:1px dotted #3a7b00;font-size:18px;padding:0 10px;}
.story_1 p a{color:#000;}
.story_1 span{display:block;float:right;}
.daohang p{border:none;}
.display-none{display:none;}
.display-block{display:block;}


.firstOne{ margin:0;}
.timu{width: 100%; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position:relative; top:-10px;}
.timu a{ color:#5e3814;}

/**微商学院****************************************************************************************************************************************************************************************/
.menu{ width:100%; height:40px; line-height:40px; text-align:center;}
.menu span{ color:#333333; font-size:16px; cursor:pointer;}
.menu span:hover{ color:#F00;}
.neirong{ width:100%; margin:0 auto;}
.neirong li{ float:left; width:300px; height:300px; border:1px solid #CCC;}
.as_con{ width:100%; margin:0 auto; height:auto; margin-left:30px;}
.as_con .as{ width:300px; height:300px; float:left; margin-left:10px; margin-top:10px; border:1px solid #CCC;}
.as_con .tab1{ background:url(../images/tab1.jpg);}
.as_con .as p{ width:150px; height:50px; border:1px solid #FFF; line-height:50px; text-align:center; font-size:16px; color:#FFF; margin:0 auto; margin-top:125px; cursor:pointer;}
.as_con .tab2{ background:url(../images/tab2.jpg);}
.as_con .tab3{ background:url(../images/tab3.jpg);}
.as_con .tab4{ background:url(../images/tab4.jpg);}
.as_con .tab5{ background:url(../images/tab5.jpg);}
.as_con .tab6{ background:url(../images/tab6.jpg);}
.active{ display:show;}
.zhongjiban{ display: none;}
.gaojiban{ display: none;}


/**微商详情*************************************************************************************************************************************************************************/
.wenzhang{}
.wenzhang .bigName{ width:100%; text-align:center; font-size:32px;}
.wenzhang .smallName{ width:60%; margin:10px auto; margin-bottom:30px; text-align:left; font-size:16px;}
.wenzhang .smallName span{ padding-right:30px;}
.artcle_img{ text-align:center; width:70%; margin:0 auto;}
.artcle_img img{ width:100%;}
.artcle_con p{ font-size:16px; text-indent:32px; font-weight:normal;}



/**经销商********************************************************************************************************************************************************************************/
.fw{text-align:center;}
.fw h4{ font-weight:normal; font-size:24px; color:#3a7b00; padding-left:20px; text-align:left;}

.form select{ width:500px; height:50px; font-size:18.6px; background:#f2f2f2; color:#a6a6a6; margin-top:30px; }
.form .input{width:490px; height:40px; font-size:18.6px; background:#f2f2f2; color:#a6a6a6; margin-top:20px;}
.check{ width:350px; height:50px; border-radius:10px; background:#3a7b00; border:none; outline:none; color:#FFF; font-size:21.33px; margin-top:20px;}


/**注册********************************************************************************************************************************************************************************/
.register{ width:85%; margin:0 auto; text-align:left;}
.register tr{ height:70px; line-height:70px; padding-top:20px;}
.register .cc{ text-align:right; font-size:16px; font-weight:normal; color:#666666; padding-right:10px;} 
.register select{ width:400px; height:40px; background:#f2f2f2; color:#a6a6a6; font-size:16px;}
.register input{ width:390px; height:30px; font-size:16px; background:#f2f2f2; color:#a6a6a6;}
.lastOne{ text-align:center;}
.lastOne .check{width:350px; height:40px; border-radius:10px; background:#3a7b00; border:none; outline:none; color:#FFF; font-size:16px; margin-top:20px;}





/**加入我们********************************************************************************************************************************************************************************/
.add{ width:80%; text-align:center; margin:0 auto; margin-top:85px;}
.add .form2{ text-align:left;}
.add .form2 p{ font-size:26.67px; color:#3a7b00; margin:0;}
.add .form2 p input{ height:24px; border:1px solid #3a7b00; margin-top:10px; margin-bottom:10px;}
.add .form2 .check{ padding-top:60px;}

/**用户反馈******************************************************************************************************************************************************************************************/
.qq_talk{ width:90%; margin:0 auto; margin-top:100px; text-align:center;}
.qq_talk a{ display:inline-block; text-align:center; width:300px;}
.qq_talk a img{ width:200px; height:200px; border-radius:50%;}
.qq_talk p{ font-size:20px; margin-top:70px; position:relative;}
.qq_talk p img{ display:inline-block;}
.qq_talk p span{ display:inline-block; position:relative; left:20px; top:-20px;}


/*返回顶部*/
.ReTop{position:fixed;right:50px;bottom:30px;display:none;}
.ReTop a{display:block;width:60px;height:60px;background:url(../images/back_top.jpg) no-repeat -8px -7px;border-radius:50%;}

.rit{float:right;}