﻿.hp {
    width: 100%;
    background: #fff;
    max-width: 640px;
    z-index: 99;
    text-align: center;
}
body {
    max-width: 640px;
    margin: 0 auto;
    font-size: 0.3rem;
}
.fixed {
    position: fixed;/*position: absolute;*/
}
.hp {
    height: 4.8rem;/*width: 6.4rem;*/
    display: inline-block;
    text-align: center;
    background: url(../images/logo.png);
    background-size: 100%;
}
body {
    position: relative;
    min-height: 100%;
    height: auto;
}
.dh {
    width: 0.6rem;
    height: 0.6rem;
    float: right;
    margin-top: 0.1rem;
    margin-right: 0.1rem;
}
.menu {
    width: 4rem;
    height: 4rem;
    float: left;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
}
.nav {
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 200%;
    background: #ffffff;
    display: none;
}
.nav ul {
}
.nav .navsmall {
    margin-top: -0.16rem;
}
.nav .navsmall p a {
    /*font-size: 0.26rem;*/
    color: #818181;
    line-height: 2.48rem;
}
.nav ul li {
    color: #adadad;
/*    line-height: 0.8rem;
	 height: 0.5rem;*/
    font-size: 1.1rem;
    width: 100%;
    margin: 0 auto;
   
    text-align: center;
}
.nav ul li a {
    display: block;
    color: #333333;
    width: auto;
    margin: 0 auto;
    font-weight: bold;
	margin-top: 10px;
}
.nav ul li a span {
    float: right;
}
.nav .zhuye {
    width: 3.8rem;
    text-align: center;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1.9rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #000000;
}
.nav .zhuye a {
    color: #333333;
    font-size: 1.8rem;
    font-weight: bold;
}
.hd {
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: 1;
    top: 4.88rem;
    text-align: center;
}
.hd ul {
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    height: 5px;
    background-color: rgba(51,51,51,0.5);
}
.hd ul li {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.hd ul .on {
    background: #a47d2e;
}
.green_title {
    padding: 0.5rem 0rem;
}
.clear {
    clear: both;
}
/*首页开始*/
/*服务项目开始*/
.fwxm {
    height: 3.36rem;
    padding-top: 0.6rem;
    overflow: hidden;
}
.fwxm .left {
    width: 3.2rem;
    height: 3rem;
    animation: lfwxmdh 1s forwards;
    margin-left: -3.2rem;
    animation-play-state: running;
}
.fwxm .left li {
    float: left;
    margin-left: 0.12rem;
    margin-right: 0.12rem;
    margin-bottom: 0.18rem;
}
.fwxm .left img {
    width: 1.35rem;
}
.fwxm .right {
    width: 3.2rem;
    height: 3rem;
    animation: rfwxmdh 1s forwards;
    margin-right: -3.2rem;
    animation-play-state: running;
}
.fwxm .right li {
    float: left;
    margin-left: 0.12rem;
    margin-right: 0.12rem;
    margin-bottom: 0.18rem;
}
.fwxm .right img {
    width: 1.35rem;
}
/*@keyframes lfwxmdh{
	from{ opacity:0; margin-left:-3.2rem;}
	to{ opacity:1; margin-left:0;}
}

@keyframes rfwxmdh{
	from{ opacity:0; margin-right:-3.2rem;}
	to{ opacity:1; margin-right:0;}
}*/
/*服务项目结束*/


/*中间开始*/
.main {
}
.main li {
    height: 3rem;
}
.main li div {/*width:6.4rem;height:3rem;opacity:0;animation:move 1s forwards;animation-play-state:paused;*/
}
.main li div {
    width: 3rem;
    height: 1.4rem;
    opacity: 0;
    margin: auto;
    font-size: 0.2rem;/*animation:move 1s forwards;animation-play-state:paused;*/
}
.main li .move {
    animation-play-state: running;
}
.main li div .bt {
    text-align: center;
    color: #fff;
    padding-top: 0.9rem;
}
.main li div .dj {/*animation:wz 1s forwards;animation-play-state:paused;*/
    border: 1px solid #fff;
    width: 1.2rem;
    height: 0.2rem;
    text-align: center;
    line-height: 0.2rem;
    font-size: 0.12rem;
    margin: auto;
    margin-top: 0.26rem;
    color: #fff;
}
.main li div .wz {
    animation-play-state: running;
}
/*@keyframes move{
	from{ opacity:0; width: 3rem;height:1.4rem;margin: auto;font-size:0.2rem;}
	to{ opacity:1; width: 6.4rem;height:3rem;margin: auto;font-size:0.3rem;}
}*/

/*@keyframes wz{
	from{ border:1px solid #fff;width:1.2rem;height:0.2rem;text-align:center;line-height:0.2rem;font-size: 0.12rem;margin: auto;margin-top: 0.26rem;color:#fff;}
	to{ border:1px solid #fff;width:2.2rem;height:0.4rem;text-align:center;line-height:0.4rem;font-size: 0.24rem;margin: auto;margin-top: 0.56rem;color:#fff;}
}*/
/*中间结束*/

/*地址开始*/
.dz {
    height: 3.3rem;
    background: url("../images/dz.jpg") no-repeat;
    background-size: 100%;
    padding-top: 0.7rem;
}
.dz p {
    text-align: center;
    color: #000;
}
.dz .pinpai {
    animation: xx 1s forwards;
    animation-play-state: paused;
    background: url("../images/icon_map.png") no-repeat;
    background-size: 0.5rem;
    width: 3.48rem;
    margin: 0 auto;
    padding-top: 0.04rem;
    text-align: right;
}
.dz .kfdh {
    width: 3.5rem;
    height: 0.5rem;
    color: #00603A;
    border-radius: 0.3rem;
    margin: 0.4rem auto;
    line-height: 0.5rem;
    background-color: rgba(0,0,0,0.2);
    font-size: 0.20rem;
    font-weight: bold;
}
.dz .kfdh img {
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.05rem;
}
.dz .xx {
    animation-play-state: running;
}
.dz .dizhi {
    font-size: 0.2rem;
    padding-top: 0.38rem;
}
 @keyframes xx {
 0% {
margin-top: -0.4rem;
}
 50% {
margin-top:0.4rem;
}
 to {
margin-top: 0;
}
}
/*地址结束*/


/*服务品牌开始*/
.fwpp {/*height:2.7rem;*//*background-color: red;*/
    overflow: hidden;
}
.fwpp .title {
    color: #00603A;
    margin-left: 0.3rem;
    padding-bottom: 0.4rem;
}
.fwpp .logo_box {
    width: 5.8rem;
    height: 1.8rem;
    margin: 0 auto;
}
.fwpp .logo_box img {
    display: block;
}
.fwpp .logo_box .left {
    width: 3.2rem;
    height: 1.9rem;/*background-color: #123456;*/
    position: relative;
    margin-left: -3.5rem;
}
.fwpp .logo_box .left .fwpp_1 {
    position: absolute;
    width: 1.9rem;
    top: 0rem;
    left: -0.06rem;
}
.fwpp .logo_box .left .fwpp_2 {
    position: absolute;
    width: 1.34rem;
    top: 0.02rem;
    right: 0.03rem;
}
.fwpp .logo_box .left .fwpp_3 {
    position: absolute;
    width: 1.34rem;
    bottom: 0.05rem;
    right: 0.03rem;
}
.fwpp .logo_box .right {
    width: 2.6rem;
    height: 1.9rem;/*background-color: blue;*/
    position: relative;
    margin-right: -2.9rem;
}
.fwpp .logo_box .right .fwpp_4 {
    position: absolute;
    width: 1.34rem;
    top: 0.02rem;
    left: -0.05rem;
}
.fwpp .logo_box .right .fwpp_5 {
    position: absolute;
    width: 1.34rem;
    top: 0.02rem;
    right: 0rem;
}
.fwpp .logo_box .right .fwpp_6 {
    position: absolute;
    width: 1.34rem;
    bottom: 0.05rem;
    left: -0.05rem;
}
.fwpp .logo_box .right .fwpp_7 {
    position: absolute;
    width: 1.34rem;
    bottom: 0.05rem;
    right: 0rem;
}
/*服务品牌结束*/
/*集团分部开始*/
.jtfb {
    height: 5.6rem;
    padding-top: 0.6rem;
}
.jtfb .title {
    color: #fff;
    margin-left: 0.3rem;
    padding-bottom: 0.4rem;
}
.jtfb .big {
    height: 3rem;
    overflow: hidden;
}
.jtfb .big li {
    height: 3rem;
    position: relative;
}
/*.jtfb .big li p{width:6.4rem;position: absolute;bottom:0;text-align:center;font-size: 0.18rem;height:0.4rem;background-color: #000;color:#fff;opacity: 0.73;line-height: 0.4rem;}*/

.jtfb .big li p {
    position: absolute;
}
.jtfb .big li .a1 {
    width: 1.8rem;
    height: 0.38rem;
    top: 2.08rem;
    left: 1.1rem;
}
.jtfb .big li .a2 {
    width: 1.8rem;
    height: 0.38rem;
    top: 2.08rem;
    right: 1.1rem;
}
.jtfb .small li img {
    width: 1.4rem;
}
.jtfb .small li {
    float: left;
    margin-left: 0.05rem;
    margin-right: 0.05rem;
    margin-top: 0.2rem;
}
.jtfb .small {
    width: 6rem;
    margin: auto;
}
/*集团分部结束*/

/*底部开始*/
.footer1 {
    height: 0.4rem;
    background-color: #00603A;
}
.footer1 p {
    font-size: 0.18rem;
    color: #fff;
    text-align: center;
    line-height: 8.4rem;
	margin-top: -50px;
}
.footer1 p a {
    color: #fff;
}


.weibu{
	background-color: #00603A;
	width: auto;
	height: 80px;
	text-align: center;
	color: #fff;
}
.weibu p{
   

    font-size: 12px;
    color: #fff;
    text-align: center;
   
}
.weibu p a {
    color: #fff;
}




/*底部结束*/

/*服务中心介绍开始*/
.service_center {
    background-color: #212121;
    width: 6rem;
    height: 4rem;
    margin: 0 auto;
    position: relative;
    margin-top: 0.8rem;
}
.service_center .title {
    position: absolute;
    display: block;
    width: 2.6rem;
    top: 0.2rem;
    left: -0.2rem;
}
.service_center .xia_box {
    width: 6rem;
    height: 2.84rem;
    position: absolute;
    bottom: 0.2rem;
}
.service_center .xia_box .left {
    width: 3.2rem;
    height: 2.8rem;
}
.service_center .xia_box .left .content {
    padding: 0.1rem 0rem;
    line-height: 0.26rem;
    width: 2.7rem;
    height: 1.5rem;
    color: #fff;
    margin: 0 auto;
    text-align: justify;
    text-indent: 2em;
    font-size: 0.18rem;
}
.service_center .xia_box .left li {
    float: left;
    font-size: 0.16rem;
    color: #fff;
    text-align: center;
    margin: 0rem 0.15rem;
}
.service_center .xia_box .left li img {
    display: block;
    width: 0.7rem;
}
.service_center .xia_box .left li p {
    padding-top: 0.04rem;
}
.service_center .xia_box .left ul {
    width: 4rem;
    margin: 0 auto;
}
.service_center .xia_box .right {
    width: 2.8rem;
}
.service_center .xia_box .right img {
    display: block;
    width: 2.3rem;
    margin: 0 auto;
}
/*服务中心介绍结束*/

/*QA开始*/
.qa {
    background-color: #212121;
    width: 6rem;
    height: 10.6rem;
    margin: 0 auto;
    margin-top: 0.8rem;
    position: relative;
}
.qa .title {
    position: absolute;
    display: block;
    width: 2.6rem;
    top: 0.2rem;
    left: -0.2rem;
}
.qa .qa_box {
    position: absolute;
    top: 1rem;
}
.qa .qa_box li {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.4rem;
}
.qa .qa_box li span {
    font-size: 0.5rem;
    display: block;
    float: left;
    color: #9B772D;
}
.qa .qa_box li p {
    float: left;
    margin-left: 0.05rem;
}
/*QA结束*/
/*QA子页开始*/
.qa_content .qa_bg {
    position: fixed;
    height: 100%;
    z-index: -1;
    width: 6.4rem;
    background: url(../images/qa_bg.jpg) no-repeat center;
}
.qa_content .box {
    width: 6.4rem;
    padding-top: 0.9rem;
    padding-bottom: 0.3rem;
}
.qa_content .box li {
    width: 6rem;
    margin: 0.3rem auto;
}
.qa_content .box li .title {
    background: url(../images/qamessage.png) no-repeat;
    background-size: 0.48rem;
    ;
    font-size: 0.24rem;
    color: #fff;
    padding-left: 0.6rem;
    padding-top: 0.1rem;
}
.qa_content .box li .content {
    width: 4.5rem;
    margin: 0 auto;
    font-size: 0.2rem;
    padding-top: 0.14rem;
    text-align: justify;/*text-indent:2em;*/
    color: #fff;
}
.hp_qa {
    height: 0.88rem;
    width: 6.4rem;
    display: inline-block;
    text-align: center;
    background: url(../images/qaheader.png);
    background-size: 100%;
}
/*QA子页结束*/
/*首页结束*/



/*浮标开始*/

.fbtu{
	
}
.fb {
    width: 0.9rem;
    position: fixed;
    bottom: 8.8rem;
    right: -1.4rem;
    z-index: 9;
}

.fbtu img{
    border: none;
    height: auto;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}

/*浮标结束*/

/*弹窗开始*/
.tc {
    display: none;
    width: 100%;
    height: 200%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0rem;
    left: 0rem;
    z-index: 999;
}
.tc .txt {
    width: 5.2rem;
    height: 6rem;
    background: url(../images/tc.png);
    background-size: 100%;
    margin: auto;
    margin-top: 1rem;
}
.tc .txt .x {
    width: 0.5rem;
    height: 0.5rem;
    float: right;
    margin-right: 0.55rem;
}
/*弹窗结束*/


/*底部浮动开始*/
.dbfd {
    position: fixed;
    width: 6.4rem;
    height: 0.9rem;
    background: url(../images/footer_index.gif);
    background-size: 100%;
    bottom: 0rem;
}
.dbfd p {
    float: left;
    height: 0.9rem;
}
.dbfd2 {
	max-width: 640px;
    position: fixed;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
    /*background: url(../images/footer.gif);*/
	background-image: url(../images/footer.gif);
    background-size: 100%;
    bottom: 0rem;
	max-height: 60px;
}
.dbfd2 p {
    float: left;
    height: 2.2rem;
}
/*底部浮动结束*/



/*分部环境开始*/
.hj {
    background-color: #fff;
    padding-bottom: 0.6rem;
}
.hj h1 {
    text-align: center;
    color: #000;
    font-size: 0.3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}
.hj .lb {
    width: 5.8rem;
    height: 4rem;
    margin: 0 auto;
    overflow: hidden;
}
.hj .lb .hjt {
    width: 5.8rem;
    height: 3.5rem;
    margin: 0 auto;
}
.hj .lb li p {
    font-size: 0.2rem;
    text-align: center;
    padding-top: 0.2rem;
    height: 0.5rem;
    color: #333333;
}
.hj .lb img {
    width: 100%;
}
.hj .jishu {
    font-size: 0.2rem;
    text-align: center;
    padding-top: 0.2rem;
    padding-bottom: 0.1rem;
    color: #333333;
}
.hj .hjan {
    width: 2.4rem;
    height: 0.3rem;
    margin: 0 auto;
    position: relative;
}
.hj .hjan img {
    display: block;
    width: 0.18rem;
    position: absolute;
}
.hj .hjan .l {
    left: 0rem;
    top: 0rem;
}
.hj .hjan .r {
    right: 0rem;
    top: 0rem;
}
.hj .hjan .line {
    border-bottom: 1px solid #ccc;
    width: 1.5rem;
    margin: 0 auto;
    padding-top: 0.14rem;
}
.hj .hjan .hk {
    width: 0.3rem;
    height: 0.1rem;
    background-color: #4F99E2;
    position: absolute;
    left: 0.45rem;
    top: 0.1rem;
}
/*分部环境结束*/

/*分部联系我们开始*/
.fblx {
    padding-top: 0.4rem;
    background-color: #0C2239;
    padding-bottom: 0.6rem;
}
.fblx p {
    font-size: 0.2rem;
    width: 5.8rem;
    margin: 0 auto;
    margin-top: 0.3rem;
}
.fblx h1 {
    color: #fff;
    font-size: 0.3rem;
    font-weight: normal;
    padding-bottom: 0.2rem;
    margin-left: 0.3rem;
}
.fblx .d {
    color: #fff;
    padding-bottom: 0.14rem;
    border-bottom: 2px solid #122C43;
}
.fblx .s {
    color: #B1B1B1;
}
.fblx .anniu {
    width: 1.8rem;
    height: 0.5rem;
    background-color: #fff;
    margin-left: 0.25rem;
    border-radius: 0.1rem;
    margin-top: 0.26rem;
}
.fblx .anniu img {
    width: 0.3rem;
    display: block;
    padding-top: 0.1rem;
    float: left;
    margin-left: 0.24rem;
}
.fblx .anniu span {
    font-size: 0.2rem;
    color: #4F99E1;
    display: block;
    float: left;
    margin-top: 0.1rem;
    margin-left: 0.1rem;
    font-weight: bold;
}
/*分部联系我们结束*/

