﻿#banner{  position:relative; min-height:300px; width:1196px; height:464px; padding:0px; margin-top:0px; border:2px solid #e5e5e5; background-color:#f9f9f9;}

#banner img{ width:882px; height:464px;}
#banner a{ color:#FFF;}
#banner a:hover div{color:#F25561;}

#magazine{ float:right; width:272px;  margin-top:20px; padding:12px; border:1px solid #e0e0e0; background-color:#f9f9f9;}
img.magezineBigImg{ width:272px; height:350px;}
#magazine ul { margin:10px -2px 0; }
#magazine ul li{ float:left; margin:0 2px; border:1px solid #e5e5e5; padding:2px; background-color:#FFF;}
#magazine ul li:hover{ border:1px solid #F25561; background-color:#FCC;}
#magazine ul li img{ width:59px; height:76px;}

#banner img{ width:100%; border:0px; display:block; }
#banner .htmlcaption{ position:absolute; z-index:9; left:0px; bottom:6%; width:100%;}
#banner ._text{background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; filter:Alpha(opacity=40); background:#ccc; overflow:hidden;}
#banner .home_text{ float:right; width:31.5%; padding:1.5%; }
#banner .home_text_box{ color:#FFF;} 
#banner .home_text_box h1{ font-size:6rem; margin:0px;}
#banner .home_text_box p{ line-height:20px;}
#banner .other{ display:none;}
#banner .banimg{ position:absolute; top:0; left:0;}
.home_learnmore{ width:30%; margin-top:3%;}


#controlleft{ width:3%; left:1.8%;cursor:pointer; position:absolute; top:50%; z-index:9999;}
#controlright{ width:3%; right:1.8%; cursor:pointer; position:absolute; top:50%; z-index:9999;}

#focus{ float:left; width:442px;height:363px; background-color:#f5f5f5; border:1px solid #e0e0e0; padding:1px;}
#focus ul.bigpic li{ height:323px;}
#focus ul.bigpic li img{ width:442px; height:323px;}
#focusControl{ height:40px; line-height:40px; text-align:center;}
#focusTitle{ float:left; width:360px;}
#focusTitle1{ float:left; width:315px;}
#focusTitle ul li{ width:360px;}
#focusLeft,#focusRight{ width:40px; float:left;display:block; height:40px; background-image:url(../images/focus.png);}
#focusLeft{ background-position:0px 0px; border-right:1px solid #e0e0e0;}
#focusRight{ background-position: -40px 0;  border-left:1px solid #e0e0e0;}
#focusLeft:hover{background-position:0px -40px; background-color:#F25561;}
#focusRight:hover{ background-position: -40px -40px; background-color:#F25561; }

#destTextList{ float:left; width:410px; margin-left:23px;  border-top:1px dotted #555;}
#destTextList ul li{ border-bottom:1px dotted #555; padding:10px 0;}
#destTextList ul li a{ font-size:16px; display:block; margin-bottom:5px; text-decoration:none; color:#333; font-weight:bold;}
#destTextList ul li p{ margin:0; font-size:14px; padding:0; padding-top:4px; font-weight:normal;}
#destTextList ul li a:hover{color:#F25561;}
#destTextList ul li a:hover p{ color:#F25561;}
#destTextList a.more{ background:url(../images/icon_more.png) right no-repeat #CCC; display:inline-block; font-size:10px; float:right; padding:0 26px 0 5px;}

#destImgList{ float:right; width:294px; margin-top:-10px; }
#destImgList dl{ margin:0; border:1px solid #e0e0e0; padding:1px; background-color:#f9f9f9; margin-top:10px; position:relative; width:290px;}
#destImgList dl:hover{ border:1px solid #F25561;  box-shadow:0 0 3px #F25561;}
#destImgList dl dt{ margin:0;  height:176px; overflow:hidden;}
#destImgList dl dt img{ width:290px; height:212px;}
#destImgList dl dd{ line-height:28px; position:absolute; bottom:1px; left:1px; color:#FFF; padding:0 10px; font-size:14px; margin:0; background:rgba(170, 130, 61, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#ff1200;/*实现IE背景透明*/}
#destImgList dl dd a{ color:#FFF;}


#interview{ width:782px; float:left; }
#interview dl{ float:left; margin:1px 0 15px 16px; position:relative; overflow:hidden;}
#interview dl:hover{ box-shadow:0 0 5px #F25561;}
#interview dl dt img{ width:186px; height:124px;}
#interview dl.video{ margin-left:0px; margin-top:0px;}
#interview dl.video dt{ position:relative; width:372px; height:248px;  padding-bottom:13px; border:3px solid #e6e6e6; float:left; background-color:#FFF; }
#interview dl.video dt img{ width:372px; height:267px;}
#interview dl dd{ line-height:20px; position:absolute; bottom:0px; left:0px; color:#FFF; padding:0px; font-size:12px; margin:0; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#333;/*实现IE背景透明*/}
#interview dl.video dd{ bottom:0px; left:3px; color:#000; font-size:14px;  font-size:12px; width: calc(100%);  margin:0; background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/}

#infos{ float:right; width:388px;}
#infos ul li{ border-bottom:1px solid #c0c0c0; clear:both; }
#infos ul li img{ width:150px; float:left;padding-right:5px;}
#infos ul li { padding:12px 0; font-size:14px; }

#infos ul{ margin-left:-16px;}
#infos dl{ float:left; margin:1px 0 15px 16px; position:relative; overflow:hidden;}
#infos dl:hover{ box-shadow:0 0 5px #F25561;}
#infos dl dt img{ width:186px; height:124px;}
#infos dl dd{ line-height:20px; position:absolute; bottom:0px; left:-10px; color:#FFF; padding:0 10px; font-size:12px; margin:0; background:rgba(25, 94, 139, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#333;/*实现IE背景透明*/ width:186px; }


.ad{ margin-top:20px;}

#current{ float:left; width:356px; border:3px solid #e5e5e5;}
#current img{ width:356px; height:237px;}
#review{ float:right; border:1px solid #e0e0e0; background-color:#f5f5f5; height:180px; width:790px; padding:30px 15px;}
#review dl dt img{ width:216px; height:144px;}
#review dl dd { margin:0; text-align:center; font-size:1.4rem; line-height:2.5rem;}
#review dl { float:left; margin:0 6px; border:1px solid #e0e0e0; padding:1px;}
#reviewLeft{ width:40px;  height:40px; float:left; background:url(../images/star_control.png); margin-top:55px;}
#reviewLeft:hover{background:url(../images/star_control.png) 0 -40px;}
#reviewRight{ width:40px; height:40px; float:right; background:url(../images/star_control.png) -40px 0px; margin-top:55px;}
#reviewRight:hover{ background:url(../images/star_control.png) -40px -40px;}
#reviewList{ float:left; margin:0 5px; }

#focusDiv{height:323px;}