*{ margin:0; padding:0}
:focus{ outline:none}
img, fieldset{ border:none}
a{ text-decoration:none;}
body{ font-family:Arial, Helvetica, sans-serif; background:url(../images/body_bg.jpg) #e9ebf0 repeat-x 0 0}
.wrapper{ width:982px; margin:0 auto}

#main_container{ float:left; width:100%; background:url(../images/main_container_bg.jpg) repeat-x 0 0}
#header{ float:left; width:100%; min-height:110px;}
#header .logo{ float:left}
#header .logo img{ float:left}


.banner_container{ float:left; width:100%; background:url(../images/banner_bg.png) no-repeat 1px top; min-height:360px; margin-top:39px; position:relative; z-index:99}
.pc_box{ float:left; width:578px; height:351px; background:url(../images/pc_img.png) no-repeat left top; margin:47px 0 0 213px; padding:62px 0 0 0; text-align:center}
.pc_box h3{ font-size:40px; color:#fff; line-height:48px; text-shadow:0px 0px 2px #666666}
.pc_box a{ color:#fff; font-size:29px; font-weight:bold; line-height:70px; text-shadow:0px 0px 2px #666666}
.strip{ position:absolute; left:25px; top:127px; width:240px; height:106px; background:url(../images/strip_img.png) no-repeat left top}
.strip span{ float:left; font-size:70px; font-weight:bold; color:#fff; padding:17px 0 0 73px; font-family:"Myriad Pro"; text-shadow:-1px 0 2px #4A2817}


.content_detail{ float:left; width:980px; background:#fff; margin-top:-105px; border:1px solid #dddfe4; border-top:none; position:relative; border-radius:0 0 10px 10px }

.row{ float:left; width:100%; text-align:center; margin-top:53px; padding-bottom:30px;}
.row h3{ font-size:35px; color:#333333}
.arrow1{ position:absolute; left:173px; top:67px;}
.arrow2{ position:absolute; right:181px; top:67px;}

.box_container{ float:left; width:950px; padding:20px; position:relative\0/; z-index:0}
.box{ float:left; width:298px; background:url(../images/bg1.png) no-repeat left top; border-radius:8px; text-align:center; padding:238px 0 23px 0; min-height:114px; border:1px solid #e3e4e7; position:relative}
.box p{ font-size:18px; color:#333333}
.text .icon1{ position:absolute; left:115px; top:-30px; z-index:999}
.play_icon{ position:absolute; left:130px; top:105px; background:none !important}


.box .text{ float:left; width:100%; min-height:66px }

.box .btn{ width:244px; font-size:14px; color:#fff; text-shadow:1px 1px 1px #b95c14; display:inline-block; background:url(../images/btn_bg.png) no-repeat left top; padding:11px 0; font-weight:bold; margin-top:17px; alignment-adjust:baseline; text-shadow:-1px 0 1px #666}
.box .btn:hover{ background-position:0 -40px;}

.box.bg1{ background:url(../images/bg1.png) no-repeat left top; margin-right:17px;}
.box.bg2{ background:url(../images/bg2.png) no-repeat left top; margin-right:17px;}
.box.bg3{ background:url(../images/bg3.png) no-repeat left top;}


#footer{ float:left; width:100%; background:url(../images/footer_bg.jpg) repeat-x left top; height:138px; margin-top:50px;}
.footer_inner{ float:left; width:100%; background:url(../images/footer_strip.png) no-repeat left top; height:53px; margin-top:33px;}
.footer_inner ul{ float:left; width:470px; list-style:none; margin:16px 0 0 5px;}
.footer_inner ul li{ float:left; background:url(../images/sprtr.jpg) no-repeat right center; padding:0 8px;}
.footer_inner ul li.last{ background:none; padding-right:0}
.footer_inner ul li a{ float:left; font-size:11px; color:#4ab2cc}
.footer_inner ul li a:hover{ text-decoration:underline}
.footer_inner span{ float:left; font-size:11px; color:#d6d7dd; padding-top:16px;}