*{padding:0; margin:0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(images/body_bg.jpg) center top repeat-x #fff;
	
}
img{border:none;}
a{color:#c4161c; text-decoration:none; outline: none;}
a:hover{text-decoration:underline;outline: none;}
#wapper{
	width:100%;
    float: left;
}

.center_area{width: 960px;margin: 0 auto;}

.header{width: 960px;float: left;padding-top:89px;}

.top_box{width: 100%;float: left;background:#fff;height:140px;position: relative;padding-top: 24px;}
.top_box:before{background:url("images/con_img.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.top_box img{float: left;margin-right:40px;margin-left: 30px;}
.top_box h2{font:700 29px 'Open Sans', sans-serif;text-transform: uppercase;color: #231F20;}
.top_box p{font:400 14px/20px 'Open Sans', sans-serif;color: #231F20;}
.top_box p span{display: block;font-weight: 700;    padding-bottom: 5px;}

.bot_head{width: 100%;float: left;padding-top: 15px;}

.box_area_1{width: 304px;height: 163px;float: left;background: #fff;position: relative;overflow: hidden;cursor: pointer;}
.box_area_1:before{background:url("images/con_1.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.view_btn{background:#231F20;opacity: 0.97;width: 100%;float: left;position: absolute;left: 0;top:168px;height: 163px;
font:700 29px/163px 'Open Sans', sans-serif;text-transform: uppercase;color: #FFCB08;text-align: center;
transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.view_btn:hover{text-decoration: none;}
.view_btn:before{background:url("images/con_1.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right:-2px;bottom: 0;}

.box_area_1:hover .view_btn{top: 0;}

.box_area_1 img{    margin-left: 33px;    margin-top: 37px;}

.box_area_2{width: 304px;height: 163px;float: left;background: #fff;position: relative;margin: 0 24px;overflow: hidden;cursor: pointer;}
.box_area_2:before{background:url("images/con_img.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}
.box_area_2 img{    margin-left:25px;    margin-top:42px;}

.box_area_2 .view_btn_2{background:#231F20;opacity: 0.97;width: 100%;float: left;position: absolute;left: 0;top:168px;height: 163px;
font:700 29px/163px 'Open Sans', sans-serif;text-transform: uppercase;color: #FFCB08;text-align: center;
transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.box_area_2 .view_btn_2:hover{text-decoration: none;}
.box_area_2 .view_btn_2:before{background:url("images/con_img.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.box_area_2:hover .view_btn_2{top: 0;}



.box_area_3{width: 304px;height: 163px;float: left;background: #fff;position: relative;overflow: hidden;cursor: pointer;}
.box_area_3:before{background:url("images/con_img.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.box_area_3 img{    margin-left:53px;    margin-top: 37px;}

.box_area_3 .view_btn_3{background:#231F20;opacity: 0.97;width: 100%;float: left;position: absolute;left: 0;top:168px;height: 163px;
font:700 29px/163px 'Open Sans', sans-serif;text-transform: uppercase;color: #FFCB08;text-align: center;
transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.box_area_3 .view_btn_3:hover{text-decoration: none;}
.box_area_3 .view_btn_3:before{background:url("images/con_img.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.box_area_3:hover .view_btn_3{top: 0;}


.footer{width: 100%;float: left;text-align: center;padding-top: 95px; padding-bottom: 30px;}

.footer h3{font:600 23px 'Open Sans', sans-serif;text-transform: uppercase;color: #fff;padding-bottom: 17px;}
.footer h3 a{color: #fff;}
.footer h3 a:hover{text-decoration: none; color:#231F20;}

.footer a{transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;}
.footer a:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.footer .icon_1{background:url("images/sol_icon.png") left top no-repeat ;width:34px;height: 32px;display: inline-block;text-indent: -99999px;}
.footer .icon_2{background:url("images/sol_icon.png") -47px top no-repeat ;width:34px;height: 32px;display: inline-block;text-indent: -99999px;margin: 0 9px;}

.footer .icon_3{background:url("images/sol_icon.png") -94px top no-repeat ;width:34px;height: 32px;display: inline-block;text-indent: -99999px;}

.footer p{font:10px 'Open Sans', sans-serif;color: #fff;padding-top: 17px;}

/*true_box*/

.true_box{width: 100%;float: left;background:url("images/life_img.jpg") left -2px no-repeat #fff ;height: 496px;position: relative;}
.true_box:before{background:url("images/con_2.png") left top no-repeat;width: 28px;height: 27px;float: left;content: '';position:absolute;right: 0;bottom: 0;}

.true_logo{width:408px;float: left;padding-left: 267px;    padding-top: 32px;}

.true_conet{width:493px;float: left;padding-left: 401px;padding-top: 102px;}
.true_conet h3{color: #EE008C;font:600 38px 'Open Sans', sans-serif;padding-bottom: 4px;}
.true_conet p{color: #231F20;font:400 18px 'Open Sans', sans-serif;padding-bottom: 25px;}