.area1,.area3,.area4,.area5,.area6,.area7,.area8,.area9{margin-bottom:40px;}
.area1-left,.area2-left,.area3-left,.area4-left,.area5-left{float: left;width: 400px;}
.area1-center,.area2-center,.area3-center,.area4-center,.area5-center{width: 440px;float: left;margin-left: 40px;}
.area1-right,.area2-right,.area3-right,.area4-right,.area5-right{float: right;width: 260px;}
.area2-left,.area3-left,.area4-left,.area5-left,.area2-center,.area3-center,.area4-center,.area5-center,.area2-right,.area3-right,.area4-right,.area5-right{margin-top: -20px;}
/*comtitle1*/
.comtitle1{width: 100%;height: 26px;line-height: 26px;padding-bottom: 10px;border-bottom: 1px solid #ff7f00;font-size: 26px;color: #e54d00;}
/*slide*/
.slide{position: relative;overflow: hidden;width:620px;height:375px;}
.slide .prev,.slide .next{position: absolute;top:300px;width:40px;height:40px;background-color: #fcfcfc;background: #ccc url(/Public/images/strategy/tutorial/icon.png) 0 0 no-repeat;z-index: 3;cursor: pointer;}
.slide .prev{right:61px;background-position:0 0;}
.slide .next{right:11px;background-position:-42px 0;}
.slide .next:hover{background-position:-42px -42px;}
.slide .prev:hover,.slide .next:hover{background-color: #ffb54c;}
.slide .img{display: block;width:620px;height:250px;overflow: hidden;}
.slide img{display: block;width:620px;height:250px;}
.slide .cont{ background-color:#fbfbfb; height:125px;}
.slide h3{font-size:24px;height: 28px;line-height: 28px;width:500px;overflow: hidden; padding:15px 108px 0 12px;}
.slide h3 a{color: #333;}
.slide ul li:hover h3 a,.slide h3 a:hover{color: #ff5500;}
.slide p{color: #999; font-size:14px;line-height:20px;height:60px;width:500px;overflow: hidden;margin:5px 0; padding:0 108px 0 12px;}
.slide .count{position: absolute;right: 0;top:260px;font-family: "Georgia Regular";font-size: 26px;color: #999; font-style: italic;width: 55px;height: 40px;line-height: 30px;z-index: 2;padding: 0 0 31px 20px;}
.slide .count i{color: #e64d00;font-size: 32px;font-style: italic;font-weight: bold;}
.slide ul{position: relative;}
.slide ul li{width:620px;height:375px;top: 0px;left: 0px;float: left;}
/*area1*/
img:hover{ opacity:0.9;filter(alpha=90)}
.area1{ padding-top: 20px;}
.area1-left{ width:520px;}
.area1-left .top{ margin:0 0 15px 0;}
.area1-left .top h2 a{ color:#343434; font-size:20px; line-height:21px; height:21px; overflow:hidden; display:block; text-align:center; margin:0 0 15px 0;}
.area1-left .top h2 a:hover{color: #ff5500;}
.area1-left .top p{ color:#333; font-size:16px; line-height:24px; height:48px; overflow:hidden;}
.area1-left ul{ border-top:1px solid #ececec; padding:5px 0 0 0;}
.area1-left li{ overflow:hidden; font-size:14px; margin:15px 0 0 0; line-height:15px; height:15px;}
.area1-left li em{ display:block; float:left; font-style:normal; color:#2e2e2e; margin-right:5px;}
.area1-left li a{ display:block; float:left; width:300px; color:#2e2e2e; overflow:hidden;}
.area1-left li a:hover{color: #ff5500;}
.area1-left li span{ display:block; float:right; color:#cecece; font-family:"Arial";}


.area1-right{ width:620px;}
/*area1__end*/
/*area2*/
.area2{margin-bottom: 30px;}
.comtitle1 .more{float: right;color: #f25100;background:url(/Public/images/strategy/tutorial/more.png) right 2px no-repeat;padding-right: 30px;font-size: 16px;}
.comtitle1 .more:hover{color: #e54d00;background-position: right -60px;}
.box{ margin:19px 0 0 0;}
.box_l{ float:left; width:540px; margin-right:50px;}
.box_l dl:first-child{ margin-bottom:30px;}
.box_l dt a{ color:#343434; font-size:20px; line-height:21px; height:21px; overflow:hidden; display:block;}
.box_l dt a:hover{color: #ff5500;}
.box_l dd{ overflow:hidden; font-size:14px; line-height:15px; background:url(/Public/images/strategy/tutorial/icon02.png) no-repeat left center; padding-left:17px; margin:16px 0 0 0;}
.box_l dd a{ display:block; float:left; color:#333; width:440px; height:15px; overflow:hidden;}
.box_l dd a:hover{color: #ff5500;}
.box_l dd span{ display:block; float:right; color:#cecece; font-family:"Arial";}
.box_c{ float:left; width:280px;}
.box_c dl{ margin:0 -10px 0 0;}
.box_c dt img{ display:block; width:280px; height:140px;}
.box_c dt p{ color:#5d5d5d; font-size:14px; line-height:38px; height:38px; overflow:hidden; text-align:center;}
.box_c dt p:hover{color: #ff5500;}
.box_c dd{ float:left; width:135px; margin:0 10px 0 0;}
.box_c dd img{ display:block; width:135px; height:100px;}
.box_c dd p{ color:#5d5d5d; font-size:14px; line-height:38px; height:38px; overflow:hidden; text-align:center;}
.box_c dd p:hover{color: #ff5500;}
.box .subarea-ranklist{ float:right; width:260px;}
.comtitle{ margin:0 0 20px 0!important;}
.subarea-ranklist .show{ border-top:1px solid #ececec;}
/*sidenav*/
.sidenav-1{background-position: 0 0;}
.sidenav-2{background-position: 0 -57px;}
.sidenav-3{background-position: 0 -114px;}
.sidenav-4{background-position: 0 -171px;}
.sidenav-5{background-position: 0 -227px;}
/*footer*/
.footer{margin-top: 0;background-color: #fff;}

.main { width: 1180px; padding: 0 10px; margin: 20px auto 0 auto;}