
.bannerbg{padding-top:138px;}
.bannerbg img{width:100%;height:580px;}

.home{height:65px;border-bottom:1px solid #ccc;line-height:65px;}
.homedv{height:65px;line-height:65px;}
.homedv>p{background: url(../image/homeicon.png) left center no-repeat;padding-left:30px;float:left;line-height:65px;}
.homert{float:right;height:62px;line-height:62px;}
.homert li{float:left;margin:10px 10px 0 10px;}
.homert li p{padding:0 20px;line-height:52px;}
.borderline{width:0px;margin:0 auto;height:3px;background:#008fd7;transition: width 1s linear;}
.vvact .borderline{width:100%;}
.homert li:hover .borderline{width:100%;}

.abtitle{text-align: center;padding:30px 0;}
.abtitle h2{font-size:36px;color:#868484;}
.abtitle p{color:#d29b42;font-weight:bold;}
.abcontdv{}
.abimg{margin:0 0 50px 0;}
.abimg img{width:100%;margin:15px 0;}
.abimg div{width:420px;margin:0 auto;line-height:28px;}
.abimg p{text-align: center;line-height:52px;}
.abimg p span{font-size:24px;color:#008FD7;}
.abtxt p{line-height:28px;text-indent:2em;}

.abicon ul li{float:left;margin:0 0 0 20px;height:154px;width:228px;padding:50px 0 0 0;}
.abicon ul li a p{width:100%;height:100%;padding:80px 0 0 0;text-align: center;}
.abicon ul li:nth-child(1) a p{background:url(../image/abouticon1.png) center 20px no-repeat;}
.abicon ul li:nth-child(1) a:hover p{background:url(../image/abouticon1_1.png) center 20px no-repeat;}
.abicon ul li:nth-child(2) a p{background:url(../image/abouticon2.png) center 20px no-repeat;}
.abicon ul li:nth-child(2) a:hover p{background:url(../image/abouticon2_1.png) center 20px no-repeat;}
.abicon ul li:nth-child(3) a p{background:url(../image/abouticon3.png) center 20px no-repeat;}
.abicon ul li:nth-child(3) a:hover p{background:url(../image/abouticon3_1.png) center 20px no-repeat;}
.abicon ul li:nth-child(4) a p{background:url(../image/abouticon4.png) center 20px no-repeat;}
.abicon ul li:nth-child(4) a:hover p{background:url(../image/abouticon4_1.png) center 20px no-repeat;}
.abicon ul li:nth-child(5) a p{background:url(../image/abouticon5.png) center 20px no-repeat;}
.abicon ul li:nth-child(5) a:hover p{background:url(../image/abouticon5_1.png) center 20px no-repeat;}

/*aboutnala1.html*/
.chairman{line-height:60px;text-align: right;margin:60px;}

/*aboutnala2.html*/
.picshow{margin:40px auto;height: 620px;}
#picarea{margin: 0px auto;background: #fff;height: 640px}
#bigpicarea{position:relative;margin:0px auto;width:1240px;height:460px;overflow:hidden;}
.image{text-align:center;}
.image img{width:100%;margin:0px auto;border: #ececec 1px solid;}
#bigpicarea .word{text-align: center;height: 50px;color: #333}
#bigpicarea .word H3{text-align:center;line-height:48px;height:48px;color:#333;font-size:14px}
#bigpicarea .ui-els-hide{display:none;}
#thumbs{list-style-type: none;margin: 0px auto;height: 110px}
* html #thumbs{height: 100%}
#thumbs li{margin: 0px 7px;width:153px;DISPLAY: inline;FLOAT: left;HEIGHT:140px}
#thumbs ul{MARGIN-TOP: 3px}
#thumbs li.last_img{MARGIN-RIGHT: 4px}
#thumbs li.first{MARGIN: 25px 10px 0px 15px;WIDTH: 9px;HEIGHT: 16px;CURSOR: pointer}
#thumbs li.last{MARGIN: 25px 10px 0px 15px;WIDTH: 9px;HEIGHT: 16px;CURSOR: pointer}
#thumbs li a{BORDER-BOTTOM: #fff 2px solid;BORDER-LEFT: #fff 2px solid;DISPLAY: block;FONT-SIZE: 0px;BORDER-TOP: #fff 2px solid;BORDER-RIGHT: #fff 2px solid}
#thumbs li a:hover{BORDER-BOTTOM: #000 2px solid;BORDER-LEFT: #000 2px solid;BORDER-TOP: #000 2px solid;BORDER-RIGHT: #000 2px solid}
#thumbs li a.current{BORDER-BOTTOM: #f8ae0f 2px solid;BORDER-LEFT: #f8ae0f 2px solid;BORDER-TOP: #f8ae0f 2px solid;BORDER-RIGHT: #f8ae0f 2px solid}

.bigbtnPrev{Z-INDEX: 100;POSITION: absolute;WIDTH: 35px;HEIGHT: 51px;TOP: 186px;CURSOR: pointer;LEFT: 30px}
.bigbtnNext{Z-INDEX: 100;POSITION: absolute;WIDTH: 35px;HEIGHT: 51px;TOP: 186px;CURSOR: pointer;RIGHT: 30px}
#big_play_prev{BACKGROUND-IMAGE: url(../image/leftbig.png);WIDTH: 35px;DISPLAY: block;HEIGHT: 51px;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../image/leftbig.png')}
#big_play_next{BACKGROUND-IMAGE: url(../image/rightbig.png);WIDTH: 35px;DISPLAY: block;HEIGHT: 51px;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../image/rightbig.png')}
#smallpicarea{MARGIN: 0px auto;BORDER-TOP: #ececec 1px solid;PADDING-TOP: 20px}
.slideshowItem a img{width:100%;height:70px;}


/*aboutnala3.html*/
.ab3list1{width:1280px;}
.ab3list1 li{float:left;width:280px;margin:25px 40px 50px 0;}
.ab3list1 li a{display:inline-block;width:280px;height:280px;border-radius:50%;overflow: hidden;}
.ab3list1 li p{height:100px;margin:10px 0 0 0;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:4;/** 显示的行数 **/
  	overflow: hidden;}
.ab3list1 li p span{color:#008fd7;}

.timedv{background:url(../image/ab3ctbg.png) center top no-repeat;}
.timedvul li:nth-child(n) div{float:left;text-align: center;width:600px;}
.timedvul li:nth-child(n) p{width:580px;float:right;padding:60px 0 0 0;}
.timedvul li:nth-child(2n) div{float:right;text-align: center;width:600px;}
.timedvul li:nth-child(2n) p{width:580px;float:left;padding:60px 0 0 0;}
.timedvul li p span{color:#0b94d9;font-weight:bold;}

/*aboutnala4.html*/
.ab4dvbg{background:#f5f6f6;}
.ab4list{width:1330px;margin:50px 0 0 0;}
.ab4list li{float:left;margin:0 60px 30px 0;width:373px;}
.ab4list li a{display:inline-block;width:373px;height:420px;overflow: hidden;}
.ab4list li p{text-align: center;line-height:32px;}

/*news.html*/
.newslist li{padding:35px 0 35px 0;border-bottom:1px dashed #CCCCCC;}
.newslist li>a{display: inline-block;float: left;width:369px;height:230px;overflow: hidden;}
.newsdvtext{width:830px;float:right;}
.newsdvtext h2 a{display: inline-block;font-size:16px;line-height:32px;margin-bottom:15px;}
.newsdvtext h2 a:hover{color:#0b94d9;}
.newsdvtext p{line-height:28px;height:90px;margin-bottom:30px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:3;/** 显示的行数 **/
  	overflow: hidden;}
.newstime span{float: left;color:#0b94d9;}
.newstime a{display: inline-block;float: right;}


/*news3.html*/
.news3ul{width:1330px;margin:50px 0 0 0;}
.news3ul li{float:left;margin:0 60px 30px 0;width:373px;}
.news3ul li a{display:inline-block;width:395px;height:404px;overflow: hidden;}
.news3ul li p{text-align: center;line-height:32px;}

/*brand.html*/
.brandul{width:1260px;margin:50px 0 0 0;}
.brandul li{float:left;margin:0 33px 30px 0;width:282px;}
.brandul li a{display:inline-block;width:282px;height:234px;padding:6px;}
.brandul li a:hover{background:#008FD7;}
.brandul li a img{width:280px;}
.brandul li p{text-align: center;line-height:32px;}



/*product.html*/
.pro1txt{margin:0 auto 30px auto;}
.prolist{width:1325px;margin:50px 0 0 0;overflow: hidden;}
.prolist li{float:left;margin:0 25px 30px 0;width:306px;}
.prolist li a{display:inline-block;width:306px;height:350px;overflow: hidden;border-radius:25px;}
.prolist li p{text-align: center;line-height:32px;}

/*fuwu.html*/
.info{width:613px;height:980px;background:url(../image/fuwubg.png) left center no-repeat;margin:0 auto;position: relative;}
.infoul{position: absolute;bottom:220px;left:100px;}
.infoul li{line-height:46px;padding-left:50px;}
.infoul li span{float: left;font-size:24px;color:#6a450a;}
.infoul li p{font-size:20px;color: #6a450a;display: inline-block;float:left;width:260px;line-height:46px;}
.infoul li:nth-child(1){background: url(../image/fuwuicon1.png) left 10px no-repeat;}
.infoul li:nth-child(2){background: url(../image/fuwuicon2.png) left 10px no-repeat;}
.infoul li:nth-child(3){background: url(../image/fuwuicon3.png) 5px 10px no-repeat;}


/*fuwu1.html*/
.fuwu1dv{text-align: center;}
.fuwu1dv h3{font-size:40px;color:#6a450a;font-weight:bold;}

/*fuwu2.html*/
.fuwu2ul ul li{background: url(../image/fuwu3icon.png) left center no-repeat;padding-left:20px;border-bottom:1px dashed #ccc;line-height:42px;}
.fuwu2ul ul li a:nth-child(2){background: url(../image/downloadicon.png) left center no-repeat;padding-left:35px;color:#008FD7;margin-left:30px;}


/*join.html*/
.joinusdv li{border:1px solid #ccc;margin:30px 0 80px 0;position:relative;}
.joinusdv li h3{color:#008fd7;height:55px;line-height:55px;border-bottom:1px solid #ccc;font-weight:600;padding:0 10px;}
.joinusdv li p{text-align:left;padding:0 10px;}
.joinusdv li p span{color:#008fd7;font-weight:600;}
.postdv{border-bottom:1px solid #ccc;overflow:hidden;padding:10px 0;}
.postdv2{overflow:hidden;padding:10px 0;/*margin-bottom:100px;*/margin-top:15px;}
.joinbtn{display: inline-block;text-align:center;width:140px;height:40px;line-height:40px;padding-left:20px;position:absolute;z-index:5;bottom:20px;left:50%;margin-left:-70px;background:url(../image/joinicon.png) 25px center no-repeat #008fd7;color: #fff}
.joinbtn:hover{color:#fff;background:url(../image/joinicon.png) 25px center no-repeat #007ab8;}


/*nutrition.html*/
.yyclassul{width:1330px;margin:50px 0 0 0;}
.yyclassul li{float:left;margin:0 35px 30px 0;width:390px;}
.yyclassul li a{display:inline-block;width:390px;height:350px;overflow: hidden;}
.yyclassul li p{line-height:32px;}


/*brandcont.html*/
.bdcont{margin:50px auto;}
.bdctleftdv{margin:0 0 30px 0;}
.bdctleft{width:320px;float:left;padding:15px 10px;border:1px solid #ececec;}
.cptitle h2{background:#008FD7;color:#fff;font-size:16px;line-height:40px;text-align:center;margin:5px 0 15px 0;}
.bdctmenu li{line-height:40px;margin:10px 0;}
.bdctmenu li a{display: inline-block;background:#ececec;width:100%;text-align: center;}
.bdctmenu li a:hover{background: #ad4f38;color:#fff;}
.keywordmenu{width:348px;overflow: hidden;}
.keywordmenu li{float:left;margin:15px 14px 0 0;}
.keywordmenu li a{display: inline-block;width:95px;text-align:center;border:1px dashed #ccc;line-height:40px;}
.newsdmenu li{background:url(../image/listiconbg.png) left center no-repeat;line-height:40px;padding-left:15px;}
.newsdmenu li a{display: inline-block;height:40px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.infor li{line-height:40px;}
.aboutnala{line-height:32px;}
.morebtn{display: inline-block;width:100%;text-align:right;}


.main{float:right;width:850px;}
.maindv1{margin:0 0 35px 0;}
.mainlt{width:332px;height:316px;float: left;}
.mainrt{float:right;width:480px;}
.mainrt dl dt a{display: inline-block;font-size:16px;line-height:52px;color:#008fd7;font-weight:bold;}
.mainrt dl dd{line-height:32px;}
.mainrtbtn{margin:40px 0 0 0;}
.mainrtbtn a{display:inline-block;background:#008FD7;color:#fff;font-size:16px;padding:5px 25px;float:left;}
.mainrtbtn p{background: url(../image/telicon.png) left center no-repeat;padding-left:40px;float:right;}
.mainrtbtn p span{font-size:30px;color:#008FD7;}

.cptitle2 h2{background:#008FD7;color:#fff;line-height:40px;padding:0 15px;}
.cptextdv{text-align: center;}
.cptextdv p{text-align:center;}
.prevdv{background:#eee;padding:25px 20px;margin:20px 0;}
.prevdv{margin:20px 0;}
.prevdv a{display: inline-block;line-height:30px;height:30px;
	width:300px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.prevdv a:hover{color:#bfac94;}
.prevlt{float:left;line-height:30px;}
.prevrt{float:right;line-height:30px;}
.prevlt span,.prevrt span{float:left;display:inline-block;width:60px;height:30px;line-height:30px;}
.pre_a{display:inline-block;height:30px;line-height:30px;}
.next_a{float:left;display:inline-block;height:30px;line-height:30px;}

.cplist2{width:950px;margin:20px 0;}
.cplist2 li{float:left;margin:0 15px 0 0;}
.cplist2 li a{display: inline-block;padding:3px;border:1px solid #eee;width:150px;}

.cplist2 li p{text-align:center;padding:0 15px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;
}

.newsdmenu2 li{background:url(../image/listiconbg.png) left center no-repeat;line-height:40px;padding-left:15px;float:left;width:44%;overflow: hidden;margin:0 2%;}
.newsdmenu2 li a{display: inline-block;height:40px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
/*newscont.html*/
.newscont{width:1240px;margin: 0 auto;overflow: hidden;}
.newsctdv{text-align: center;}
.newstit{margin:30px 0;}
.newstit h2{font-size:32px;color:#404040;margin:0 0 20px 0;}
.newstit p{line-height:52px;border-top: 1px dashed #ccc;border-bottom:1px dashed #ccc;}
.newstit p span{display: inline-block;margin:0 10px;}
.newsdetails{padding:0 15px;margin-bottom:50px;}
.newsdetails p{line-height:32px;text-align: left;}
.newsdetails img{margin:30px 0;}
.fenye{padding:20px 0;margin:30px 0;background: #eee;}
.fenyelt p{line-height:36px;padding:0 25px;text-align:left;display: inline-block;width:500px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;}
.fenyelt p:nth-child(1){float: left;}
.fenyelt p:nth-child(2){float:right;}

.imgwh{width:1270px;margin:20px 0;}
.imgwh li{float:left;margin:0 31px 0 0;}
.imgwh li a{display: inline-block;padding:3px;border:1px solid #eee;width:215px;height:202px;}
.imgwh li a img{width:215px;height:202px;}
.imgwh li p{text-align:center;padding:0 15px;
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;/**对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/
   	-webkit-line-clamp:1;/** 显示的行数 **/
  	overflow: hidden;
}

.newsctlist{margin:20px 0 30px 0;}
.newsctlist li{float: none;width:100%;margin:0;}




















