/*
* @ description: 页面的样式集合，每个页面需要引用
* @ author: Spring
* @ update: Spring(2014.07.27)
*/

/*sprites*/
.ico-news,
.newsList .clock .dt,
.newsList .timeline dt,
.imgViewer .prev,
.imgViewer .next,
.col-hd,
.menu li{display: block;background-image: url("../images/icons.png");background-repeat: no-repeat;}
.col-bd{background: url("../images/aside-shadow-v_03.png") repeat-y;}
.col-ft{background: url("../images/aside-shadow-b_06.png") no-repeat;}
.jobs-pros{background-image: url("../images/tit_bg.png");}
.life-menu{background: url("../images/wrapper_bg.png") no-repeat 0 100%;}
.life-sub-menu{background: url("../images/BACK2.png") no-repeat 0 100%;}
/*icons*/
.ico-news{width: 15px;height: 15px;background-position: -125px -24px;}
.ico-msg,
.ico-call,
.ico-build{width: 28px;height: 28px;}
.ico-msg{background-position: 0 -252px;}
.ico-call{background-position: 0 -282px;}
.ico-build{background-position: 0 -312px;}
.ico-darr-r{width: 6px;height: 7px;background-position: -119px -46px;}

/*-------- 首页 index.html --------*/

/*--banner 幻灯片--*/
.banner{position: relative;margin-top: 0px;height:335px;background-color: #f2f2f2;}
.banner .w{position: absolute;left: 50%;bottom: 0;margin-left: -500px;}
.bannerBox{position: absolute;top: 0;left: 0; width: 100%;height: 420px;}
.bannerBox .currPic{position: relative; width: 100%;height: 100%;overflow: hidden;}
.bannerBox .currPic a{position: absolute;display: block;width: 100%; height: 100%;background-position: 50% 0;}
.bannerBox .currPic a img{width:100%;height:100%;}
.banner .currTitle{position: absolute; bottom: 010px;right: 0;overflow: hidden;height: 40px;}
.banner .currTitle li{float: left; margin-left: 10px; width: 75px;height: 40px; opacity: .6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); cursor: pointer;}
.banner .currTitle .on{opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.banner .currTitle img{width: 100%;height: 100%;}
/*--msgBar 公告栏--*/
.msgBar{width: 100%;}
.msgBar .msgBox{width: 430px;height: 42px; padding: 1px 0;}
.msgBox .m-ico{float: left;margin: 15px 5px 15px 0;height: 15px;}
.msgBox .m-more .ico-news{vertical-align: 0px;}
.msgBox .news{float: left;margin: 14px 0;height: 14px;overflow: hidden;}
.msgBox .news{position: relative;width: 350px;}
.msgBox .news .inner{position: absolute;top: -14px;left: 0;}
.msgBox .news ul{position: absolute;top: 0;left: 0;font-family:"微软雅黑"；}
.msgBox .news li{width: 350px;height: 14px;line-height: 14px;white-space: nowrap;}
.msgBox .news li span,
.msgBox .news li em{float: left;display: block;}
.msgBox .news li span{max-width: 250px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.msgBox .news li em{padding-left: 15px;color: #999999;}
/*--mainner--*/
.indexPage .mainner{margin-bottom: -40px; padding-bottom: 20px; background-color: #f2f2f2;}
/*mainColumn products*/
.mainColumn{background-color: #ffffff;}
.mainColumn .pros-ul{margin-left: -1px;}
.mainColumn .pros li{margin: 29px 0;border-left: 1px dashed #dcdcdc; width: 192px;height: 175px;padding: 0 28px 0 29px;}
.mainColumn .pros .p-title{margin-bottom: 10px; font-size: 24px;}
.mainColumn .pros .p-title a{color: #00682d;}
.mainColumn .pros .p-img,
.mainColumn .pros .p-img img{width: 100%; height: 76px;}
.mainColumn .pros .p-desc{height: 60px; line-height: 20px;color: #666666;overflow:hidden;}

/*--------内页-------*/

/*---common---*/
.aboutPage .mainner,
.productsPage .mainner,
.newsPage .mainner,
.memberPage .mainner,
.searchPage .mainner,
.joinUsPage .mainner{padding-top: 30px;}
.aside{float: left;width: 203px;}
.section{float: right;width: 755px;}

/*栏目标题*/
.col-hd{margin: -10px 0 0 -10px; width: 100%;height: 85px; padding: 10px 10px 0; background-position: 0 -468px;}
.col-title{height: 45px;padding: 30px 16px; color: #ffffff;}
.col-title h1{line-height: 28px; font-size: 24px;font-family: Arial;}
.col-title h2{font-size: 20px;}
.col-bd{margin: 0 0 0 -10px; width: 100%; padding: 0 10px;}
.col-ft{margin: 0 0 0 -10px; width: 100%; padding: 0 10px;height: 20px;}
/*栏目菜单*/
.menu{padding: 7px;}
.menu li{height: 38px;line-height: 38px; padding: 0 20px 0 30px;background-position: 0 -573px; font-size: 14px;font-family: "Microsoft yahei";}
.menu li i{padding-right: 5px; font-style: normal; font-family: "Simsun";font-size: 12px;color: #888888;}
.menu li span{padding: 0 3px;background: #ffffff;}
.menu li a:hover,
.menu li.on a{color: #8ec31f;}
.menu li.on{background-position: 0 -611px;}
/*联系我们*/
.contactBox{margin-top: 30px;}
.contactBox .hd{padding: 12px 0 12px 15px; height: 16px;line-height: 1;background-color: #009944;color: #ffffff;}
.contactBox .hd .h2{border-left: 3px solid #ffffff;height: 16px;font-size: 16px; padding-left: 7px;}
.contactBox .bd{padding: 10px 2px;background-color: #f5f5f5;}
.contactBox dl{clear: both; padding: 8px 0;overflow: hidden;}
.contactBox dt,
.contactBox dd{float: left;}
.contactBox dt{width: 28px;}
.contactBox dt .ico{margin: 0;}
.contactBox dd{width: 137px; padding-left: 8px; line-height: 28px;color: #888888;}
.contactBox .c-msg dd{font: 15px/28px "微软雅黑";color: #999999;}
.contactBox .c-call dd{font: 15px/28px "微软雅黑";color: #999999;}
.contactBox .c-build dd{font: 14px/21px "微软雅黑";color: #999999;}
/*小banner图*/
.bannerMini img{max-width: 100%;overflow: hidden;}
/*内容详情*/
.pagecon img{ max-width:100%; height:auto;}
.content{margin-top: 10px;}
.content .hd{margin-top: 10px;border-bottom: 1px solid #dcdcdc; height: 38px;line-height: 38px;}
.content .hd .highline{margin-left: 5px; font-family: Arial;}
.content .bd{padding-top: 20px;font: 400 14px/1.8 "Microsoft yahei";color: #777777;}
.content .hda{font-size:18px;float:left;font-family:Microsoft yahei;}
.content .hdb{font-size:17px;float:right;font-family:Microsoft yahei;}


/* search.html 搜索页面*/
.s-highline{color: #ea5c08;}
.searchList dt,
.searchList dd{line-height: 20px;}
.searchList dt{font-weight: 700;color: #333333;}
.searchList dd{margin-bottom: 10px; border-bottom: 1px dotted #dcdcdc;padding: 6px 0; color: #888888;}

/*---news 新闻栏目---*/
.newsList{padding-left: 15px;}
.newsList .timeline dl{clear: both;overflow: hidden;}
.newsList .timeline dt,
.newsList .timeline dd{float: left;height: 60px;padding: 18px 0;}
.newsList .clock .dt,
.newsList .timeline dt{width: 70px; height: 63px;line-height: 63px; padding-right: 30px;text-align: right;}
.newsList .clock .dt{height: 45px; background-position: -151px -252px;}
.newsList .timeline dt{background-position: -151px -286px;}
.newsList .timeline dd{width: 588px; padding-left: 5px;}
.newsList .timeline dd .p-img{float: left;margin-right: 8px;}
.newsList .timeline dd .p-name,
.newsList .timeline dd .p-desc,
.newsList .timeline dd .p-btn{line-height: 20px;white-space: nowrap;}
.newsList .timeline dd .p-name a{font-weight: 700;color: #333333;}
.newsList .timeline dd .p-desc{color: #777777;}
.newsList .timeline dd .p-btn a{color: #005ea7;}
.newsList .timeline dd .p-btn a{color: #005ea7;}
.pagetitle{ font-size:16px; font-weight:bold; text-align:center; color:#000; line-height:30px;}

.loadNews{margin-top: 20px;}
.loadNewsBtn{height: 72px;background: #f5f5f5;font: 16px/72px "Microsoft yahei";text-align: center;cursor: pointer;}
.loadNewsBtn:hover{background: #f2f2f2;}

.video-pros li{margin: 0 44px 28px 0; width: 222px;height: 176px;}
.video-pros .p-info{margin-top: 0;}
.video-pros .p-img{width: 100%;height: 127px;}
.video-pros .p-name a{display: block;border-bottom: 1px solid #e9e9e9; height: 48px; padding: 0 5px;background-color: #f5f5f5; font-size: 14px;line-height: 48px; text-overfilow:ellipsis;white-space:nowrap;overflow:hidden;}
.video-pros li:hover .p-name a{border-bottom-color: #8ec31f;}

.video-player{margin: 0 auto; width: 640px;}
.video-player .h1{line-height: 60px; font-size: 26px;text-align: center; text-overfilow:ellipsis;white-space:nowrap;overflow:hidden;}

.image-pros li{margin: 0 44px 28px 0; width: 222px;height: 176px;}
.image-pros .p-info{margin-top: 0;}
.image-pros .p-img{width: 100%;height: 127px;}
.image-pros .p-name a{display: block;border-bottom: 1px solid #e9e9e9; height: 48px; padding: 0 5px;background-color: #f5f5f5; font-size: 14px;line-height: 48px; text-overfilow:ellipsis;white-space:nowrap;overflow:hidden;}

.image-player{margin: 0 auto; width: 600px;}
.image-player .h1{line-height: 60px; font-size: 26px;text-align: center; text-overfilow:ellipsis;white-space:nowrap;overflow:hidden;}

/*pictureViewer 图片查看器*/
.imgViewer{width: 100%;display: block;}
.imgViewer .bigImg{width: 100%;height: 400px;background: #ffffff url("../images/loading.gif")/*tpa=http://www.gdsnf.com/r/cms/www/zsyk/img/loading.gif*/ no-repeat 50% 50%; overflow: hidden;}
.imgViewer .smallImg{position: relative; margin-top: 15px; width: 100%;height: 47px; zoom:1;}
.imgViewer .prev,
.imgViewer .next{position: absolute;top: -250px; display: block; width: 30px;height: 48px; cursor: pointer;}
.imgViewer .prev{left: -40px; background-position:0 -368px;}
.imgViewer .next{right: -40px; background-position: -32px -368px;}
.imgViewer .prev:hover{background-position: 0 -418px;}
.imgViewer .next:hover{background-position: -32px -418px;}
.imgViewer .smallImg-m{width: 100%;height: 100%; overflow: hidden;}
.imgViewer .smallImg-ul{width: 110%;height: 100%; zoom:1;}
.imgViewer .smallImg-m li{position: relative; float: left;margin-right: 18px;width: 70px;height: 100%; cursor: pointer;}
.imgViewer .smallImg-m li .border{display: none;position: absolute;top: 0;left: 0;width: 60px;height: 37px; z-index: 2;}
.imgViewer .smallImg-m li:hover .border,
.imgViewer .smallImg-m li.on .border{display: block; border: 5px solid #8ec31f;}

.products-pros{overflow: visible;}
.products-pros .pros-ul{width: 100%;}
.products-pros li{clear: both;border: 1px solid #dcdcdc; margin: 0 0 15px 0; width: 100%;height: 250px;box-shadow: 0 0 5px 2px rgba(3,3,3,.1);transition: all .2s linear;}
.products-pros li:hover{border-color: #8ec31f;box-shadow: 0 0 5px 2px rgba(142,195,31,.3);}
.products-pros .p-info{float: left; width: 370px;padding: 0 15px; background-color: #ffffff;}
.products-pros .p-img{float: right; width: 350px;height: 100%;}
.products-pros .p-name a{display: block; height: 48px; font-size: 14px;line-height: 48px; text-overfilow:ellipsis;white-space:nowrap;overflow:hidden;}
.products-pros .p-desc{margin-bottom: 30px; height: 110px;line-height: 20px;color: #999999;overflow: hidden;}
.products-pros .btn-p-action{display: block;border-radius: 4px; height: 38px;background: #ebebeb; line-height: 38px;text-align: center; color: #999999;}
.products-pros .btn-p-action:hover{background-color: #dddddd;}

/*会员栏目*/
.entry{border: 1px solid #dcdcdc; padding: 15px 35px; background-color: #ffffff;}
.entry .hd{border-bottom: 1px solid #dcdcdc; line-height: 36px;}
.entry .hd .highline{padding-left: 5px;font-family: Arial;}
.entry .bd{padding-top: 30px;}
.entry .form{}
.entry .item{margin-bottom:10px;overflow:hidden;}
.entry .text-m,
.entry .text-s{border-radius: 2px; width:258px;height:18px;padding:10px 7px;margin-right:6px;line-height:18px;font-size:14px;border:1px solid #d9d9d9;border-top:1px #c2c2c2 solid;color:#999;outline: none;}
.entry .text-s{width: 70px;}
.entry .error{display: inline; width:264px;padding:5px 0;padding-left:10px;line-height:1.3;}

.entry .label{float:left;line-height:38px;width:100px;text-align:right;font-size:14px;color:#999;padding-right:4px;}
.entry .labe2{float:left;line-height:30px;width:74px;text-align:right;color:#333;padding-right:10px;}
.entry .labe3{float:left;line-height:30px;width:140px;text-align:right;color:#333;font-size:14px;padding-right:10px;}

.entry .agreement,
.entry .submit{margin:25px 0;text-align: left;}
.entry .agreement input{vertical-align:-2px;_vertical-align:-1px;margin-right:2px;}
.entry .btnf-rm{border-radius: 2px; width: 100px;padding: 3px 20px;font-weight: 400;font-size: 18px;font-family: "Microsoft yahei"; text-align: center; background-color: #8ec31f; text-shadow: 1px 1px 3px #555555;}
.entry .btnf-rm:hover{background-color: #85BA17;}
.entry .btnf-yzm{width: 90px; height:36px;line-height:36px;background:#f5f5f5;color: #777777;}
.entry .btnf-yzm:hover{background:#eeeeee;}
.YZM-img{margin: -4px 5px 0 0; vertical-align: middle;border: 1px solid #ececec;}

.login-img{float:left; width:620px;}
.login-form{float:right; width:275px;}
.login-form .error{display: block;height: 20px;line-height: 20px;}
/*joinUs 加入我们栏目*/
.jobs-pros{padding-top: 7px;background-repeat: repeat-x;}
.jobs-pros li{margin: 0 10px 10px 0; width: 372px;height: 42px;background-color: #f8f8f8; line-height: 42px;}
.jobs-pros .p-info,
.jobs-pros .p-name{margin: 0; height: 100%;}
.jobs-pros .p-name a{display: block; padding: 0 10px;width: 352px;height: 42px;line-height: 42px;}
.jobs-pros .p-name a:hover{background-color: #f5f5f5;}
.jobs-pros .ico-darr-r{vertical-align: 1px;}

.content .title{margin-bottom: 10px;color: #555555;}
/*life-menu 肽健康生活馆 第四版*/
.life-menu{position: relative; width: 755px;height: 600px;}
.life-menu .background{width: 100%;height: 100%;}
.life-menu .rings{position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.life-menu .rings a{position: absolute;padding: 0 0 28px 0;width: 180px;height: 180px;background: url("../images/nav.png") no-repeat 0 0;}
.life-menu .rings a:hover,
.life-menu .rings a.on{background-image: url("../images/nav_hover.jpg");}
.life-menu .rings h2{margin: 79px 16px 79px 20px;height: 22px;line-height: 22px;text-align: center; font-size: 22px;color: #8ec31f;}
.life-menu .ring1{top: 28px;left: 2px;}
.life-menu .ring2{top: 180px;left: 183px;}
.life-menu .ring3{top: 203px;left: 434px;}
.life-menu .ring4{top: 32px;left: 580px;}

.life-menu .sketchs{position: absolute;top: 45px;left: 220px; width: 325px;height: 130px;}
.life-menu .sketch{position: absolute;top: 0;left: 0;display: none; width: 100%;height: 100%;}
.life-menu .sketch.on{display: block;}
.life-menu .sketch h2{margin-bottom: 20px; height: 30px;line-height: 1;font-size: 30px;color: #8ec31f;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.life-menu .sketch p{height: 80px;line-height: 20px;overflow: hidden;font-size: 12px;}
.life-menu .sketch .btn-more{position: absolute;bottom: -21px;right: 0; border-radius: 1px; width: 64px; height: 21px;background-color: #8ec31f; font-size: 12px;line-height: 21px;text-align: center;color: #ffffff; overflow: hidden;}
.life-menu .sketch .btn-more:hover{background-color: #98cf26;}
/*五个、八个通用*/
.life-sub-menu{position: relative; width: 755px;height: 506px;}
.life-sub-menu .background{width: 100%;height: 100%;}
.life-sub-menu .rings{position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.life-sub-menu .rings a{position: absolute;border-radius: 76px; padding: 0;width: 153px;height: 153px;background-repeat: no-repeat;background-position: 0 0;color: #009944;}
.life-sub-menu .rings a:hover{background: url("../images/sub_nav_hover.png");color: #8ec31f;}
.life-sub-menu .rings h2{margin: 66px 8px;height: 22px;line-height: 22px;text-align: center; font-size: 22px;}
.life-sub-menu .ring1{top: 50px;left: 136px;background-image: url("../images/sub_nav_01.png");color: #8ec31f;}
.life-sub-menu .ring2{top: 12px;left: 421px;background-image: url("../images/sub_nav_02.png");color: #009944;}
.life-sub-menu .ring3{top: 238px;left: 55px;background-image: url("../images/sub_nav_03.png");color: #009944;}
.life-sub-menu .ring4{top: 303px;left: 270px;background-image: url("../images/sub_nav_04.png");color: #009944;}
.life-sub-menu .ring5{top: 280px;left: 567px;background-image: url("../images/sub_nav_05.png");color: #009944;}
/*八个*/
.life-sub-menu1 .rings a{border-radius: 72px; width: 144px;height: 144px;}
.life-sub-menu1 .rings a:hover{background-size: 144px 144px;}
.life-sub-menu1 .rings h2{margin: 60px 8px;height: 23px;line-height: 23px;font-size: 20px;}
.life-sub-menu1 .ring1{top: 10px;left: 30px;background-image: url("../images/sub_nav1_1.png");color: #8ec31f;}
.life-sub-menu1 .ring2{top: 61px;left: 198px;background-image: url("../images/sub_nav1_2.png");color: #009944;}
.life-sub-menu1 .ring3{top: 33px;left: 376px;background-image: url("../images/sub_nav1_3.png");color: #009944;}
.life-sub-menu1 .ring4{top: -18px;left: 550px;background-image: url("../images/sub_nav1_4.png");color: #009944;}
.life-sub-menu1 .ring5{top: 242px;left: 22px;background-image: url("../images/sub_nav1_5.png");color: #009944;}
.life-sub-menu1 .ring6{top: 286px;left: 196px;background-image: url("../images/sub_nav1_6.png");color: #009944;}
.life-sub-menu1 .ring7{top: 313px;left: 381px;background-image: url("../images/sub_nav1_7.png");color: #009944;}
.life-sub-menu1 .ring8{top: 283px;left: 565px;background-image: url("../images/sub_nav1_8.png");color: #009944;}
/*lifeList-pros 肽健康生活馆-产品列表*/
.lifeList-pros .pros-ul,
.lifeList-pros li{width: 100%;}
.lifeList-pros li{border-bottom: 1px solid #dcdcdc; padding: 15px 0; height: auto;}
.lifeList-pros li h3{font-size: 14px;color: #666666;}
.lifeList-pros li p{font-size: 12px;color: #999999;}
.lifeList-pros li .txt{float: left;width: 690px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.lifeList-pros li .btn{float: right;}
.lifeList-pros li .btn a{display: block; width: 53px;height: 18px;background-color: #8ec31f; line-height: 18px;text-align: center;color: #ffffff;}
.lifeList-pros li .btn a:hover{background-color: #A0D82A;}