.area1,.area2,.area3,.area4,.area5{margin-bottom: 50px;}
/*comtitle1*/
.comtitle1{width: 100%;height: 26px;line-height: 26px;padding-bottom: 10px;border-bottom: 1px solid #ff7f00;font-size: 26px;color: #e54d00;}
/*area1*/
.area1{padding-top: 20px;border-top: 1px solid #ececec;}
/*area1-left*/
.area1-left{float: left;width: 400px;}
.area1-left-tab{width: 400px;height: 41px;line-height: 41px;background-color: #f9f9f9;}
.area1-left-tab h2{float: left;width: 130px;height: 41px;color: #fff;font-size: 26px;font-weight: bold;background: url(../../images/strategy/index/area1_left_tab.png) 0 0 no-repeat;text-align: center;}
.area1-left-tab ol{float: right;width: 150px;height: 41px;font-size: 16px;color: #999;line-height: 41px;text-align: center;}
.area1-left-tab li{float: left;width: 50px;position: relative;cursor: pointer;}
.area1-left-tab li i{display: none;width: 12px;height: 6px;background: url(../../images/strategy/index/area1_left_trangle.png) 0 0 no-repeat;position: absolute;left: 20px;bottom: -6px;}
.area1-left-tab li:hover{background-color: #e8e8e8;color: #666;}
.area1-left-tab li.active{background-color: #00d990;color: #fff;}
.area1-left-tab li.active i{display: block;}
/*txtlist*/
.area1-left ul{margin-bottom: 20px;}
.area1-left .dlbox{height: 100px;padding: 20px 0;border-bottom: 1px dotted #ececec;background: none;margin: 0;}
.area1-left .dlbox .img{width: 135px;height: 100px;overflow: hidden;float: left;}
.area1-left .dlbox div{float: right;width: 250px;height: 100px;}
.area1-left .dlbox h3{font-size: 20px;height: 20px;line-height: 20px;width: 250px;overflow: hidden;margin: 10px 0 15px 0;}
.area1-left .dlbox h3 a{color: #333;}
.area1-left .dlbox h3 a:hover{color: #ff5500;}
.area1-left .dlbox p{font-size: 12px;color: #999;line-height: 18px;height: 54px;width: 250px;overflow: hidden;}
.area1-left	.txtlist{margin-top: 23px;}
.area1-left .txtlist .txt{width: 385px;}
.area1-left .more{display: block;width: 398px;height: 38px;border: 1px solid #ececec;font-size: 16px;color: #999;line-height: 38px;text-align: center;background-color: #f9f9f9;}
.area1-left .more:hover{color: #fff;background-color: #ff9500;}
.area1-left .box{display: none;}
.area1-left .show{display: block;}
/*area1-right*/
.area1-right{float: right;width: 740px;}
/*slide*/
.slide{width: 740px;height: 230px;overflow: hidden;clear: both;margin-bottom: 14px;}
.slide ul{position: relative;float: left;width: 480px;top: 0;}
.slide ul li{width: 480px;height: 230px;overflow: hidden;}
.slide ol{float: left;width: 259px;height: 228px;border: 1px solid #ececec;border-left: 0;}
.slide ol li{width: 237px;height: 45px;line-height: 45px;border-top: 1px dotted #ececec;border-right: 3px solid #f5f5f5;color: #666;padding-left: 20px;font-size: 16px;cursor: pointer;position: relative;}
.slide ol li:first-child{border-top: 0;}
.slide ol li:hover{color: #ff5500;}
.slide ol li.active{background-color: #f9f9f9;border-right-color: #ff5500;font-weight: bold;color: #ff5500;}
.slide ol span{width: 230px;height: 45px;overflow: hidden;line-height: 45px;display: block;}
.slide ol i{position: absolute;left: -10px;top: 13px;width: 10px;height: 20px;background: url(../../images/strategy/index/slide_trangle.png) 0 0 no-repeat;z-index: 2;display: none;}
.slide ol li.active i{display: block;}
/*area1-right-left*/
.area1 .comtitle{padding-bottom: 20px;border-bottom: 1px solid #ececec;}
.area1-right-left{float: left;width: 440px;}
.area1-right-left ul{margin: -25px 0 0 0;}
.area1-right-left .imgbox{margin: 25px 25px 0 0;}
.area1-right-left .imgbox img{width: 130px;height: 100px;}
.area1-right-left .imgbox .layer{width: 130px;height: 100px;}
.area1-right-left .imgbox .txt{width: 130px;height: 36px;line-height: 18px;text-align: left;}
/*area1-right-right*/
.area1-right-right{float: right;width: 260px;}
.area1-right-right .comtitle{margin-bottom: 0;}
.area1-right-right .dlbox1{background: none;}
.area1-right-right .txtlist{margin: 0;padding: 12px 0 12px 15px;border-bottom: 1px solid #ececec;}
.area1-right-right .txtlist .txt{width: 240px;font-size: 14px;}
.area1-right-right .dot1{background-position: 0 19px;}
.area1-right-right .dlbox1{height: 115px;padding-top: 16px;border-bottom: 1px solid #ececec;padding-bottom: 16px;}
.area1-right-right .dlbox1 h3{height: 16px;margin-bottom: 15px;font-size: 16px;}
.area1-right-right .dlbox1 .img{width: 120px;height: 82px;}
.area1-right-right .dlbox1 p{width: 122px;height: 80px;line-height: 20px;color: #999;}
/*area2-left*/
.area2-left{float: left;width: 880px;}
.area2-left-top{padding-bottom: 20px;border-bottom: 1px solid #ececec;margin-bottom: 30px;}
/*area2-left-left*/
.area2-left-left{float: left;width: 400px;}
.area2-left-left ul:nth-child(2){margin-bottom: 25px;border-bottom: 1px dotted #ddd;}
.area2-left-left .txtlist{float: left;width: 230px;margin: 0 0 15px 0;}
.area2-left-left .txtlist .txt{width: 230px;}
/*area2-left-right*/
.area2-left-right{float: right;width: 440px;}
.area2-left-right .imgbox1{margin: 0 16px 20px 0;width: 135px;height: 100px;}
.area2-left-right .txtlist{width: 425px;height: 16px;line-height: 16px;margin-top: 16px;font-size: 16px;clear: both;}
.area2-left-right .txtlist .txt{width: 360px;}
/*area2-left-bottom*/
.area2-left-bottom{width: 880px;height: 118px;}
.area2-left-tag{float: left;width: 24px;height: 83px;color: #fff;background: url(../../images/strategy/index/play.png) 10px 12px no-repeat;padding: 35px 8px 0 8px;text-align: center;font-size: 16px;line-height: 18px;background-color: #ff9500;}
.area2-left-bottom ul{float: left;}
.area2-left-bottom .imgbox{margin: 0 0 0 20px;}
.area2-left-bottom .imgbox .txt{width: 148px;}
.area2-left-bottom .imgbox img{width: 148px;height: 95px;}
.area2-left-bottom .imgbox .layer{height: 95px;background-position: 50px 27px;}
.area2-left-bottom .imgbox .classify{top: 75px;}
/*area2-right*/
.area2-right{float: right;width: 260px;}
#area2_txtlist .dot3{background-position: 0 -29px;}
.area2-right ul{border-top: 1px solid #ececec;}
.area2-right .txtlist{padding: 12px 0 12px 15px;border-bottom: 1px solid #ececec;margin: 0;}
.area2-right .txtlist.active{height: 133px;background: none;padding: 12px 0;}
.area2-right .txtlist.active dl{display: block;}
.area2-right .txtlist.active .txtlist-li{display: none;}
.area2-right .txtlist-li{line-height: 16px;height: 16px;width: 245px;overflow: hidden;}
.area2-right dl{width: 240px;height: 133px;display: none;}
.area2-right dt{width: 100px;height: 133px;overflow: hidden;float: left;}
.area2-right dt img{width: 100%;height: 100%;}
.area2-right dd{float: right;width: 128px;}
.area2-right dd h3{font-size: 18px;height: 20px;line-height: 20px;margin: 10px 0;width: 128px;overflow: hidden;font-weight: bold;}
.area2-right dd h3 a{color: #cc4400;}
.area2-right dd h3 a:hover{color: #ff5500;}
.area2-right dd p{font-size: 12px;color: #999;margin-bottom: 10px;line-height: 26px;}
.area2-right dd p span{width: 150px;display: block;}
.area2-right dd p i{color: #333;}
.area2-right .txtlist-sp,.area2-right .txtlist-strategy,.area2-right .txtlist-sp-none{width: 60px;height: 22px;line-height: 22px;font-size: 12px;color: #fff;text-align: center;}
.area2-right .txtlist-sp{float: left;background-color: #0acc8b;}
.area2-right .txtlist-strategy{float: right;background-color: #ff9500;}
.area2-right .txtlist-sp:hover{background-color: #20da9b;}
.area2-right .txtlist-strategy:hover{background-color: #ffb54c;}
.area2-right .txtlist-sp-none{float: left;background-color: #ddd;}
.area2-right .txtlist-sp-none:hover{background-color: #ddd;}
.area2-right .txtlist .txt{width: 170px;color: #333;font-size: 14px;}
.area2-right .txtlist .classify{float: right;color: #999;font-size: 12px;}
/*area3-right*/
.area3-right{float: right;width: 260px;}
.area3-right ul{border-bottom: 1px solid #ececec;}
.area3-right li{width: 260px;height: 80px;padding: 15px 0;border-top: 1px solid #ececec;}
.area3-right li img{float: left;width: 80px;height: 80px;border-radius: 10px;overflow: hidden;}
.area3-right li h3{float: left;;width: 80px;height: 44px;line-height: 22px;color: #333;margin: 15px 0 0 10px;overflow: hidden;}
.area3-right li span{float: right;width: 68px;height: 68px;border-radius: 34px;background-color: #e2fff5;color: #999;text-align: center;line-height: 68px;}
.area3-right li span i{color: #0bd994;font-size: 24px;font-weight: bold;}
.area3-right li a:hover h3{color: #ff5500;}
/*area4-left*/
.area4-left{float: left;width: 400px;}
.area4-left ul{margin: -20px 0 0 0;}
.area4-left .imgbox1{width: 190px;height: 120px;margin: 20px 20px 0 0;}
.area4-left .imgbox1 .txt{position: absolute;left: 0;bottom: 0;padding: 0 5px 0 35px;background-image: url(../../images/index/play.png);background-position: 10px -78px;background-repeat: no-repeat;text-align: left;width: 150px;}
.area4-left .imgbox1 a:hover .txt{display: none;}
.area4-left .imgbox1 .layer1{position: absolute;left: 0;bottom: 0;width: 190px;height: 0;line-height: 20px;color: #fff;background-color: rgba(0,0,0,.8);background-color: #000\9;word-wrap: break-word;word-break: break-all;
    transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out; /* Firefox 4 */
    -webkit-transition: height .2s ease-in-out; /* Safari Chrome */
    -o-transition: height .2s ease-in-out; /* Opera */
}
.area4-left .imgbox1 a:hover .layer1{height: 120px;}
.area4-left .imgbox1 .layer1 span{display: block;width: 150px;height: 40px;overflow: hidden;margin: 40px 20px;}
/*area4-center*/
.area4-center{float: left;width: 440px;margin-left: 40px;}
.area4-center h2{font-size: 18px;height: 18px;line-height: 18px;}
.area4-center h2 a{color: #e54d00; height: 18px; overflow: hidden; display: block;}
.area4-center h2 a:hover{color: #cc4400;text-decoration: none;}
.area4-center-txtArea{padding-bottom: 20px;border-bottom: 1px dotted #ddd;margin-bottom: 28px;}
.area4-center-imgArea{margin: -14px 0 0 0;}
.area4-center .imgbox1{margin: 20px 25px 0 0;width: 130px;height: 90px;}
.area4-center .txtlist .txt{width: 420px;}
/*area4-right*/
.area4-right{float: right;width: 260px;}
.area4-right .comtitle ol{float: right;width: 50px;}
.area4-right .comtitle ol li{float: left;width: 24px;height: 24px;background-color: #f9f9f9;line-height: 24px;text-align: center;color: #999;margin-left: 1px;cursor: pointer;}
.area4-right .comtitle ol li:hover{color: #ff5500;}
.area4-right .comtitle ol li.active{color: #fff;background-color: #ff5500;}
.area4-right .ranklist{border-top: 1px solid #ececec;display: none;}
.area4-right .show{display: block;}
.area4-right .ranklist li{width: 260px;padding: 12px 0;border-bottom: 1px solid #ececec;line-height: 15px;height: 15px;}
.area4-right .ranklist .num{float: left;width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #4b9afa;color: #fff;margin-top: -5px;}
.area4-right .ranklist .ranktop3{background-color: #ff5a00;}
.area4-right .ranklist .txt{float: left;;width: 220px;height: 15px;line-height: 15px;color: #333;overflow: hidden;margin-left: 20px;}
.area4-right .ranklist .txt:hover{color: #ff5500;}
/*area5*/
.area5 .comtitle1{margin-bottom: 20px;}
.area5-1,.area5-2,.area5-3{float: left;width: 366px;}
.area5-cont{padding: 19px;border: 1px solid #ececec;border-top: 0;}
.area5 h3{width: 330px;height: 42px;line-height: 42px;padding-left: 36px;background-image: url(../../images/strategy/index/area5_title.png);background-repeat: no-repeat;font-size: 20px;color: #fff;}
.area5 .imgbox1{width: 153px;height: 105px;margin: 0 20px 20px 0;}
.area5 .txtlist{width: 311px;margin-top: 20px;clear: both;}
.area5 .txtlist .txt{width: 310px;}
.area5 h3 a{float: right;width: 45px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 30px;}
.area5-1,.area5-2{margin-right: 40px;}
.area5-1 h3{background-color: #eb7575;background-position: 9px 8px;}
.area5-1 h3 a{background-color: #df6f6f;}
.area5-1 h3 a:hover{background-color: #d36969;}
.area5-2 h3{background-color: #1cd294;background-position: 9px -56px;}
.area5-2 h3 a{background-color: #1bc78c;}
.area5-2 h3 a:hover{background-color: #19bd85;}
.area5-3 h3{background-color: #4ca6ff;background-position: 9px -120px;}
.area5-3 h3 a{background-color: #489ef2;}
.area5-3 h3 a:hover{background-color: #4495e5;}
/*sidenav*/
.sidenav-1{background-position: 0 0;}
.sidenav-2{background-position: 0 -57px;}
.sidenav-3{background-position: 0 -227px;}
.sidenav-4{background-position: 0 -728px;}
.sidenav-5{background-position: 0 -784px;}
.footer{margin-top: 0;background-color: #fff;}
/*transition*/
.area2-right .txtlist-sp,.area2-right .txtlist-strategy,.area2-right .txtlist-sp-none,.area5 h3 a,.area1-left-tab li,.area1-left .more{
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.area3-right li img{background-color: #ececec;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out; /* Firefox 4 */
    -webkit-transition: opacity .3s ease-out; /* Safari Chrome */
    -o-transition: opacity .3s ease-out; /* Opera */
}
.area3-right li img:hover{opacity: .8;filter: alpaha(opacity: 80);}