*{
    margin:0;
    padding:0;
}

body{
    font-family: "microsoft yahei";
    background: #111113;
    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: 261px;}
.banner2{background: url(imagesbanner_02.jpg) no-repeat top center;height: 260px;}
.banner3{background: url(imagesbanner_03.jpg) no-repeat top center;height: 260px;}



.box1-1 h1,.box1-2 h1,.box1-3 h1,.box2-1 h1,.box2-2 h1,
.box-1 h1,.box3-1 h1,.box3-2 h1,.box4-1 h1,.box4-2 h1,.box5 h1{
text-indent: -999em;
}
.box1-1{
    background: url(imagesbox1-1.jpg) no-repeat top center;
    height: 268px;
}
.box1-2{
    background: url(imagesbox1-2-bg.jpg) no-repeat top center ;
    height: 312px;
}
.box1-3{
    background: url(imagesbox1-3-bg.jpg) no-repeat top center ;
    height: 310px;
}
.box2-1{
    background: url(imagesbox2-1.jpg) no-repeat top center ;
    height: 186px;
}
.box2-2{
    background: url(imagesbox2-bg.jpg) no-repeat top center ;
    height: 474px;
}

.box3-1{
    background: url(imagesbox3-1.jpg) no-repeat top center ;
    height: 230px;
}
.box3-2{
    background: url(imagesbox3-2.jpg) no-repeat top center ;
    height: 178px;
}

.box4-1{
    background: url(imagesbox4-1.jpg) no-repeat top center ;
    height: 200px;
}
.box4-2{
    background: url(imagesbox4-2.jpg) no-repeat top center ;
    height: 200px;
}

.box5{
    background: url(imagesbox5-1.jpg) no-repeat top center ;
    height: 258px;
}
.box-1{
    background: url(imagesbox5-bg.jpg) no-repeat top center ;

}
.box1-2-warp{
    width: 1000px;
    margin:-42px auto 0;

}
.box1-2-warp a{
    display: inline-block;
    width: 330px;
    height: 300px;
}
.box2-2-warp{
    width: 1000px;
    margin:0 auto;
    padding-top:50px;
    text-align: center;
}
.box2-2-warp ul li{
    display: inline-block;
    width: 160px;
    height: 200px;
    margin:0 10px 12px;
    position: relative;
}
.box2-2-warp ul li.no-marg{
    margin-right: 0;
}
.box2-2-warp ul li a{
    display: inline-block;
    width: 160px;
    height: 200px;
}
.box2-2-warp ul li .exm{
    width: 160px;
    height: 200px;
    background:rgba(0,0,0,.7);
    position:  absolute;
    top: 0;
    color: #5d1d03;
    opacity: 0;
    cursor:  pointer;
}
.box2-2-warp ul li .exm h5{
    padding: 56px 0 0 0;
    text-align: center;
    color: #edc186;
    font-weight: bold;
}

.tb h2 i{display:inline-block;width:30px;height: 2px;background: #d7be87;margin:0 10px;vertical-align: middle;}
.tb h2{font-size: 18px;text-align: center;padding:20px 0 16px;color: #d7be87;
    font-style: normal;}


.tb table{width:1000px;background: #18191b;margin: 0 auto;text-align: center;border:1px solid #edc186;height:290px;border-collapse: collapse;}
.tb table tr.head{background: #fff1de;height: 50px;font-size: 18px;font-weight: bold;}
.tb table tr.head1{height: 30px;}
.tb table tr.head td{color: #18191b;}
tr,th,td{border-collapse: collapse;border: 1px solid #edc186;color:#fff1de;line-height: 30px;}

th{background: #fff1de;color: #18191b;font-size: 18px;height: 50px;line-height: 50px;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;}
.ap td{font-size: 14px}
.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: -webkit-linear-gradient(#ead58d, #cfab68); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ead58d, #cfab68); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ead58d, #cfab68); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ead58d, #cfab68); /* 闁哄秴娲ら崳顖炴儍閸曨噮鍤旀繛澶涙嫹 */
    font-size: 20px;
    font-weight: bold;
    margin:46px auto 0px;
    border-radius: 25px;
    color: #111113;
}



.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 #d4d4d4;}
.citys ul li a{display: block;color: #777777;border-radius:4px;}
.citys ul li a:hover{background: #c3a152;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;
}

.nav-bar{width: 100%;/* height: 200px; */margin: 80px auto 0px;text-align: center;padding-bottom: 30px;}
.nav-bar h1{text-indent:0;text-align: center;margin-bottom: 10px;padding-top: 20px;color: #d3b26e;}
.nav-bar a{display:inline-block;width:300px;height:200px;margin-right: 20px}
.nav-bar a.nomar{margin-right: 0;}

.box1-2-1{width: 1000px;margin:0 auto;}
.picMarquee-left .bd{ }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 16px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:300px; height:300px; display:block; }

.picMarquee-left .bd ul li .title{font-size: 14px;color: #fff;text-align: center;}
.picMarquee-left .bd ul li .title span{color: #ff0000;}



/*缂傚倸鍊搁崐鐑芥嚄閸洖纾婚柟鐐墯閻斿棙鎱ㄥ璇蹭壕闂佽鍨伴張顒傜箔閻旂厧鐒垫い鎺嗗亾闁伙絽鍢查埞鎴犫偓锝庘偓顓滃姂閺屽秹宕崟顐熷亾缁嬪簱鏋旀俊銈呮噺閳锋垿鏌ｉ悢鍛婄凡婵℃彃顭烽弻锝夘敆閳ь剟濡堕幖浣哥畺闁靛繈鍊栭弲鎼佹煥閻曞倹瀚�*/
.dz{width: 100%;background: url(imagesall-bg.jpg) no-repeat top center;margin-top: 60px;padding-top: 20px;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;color:  #fff;}
.del p{color: #ffffff;}
.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: #292b2e;
    background-color: #fff1de;
    transition: .5s background ease;
    transform: translateZ(0);
}

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

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

.contact_type .contact_one {
    margin-left: 10px;
    background-color: #d7be87;
    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: #292b2e;
    cursor: pointer;
    line-height: 30px;
    font-size: 16px;
    color: #6b6257;
}

.address>li.on {
    background-color: #d7be87;
    color: #060606;
    font-weight:  bold;
}
.address_info{line-height: 30px;margin-top:10px;color: #ffffff;}

.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;
}