@charset "utf-8";
/* CSS Document */

/*·ÑÓÃÔ¤¹À costEstimate*/
.costEst { width: 91.7%; background: url("/imgs/fybg.jpg"); -webkit-background-size: 1.6% auto; background-size: 1.6% auto; margin: -40px auto 0; position: relative; z-index: 2; padding: 55px 26px 55px; }
.costEst h3 { font-size: 4rem; text-align: center; color: #343434; margin-bottom: 50px; }
.costEst input, .costEst textarea, .costEst .submitBox {padding: 4% 0 4% 20px; width: 100%; display: block; margin-bottom: 25px; border: 1px solid #eee; outline: none; font-size: 2.4rem; color: #333;  line-height:1.5;resize: none; border-radius: 3px; }
.costEst .submitBox{ background: #00b2c4; border-color: #008c9a; font-size: 3rem; line-height: 3.4; color: #fff; padding: 0; text-align:center; }
.costEst .submitBox a{font-size: 3rem; line-height: 3.4;color:#fff;}
.costEst textarea{min-height: 100px;}
.formCon p { position: relative; }
.formCon p label { position: absolute; left: 20px; font-size: 2.4rem; line-height: 115%; color: #c6c6c6; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.formCon p:nth-of-type(3) label { top: 20px; -webkit-transform: translateY(0); transform: translateY(0); }
/*pinpai*/
.pinpai .pinpaiMenu { width: 100%; overflow: hidden; background: #00b2c4; }
.pinpai .pinpaiMenu ul{ width: 500%;}
.pinpai .pinpaiMenu li { width: 160px; float: left; text-align: center; padding: 30px 0; position: relative; }
.pinpai .pinpaiMenu li .ppIcon { width: 95px; height: 95px; margin: 0 auto 9px; background: url('/imgs/ppIcon.png') no-repeat 0 0; }
.pinpai .pinpaiMenu li:nth-of-type(2) .ppIcon { background-position: -101px 0; }
.pinpai .pinpaiMenu li:nth-of-type(3) .ppIcon { background-position: -204px 0; }
.pinpai .pinpaiMenu li:nth-of-type(4) .ppIcon { background-position: -306px 0; }
.pinpai .pinpaiMenu li:nth-of-type(5) .ppIcon { background-position: -408px 0; }
.pinpai .pinpaiMenu li:nth-of-type(6) .ppIcon { background-image: url(/imgs/ppIcon2.png);  -webkit-background-size: contain; background-size: contain; }
.pinpai .pinpaiMenu li:nth-of-type(7) .ppIcon { background-position: -507px 0; }
.pinpai .pinpaiMenu li:nth-of-type(8) .ppIcon { background-image: url(/imgs/ppIcon1.png);  -webkit-background-size: contain; background-size: contain; }
.pinpai .pinpaiMenu li span { font-size: 2.4rem; line-height: 100%; color: #fff; }
.pinpai .pinpaiMenu li.active:before { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
/*pinpai about*/
.about .box1 { padding: 6% 1.46%; }
.about .hd { padding-bottom: 6%; }
.about .hd span { width: 37%; display: block; margin: 0 auto 1.2%; }
.about .hd h4 { width: 56%; margin: 0 auto; font-size: 4rem; line-height: 1.5; color: #000; text-align: center; }
.about p { font-size: 2.8rem; color: #898989; line-height: 1.71; }
.about .box1 p:nth-of-type(1) { padding-top: 5.4%; }
.about .box1 p:nth-of-type(2) { padding-bottom: 5.4%; }
.about .box2 { padding: 5% 6.4% 0; }
.about .box2 .hd span { width: 38%; }
.about .box3 { padding: 8% 1.46% 0; }
.about .box3 span { width: 50.8%; }
.about .box3 p { padding-top: 3%; }
.about .box4 { padding: 9.3% 2% 0; }
.about .box4 h4 { width: 100%; }
.about .box4 .hd span { width: 72.8%; }
/*pinpai photo*/
.photo .swiper-container .swiper-pagination, .experts .swiper-container .swiper-pagination { position: static; padding-top: 25px; }
.photo .swiper-container .swiper-pagination span, .experts .swiper-container .swiper-pagination span { width: 18.66%; font-size: 2.4rem; color: #898989; border-radius: 50px; background: #f3f1f1; margin: 0 2px; height: auto; line-height: 1.8; opacity: 1; }
.photo .swiper-container .swiper-pagination .swiper-pagination-bullet-active, .experts .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #898989; color: #fff; }
.photo .swiper-container .swiper-slide, .experts .swiper-container .swiper-slide { padding: 38px 10px 20px; }
.photo .swiper-container .swiper-slide img, .experts .swiper-container .swiper-slide a { display: block; box-shadow: 0 0 15px rgba(0,0,0,.15); margin-bottom: 60px; }
.photo .swiper-container .swiper-slide img:last-child, .experts .swiper-container .swiper-slide a:last-child { margin-bottom: 0; }
/*pinpai medCentre*/
.medCentre .box1 { padding: 6.6% 1.3% 0; }
.medCentre .box1 span { width: 39.3%; display: block; margin: 0 auto 1.5%; }
.medCentre .box1 h4, .medCentre .box2 h4, .medCentre .box3 h4 { font-size: 4rem; color: #000; line-height: 1.5; text-align: center; width: 74%; margin: 0 auto 2.2%; }
.medCentre .box2, .medCentre .box3 { padding: 8.6% 1.3% 0; }
.medCentre .box2 h4 { line-height: 2; width: 100%; }
.medCentre .box2 p, .medCentre .box3 .info { font-size: 2.4rem; padding: 1% 0 6% 1%; color: #898989; }
.medCentre .box3 { padding-top: 3.4%; }
.medCentre .box3 h4 { margin: 0 auto; }
.medCentre .box3 .info { text-align: center; padding-bottom: 2.2%; }
.medCentre .box3 section { background: #eee; padding: 6% 7.5%; }
/*pinpai environment*/
.environment .box1 { padding: 7% 1.3% 0; }
.environment .box1 span { width: 39.5%; display: block; margin: 0 auto 2.3%; }
.environment .box1 h4, .environment .box2 h4 { text-align: center; width: 71.7%; margin: 0 auto 2.3%; line-height: 1.5; font-size: 4rem; color: #000; }
.environment .box2 { padding: 11.5% 1.3% 0; }
.environment .box2 h4 { margin-bottom: 1%; }
.environment .box2 p { font-size: 2.4rem; text-align: center; color: #898989; }
.environment .box2 img:nth-of-type(1) { margin: 3.4% auto 7.39%; }
/*pinpai yygy*/
.pinpai .yygy dl{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align:center;align-items:center;}   
.pinpai .yygy>dl{margin:3.2% 0;width: 60%;overflow: hidden; }
.pinpai .yygy>dl dt{width: 54%;}
.pinpai .yygy>dl dd{width: 43.5%;padding-left: 3%;position: relative;}
.pinpai .yygy>dl dd::before{content: '';position: absolute;height: 100%;width: 1px;background: #aaa;left:0;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pinpai .yygy>dl dd p{font-size: 1.8rem;color: #777;line-height: 1.34;}
.pinpai .swiper-container{padding:2.4% 0 8.13%;}
.pinpai .swiper-container .swiper-slide{width:90%;-webkit-transform:scale(.95);transform:scale(.95);-webkit-transition:all .3s linear;transition:all .3s linear}
.pinpai .swiper-container .swiper-slide.swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);}

.addMoreItem {
	font-size:3.2rem;
	color:#fff;
	line-height:4rem;
	text-align:center;
	display: block;
	margin: 6% auto auto;
	width: 50%;
	height: 4rem;
	background-color:#ff6005;
	position: relative;
	border: 1px solid #d8d8d8;
	border-radius: 15px;
	box-sizing: border-box;
}

.pinpai .swiper-container .swiper-slide img{border-radius: 7px;}
.pinpai .artTitles{background: #f5f5f5;padding: 1.6% 0}
.pinpai .artTitles dl{padding: 3.34% 2%;background: #fff;}
.pinpai .artTitles dl dt{width: 35%}
.pinpai .artTitles dl dd{width: 63.33%}
.pinpai .artTitles dl dd h5{font-size: 2.6rem;color: #444;font-weight: 700;}
.pinpai .artTitles dl dd p{font-size: 2.2rem;color: #666;line-height: 1.2 }
.pinpai .artTitles dl dd a{display: block;width: 30%;text-align: center;line-height: 2;font-size: 1.8rem;color: #444;float: right;background: #efefef;border-radius: 5px;margin-top: 2px}




@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 31.25%!important; } /*0.5*/
    /*pinpai*/
    .pinpai .pinpaiMenu li { width: 80px; padding: 15px 0; }
    .pinpai .pinpaiMenu li .ppIcon { width: 48px; height: 48px; margin: 0 auto 5px; background: url('/imgs/ppIcon.png') no-repeat 0 0; -webkit-background-size: 300px 47px; background-size: 300px 47px; }
    .pinpai .pinpaiMenu li:nth-of-type(2) .ppIcon { background-position: -50px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(3) .ppIcon { background-position: -102px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(4) .ppIcon { background-position: -152px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(5) .ppIcon { background-position: -203px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(7) .ppIcon { background-position: -253px 0; }
    /*·ÑÓÃÔ¤¹À costEstimate*/
    .costEst { padding: 23px 13px 23px; }
    .costEst h3 { margin-bottom: 25px; }
    .costEst input, .costEst textarea, .costEst button { margin-bottom: 13px; padding-left: 10px; }
    .formCon p label { left: 10px; }
    .formCon p:nth-of-type(3) label { top: 10px; }
    /*pinpai photo*/
    .photo .swiper-container .swiper-pagination, .experts .swiper-container .swiper-pagination { padding-top: 13px; }
    .photo .swiper-container .swiper-slide, .experts .swiper-container .swiper-slide { overflow: hidden; padding: 19px 5px 10px; }
    .photo .swiper-container .swiper-slide img, .experts .swiper-container .swiper-slide a { box-shadow: 0 0 10px rgba(0,0,0,.15); margin-bottom: 30px; }
}
@media screen and (min-width:360px) and (max-width:409px) {
    html { font-size: 35%!important; }  /*0.56*/
    /*·ÑÓÃÔ¤¹À costEstimate*/
    .costEst { padding: 31px 15px 31px; }
    .costEst h3 { margin-bottom: 28px; }
    .costEst input, .costEst textarea, .costEst button { margin-bottom: 14px; padding-left: 12px; }
    .formCon p label { left: 12px; }
    .formCon p:nth-of-type(3) label { top: 12px; }
    /*pinpai*/
    .pinpai .pinpaiMenu li { width: 90px; padding: 17px 0; }
    .pinpai .pinpaiMenu li .ppIcon { width: 54px; height: 54px; margin: 0 auto 6px; background: url('/imgs/ppIcon.png') no-repeat 0 0; -webkit-background-size: 336px 53px; background-size: 336px 53px; }
    .pinpai .pinpaiMenu li:nth-of-type(2) .ppIcon { background-position: -56px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(3) .ppIcon { background-position: -114px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(4) .ppIcon { background-position: -171px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(5) .ppIcon { background-position: -228px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(7) .ppIcon { background-position: -283px 0; }
    /*pinpai photo*/
    .photo .swiper-container .swiper-pagination, .experts .swiper-container .swiper-pagination { padding-top: 14px; }
    .photo .swiper-container .swiper-slide, .experts .swiper-container .swiper-slide { overflowlow: hidden; padding: 21px 7px 10px; }
    .photo .swiper-container .swiper-slide img, .experts .swiper-container .swiper-slide a { box-shadow: 0 0 12px rgba(0,0,0,.15); margin-bottom: 34px; }
}
@media screen and (min-width:410px) and (max-width:479px) {
    html { font-size: 40%!important; }  /*0.64*/
    /*pinpai*/
    .pinpai .pinpaiMenu li { width: 102px; padding: 20px 0; }
    .pinpai .pinpaiMenu li .ppIcon { width: 62px; height: 62px; margin: 0 auto 8px; background: url('/imgs/ppIcon.png') no-repeat 0 0; -webkit-background-size: 384px 61px; background-size: 384px 61px; }
    .pinpai .pinpaiMenu li:nth-of-type(2) .ppIcon { background-position: -64px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(3) .ppIcon { background-position: -130px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(4) .ppIcon { background-position: -195px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(5) .ppIcon { background-position: -261px 0; }
    .pinpai .pinpaiMenu li:nth-of-type(7) .ppIcon { background-position: -323px 0; }
    /*·ÑÓÃÔ¤¹À costEstimate*/
    .costEst { padding: 35px 16px 35px; }
    .costEst h3 { margin-bottom: 32px; }
    .costEst input, .costEst textarea, .costEst button { margin-bottom: 16px; padding-left: 13px; }
    .formCon p label { left: 13px; }
    .formCon p:nth-of-type(3) label { top: 13px; }
    /*pinpai photo*/
    .photo .swiper-container .swiper-pagination, .experts .swiper-container .swiper-pagination { padding-top: 16px; }
    .photo .swiper-container .swiper-slide, .experts .swiper-container .swiper-slide { overflowlow: hidden; padding: 25px 8px 12px; }
    .photo .swiper-container .swiper-slide img, .experts .swiper-container .swiper-slide a { box-shadow: 0 0 12px rgba(0,0,0,.15); margin-bottom: 38px; }
}
@media screen and (min-width:480px) and (max-width:750px) {
    html { font-size: 47%!important; }  /*0.75*/
    /*·ÑÓÃÔ¤¹À costEstimate*/
    .costEst { padding: 42px 19px 42px; }
    .costEst h3 { margin-bottom: 37px; }
    .costEst input, .costEst textarea, .costEst button { margin-bottom: 18px; padding-left: 15px; }
    .formCon p label { left: 15px; }
    .formCon p:nth-of-type(3) label { top: 15px; }
    /*pinpai photo*/
    .photo .swiper-container .swiper-pagination, .experts .swiper-container .swiper-pagination { padding-top: 23px; }
    .photo .swiper-container .swiper-slide, .experts .swiper-container .swiper-slide { overflowlow: hidden; padding: 27px 9px 15px; }
    .photo .swiper-container .swiper-slide img, .experts .swiper-container .swiper-slide a { box-shadow: 0 0 14px rgba(0,0,0,.15); margin-bottom: 45px; }
}