@charset "utf-8";
body{font-size:medium !important;}
html{font-size:100px; overflow-x: hidden;}
body{ margin:0; padding:0;}
*{ margin:0; padding:0;}


.main{ width:100%; overflow: hidden;}

.tier{ width:100%; display:table;}
.tier.bc1{ background-color:#fff;}
.tier.bc2{ background-color:#e8fff8;}
.tier.bc3{ background-color:#00c289;}
.tier .tier_box{ width:1200px; margin:0.7rem auto; display:table;}

.tier .tier_box .tier_box_biaoti{ width:100%; text-align:center;}
.tier .tier_box .tier_box_biaoti h3{font-size:0.6rem; color:#00c289; font-weight:normal;}
.tier .tier_box .tier_box_biaoti h4{ font-size:0.2rem; line-height:30px; color:#666; font-weight:normal; margin:10px 0;}
.tier .tier_box .tier_box_yh { width:100%; margin-top:30px;}
.tier .tier_box .tier_box_yh  ul{ width:100%;}
.tier .tier_box .tier_box_yh  li{ width:16.666%; float:left; list-style:none; text-align: center;}
.tier .tier_box .tier_box_yh  li img{ width:0.9rem; display:table; margin:0 auto; margin-bottom:10px;}

.tier .tier_box .tier_box_yh  li .info_x h3{ font-size:0.25rem; color:#333; position:relative; left:23%; font-weight:normal;}
.tier .tier_box .tier_box_yh  li .info_x h3 p{ font-size:0.15rem;}


.mfsy{ padding:4% 2%; width:96%; background-color:#fff; text-align: center;box-shadow: 0px 7px 17px #dedede; position:fixed; bottom:0; left:0; display:none; z-index:9999; font-size:0.35rem; color:#333;}
.mfsy.hover{display: none;}



/*左框*/
.tier .tier_box .tier_box_r{ width:40%; float:right; text-align:center; position: relative;}
.tier .tier_box .tier_box_r .top_tel{ position: absolute;top: -60px;right: 0;}
.tier .tier_box .tier_box_r .top_tel h3{font-size: 24px;color: #fff; line-height: 30px;  font-family: 'HelveticaNeue'; float: left;}
.tier .tier_box .tier_box_r .top_tel i{font-size: 65px;vertical-align: middle;float: left;margin-right: 10px;line-height: 58px;color: #fff;}
.tier .tier_box .tier_box_r .top_tel p{font-size: 16px;}

.tier .tier_box .tier_box_l{ width:60%; float:left;     position: relative;}
.tier .tier_box .tier_box_l .logo{}
.tier .tier_box .tier_box_l .logo img{    width: 2rem; position: absolute; top: -62px;}

.tier .tier_box .tier_box_l img{ width: auto; float:left;}

.sqsy{ padding:8px; font-size:22px; color:#fff; margin-top:15px; margin-bottom: 15px;}
.sqsy font{ color:#ffc621; margin:0 5px;}

.sqmd{width: 326px;
    height: 30px;
    overflow: hidden; border-radius:5px;
    background-color: #fff;
    margin: 0 auto;}
.sqmd ul{ width:100%;}
.sqmd li{ color:#333; font-size:14px; line-height:25px; }
.sqmd li img{ margin-right:15px; vertical-align:middle;}



/*右框*/

.tier .tier_box .tier_box_r{ width:40%; float:right; text-align:center;}
.tier .tier_box .tier_box_r h3{ font-size:0.5rem; color:#fff; font-weight:normal;} 
.tier .tier_box .tier_box_r h4{ font-size:0.25rem; color:#fff; font-weight:normal; padding:15px 0;} 
.tier .tier_box .tier_box_r h5{ font-size:0.2rem; color:#fff; font-weight:normal; padding: 0;}
.tier .tier_box .tier_box_r a.btn{ cursor:pointer; width:270px; height:0.8rem; line-height:0.8rem;     font-size: 0.3rem;
color: #fff; text-align:center; border-radius:200px;  display: inline-block; background-color:#ffc621; margin-top:0.5rem;  text-decoration:none;
}
.tier .tier_box .tier_box_r .text_box{ margin-top:40%;}

/*灰背景样式*/
.tier.bc2 .tier_box{    margin: 1rem auto;}
.tier.bc2 .tier_box_r{ width:50%; text-align:left;}
.tier.bc2 .tier_box_l{ width:40%; text-align:left;}
.tier.bc2 .tier_box_l h3{ font-size:0.5rem; font-weight:normal; margin-top:1rem; margin-bottom:0.2rem; color:#000;}
.tier.bc2 .tier_box_l h3 p{ font-size:0.2rem; margin-top:0.3rem; line-height: 0.35rem; color:#333;}
.tier.bc2 .tier_box_l h3 p.pc{ display:inline-block;}
.tier.bc2 .tier_box_l h3 p.wap{ display:none;}

.tier.bc2 .tier_box_l p.info{ font-size:16px; margin:0.1rem 0; list-style: disc inside!important; color:#666; line-height: 0.15rem;}

/*白背景样式*/
.tier.bc1 .tier_box{    margin: 1 auto;}

.tier.bc1 .tier_box a.btn{ width:160px; height:40px; line-height:40px; border-radius:5px; color:#fff; background-color:#00c289; text-align:center; display:inline-block;}
.tier.bc2 .tier_box a.btn{ width:160px; height:40px; line-height:40px; border-radius:5px; color:#00c289 !important; text-decoration:none; background-color:#fff; text-align:center;  display:inline-block;     margin-top: 0.5rem; font-size: 0.2rem;}


.tier.bc1 .tier_box_r{ width:40%; text-align:left;}
.tier.bc1 .tier_box_l{ width:50%; text-align:right;}
.tier.bc1 .tier_box_l img{ width:auto; float:none;}
.tier.bc1 .tier_box_r h3{ font-size:0.5rem; font-weight:normal; margin-top:1rem; color:#000; margin-bottom:0.2rem; }
.tier.bc1 .tier_box_r h3 p{ font-size:0.2rem; margin-top:0.3rem; line-height: 0.35rem; color:#333; }
.tier.bc1 .tier_box_r h3 p.pc{display:inline-block;}
.tier.bc1 .tier_box_r h3 p.wap{display:none;}


.tier.bc1 .tier_box_r p.info{ font-size:16px; margin:0.1rem 0; list-style: disc inside!important; color:#666; line-height: 0.15rem;}

/*底部*/
.footer{background-color:#00c289;}

.footer_box{ 
width: 1200px; padding:0.8rem 0;
    margin: 0 auto; text-align:center;
    display: table;

}
.footer_box i{ font-size:71px; color:#fff; display:inline-block; vertical-align:middle; position:relative; top:-20px; left:-20px;}
.footer_box h3{ display:inline-block; font-family:'HelveticaNeue'; color:#fff; font-size:35px; font-weight:normal;}
.footer_box p{ font-size:16px;}

.erm_box{ width:100%; display:table; text-align:center;}
.erm_box {
    font-size: 14px;
    color: #fff;
    padding: 0% 2%;
}
.erm_box a {
    color: #fff;
}

/*留言*/
.guset_index{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.8); display:none; z-index:9999;}
.guset_index.hover{ display:block;}

.guset_index .guset_index_box{position: relative;
    width: 55vh;
    height: 55vh;
    margin: 2% auto;
    padding: 2%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    top: 15vh;}

.normal-button{
    cursor: pointer;
    width: 100%;
    height: 54px;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    margin-top: 10px; 
    margin-left: 0px; 
    font-size: 19px;
    box-shadow: none;
    background:#00c289;border: 0;
}	
	
.guset_index .guset_index_box h3{ font-size: 0.3rem;
    font-weight: normal;
    text-align: center;
    color: #00c289; margin:0.3rem 0;}	
.guset_index .guset_index_box ul{ width:100%; margin: 0 auto;}
.guset_index .guset_index_box li{ width:98%; padding:1%; float:left; list-style:none;}
	

.guset_index .guset_index_box .uname.lzm input{     width: 50%;}
.guset_index .guset_index_box .uname.lzm span{float: right;}
.guset_index .guset_index_box .uname.lzm span img{height: 33px;}
.guset_index .guset_index_box .uname.dxm  span{float: right;}

.guset_index .guset_index_box .uname.dxm  span button{height: 33px;background-color: #ff5603;color: #fff;border: 0;border-radius: 5px;}
.guset_index .guset_index_box .uname.dxm input{     width: 50%;}

.guset_index .guset_index_box ul{ width:100%; margin: 0 auto;}
.guset_index .guset_index_box li{ width:98%; padding:1%; float:left; list-style:none;}
	
	
.guset_index .guset_index_box .uname{ border:1px solid #dfdfdf; border-radius:5px; padding:1% 3%; background-color: #efefef; width: 94%; display: table;}
.guset_index .guset_index_box .uname input{outline:none;   padding:0px; padding: 0px;  font-size: 18px;  background-color: #efefef;  border: 0; height: 33px;}

.app_off{ width:40px; height:40px; border-radius:50%; color:#fff; line-height:40px; text-align:center; background-color:#00c289; position:absolute; top:-20px; right:-20px;}