html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
margin: 0; 
padding: 0; 
border: 0; 
font-size: 100%; 
font: inherit; 
vertical-align: baseline; 
} 

.cl_after:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

body {
	font-family: "华文细黑";
	font-size: 1.2rem;
	min-width: 1200px;
}

.pp_bg {
	    background: transparent url(../img/ppfix-top-BG.png) no-repeat center top;
}

.pp_container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
}

.top_link {
	margin-top: 0;
	padding: 2em 5.5em 0;
	color: #fff;
	float: right;
	font-size: 18px;
}

.top_link a {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 0 20px;
}

.wid1200 {
	width: 1000px; 
	height: auto;
}

.top_blank{
	margin-top: 45px;
}

.intro{
	position: absolute;
	top:126px;
	left:78px;
}
.company{
	font-size:6.5625em;
	font-family: 'Microsoft Yahei';
	color:#fff;
	text-align: center;
}

.slogan{
	text-align: center;
	font-size:1.5em;
	color:#fff;
/*	padding-bottom: 10px;
	padding-top: 10px;*/
/*	margin-top:-8px;*/
	background-image: url(../img/ppfix-top-01.png);
	background-size:100% 100%;
}
.intro_main{
	width:415px;
	padding-left: 30px;
	font-size: 1.2em;
	text-align: left;
	font-family: "Microsoft Yahei";
	margin-top: 16px;

}

.pp_bg2 {
	background-color: #fff;
}

.mid_btn_box {
	width: 900px;
	margin: 0 auto 17px;
}

.mid_btn_box2 {
	display: block;
	float: right;
	text-align: center;
	margin: 15px 100px;
	width: 100px;
	height: 150px;
	text-decoration: none;
	
}

.mid_btn_box2 p {
	margin-top: 10px;
	color: #000;
}

.mid_btn_box2 div {
	width: 100px;
	height: 100px;
}

#btn_about {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
	background-position: 0px -100px;
}

#btn_join {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
	background-position: -100px -100px;
}

#btn_contact {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
	background-position: -200px -100px;
}

#btn_about:hover {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
}

#btn_join:hover {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
	background-position: -100px 0px;
}

#btn_contact:hover {
	background: url(../img/btn_s.png);
	background-size: 300px 200px;
	background-repeat: no-repeat;
	background-position: -200px 0px;
}

.pp_us_label_o1 {
	color: #fff;
	background-color: #37b3d5;
}

.pp_us_label_i {
	padding: 7px 218px 9px;
	font-size: 22px;
}

.triangle_down {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 23px solid #37B3D5;
}

.triangle_box1 {
	padding-left: 284px;
}

.pp_content_box {
	width: 785px;
	margin-left: auto;
	margin-right: auto;
}

.text_box1 {
	padding-top: 50px;
	padding-bottom: 65px;
}

.text_box p {
	text-indent: 2em;
	margin: 0 0;
	line-height: 200%;
}

.pp_us_label_o2 {
	color: #fff;
	background-color: #37b3d5;
	text-align: right;
}

.triangle_box2 {
	width: 23px;
	margin-left: auto;
	margin-right: auto;
}

.text_box2 {
	padding-top: 50px;
	/*padding-bottom: 35px;*/
}

.join_us_label {
	background-color: #e3e3e3;
	font-size: 18px;
	padding: 10px 14px;
}

.join_us_label p {
	margin: 0 0;
	color: #9c9c9c;
}

.join_us_label p span {
	color: #323232;
}

.pp_content_box h4 {
	margin: 7px 15px;
}

.box_with_lb {
	border-left: 2px solid #f5763f;
	margin: 3px 17px 24px;
	padding-left:8px ;
}

.box_with_lb p {
	margin: 0 0;
	line-height: 150%;
}

.location {
	font-size: 18px;
	margin: -17px 0 67px;
}

.location img {
	width: 20px;
	position: relative;
	top: 8px;
	margin: 0 5px 0 17px;
}

.location span {
	font-size: 16px;
}

.triangle_box3 {
	padding-left: 889px;
}

.float_left {
	float: left;
}

.contact_right img {
	float: right;
	text-align: right;
}

.contact_right div {
	float: right;
	text-align: right;
	padding-right: 40px;
}


.contact_box {
	margin-top: 30px;
}

.contact_box_o {
	margin-top: 60px;
	margin-bottom: 60px;
}

.contact_box img {
	width: 140px;
}

.contact_box div {
	padding-top: 15px;
}

.contact_box div p {
	width: 550px;
	margin-left: 40px;
}

.contact_box div h2 {
	color: #f5763f;
	padding-left: 40px;
}

.pp_bg3 {
	margin-top: 40px;
	background: transparent url(../img/ppfix-bottom-BG.png) no-repeat center top;
}

.pp_bg3 .contact_us {
	text-align: center;
	width: 150px;
	color: #143456;
	border: 2px solid #143456;
	padding: 10px;
	font-size: 20px;
	margin: 0 auto;
}

.contact_us_box {
	padding: 40px 0 30px;
	font-weight: 700;
}

.pp_bg3 p {
	color: #fff;
	text-align: center;
	padding: 6px;
}

.pp_bg3 .at_last {
	font-size: 25px;
	padding-bottom: 120px;
	padding-top:10px;
}

#btt_btn {
	position: fixed;
	right: 80px;
	bottom: 150px;
	display: none;
}

.QR_box {
	position: absolute;
	top: 458px;
	left: 122px;
}

.QR_box div {
	float: left;
	margin: 0 15px;
	text-align: center;
	color: #fff;
	font-size: 19px;
}
.QR_box .QR_box_child1{
	margin-right: 80px;
}

.QR_box div img {
	width:120px;
	height: 120px;
	margin-bottom: 3px;
}

.QR_box div p {
	margin: 0 0;

}

.QR_box div a {
	display: block;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	line-height: 1;
	padding: 5px 0;
}

.QR_box div p {
	padding-top: 5px;
	line-height: 1;
	/*add code*/
	border: 2px solid #fff;
	border-radius:5px;
	padding: 5px 0;
	cursor: pointer;
}
/*add code: .QR_box div p:hover,.QR_box div p:active*/

.QR_box div a:hover,.QR_box div p:hover {
	box-shadow: 0 0 8px #fff;
}

.QR_box div a:active,.QR_box div p:active {
	background-color: #ddd;
}

.popover {
	background-color: #fff;
	padding: 70px 120px 80px;
	position: fixed;
	width: 340px;
	height: 190px;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	border-radius: 5px;
}

.pop_QR {
	width: 120px;
	height: 120px;
	float: left;
}
.pop_center{
	width: 120px;
	height: 120px;
	margin-left: 100px;
}

.popover div div {
	float: left;
}

.popover p {
	margin-bottom: 15px;
}

.pop_link {
	font-size: 17px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #02b9d9;
	border: 2px solid #02B9D9;
	border-radius: 7px;
	padding: 3px 36px;
	margin: 5px 0 14px 20px;
}

.pop_link:hover {
	box-shadow: 0 0 8px #02B9D9;
}

.pop_link:active {
	background-color: #bbb;
}

.pop_link img {
	width: 27px;
	margin-right: 18px;
	position: relative;
	top: 2px;
}

.pop_link span {
	position: relative;
	top: -7px;
}

#btn__ose {
	display: block;
}

#btn_close img,.btn_close img {
	position: absolute;
	right: 10px;
	top: 10px;
}

.footer p {
	padding-bottom: 20px;
}

.footer a {
	text-decoration: none;
	color: #fff;
}

h2 {
	font-weight: bold;
	font-size: 28px;
}

h4 {
	font-weight: bold;
}

/*add code*/
.text_header{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.text_purpose{
	text-indent:2em;
	padding-top: 40px;
}

.text_target{
	position: relative;
	text-align: center;
	padding-top: 40px;
	color:#37b3d5;
	font-size: 1.2em;
}

.text_service{
	text-align: center;
	margin-top: 40px;

}
.text_service img{
/*	width:1200px;
	margin-left: -210px;*/
	width:785px;
}
.text_service ul{
	width:785px;
}
.text_service ul li{
	width:150px;
	/*margin-right:70px;*/
	display: inline-block;
	vertical-align: top;
	list-style: none;
}

.pp_content_box hr{
	width: 86px;
	height: 4px;
	background-color:#37b3d5;
}

.text_quote{
	font-size: 80px;
	font-weight: bold;
}

.quote_1{
	position: absolute;
	top:40px;
	left:50px;
}

.quote_2{
	position: absolute;
	top: 170px;
	right:70px;
}