﻿/*-圣荷首页样式设置-*/
#secretArea, #dispatArea, #princiUserArea, #princiTrainArea , #safetyArea, #princiArea, #proveArea, #commentArea , .recordBox, .HoneylangBox, .stGoodsBox, .suitAreaBox 
{border:1px solid #b9dcf0;} 
/*==圣荷第一大版块==*/

/*==三大明星代言==*/
#threeStar {width:253px; height:287px; float:left; background:url(../images/index/star_bgout.gif) repeat-x; margin:0 0 0 5px; display:inline;}
.threeStarMain {width:251px; height:285px; background:url(../images/index/star_bgin.gif) repeat-x; margin:1px; padding-top:1px;}
.threeStarMainBg {width:249px; height:283px; background:url(../images/index/star_bgout.gif) repeat-x; margin:0 1px;}
.threeStarMainContent { width:236px; height:260px; margin:0px auto 0; padding-top:4px;position:relative; z-index:5;}
.threeStarMainContent h2 {height:23px;background:url(../images/index/star_bgtit.gif);}
.threeStarImg {border:1px solid #96c9ed; border-top:none; padding:1px;}
.threeStarImg img {border:1px solid #96c9ed;}
.threeStarTitle {line-height:23px; padding-left:32px; font-size:14px; color:#224096;}
/*==三大明星代言JS==*/
#Fod_listx{ width:100px;width:63px; position:absolute; top:3px; right:0; line-height:16px;}
#Fod_listx div {text-align:center;float:left;cursor:pointer;font-size:14px;font-weight:bold;margin-left:5px;display:inline; width:16px;height:22px;}
#ul1, #ul2, #ul3 {width:230px; height:253px;}
#ul1 { background:url(../images/index/star_1.gif) center no-repeat;}
#ul2 { background:url(../images/index/star_2.gif) center no-repeat;}
#ul3 { background:url(../images/index/star_3.gif) center no-repeat;}
.x {color:#224096;background:url(../images/index/turnoutbg.gif);}
.sx {color:#FFFFFF;background:url(../images/index/turnonbg.gif);}
.dis {display:block;}
.undis {display:none;}
/*==商场信息==*/
#marketArea {width:730px; float:right;}
#market {width:325px; height:285px; float:left; background:#fff; color:#000; overflow:hidden;}
#market h2 {height:32px; background:url(../images/index/maket_tit.gif) no-repeat; background-color:#e2eeff; font-size:14px;}
.marketTit {padding:8px 0 0 20px; color:#224096; display:block;}
.marketMian {height:245px;background:url(../images/index/maket_bg.gif) repeat-x; margin:0 1px; overflow:hidden;}
.marketBotn {height:8px;background:url(../images/index/maket_bot.gif) no-repeat;}
.marketMian li {float:left;width:92px; height:76px; margin:8px 0 0 11px; display:inline;}
.marketMianContent1 {}
.marketMianContent2 { margin-top:5px;}
.marketMianContent1 .marketshopOne {background:url(../images/index/1_25.gif) no-repeat;}
.marketMianContent1 .marketshopTwo {background:url(../images/index/1_27.gif) no-repeat;}
.marketMianContent1 .marketshopThr {background:url(../images/index/1_29.gif) no-repeat;}
.marketMianContent2 .marketshopOne {background:url(../images/index/1_34.gif) no-repeat;}
.marketMianContent2 .marketshopTwo {background:url(../images/index/1_35.gif) no-repeat;}
.marketMianContent2 .marketshopThr {background:url(../images/index/1_36.gif) no-repeat;}
.marketshopTxtOne, .marketshopTxtTwo {clear:both; height:35px; line-height:35px; text-align:center; margin:0 10px;}
.marketshopTxtOne {background:url(../images/index/broken-line.gif) left bottom repeat-x;}
.marketshopTxtTwo {}
/*==视频播放器==*/
#videoArea {width:399px; height:287px; float:right; color:#000; overflow:hidden;}
#videoArea a {color:#000;}
.videoAreaTop { height:174px;background:url(../images/index/video_topbg.gif) repeat-x;}
.videoCircle { width:184px; height:174px; float:left; background:url(../images/index/video_circle.gif) no-repeat;}
.videoPlayerContent {width:196px; height:174px; float:left; overflow:hidden;}
.videoPlayerContent h2 {height:22px;background:url(../images/index/video_ico.gif) no-repeat;color:#224096;text-indent:30px;margin-top:15px;}
.videoPlayer {border:2px solid #fff; overflow:hidden; height:125px; background:url(../images/index/videoPlayer.gif) no-repeat; cursor:pointer;}
.videoBoright {width:12px; height:174px; float:right; background:url(../images/index/video_bothrig.gif) no-repeat;}
.videoAreaMain {height:108px;background:url(../images/index/video_mainbg.gif) repeat-y; clear:both; overflow:hidden;}
.videoAreaBotn {height:3px;background:url(../images/index/video_bot.gif) no-repeat;}
.videoPlayerArea {width:170px; height:108px; float:left; display:inline;}
.videoPlayerArea li {width:75px; height:47px; float:left; margin:5px 0 0 10px; display:inline;}
.videoPlayerArea li img {margin:0; padding:0; vertical-align:top;}
.videoPlayerOne {background:url(../images/index/2_10.gif) no-repeat;}
.videoPlayerTwo {background:url(../images/index/2_12.gif) no-repeat;}
.videoPlayerThr {background:url(../images/index/2_16.gif) no-repeat;}
.videoPlayerFou {background:url(../images/index/2_17.gif) no-repeat;}
.videoPlayerTxt { line-height:22px; margin:10px 10px 0 0; display:inline;float:right; overflow:hidden;}
.videoPlayerTxt li {display:block; height:22px;background:url(../images/index/video_ico2.gif) right center no-repeat; padding-right:20px;}
/*==海关进口记录==*/
#recordArea {width:581px; height:145px; clear:left; float:left;margin:5px 0 5px 8px; overflow:hidden; display:inline;}
.recordBox {margin:1px 2px; width:575px; height:140px; background:#fff; color:#666; overflow:hidden;background:url(../images/index/Honeylang_bg.gif) left bottom;}
.recordBox h2, .suitAreaBox h2, #safetyArea h2, #princiArea h2 {height:29px;background:url(../images/index/record_titbg.gif) repeat-x; line-height:29px; color:#224096; font-size:14px;}
.AreaTit, .suitAreaTit { margin:0 20px;display:block; background:url(../images/index/record_titico.gif) right center no-repeat; }
.recordAreaImg {width:600px;}
.recordAreaImg dl { float:left; width:194px; margin-top:10px; text-align:center;}
.recordAreaImg dt {display:block; height:73px;}
.recordOne {background:url(../images/index/1_66.gif) center no-repeat;}
.recordTwo {background:url(../images/index/1_68.gif) center no-repeat;}
.recordThr {background:url(../images/index/1_72.gif) center no-repeat;}
/*==卫生部官网==*/
#HoneylangArea {width:400px; height:145px; float:right; margin:5px auto; overflow:hidden;}
#HoneylangArea a{color:#666;}
.HoneylangBox {margin:1px; height:140px; background:#fff; color:#666; overflow:hidden;background:url(../images/index/Honeylang_bg.gif) left bottom;}
.HoneylangTxt { margin:0 20px;display:block; }
.HoneylangBox h2 {height:29px;background:url(../images/index/record_titbg.gif) repeat-x; line-height:29px; color:#224096; font-size:14px;}
.Honeylangimg {float:left; margin-right:10px;}
.HoneylangAreaTxt {margin:10px 0 0 10px; padding:0;}

/*==圣荷第二大版块==*/
#stGoodsArea, #suitArea {}
#stGoodsArea {width:580px; float:left; margin:0 0 0 8px; display:inline;}
.stGoodsBox, .suitAreaBox { height:230px; background:#fff; overflow:hidden;}
.stGoodsContent {}
.stGoodsContent li {float:left; width:96px; height:114px;}
.stGoodsImg1 {background:url(../images/index/goods_01.gif) no-repeat;}
.stGoodsImg2 {background:url(../images/index/goods_02.gif) no-repeat;}
.stGoodsImg3 {background:url(../images/index/goods_03.gif) no-repeat;}
.stGoodsImg4 {background:url(../images/index/goods_04.gif) no-repeat;}
.stGoodsImg5 {background:url(../images/index/goods_05.gif) no-repeat;}
.stGoodsImg6 {background:url(../images/index/goods_06.gif) no-repeat;}
.stGoodsImg7 {background:url(../images/index/goods_07.gif) no-repeat;}
.stGoodsImg8 {background:url(../images/index/goods_08.gif) no-repeat;}
.stGoodsImg9 {background:url(../images/index/goods_09.gif) no-repeat;}
.stGoodsImg10{background:url(../images/index/goods_10.gif) no-repeat;}
.stGoodsImg11{background:url(../images/index/goods_11.gif) no-repeat;}
.stGoodsImg12{background:url(../images/index/goods_12.gif) no-repeat;}
#suitArea {width:395px; float:right; margin:0 5px 5px 0; overflow:hidden;display:inline;}
.suitAreaBox {overflow:hidden;}
.suitAreaInfo { padding-top:15px;}
.suitAreaInfo dl {float:left;}
.suitAreaInfo dt { padding:0 20px;}
.suitAreaInfo dd { display:block;}
.suitInfoImgOne {background:url(../images/index/1_95.gif) 10px 2px no-repeat; width:220px; border-right:1px dashed #ccc;}
.suitInfoImgTwo {background:url(../images/index/1_98.gif) 10px 60px no-repeat; width:165px;}
.suitInfoimg1 {float:left;width:110px; height:150px;}
.suitInfoimg2 {width:165px; height:80px;}
.suitAreaTel, .suitAreaQQ {clear:both; font-weight:bold; text-align:center; line-height:16px;}
.suitAreaTel {color:#4063c8;}
.suitAreaQQ, .suitAreaQQ a {color:#4063c8;}

/*==圣荷第四大版块==*/
#proveArea, #commentArea {height:400px; background:#fff; color:#666;display:inline;}
#proveArea {width:580px;float:left;margin:0 0 5px 8px; overflow: hidden;}
#commentArea {width:392px; float:right; margin-right:5px;}
#proveArea h2 {height:30px; background:url(../images/index/prove_04.gif) repeat-x; line-height:30px; color:#224096;}
#proveArea dl { padding:0 10px 5px 10px;}
#proveArea dt { height:28px; background:url(../images/index/prove_08.gif) left center no-repeat; padding-left:15px; line-height:28px; color:#4063c8; font-weight:bold; clear:both;}
#proveArea dd { line-height:20px; padding-left:10px; text-indent:2em;}
#proveArea dd img {float:left; padding:3px 5px 0 0;}
.proveAreaTit {height:30px; background:url(../images/index/prove_03.gif) no-repeat; padding-left:40px; display:block; font-size:14px;}
.vline { background:url(../images/index/broken-line.gif) repeat-x;font-size:1px; line-height:1px; height:1px; margin:0 13px; }
.proveAreaArt {clear:both;color:#4063c8;}
.proveAreaArt p {margin:0;}
.proveAreaArt li {}
.proveAreaArtLeft {margin:10px 10px 0 20px; overflow:hidden;}
.proveAreaTitle {font-weight:bold;}
.proveAreaArtRight {margin:0 0 0 10px;}
.proveAreaArtimg {float:left; margin-right:10px;}
.proveAreaArtTel {clear:both; color:#4063c8; font-weight:bold; text-align:center; margin-top:5px;}
.commentAreaTit { height:30px; background:url(../images/index/prove_04.gif) repeat-x; line-height:30px; font-size:14px; padding-left:20px;}
.commentAreaTit ,.commentAreaTit a {color:#224096;}
.commentAreaMore {float:right; font-size:12px; font-weight:normal; margin-right:10px; display:inline;}
.commentAreaUser {margin:5px 10px; clear:both;}
.commentAreaUserFileOne, .commentAreaUserFileTwo {float:left; display:inline; width:160px;}
.commentAreaUserFileOne {height:126px; background:url(../images/index/commentArea_03.gif) no-repeat;}
.commentAreaUserFileTwo {height:146px; background:url(../images/index/commentArea_06.gif) no-repeat;}
.commentAreaUserFileOne .commentAreaUserFile { margin:65px 0 0 0; line-height:18px;}
.commentAreaUserFileTwo .commentAreaUserFile { margin:65px 0 0 0; line-height:18px;}
.commentAreaUserTitle {height:25px; color:#4063c8; font-weight:bold;}
.commentAreaUserContent {}
.commentAreaComment { padding-left:10px; margin:5px 15px;}
.commentAreaCommentTitle { color:#C62EB2;}
.commentAreaCommentMore, .commentAreaCommentMore a {color:red;}
.commentAreaCommentTit { height:30px; background:url(../images/index/prove_04.gif) repeat-x; line-height:30px; color:#C62EB2; padding-left:20px; font-size:14px;}

/*==圣荷第五大版块==*/
#slippageArea {width:984px; height:150px; background:#fff; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:5;}
#safetyArea, #princiArea {height:242px; display:inline;background:#fff; color:#666; overflow:hidden;}
#safetyArea {width:580px; float:left; margin:5px 0 5px 8px;}
#princiArea {width:392px; float:right; margin:5px 5px 5px 0; background:url(../images/index/pris_03.gif) left 30px repeat-x;}
.safetyAreaTit, .princiAreaTit {height:30px; background:url(../images/record_titbg.gif) repeat-x; line-height:30px; color:#C62E96; font-size:14px; padding-left:20px;}
.safetyAreaContent { padding:0 20px;}
.safetyAreaContent dt { color:#4063C8;}
.safetyAreaContent dd { text-indent:2em; margin-bottom:10px;}
.princiAreaTitle {height:32px; background:url(../images/index/princitit.gif) center no-repeat; margin:10px auto; text-align:center; line-height:32px; color:#224096;}
.princiAreaquan {text-align:center;}
.princiAreaLeft { width:340px; margin:0 auto;}
.princiAreaLeft li {float:left; width:50%; color:#4063c8;}
.princiAreaRigh {}
.princiAreaRigh p {text-indent:2em; margin:4px 10px;}
#princiUserArea, #princiTrainArea {height:290px;display:inline;}
#princiUserArea {width:580px; float:left; margin:5px 0 5px 8px; overflow:hidden;}
#princiTrainArea { width:392px; float:right; margin:5px 5px 0 0;}
.princiUserAreaTitle, .princiTrainAreaTit {height:30px; background:url(../images/index/record_titbg.gif) repeat-x; line-height:30px; color:#224096;font-size:14px;}
.princiUserAreaInfo { width:630px;}
.princiUserAreaInfo li { background-color:#fff; float:left; display:inline; border:1px dashed #86baf0; width:275px; height:100px; margin:10px 0 0 10px;}
.princiUserInfoTitle { color:#4063C8; padding-left:50px;}
.princiUserInfoContent {text-indent:50px;}
.princiUserAreaInfo p {margin:5px 5px; text-align:justify;}
.princiUserInfoMore { height:30px; line-height:30px; text-align:right; margin:5px 10px; color:#C62E96; clear:both;}
.princiUserInfoMore a { color:#C62E96;}
.princiUserInfo1 {background:url(../images/index/princiUser_03.gif) 5px 5px no-repeat;}
.princiUserInfo2 {background:url(../images/index/princiUser_05.gif) 5px 5px no-repeat;}
.princiUserInfo3 {background:url(../images/index/princiUser_09.gif) 5px 5px no-repeat;}
.princiUserInfo4 {background:url(../images/index/princiUser_10.gif) 5px 5px no-repeat;}
#princiTrainArea h3 {color:#4063C8; padding-left:20px; margin:0 20px; clear:both;padding-top:5px;}
.princiTrainImgs {}
.princiTrainImgs li { float:left; display:inline; width:105px; height:57px; margin:8px 0 0 18px;}
.princiTrainImg1 { background:url(../images/index/2_151.gif) no-repeat;}
.princiTrainImg2 { background:url(../images/index/2_153.gif) no-repeat;}
.princiTrainImg3 { background:url(../images/index/2_155.gif) no-repeat;}
.princiTrainImg4 { background:url(../images/index/2_160.gif) no-repeat;}
.princiTrainImg5 { background:url(../images/index/2_161.gif) no-repeat;}
.princiTrainImg6 { background:url(../images/index/2_162.gif) no-repeat;}
.princiTrainImg7 { background:url(../images/index/2_174.gif) no-repeat;}
.princiTrainImg8 { background:url(../images/index/2_175.gif) no-repeat;}
.princiTrainImg9 { background:url(../images/index/2_176.gif) no-repeat;}

/*==人体实验佐证安全八帧开始==*/
.turnpages { width:982px; height:150px; background-color:#fff; margin:0 auto; border-right:1px solid #a3ccee; position:absolute; overflow:hidden;}
.turnC1,
.turnC2 { width:438px; border:1px solid #a3ccee; margin-right:-1px; background-color:#fff; float:left;}
.turnpages .slide { position: absolute; top: 0px; height: 150px; width: 438px; background: #fff; overflow: hidden; cursor: default; }
.turnpages .text { position: absolute; top: 0; left:0; width:438px; }
.turnpages .diapo { position: absolute; filter: alpha(opacity=100); opacity: 1; visibility: hidden; }
.turnpages h1 { float:left; font-size:0; margin-right:5px;}
.turnpages h2 {font-weight:normal; padding-left:5px; line-height:30px; background:url(../images/index/turn8_titbg.gif) repeat-x; color:#4063c8; }
.turnpages h3 { float:left; width:342px; height:38px; font-size:12px; font-weight:normal; padding:12px 14px 0 27px; line-height:16px;color:#c62e96; }
.turnC1 dl { width:393px; margin-top:3px; float:left; }
.turn8_8txt {text-align:center;}
.pad1 { padding-top:10px; }
.pad2 {}
.pad4 {  }
.pad5 { padding-left:12px; }
.turnC1 dl dt { float:left; padding-right:10px; }
.turnC1 dl dt img {margin:10px 0 0 10px;}
.turnC1 dl dd { width:253px; float:left; line-height:20px; }
.turnC1 ul { width:393px; height:110px; float:left; margin-top:5px; overflow:hidden;}
.turnC1 ul img {margin-left:10px; vertical-align:top; margin-bottom:3px;}
.turnC1 ul li { width:240px; height:100px; padding:16px 23px 0 100px; }
.turnbj1 { background:url(../images/index/turn8_ct03_2.gif) no-repeat 0 3px; height:122px; }
.rurnbj2 { background:url(../images/index/turn8_ct02.gif) left top no-repeat; }
.turnbj3 {}
.ctimgtxt1 {float:left; margin-left:20px; display:inline; line-height:16px;}
.ctimgtxt2 {float:right; margin-right:20px; display:inline; line-height:16px;}
.turnC2 dl { float:left; margin:5px 0 0 13px; height:110px; overflow:hidden;}
.turnC2 dl dt {line-height:0;}
.turnC2 dl dd {line-height:16px; text-align:center;}
.width1 { width:110px; }
.tomore ,.tomore a { color:#f38400;}
