#page-3 {
	position: relative;
	color: #fff;
}

.page3_box{margin:auto;
width: 100%; height: 100%;
 }
.page3_box .left_box{ float: left; width: 60%; height: 100%; }
.page3_box .right_box{ float: right; width: 40%; height: 100%; background:#fff; overflow: hidden; position: relative; }
.page3_box .left_box img{ width: 100%; height: 100%; }
.page3_box .leftclass{ position: absolute; left:10%;  top: 30%;  }
.page3_box .leftclass li{  height: 50px; margin-bottom: 20px; }
.page3_box .leftclass a{font-size: 14px; color: #fff; background:url('/images/index_class.png') no-repeat;
display: block;
    height: 45px;
    padding-left: 50px;
    line-height: 45px;}

.page3_box .leftclass a:hover{ color: #ee9325; background:url('/images/index_class_hover.png') no-repeat; text-decoration: none;}
.page3_box .leftclass a span{ display: block; width: 60px; line-height: 20px; }
.page3_box .right_box .title{ padding-top: 20%; margin: auto; font-size: 42px; color: #282e32; text-align: left; margin-bottom:25px; padding-left: 15%; }
.page3_box .right_box .title2{ margin: auto; font-size: 24px; color: #282e32; text-align: left; margin-bottom: 50px; padding-left:15%;}
.page3_box .right_box img{padding-left: 15%;}
.page3_box .right_box .more_btn{ position: absolute; bottom: 0; left: 0;  width: 100%; }
.page3_box .right_box .more_btn a{ display: block; color: #fff;  width: 100%; height: 55px; line-height: 55px; background: #161616; text-align: center;}