.list_box_title { font-size:30px; text-align:center; line-height:1em;}
.list_box_title span {display:block; font-size:14px; color:#bcc8cf; font-weight:bold;}

.home_page_product_list { width:1000px; margin:0 auto; padding:50px 0;}
.product_item{width:498px; height:266px; float:left; margin:0 0 20px; color:#FFF;}

.product_item .product_item_header {margin:20px 20px 20px 20px;}
.product_item .product_item_header a { color:#FFF; font-size:23px; margin:0px 0px 0px 0px; padding:50px 0;}

.product_item .product_item_detail_link a { color:#FFF; font-size:15px; border:1px solid #ffffff; width:150px; text-align:center; display:block; line-height:20px; padding:2px 0 2px; margin:5px 20px 20px 20px; border-radius:3px;}
.product_item .product_item_detail_link a:hover{ text-decoration:none; background-color:#ffffff; color:#00aceb;}
.product_item p { color:#FFF; font-size:13px; padding:0; margin:5px 150px 20px 20px;}

#product1{ background-image:url(./images/product_list_background_01.jpg);}
#product2{ background-image:url(./images/product_list_background_02.jpg);}
#product3{ background-image:url(./images/product_list_background_03.jpg);}
#product4{ background-image:url(./images/product_list_background_04.jpg);}

.odd_number_item_docaration   {background:#fff; }/*border-bottom:6px solid #3a6386;*/
.even_number_item_docaration {background:#f7f9fa; }/*border-bottom:6px solid #44a6d4;*/

.odd_number_thick_item_docaration   {background:#005573; border-bottom:6px solid #3a6386; color:#FFF;}
.even_number_thick_item_docaration {background:#00597B; border-bottom:6px solid #44a6d4; color:#FFF;}

.list_container {width:1000px; margin:0 auto;} 
.review_list .review_list_item {float:left;width:20%; min-height:250px; padding:25px; text-align:center;border-top:1px solid #e5e5e5;}
.review_list .review_list_item .pic img {max-width:100%;}
.review_list .review_list_item .text {margin-top:25px;}
.review_list .review_list_item .text .txt{ font-size:12px;color:#b6c1c8; font-weight:bold;margin-top:25px;}

@media (max-width: 979px) {
	.review_list .review_list_item{width:20%; min-height:310px;padding:25px 2.5%;}
}

@media (max-width: 767px) {
	.review_list {border-bottom:1px solid #e5e5e5; padding-bottom:40px;}
	.review_list .odd_number_item_docaration   {border-left:6px solid #3a6386; border-bottom:none;}
	.review_list .even_number_item_docaration {border-left:6px solid #44a6d4; border-bottom:none;}
	.review_list .review_list_item {float:none;width:auto; min-height:inherit;border-right:1px solid #e5e5e5;border-top:none;text-align:left;padding:25px 30px;}
	.review_list .review_list_item .pic {float:left;}
	.review_list .review_list_item .text {padding-left:80px;margin-top:0;}
	.review_list .review_list_item .text .txt{margin-top:5px;}
	.review_list .review_list_item .i1 .pic {float:none;}
	.review_list .review_list_item .i1 .text {padding-left:0; margin-top:10px;}
}

@media (max-width: 479px) { 
    .review_list .review_list_item {padding:25px;}
}

.product_banner { background:url(./images/surface_rshome_banner.jpg) no-repeat center 0 #BDE3F7; height:438px;}
.product_banner .text {color:#000; text-shadow:1px 1px 2px #2c3540; font-size:16px; padding:10px 0 0 0; margin:20px 20px 20px 20px;}
.product_banner .text h1{font-size:32px;color:#000; line-height:40px;margin-bottom:20px;}
.product_banner .text h1 a {color:#000; text-decoration:none;}
.product_banner .text h1 a:hover {color:#fff; text-decoration:underline;}
.product_banner .text p {width:45%;}
.product_banner .product_item_detail_link a { color:#000; font-size:15px; border:1px solid #ffffff; width:150px; text-align:center; display:block; line-height:20px; padding:2px 0 2px; margin:25px 20px 20px 20px; border-radius:3px; background-color:#4ABEF7;}
.product_banner .product_item_detail_link a:hover{ text-decoration:none; background-color:#ffffff; color:#00aceb;}

@media (max-width: 979px) {
	.product_banner{ position:relative;background-position:60% 0; height:538px;}
    .product_banner .text{ background:url(images/surface_rshome_banner.png) repeat;padding:30px 5%; text-shadow:none; position:absolute;bottom:0;left:0;width:90%;}
	.product_banner .text h1{ font-size:28px; margin-bottom:10px;}
	.product_banner .text p {width:80%;}
}
@media (max-width: 767px) {
	.product_banner{ background-position:53% 0; height:638px;}
    .product_banner .text h1{ font-size:24px;}
	.product_banner .text p {width:auto;}
}
@media (max-width: 479px) {
	.product_banner{ background-position:60% 0; height:438px}
	.product_banner .text{ text-align:center; font-size:14px;padding:20px 5%;}
	.product_banner .text h1{ font-size:20px; line-height:1.5em;}
	.product_banner .text p {line-height:1.3em; padding-top:10px;}
}