/*CSS Document*/
*{
  margin: 0;
  padding:0;
  list-style: none;
}
a{
  text-decoration: none;
  color: #333
}
html,body{
  width: 100%;
  height: 100%;
  /*overflow-x: hidden;*//*此行代码会使wow失效*/
}
body{
  min-width: 1250px;
}
.clearfix:after{
  content: "";
  display: block;
  clear: both;
}
.clearfix{
  *zoom:1;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.main{
  width: 1250px;
  margin: 0 auto;
}
/* zg_banner */
.zg_banner_wrap{
  width: 100%;
  height: 1103PX;
  background: url("../images/zg_banner_bg.jpg") no-repeat center bottom;
}
.zg_banner{
  position: relative;
}
.zg_header{
  width: 1250px;
  height: 174px;
  padding-top: 47px;
  background: url("../images/zg_header.jpg") no-repeat;
}
.zg_header img{
    float: left;
    margin-left: 88px;
}
.zg_header .zg_nav_bar{
    /* width: 437px; */
    height: 18px;
    padding-top: 17px;
    margin-left: 90px;
}
.zg_nav_bar li{
    width: 80px;
    height: 18px;
    padding-right: 14px;
    margin-left: 18px;
   float: left;
    font: 18px/1 "微软雅黑";
    color: #fff;
    border-right: 2px solid #ffffff;
}
.zg_nav_bar li.zg_li_last{
    border-right: none;
}
.zg_nav_bar a:hover li{
    color: #fc8e01;
}
.zg_huodong_time{
  width: 517px;
  height: 59px;
  background: url("../images/zg_huodong_time.png");
  position: absolute;
  left: 365px;
  top: 944px;
}
/* zg_wrap1 */
.zg_wrap1{
  width: 100%;
  height: 660PX;
  background: url("../images/zg_wrap1_bg.jpg") no-repeat center bottom;
}
.title{
  width: 849px;
  height: 96px;
  background: url("../images/zg_title_bg.png") no-repeat;
  margin-left: 203px;
  font:36px/96px "微软雅黑";
  color: #fff;
  text-align: center;
}
.title span{
  display: inline-block;
  vertical-align: text-bottom;
  /* span与文本基线对齐 */
}
.zg_title1 span{
    margin-right: 10px;
    width: 131px;
    height: 47px;
    background: url("../images/zg_title1_span.png") no-repeat;
}
.zg_main1_con{
  width: 807px;
  height: 303px;
  padding-top: 117px;
  background: url("../images/zg_main1_con.png") no-repeat;
  margin-top: 55px;
  margin-left: 225px;
}
.zg_con_wenan{
  margin-left: 309px;
  font:22px/36px "Microsoft YaHei";
  color: #fff;
}
.zg_con_price{
    margin-left: 307px;
    margin-top: 8px;
    height: 38px;
}
.zg_con_price img:nth-child(1){
  margin-right: 50px;
  vertical-align: bottom;
}
.zg_con_button{
  display: block;
  margin-left: 307px;
  margin-top: 16px;
  width: 156px;
  height: 55px;
  background: url("../images/zg_con_button.png") no-repeat;
  font: 24px/55px "Microsoft YaHei";
  color: #ffffff;
  text-align: center;
}

/* zg_wrap2 */
.zg_wrap2{
  width: 100%;
  height: 1018PX;
  background: url("../images/zg_wrap2_bg.jpg") no-repeat center bottom;
}
.zg_title2 span{
    margin: 0 9px 0 13px;
    width: 96px;
    height: 49px;
    background: url("../images/zg_title2_span.png") no-repeat;
}
.zg_main2_plate{
  margin-top: 36px;
  margin-left: 60px;
}
.zg_main2_plate li{
    width: 348px;
    height: 248px;
    padding-left: 20px;
    padding-top: 25px;
    background: url("../images/zg_main2_plate.png") no-repeat;
    float: left;
    margin-right: 18px;
}
.zg_plate_con{
  width: 310px;
  height: 240px;
  position: relative;
}
.zg_plate_con h5{
  height: 30px;
  margin-top: 16px;
  margin-bottom: 20px;
  font: 30px/1 "Microsoft YaHei";
  color: #ffd376;
  text-align: center;
}
.zg_plate_con p,.zg_plate_con span{
  margin-left: 8px;
  color: #ffd376;
}
.zg_plate_con p{
  font: 18px/1 "Microsoft YaHei";
  margin-bottom: 15px;
  white-space: nowrap;
}
.zg_plate_con span{
  display: block;
  margin-top: 3px;
  margin-bottom: 11px;
  font: 15px/1 "Microsoft YaHei";
}
.zg_plate_con span b{
  margin-left: 7px;
  font: 22px/1 "Microsoft YaHei";
  color: #fff600;
}
.zg_shanchuxian{
  position: absolute;
  left: 42px;
  top: 151px;
}
.zg_main2_shop a{
  width: 109px;
  height: 40px;
  background: url("../images/zg_main2_shop.png") no-repeat;
  position: absolute;
  left: 180px;
  top: 133px;
  font:16px/40px "Microsoft YaHei";
  color: #fff;
  text-align: center;
}

.zg_plate_other{
  /* margin-top: 20px; */
  width: 1240px;
  height: 125px;
  background: url("../images/zg_plate_other.png") no-repeat;
}
.zg_other_con{
  width: 1240px;
  /* width: 391px; */
  height: 226px;
}
.zg_other_conl{
  margin-left: 75px;
  display: block;
  width: 391px;
  height: 224px;
}
.zg_other_conr{
  width: 714px;
  height: 217px;
  padding-left: 9px;
  padding-top: 9px;
  background: url("../images/zg_other_conr.png") no-repeat;
  margin-left: 10px;
}
.zg_conr_content{
  width: 714px;
  height: 198px;
  padding-top: 19px;
  position: relative;
}
.zg_other_conr h6{
  width: 480px;
  height: 35px;
  background: url("../images/zg_other_conr_h6.png") no-repeat;
  margin:0 0 23px 28px;

}
.zg_other_conr p{
  margin-left: 28px;
  margin-bottom: 17px;
  font: 24px/1 "Microsoft YaHei";
  color: #ffd376;
}

.zg_conr_content img{

    margin-left:28px;
    /* vertical-align: text-bottom; */
}
.zg_conr_content span{
  height: 31px;
  display: inline-block;
  font: 24px/31px "Microsoft YaHei";
  color: #beb277;
  margin-left: 60px;
  position: absolute;
  left: 190px;
  top: 155px;;
}
.zg_conr_content .zg_shanchuxian4{
  position: absolute;
  left: 275px;
  top: 162px;
}
.zg_other_shop a{
  display: block;
  width: 126px;
  height: 46px;
  background: url("../images/zg_other_shop.png") no-repeat;
  font:18px/46px "Microsoft YaHei";
  color: #fff;
  text-align: center;
  position: absolute;
  right: 40px;
  bottom: 25px;
}
.zg_main2_more {
  width: 1128px;
  height: 56px;
  padding-top: 30px;
  background: url("../images/zg_main2_morebg.jpg") no-repeat;
  text-align: center;
  margin: 50px auto 0;
}
.zg_main2_more a{
  display: inline-block;
  width: 583px;
  height: 44px;
  background: url("../images/zg_main2_more.png") no-repeat center center;
}
/* zg_wrap3 */
.zg_wrap3{
  width: 100%;
  height: 660PX;
  background: url("../images/zg_wrap3_bg.jpg") no-repeat center bottom;
}
.zg_title3 span{
    margin-right: 10px;
    width: 176px;
    height: 49px;
    background: url("../images/zg_title3_span.png") no-repeat;
}
/* 选项卡外框 */
.zg_main3_con{
  margin: 40px 0 0 55px;
  width: 1136px;
  height: 480px;
  padding-top:8px;
  padding-left: 6px;
  background: url("../images/zg_main3_feng.png") no-repeat;
}
/* 选项卡选项 */
.zg_con3_ul{
  width: 1136px;
  height: 80px;
}
.zg_con3_ul li{
  float: left;
  width: 50%;
  text-align: center;
  color: #fff;
  cursor: pointer;
  height: 80px;
}
.zg_con3_ul li.on{
  color: red;
}
.zg_title_feng{
  height: 42px;
  background: url("../images/zg_title_f.png") no-repeat center center;
}
.zg_title_xin{
  height: 42px;
  background: url("../images/zg_title_x.png") no-repeat center center;
}
.f{
  background: url("../images/zg_title_fon.png") no-repeat center center;
}
.x{
  background: url("../images/zg_title_xon.png") no-repeat center center;
}
/* 选项卡卡片 */
.a{
  width: 1142px;
  height: 488px;
  background: url("../images/zg_main3_feng.png") no-repeat;}
.b{
  width: 1142px;
  height: 488px;
  background: url("../images/zg_main3_xin.png") no-repeat;}
.zg_slidef_title{
  width:220px ;
  height: 44px;
  background: url("../images/zg_slidef_title.png") no-repeat;
}
.zg_con3_slidef{
  padding-left: 24px;
}
.zg_con3_slidef p{
  font: 22px/38px "Microsoft YaHei";
  color: #a79b8c;
}
.zg_main3_tab{
  margin-top: 15px;
}
.zg_main3_tab thead{
  background: #a7978c;
  color: #1a150e;
}
.zg_main3_tab thead{
  background: #a7978c;
  color: #1a150e;
}
.zg_con3_slidef thead span{
 display: inline-block;
width: 83px;
height: 24px;
background: url("../images/zg_3.png") no-repeat;

}
 .zg_con3_slidex thead span{
  display: inline-block;
width: 90px;
height: 26px;
background: url("../images/zg_5.png") no-repeat;

}
.zg_main3_tab thead tr{
  height: 44px;
  font-size: 20px;
}
.zg_main3_tab tbody{
  text-align: center;
  color: #fff;
}

.zg_main3_tab tbody tr{
  height: 68px;
  font-size: 21px;
}
.zg_main3_tab tbody tr a{
  display: inline-block;
    color: #fff;
    width: 87px;
    height: 29px;
    font-size: 20px;
    line-height: 29px;
    background: #fe0606;
    border:1px solid #330000;
}
.zg_main4_warning{
  margin-top: 34px;
  padding-left: 40px;
  width: 100%;
  height: 24px;
  background: url("../images/zg_warning.png") no-repeat 0 1px;
  font: 24px/1 "Microsoft YaHei";
  color: #ff0000;
}

/* zg_wrap4 */
.zg_wrap4{
  width: 100%;
  height: 480PX;
  background: url("../images/zg_wrap4_bg.jpg") no-repeat center bottom;
}
.zg_main4_more{
  width: 1240px;
  height: 112px;
  background: url("../images/zg_main3_more.png") no-repeat center center;
}
.zg_main4_img{
  margin-top: 10px;
  margin-left: 82px;
}
.zg_main4_img li{
  float: left;
}
/* zg_footer */
.zg_footerw{
  width: 100%;
  height: 274px;
  background: url("../images/zg_footer_bg.jpg") no-repeat center bottom;
}
.zg_footer{
  height: 164PX;
  padding-top: 110px;
}
.zg_nav_foot{
    width: 715px;
    margin: 0 auto;
}
.zg_nav_foot li{
    float: left;
    width: 52px;
    height: 16px;
    padding-right: 6px;
    border-right: 2px solid #b1adb3;
    font: 12px/16px '微软雅黑';
    color: #b1adb3;
    margin-left: 7px;
}
.zg_nav_foot li.zg_nav_last{
    border: none;
}
.zg_footer p{
    font: 12px/16px '微软雅黑';
    color: #b1adb3;
    text-align: center;
    margin-top: 15px;
}
.zg_footer ul a:hover li{
    color: #167EDF;
}
.zg_footer p a{
    color: #b1adb3;
}
.zg_footer p a:hover{
    color: #167EDF;
}
/* slidebar */
.zg_slidebar_r{
  position: fixed;
  right: 1%;
  top: 35%;
  z-index: 10;
  width: 174px;
  height: 310px;
  background: url("../images/zg_slidebar_r.png") no-repeat;
}
.zg_slidebar_r p{
  margin-top: 40px ;
  margin-left: 8px;
  font: 21px/39px "Microsoft YaHei";
  color: #e6ce87;
  text-align: center;
  white-space: nowrap;
}
.zg_slidebar_r a{
  display: block;
  margin-top: 52px;
  margin-left: 30px;
  width: 114px;
  height: 36px;
  font: 20px/36px "Microsoft YaHei";
  color: #e6ce87;
  text-align: center;
}
.zg_slidebar_l{
  position: relative;
  position: fixed;
  left: 0;
  top: 35%;
  z-index: 10;
  width: 174px;
  height: 310px;
  background: url("../images/zg_slidebar_l.png") no-repeat;
}
.zg_navleft{
  margin-top: 30px;
    width: 174px;
    text-align: center;
}
.zg_navleft li{
  font: 24px/42px "Microsoft YaHei";
  color: #e6ce87;
  cursor: pointer;
}
.zg_navleft li a{
  font: 24px/42px "Microsoft YaHei";
  color: #e6ce87;
}
.zg_tcode{
  display: none;
  width: 100px;
  height: 100px;
  background: #ff1a68;
  position: absolute;
  left: 174px;
  bottom: 30px;
}
.zg_phone{
  display: none;
  width: 200px;
  height: 50px;
  /*background: #1b190e;*/
  position: absolute;
  left: 174px;
  bottom: 20px;
  font: bold 20px/50px "微软雅黑";
  color: #e6ce87;
  text-align: left;
}
/* 动画 */
.title{
  animation:pulse 500ms infinite;
    /* animate-duration: 2s;    //动画持续时间
    animate-delay: 5s;    //动画延迟时间 */
    /* animate-iteration-count: infinite;    //动画执行次数 */
}
.zg_main4_img li a img{-webkit-transition: transform .5s ease-out;-moz-transition: transform .5s ease-out;-ms-transition: transform .5s ease-out;-o-transition: transform .5s ease-out;transition: transform .5s ease-out;}
.zg_main4_img li a:nth-child(1):hover img{-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform: rotateY(360deg);}
.zg_main4_img li:nth-child(2) a:hover img{-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform: rotateY(360deg);}
.zg_main4_img li:nth-child(3) a:hover img{-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform: rotateY(360deg);}