﻿.Warp .WarpLeft { float:right;}
.Warp .WarpLeft .Demo{ background:url(/images/demo.jpg) no-repeat left; height:146px; margin-top:10px; cursor:pointer}
.Warp .WarpLeft .DemoPlay{ height:146px; margin-top:10px;}
.Warp .WarpLeft .kz{  height:67px; margin-top:10px;}
.Warp .WarpLeft .kz .left{ width:70px; float:left;}
.Warp .WarpLeft .kz .right{float:right; text-align:left; width:160px; padding-left:6px; margin-top:8px; font-family:Arial; line-height:18px;}
.Warp .WarpRight { float:right; width:701px; padding-left:19px }
.Warp .WarpRight .intro{ padding: 20px 20px 10px 8px; line-height:22px; background:url(/images/Index_introBg.jpg) no-repeat bottom right; height:195px; margin-right:5px;}
.Warp .WarpRight .intro strong{ font-style:italic; color:#333; font-size:12px;}
.Warp .WarpRight .LeftBanner{  height:75px; margin-top:10px; clear:both; text-align:center;}
.Warp .WarpRight .Coures{ margin-top:15px; height:265px}
.Warp .WarpRight .Coures .left{ float:left; width:213px; padding-left:8px}
.Warp .WarpRight .Coures .left img{ margin-top:5px;}
.Warp .WarpRight .Coures .left ul{ margin-left:10px; margin-top:3px;}
.Warp .WarpRight .Coures .center img,.Warp .WarpLeft .Coures .right img{ margin-left:5px;}
.Warp .WarpRight .Coures .left ul li{ font-weight:bold; border-bottom:1px dotted #ccc; padding:5px 0 3px 0; width:180px}
.Warp .WarpRight .Coures .center{ float:left; width:215px; padding-right:5px; }
.Warp .WarpRight .Coures .center .content{ padding-left:15px; border-left:1px dotted #ccc; margin-top:12px; height:225px}
.Warp .WarpRight .Coures .right{ float:left; width:245px; padding-left:10px;}
.Warp .WarpRight .Coures .right .content{ padding-left:15px; border-left:1px dotted #ccc; margin-top:10px; height:225px; background:url(/images/refund.gif) no-repeat bottom right;}
.Warp .WarpRight .Coures .list { background:none; clear:both; margin:0; padding:0;}
.Warp .WarpRight .Coures .list .ico
{
     background:url(/images/index_dian.jpg) no-repeat left center;  width:3px; float:left; height:20px
    }
.Warp .WarpRight .Coures .list .txt
{
    padding-left:4px;float:left; width:190px;line-height:22px;
    }
.Warp .WarpRight .Trust{ background:url(/images/Index_trust.jpg) no-repeat; padding-top:30px; margin-top:10px; height:70px}
.Warp .WarpRight .Trust .l{ float:left; width:180px;}
.Warp .WarpRight .Trust .r{ float:left; width:520px; line-height:18px}
.Warp .WarpRight .Release { background:url(/images/Index_release.jpg) no-repeat; padding-top:30px; margin-top:10px;}
.Warp .WarpRight .Release .l{ float:left; width:170px; padding-left:10px;}
.Warp .WarpRight .Release .r{ float:left; width:520px; line-height:18px}
.Warp .WarpRight .Trust a,.Warp .WarpLeft .Release a{ color:#114246; }

.CourseList{width:950px; margin-left:auto; margin-right:auto; padding-top:6px; border:2px solid #ccc; clear:both; height:110px; padding-bottom:4px; padding-left:6px}
.CourseList ul{ float:left; border-left:1px solid #ccc; height:110px;}
.CourseList ul li{ width:220px; padding:2px 4px 2px 8px;}



/*新加样式*/
.b_box{float:left; width:720px}
.left_top{float:left; width:191px; overflow:hidden;}
.left_bj{background-image:url(../images/index_images/daily_bj.gif); height:264px; padding-left:2px}
.left_bj p{ padding-left:28px; height:26px}

.left_bj .title{ padding-top:5px; padding-bottom:4px; height:28px;}
.left_bj .title .ico{ width:14px; height:26px; float:left; margin-left:4px;}
.left_bj .title .ico0{ background:url(/images/index_images/1.gif) no-repeat left top;}
.left_bj .title .ico1{ background:url(/images/index_images/2.gif) no-repeat left top;}
.left_bj .title .ico2{ background:url(/images/index_images/3.gif) no-repeat left top;}
.left_bj .title .ico3{ background:url(/images/index_images/4.gif) no-repeat left top;}
.left_bj .title .ico4{ background:url(/images/index_images/5.gif) no-repeat left top;}
.left_bj .title .ico5{ background:url(/images/index_images/6.gif) no-repeat left top;}
.left_bj .title .ico6{ background:url(/images/index_images/7.gif) no-repeat left top;}
.left_bj .title .txt{ overflow:hidden; float:right; width:167px; height:28px; }

.left_image{float:left; width:26px; background-image:url(../images/index_images/daily_num.gif); height:280px; width:26px; padding-left:3px;}
.left_text{float:left; width:160px; font:Arial, Helvetica, sans-serif; line-height:20px; font-size:13px;}
.banner_image{padding-top:10px; background:url(../images/Index_Left_banner.jpg) no-repeat center ; width:715px; height:75px;}
.texta_top{background-image:url(../images/index_images/text_bj.gif); line-height:23px; padding-left:10px; padding-right:5px;}
.bott_image{ background:url(../images/index_images/text_bott.gif) no-repeat; height:10px;}
.kong{ padding-top:8px; background-image:url(../images/index_images/works.gif); height:22px;}
.textb_top{float:right; width:522px;}
.wroks{width:507; height:230px; background-image:url(../images/index_images/mcl_bj.gif); line-height:21px; padding-left:25px;}
.tturst_left{float:left; width:180px;}
.text_foot{padding-top:8px; width:540px; float:left; padding-left:8px; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.image_foot{padding-top:15px; width:171px; float:left; }
.image_foot2{width:171px; float:left; }
.text_left{font:Arial, Helvetica, sans-serif; padding-left:3px;}
.text_left li{ border-bottom:1px dotted #666; height:20px; padding-top:5px}
.text_left2{padding-top:10px; padding-left:3px;}
.Works{ background:url(../images/index_images/works.gif) no-repeat top; padding-top:27px;  width:522px; margin-top:4px;}
.Works .how,.Works .mcl{ border-left:1px solid #ccc; border-right:1px solid #ccc; margin-left:1px; line-height:21px; padding-left:6px; padding-top:8px}
.Works .how p{ background:url(/images/index_images/how.gif) no-repeat left; padding-left:10px; }
.Works .how img{ float:right; margin-right:10px; border:0; margin-top:10px;}
.Works .how{ width:513px; height:88px}
.Works .mcl{ clear:both; background:url(/images/index_images/mcl.gif) no-repeat top; padding-top:26px; width:513px;}
.Works .mcl p{ background:url(/images/index_images/samll.gif) no-repeat left; padding-left:10px; }
.Works .mcl img{ float:right; margin-right:10px; border:0; top:0;}


