@charset "utf-8";
/* CSS Document */
/*header*/
header {
  min-width: 1200px;
}
.w_15{ width: 1530px; margin: 0 auto; }
.bg-con-p{width:480px;height:270px;overflow:hidden;}


/*top bar*/
.top-bar {
  height: 36px;
  background: #142633;
  border-bottom: #ccc 0px solid;
  line-height: 36px;
  font-size: 14px;
}
.top-bar .welcome {
  color: #666;
}
.top-bar .welcome p{ color: #fff;}
.top-bar .top-phone {
  background: url(../images/top-phone.png) left no-repeat;
  padding-left: 30px;
  color: #fff;
}

/*nav bar*/
.nav-bar {
  background: #fff;
  height: 105px
  
}
.nav-bar .logo { 
  margin-top: 15px;
}
.nav-bar .a-menu {
  width: 120px; 
}
.nav-bar .a-menu:hover .a-nav {
  background: #ff9f00;
}
.nav-bar .main-nav {
  height: 105px;
}
*{font-family: "微软雅黑";}
.nav-bar .a-nav {
  display: block;
  height: 85px; 
  padding-top: 20px;
  text-align: center; 
}
.nav-bar .a-nav-next {
  background: #ff9f00;
}
.nav-bar .a-nav .word {
  line-height: 80px;
  display: inline-block;
  border-top: #fff 3px solid;
  width: 60px;
  color: #333;
  font-size: 15px;
}
.nav-bar .a-nav-next .word {
  color: #fff;
}
.nav-bar .b-menu {
  position: relative;
  min-width: 140px;
  z-index: 999;
  left: 0;
  background: url(../images/white8.png);
  padding: 16px 28px;
  border-top: #ccc 1px solid;
}
.nav-bar .b-menu-last {
  margin-left: -70px;
}
.nav-bar .b-nav {
  font-size: 14px;
  color: #333;
  line-height: 40px;
  display: block;
}
.nav-bar .b-nav:hover {
  color: #d41f1f;
  text-decoration: underline;
}
/*banner*/

    .ban_box{ height: 500px; position: relative; overflow: hidden;}
    .ban_b{ height: 500px; }
	.ban_b > a > img{ height:auto;}

@media screen and (min-width: 960px) and (max-width: 1500px) {
  .ban_box{ height: 420px; position: relative; overflow: hidden;}
  .ban_b{ height: 420px; }
  /*.ban_b > a > img{ max-height:420px;}*/
    }
    
    .ban_b > a{display: block; float: left; width: 1920px; height: auto; background: #ccc;}
    .left_r{position: absolute; height: 52px; width: 52px; top: 40%; left: 5%; background: url(../images/banner_left.png);}
    .right_r{position: absolute; height: 52px; width: 52px; top: 40%; right: 5%;background: url(../images/banner_right.png);}
    .yu_kong{ display: inline-block; padding: 6px 16px; background: rgba(0,0,0,0.7); border-radius: 16px;  position: absolute; left: 50%; margin-left: -58px; bottom: 124px; z-index: 9;}
    .yu_kong > li{ display: block; width: 12px; height: 12px; border-radius: 6px; background-color: #fff; margin-left: 8px; margin-right: 8px;}
    .ban_box .yu_kong .yw{ background: #ff9000; }
    .tex_in{ height: 140px; background: url(../images/ban_tm.png); position: absolute; left: 0;bottom: 0; z-index: 8;}
    .ws{ height: 140px; overflow: hidden; position: relative;}
    .is{ display: block; width: 1160px; height: 120px; padding-top: 20px; padding-left: 20px; padding-right: 20px;}
    .is_box{ width: 1200px; height: 5760px; position: absolute; top: 0; left: 0;}
    .is > h2{ font-size: 24px; color: white; line-height: 40px; font-weight: 100; width: 840px; max-height: 40px; overflow: hidden;}
    .is > h6{ font-size: 12px; color: white; line-height: 24px; font-weight: 100; width: 840px; max-height: 48px; padding-top: 10px; overflow: hidden;}
    .is > a{ float: right; text-align: center;margin-right: 20px; border-radius: 4px; display: block; width: 100px; height: 40px; line-height: 40px; background: #ff9f00; font-size: 15px; background-image: url(images/ban_tm.png); background-repeat: no-repeat; color: white;}
/*放大图片*/
.boxx .bg_con:hover img {
  transform: scale(1.2, 1.2);
  transition: .4s transform;
}
.boxx .bg_con img {
    /*width: 250px;*/
    transition: .4s transform;
    transform: translateZ(0);
}

/*套餐*/
  .fenyeys{ float:left; width:90%; text-align:center; margin:12px 0px; font-size: 14px; font-family: "微软雅黑";}
  .fenyeys span{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin:2px 6px; border-radius:50%; background:#0088cc; color:#fff; }
  .fenyeys a{ margin:2px 6px; border-radius:25px; padding:0px 5px; background:#666; color:#fff; }
  .fenyeys a:hover{ background:#0088cc;}
  body ,p ,h1 ,h2 ,ul ,h3 ,dd ,h4 ,h5 ,a ,h6{ margin: 0; padding: 0 ; font-family: "微软雅黑","Microsoft YaHei"; }
  a ,p{ text-decoration: none; color: black; font-size: 14px;}
  a:hover{ color: white; }
  body{background-color: white;}
  img ,a{ boder:0; }
  .m_l{margin: 0;}
  .m_c{ margin: 0 auto;}
  .b_wu{border: none;}
  .m_l10{padding-left: 10px;}
  *{font-family: "微软雅黑","Microsoft YaHei";}
  li{list-style: none;}
  .fl{ float: left; }
  .clearfix{clear: both;}
  .w_qbu{width: 1200px; margin: 0 auto;}
  .fr{ float: right; }
  .w100{ width: 100%; }
  
  .bannerz{ height: 300px;}
  .bannerz img{ height: 300px;}
  
  .contentz_1 ,.contentz_2 ,.contentz_3 ,.contentz_4{ height: 555px; margin-bottom: 20px; position: relative;}
  .contentz_1 .head{ position: absolute; left: 40px; top: 45px; color: white; font-size: 24px; font-weight: bold; padding: 0 8px;}
  .contentz_1 .head:hover{ background-color: white; color: #00c6c9;}
  .contentz_2 .head{ position: absolute; right: 40px; top: 15px; color: white; font-size: 24px; font-weight: bold; padding: 0 8px;}
  .contentz_2 .head:hover{ background-color: white; color: #6ab500;}
  .contentz_3 .head{ position: absolute; left: 40px; top: 15px; color: white; font-size: 24px; font-weight: bold; padding: 0 8px;}
  .contentz_3 .head:hover{ background-color: white; color: #c86400;}
  .contentz_4 .head{ position: absolute; right: 80px; top: 15px; color: white; font-size: 24px; font-weight: bold; padding: 0 8px;}
  .contentz_4 .head:hover{ background-color: white; color: #8752c1;}
  .contentz_1 img ,.contentz_2 img ,.contentz_3 img ,.contentz_4 img{ height: 555px;}
/*新闻*/
*{ font-family: "微软雅黑";}
.w_qbu{width: 1200px; margin: 0 auto;}
.topbu{ margin-top: 50px; margin-bottom: 80px;}
.topbu > a{ margin-left: 80px; width: 240px; font-size: 18px; height: 50px; border-radius: 25px; background: #f0f0f0; text-align: center; line-height: 50px; color: #333;}
.topbu > a:hover{ background:#ff7e00; color:#FFF; box-shadow:0px 0px 16px #333;}
.topbu > a:first-child{ margin-left: 0;}
.topbu .bg0{ margin: 0;}
.topbu .bgbg{ background: #ff7e00; color:#FFF;}
.news_h > h2{ font-size: 24px; color: #333; font-weight: 100; padding-left: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc;}
.news_h > h2 span{  margin-top: 20px;}
.shijiano{background: url(../images/ahijian.png) no-repeat; margin-top: 10px;}
.texr{ margin-left: 55px;}
.shijiano > span ,.shijiano > h5 ,.shijiano > h6{ margin-left: 30px; height: 16px; margin-top: -2px; float: left; color: #999; font-weight: 100; font-size: 12px; overflow: hidden;}
.shijiano > h6{ margin-left: 37px; width: 85px;}
.shijiano > h5{ width: 34px;}
.shijiano > span{ width: 48px;}
.wenziz{ margin-top: 25px; line-height: 180%; width: 750px; height: 80px; color: #666; font-size: 14px; overflow: hidden;}
.lianjie > span ,.lianjie > a{ font-size: 16px; color: #33a3e2;}
.lianjie > a{ padding: 0 15px; border-left: solid 1px #33a3e2; line-height: 21px; display: block; height: 20px; width: 550px; overflow: hidden;}
.lianjie{ margin-top: 40px;}
.ti{ font-size: 24px; color: #333;}
.news_le{ display: block; padding: 30px 0px; border-bottom: 1px #ccc dashed; position: relative;}
.news_le > img{ width: 360px; height: 230px;}
.anniu_s{position: absolute; right: 27px; bottom: 27px; transition:all 0.5s ease 0s; width: 116px; height: 36px; border-radius: 4px; text-align: center; line-height: 36px; background: #33a3e2; color: white;}
.anniu_s:hover{ right:30px; bottom:30px; background:#33e281; box-shadow:1px 1px 4px #333;}
.wod{ padding-bottom: 50px;}
.tim > h2{ border-bottom: 2px solid #CCCCCC; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; font-size: 24px; color: #333; font-weight: 100; }
.tim > span{ font-size: 24px; color: #cccccc; margin-top: 17px; margin-left: -3px;}
.texr > a:hover{ color: #33a3e2;}



@media (max-width:1360px) {
  .w_15{ width: 1230px; margin: 0 auto; }

  .bg-con-p{width:360px;height:210px;overflow:hidden;}
}