*{
    margin:0;
    padding:0;
}

body{
    font-family: "microsoft yahei";
    font-size: 16px;
}
a{text-decoration:none; }
ul,li{list-style: none;}
.clearfix{zoom:1;}
.clearfix:after{
    display: table;
    content: "";
    clear: both;
}
.fl{float: left;}

.banner,.box1{width:100%;min-width: 1000px;}
.banner1{background: url(imagesbanner_01.jpg) no-repeat top center;height: 200px;}
.banner2{background: url(imagesbanner_02.jpg) no-repeat top center;height: 200px;}
.banner3{background: url(imagesbanner_03.jpg) no-repeat top center;height: 200px;}

.box1,.box2,.box3{
    margin-top:100px;
}
.box1 .box1-1,.box2 .box2-1,.box3 .box3-1{
    width:1000px;
    margin:0 auto;
}
.box1-1 h1,.box2-1 h1,.box3 h1{
    text-align: center;
    margin-bottom: 20px;
}
.box1{
    background: url(imagesbox1-bg.jpg) no-repeat center;
}
.box1-1 p{
    width: 1000px;
    height: 300px;
    text-align: center;
}
.box2{
    background: url(imagesbox2-bg.jpg) no-repeat bottom center ;
    height: 480px;
}
.box2 ul li{
    width: 330px;
    margin-right: 5px;
    float: left;
    height: 185px;
    transition: all 1.5s ease 0s;
    cursor: pointer;
}
.box2 ul li:last-child{
    margin-right: 0;
}
.box2 ul li.li1{
    background: url(imagesbox2-icon1.png) no-repeat top center;
}
.box2 ul li.li1:hover{
    background: url(imagesbox2-icon1-hover.png) no-repeat top center;
}

.box2 ul li.li2{
    background: url(imagesbox2-icon2.png) no-repeat top center;
}
.box2 ul li.li2:hover{
    background: url(imagesbox2-icon2-hover.png) no-repeat top center;
}

.box2 ul li.li3{
    background: url(imagesbox2-icon3.png) no-repeat top center;
}
.box2 ul li.li3:hover{
    background: url(imagesbox2-icon3-hover.png) no-repeat top center;
}
.box2 ul li p{
    margin-top:98px;
    font-size: 16px;
    line-height: 30px;
    color: #3d3d3d;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.box3 .tb table{background: #fff;margin: 0 auto;text-align: center;border:1px solid #80fedf;height: 320px;border-collapse: collapse;}
tr,th,td{border-collapse: collapse;border: 1px solid #ececec;color:#393939;line-height: 30px;padding: 6px;}
th{background: #80fedf;color: #522923;font-size: 18px;height: 60px;line-height: 60px;font-weight: bold;}
th.bm{width: 120px;}
td{font-size: 16px;}
td.fb{
    /*font-weight: bold;*/
    color:#ff6c32;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
td a{
    display: inline-block;
    background: #fff;
    color: #ff6c32;
    border: 1px solid #ff6c32;
    border-radius: 50px;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    width: 100px;
}
td a:hover{background: #ff6c32;color: #fff;}
.jd{text-align: center;padding-top: 100px;}
.jd p{margin-top:70px;}
.btn{
    display: block;
    width:360px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #522923;
    font-size: 20px;
    font-weight: bold;
    margin:46px auto 100px;
    border-radius: 25px;
    color: #fff;
}



.ctwarp{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.7);
    top: 0;
    z-index: 999;
}
.citys{
    width: 1000px;
    margin: 0px auto;
    /* position: absolute; */
    background: #fff;
    /* top: 0; */
    padding: 20px 0;
    height: 450px;
    border-radius: 10px;
    margin-top: 50px;
    position:  relative;
}
.citys ul{list-style: none;}
.citys ul li{float: left;width: 13%;height:30px;line-height:30px;text-align:center;margin: 2% 1% 1% 1%;background: #fff;/* color: #fff; */border-radius:4px;border: 1px solid #fe6a2e;}
.citys ul li a{display: block;color: #777777;border-radius:4px;}
.citys ul li a:hover{background: #ff5c02;color: #fff;}
.close{
    display: block;
    padding:10px;
    width: 25px;
    height: 25px;
    background: #888;
    border:1px solid #fff;
    border-radius: 50px;
    color:#fff;
    font-size: 40px;
    font-weight: bold;
    line-height: 20px;
    transform:rotate(-45deg);
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
}


/*纰岃劥鑴拌矾*/
.dz{width: 100%;background: url(imagesall-bg.jpg) no-repeat top center;margin-top: 60px;padding-top: 80px;padding-bottom: 50px;}
.dz h1{text-align: center;margin-bottom: 10px;color: #ffffff;}
.add{
    width: 1000px;
    margin: 0 auto 0px;
    /* background: #fff; */
    padding-top:10px;
}
.del{width: 250px;margin-top: 10px;line-height: 24px;font-size: 14px;margin-left: 10px;}
.del p{color: #393939;}
.contact_l {
    float: left;
    width: 44%;
    height: 240px;
    border-right: 1px solid #dedede;
}

.contact_r {
    float: right;
    width: 55.5%;
    min-height: 240px;
}

.contact_l img {
    margin-right: 0px;
    margin-bottom: 0;
}

.contact_type {
    margin-top: 15px;
}

.contact_type>a {
    float: left;
    width: 100px;
    height: 30px;
    border-radius: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #e53f3f;
    transition: .5s background ease;
    transform: translateZ(0);
}

.contact_type>a:hover {
    background-color: #e53f3f;
}

.contact_type .contact_one:hover {
    background-color: #f7ff9d;
}

.contact_type .contact_one {
    margin-left: 10px;
    background-color: #fae500;
    color: #001900;
}

.contact_r_w {
    margin-left: 20px;
}

.address>li {
    float: left;
    padding: 0 16px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 35px;
    border-radius: 0px;
    background-color: #fbbec3;
    cursor: pointer;
    line-height: 30px;
    font-size: 16px;
    color: #3e3e3e;
}

.address>li.on {
    background-color: #522923;
    color: #ffffff;
}
.address_info{line-height: 30px;margin-top:10px;color: #522923;}

.main-footer{padding:10px 0;text-align: center;background: #302f2f;color: #fff;
}
/*xuanfu*/
.bottomBarOpen { position:fixed; left:-160px; bottom:20px; z-index:888; width:160px; height:165px;
    background:url(www.huatu.comimages2018cssimagesbg_05a.png) no-repeat right; cursor:pointer; }
.bottomBarbg {
    position:fixed;
    left:0%;
    bottom:0;
    z-index:888;
    width:100%;
    height:80px;
    background:#000;
    filter:alpha(opacity=100);
    opacity: 1;
}
.bottomBar { position:fixed; left:0%; bottom:0; z-index:888; width:100%; height:80px;}
.bottomBarcon { position:relative; max-width:1600px; height:80px; }
.bottomBar .pic01 {position:absolute;left:100px;bottom:0;width:420px;line-height:0;z-index:-2;}
.bottomBar .pic02 { position:absolute; left:100px; bottom:20px; width:125px; line-height:0; z-index:-1; }
.bottomBar .pic01 img,
.bottomBar .pic02 img { width:100%; }
.bottomBar .closebtn {background: url(www.huatu.comimages2018cssimagesicon.png); position:absolute; right:140px; top:10px; display:block; width:35px; height:35px;
    background-position:-150px -370px; cursor:pointer;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
.bottomBar .closebtn:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
.bottomBar p{
    font-size: 24px;
    text-align: center;
    line-height: 80px;
    color: #fff;
    padding-left: 300px;
}
.bottomBar a.pybtn{
    color: #ff6c32;
    text-decoration: underline;
    padding-right: 4px;
}
.bottomBar a.pybtn:hover{
    color: #fff100;
}
.bottomBar a.bmbtn {
    display: inline-block;
    margin-left: 10px;
    background: #ff6c32;
    color: #ffffff;
    font-weight: bold;
    height: 40px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    font-size: 18px;
    margin-top:0;
}