body{
	font-size: 15px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif, Helvetica-Fraction;
	color: #333;
}
.pe_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 30px 0;
	background: url(../images/sc_bg_l.png) left bottom no-repeat, url(../images/pe_top_bg_r.gif) right bottom no-repeat;
}
.pe_top{
	width: 1200px;
	margin: 0 auto;
}
.pe_top .tit, .pe_bot .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.pe_top .ctn{
	width: 100%;
	float: left;
	background: url(../images/pe_top_bg_lt.gif) left top no-repeat;
}
.pe_top .left{
	width: 650px;
	float: left;
}
.pe_top .left .btn{
	width: 590px;
    float: left;
    padding: 15px 30px;
}
.pe_top .left a:hover .btn01, .pe_top .left a:hover .btn02{
	background: url(../images/pe_top_btn_h.png) no-repeat;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	width: 266px;
	float: left;
	height: 96px;
	background: url(../images/pe_top_btn_1.png) no-repeat;
	margin: 0 10px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 130px 0 0 0;
	text-shadow: 0 0 5px #666;
}
.pe_top .left .btn02{
	background: url(../images/pe_top_btn_2.png) no-repeat;
}
.pe_top span.highlight{
	color: #f93d52;
}
.pe_top .right{
	width: 550px;
	float: left;
	text-align: center;
}

.btn_pdf{
	background: #638c0b;
	padding: 5px 10px;
	color: #fff;
	float: left;
	margin: 3px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: left;
}
a:hover .btn_pdf{
	background: #d1c0a5;
	color: #fff;
}
.pe_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0;
	background: url(../images/pe_bot_bg_l.png) left top no-repeat, url(../images/pe_bot_bg_r.png) right top no-repeat, url(../images/pe_bot_bg.png) repeat;
}
.pe_bot{
	width: 1200px;
	margin: 0 auto;
}
.pe_bot span.highlight{
	color: #638c0b;
}
.pe_bot .left, .pe_bot .right{
	width: 50%;
	float: left;
}
.pe_bot .btn_docu{
	background: #84bb0f;
	padding: 5px 10px;
	color: #fff;
	float: left;
	margin: 3px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pe_bot a:hover .btn_docu{
	background: #d1c0a5;
	color: #fff;
}
.pe_bot .text, .pe_bot .img{
	width: 48%;
	float: left;
	margin: 0 1%;
}
.pe_bot .img{
	text-align: center;
}
.pe_bot .left .btn{
	height: 84px;
	background: url(../images/pe_bot_btn_1.png) center top no-repeat;
	text-align: center;
	padding: 130px 0 0 0;
	color: #0272ce;
	font-weight: 600;
}
.pe_bot .left .btn a, .pe_bot .right .btn01 a, .pe_bot .right .btn02 a{
	color: #0272ce;
}
.pe_bot .left a:hover .btn{
	background: url(../images/pe_bot_btn_1h.png) center top no-repeat;
	color: #FF6600;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.pe_bot .right .btn01, .pe_bot .right .btn02{
	background: url(../images/pe_bot_btn_2.png) center top no-repeat;
	height: 71px;
	width: 172px;
	padding: 24px 0 0 90px;
	line-height: 24px;
	color: #0272ce;
	font-weight: 600;
	margin: 0 auto;
}
.pe_bot .right a:hover .btn01, .pe_bot .right a:hover .btn02{
	background: url(../images/pe_bot_btn_2h.png) center top no-repeat;
	color: #c80c0c;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.pe_topBg, .pe_botBg{
	padding: 20px 0;
	min-width: 1000px;
}
.pe_top, .pe_bot{
	width: 970px;
	padding: 0 15px;
}
.pe_top .left{
	width: 570px;
}
.pe_top .left .btn{
	width: 570px;
	padding: 15px 0;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	margin: 0 5px;
}
.pe_top .right{
	width: 400px;
}
.pe_bot .left, .pe_bot .right{
	width: 100%;
}
.pe_top .right img{
	width: 100%;
	height: auto;
}
.pe_bot .right .text{
	width: 40%;
}
.pe_bot .right .btn{
	width: 56%;
}
.pe_bot .text, .pe_bot .right .text{
	width: 75%;
	margin: 0;
	padding: 10px 0 0 0;
}
.pe_bot .right .text{
	float: right;
}
.pe_bot .img{
	width: 25%;
	margin: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.pe_topBg, .pe_botBg{
	min-width: 320px;
	padding: 15px 0;
}
.pe_topBg{
	background: url(../images/sc_bg_l.png) left center no-repeat, url(../images/pe_top_bg_r.gif) right bottom no-repeat;
}
.pe_top, .pe_bot{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.pe_top .left, .pe_top .right{
	width: 100%;
}
.pe_top .left .btn{
	width: 100%;
	padding: 15px 0;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	margin: 0 auto;
	float: none;
}
.pe_top .right img{
	width: 100%;
	height: auto;
}
.pe_bot .left, .pe_bot .right{
	width: 100%;
	padding: 15px 0;
}
.pe_bot .text, .pe_bot .btn{
	width: 100%;
}
}