<template>
  <div class="home-page">
    <!-- 头部导航 -->
    <header-nav  :id="id"/>

    <!-- 轮播图部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <!-- 轮播图 -->
      <div class="wsix lunbo">

        <div class="swiper-container biglunbo" id="swiper1">
          <div class="swiper-wrapper">

            <div class="swiper-slide" v-for="(item, index) in picOne">
              <img :src="item.url">
            </div>
          </div>

          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
      </div>

      <div class="wfour content">
        <!-- 服务项目 -->
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameNine}}</span>
          <span class="article"></span>
        </div>

        <div class="fwcont">
          <ul>
            <li v-for="(item, index) in projectService" @click="jumpsecondary(item)">
              <img src="../assets/image/fuwu.png">
              <span style="margin-left: 10px;">{{item.name}}</span>
            </li>

          </ul>
        </div>
        <!-- 医政沙龙风采 -->
        <div class="slcont">
          <div class="fwtitle">
            <span class="vertical"></span>
            <span class="text">{{this.dragonName}}</span>
            <span class="article"></span>
          </div>
          <div class="dragon">
            <ul v-for="(item, index) in dragonList">
            <li>
              <a href="sharon">{{item.title}}</a>
              <p>{{item.newsAbstract}}</p>
            </li>
          </ul>
          </div>

        </div>
      </div>
    </div>

    <!-- 医院评审动态和医院管理制度和医政新闻部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <div class="wsix case" style="overflow: hidden;">
        <!-- 医院评审动态 -->
        <div style="width: 49%;overflow: hidden; float: left;">
          <div class="fwtitle">
            <span class="vertical"></span>
            <span class="text">{{this.PageNameOne}}</span>
            <span class="article"></span>
          </div>

          <div>
            <div style="padding-left: 10px;padding-right: 10px">
              <ul>
                <li v-for="(item, index) in doctorReview">
                  <a href="reviewhospital">{{item.title}}</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 医院管理制度 -->
        <div style="width: 49%; overflow: hidden; float: left; margin-left: 2%;">
          <div class="fwtitle">
            <span class="vertical"></span>
            <span class="text">{{this.PageNameThree}}</span>
            <span class="article"></span>
          </div>

          <div>

            <div style="padding-left: 10px;padding-right: 10px">
              <ul>
                <li v-for="(item, index) in doctorSystem"><a href="managementhospital">{{item.title}}</a></li>
              </ul>
            </div>
          </div>
        </div>

      </div>

      <!-- 医政新闻 -->
      <div class="wfour smell">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameTwo}}</span>
          <span class="article"></span>
        </div>

        <div>
          <ul v-for="(item, index) in doctorNews">
              <li><a href="news">{{item.title}}</a></li>
          </ul>
        </div>

        <div style="margin-top: 6px;">
          <div class="swiper-container smalllunbo" id="swiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide" v-for="(item, index) in picOne">
                <img :src="item.url">
              </div>

            </div>

            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>

        </div>
      </div>
    </div>
    <!-- gif图片部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <div style="width: 962px; height: 170px;">
          <!-- GIF图片部分占位 -->
          <img :src="picTwo.url" style="width: 100%;height: 100%;">
      </div>
    </div>

    <!-- 医政风采与新规政策部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <div class="wsix wikipedia" style="overflow: hidden;">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameSix}}</span>
          <span class="article"></span>
        </div>
        <div class="hycont">
            <ul v-for="(item, index) in doctorDemeanour">
              <li>
                <a href="doctorpolitical">{{item.title}}</a>
                <p>{{item.newsAbstract}}</p>
              </li>
            </ul>

        </div>
      </div>
      <!-- 新规新政 -->
      <div class="wfour newdeal">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameFour}}</span>
          <span class="article"></span>
        </div>

        <div class="rules">
          <div style="margin-top: 20px;">
            <ul v-for="(item, index) in newRules">
              <li><a href="newrules">{{item.title}}</a></li>

            </ul>
          </div>

        </div>
      </div>
    </div>

    <!-- 专家风采部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <div class="handpick">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameFive}}</span>
          <span class="article"></span>
        </div>
      </div>
      <!-- 占位轮训播放图 -->
      <div style="width: 962px; height: 170px;">
        <template>
          <vue-seamless-scroll :data="newsList" :class-option="optionLeft" class="seamless-warp3">
              <ul class="jxPic" style="overflow: hidden;">
                  <li v-for="item in newsList">
                    <img :src="item.imgs" style="height: 160px;">
                  </li>
              </ul>
          </vue-seamless-scroll>
        </template>
      </div>
    </div>

    <!-- 卫生节日一览部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;" @click="$router.push('/healthfestival')">
      <div class="handpick">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameEight}}</span>
          <span class="article" style="height: 3px;margin-left: 5px; width: 85.08%; background-color: #eeeeee; display: inline-block;"></span>
        </div>
      </div>
      <!-- 占位 -->
      <div  class="health">
        <template>
          <vue-seamless-scroll :data="listData" class="seamless-warp" :class-option="optionSetting">
              <ul>
                <li v-for="item in listData" style="overflow: hidden; margin-top: 20px;">
                  <div class="wscont">
                    <span class="title" v-text="item.title"></span><span class="date" v-text="item.date"></span>
                  </div>
                  <div class="wscont">
                    <span class="title" v-text="item.titletwo"></span><span class="date" v-text="item.datatwo"></span>
                  </div>
                  <div class="wscont">
                    <span class="title" v-text="item.titlefour"></span><span class="date" v-text="item.datafour"></span>
                  </div>
                </li>
            </ul>
          </vue-seamless-scroll>
        </template>
      </div>
    </div>

    <!-- 医政风采部分 -->
    <div class="w" style="overflow: hidden; margin-top: 20px;">
      <div class="handpick">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameSix}}</span>
          <span class="article"></span>
        </div>
      </div>

      <div class="people">
        <div class="swiper-container peoplelunbo" id="swiper3">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="../assets/image/tmpone.jpg">
              </div>
              <div class="swiper-slide">
                <img src="../assets/image/tmptwo.jpg">
              </div>
            </div>

            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
      </div>
      <!-- 专家风采 -->
      <div class="experts">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameFive}}</span>
          <span class="article"></span>
        </div>

        <div class="wikipedia">
          <ul v-for="(item, index) in expertsContent">
            <li>
              <a href="experts">{{item.title}}</a>
              <p>{{item.newsAbstract}}</p>
            </li>

          </ul>
        </div>

      </div>
      <!-- 护理天地部分 -->
      <div class="ourselves">
        <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">{{this.PageNameSeven}}</span>
          <span class="article"></span>
        </div>

        <div>
          <ul v-for="(item, index) in nursingWorld">
            <li>
              <a href="nursing">{{item.title}}</a>
              <p>{{item.newsAbstract}}</p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 友情链接部分 -->
    <div class="w friendship" style="overflow: hidden; margin-top: 20px;">
      <div class="fwtitle">
          <span class="vertical"></span>
          <span class="text">友情链接</span>
          <span class="article"></span>
      </div>

      <div class="fsPic">
        <ul>
          <li v-for="(item, index) in friendshipList" @click="jumpFriendship(item)">
            <img :src="item.photoUrl">
          </li>
        </ul>
      </div>
    </div>

    <footer-nav/>

  </div>
</template>
<script>
import Swiper from 'swiper';
import headerNav from '@/components/header';
import footerNav from '@/components/footer';
export default {
  data() {
    return {
      id: 1,
      usertable: [],
      picOne: [],
      picTwo: {},
      friendshipList: [],
      PageNameOne: '',
      PageNameTwo: '',
      PageNameThree: '',
      PageNameFour: '',
      PageNameFive: '',
      PageNameSix: '',
      PageNameSeven: '',
      PageNameEight: '',
      PageNameNine: '',
      //二级医政沙龙风采
      dragonName: '',
      dragonList: [],
      // 服务项目内容
      serviceList: [],
      // 医政沙龙风采内容
      doctorDragon: [],
      //医政评审动态内容
      doctorReview: [],
      // 医政新闻内容
      doctorNews: [],
      //医政管理制度内容
      doctorSystem: [],
      //新规新政内容
      newRules: [],
      //专家风采内容
      expertsContent: [],
      // //医政风采内容
      doctorDemeanour: [],
      //护理天地内容
      nursingWorld: [],
      //服务项目
      projectService: [],
      newsList: [
        {
          'imgs': require('../assets/image/1.jpg'),
        },
        {
          'imgs': require('../assets/image/2.jpg'),
        },
        {
          'imgs': require('../assets/image/3.jpg'),
        },
        {
          'imgs': require('../assets/image/4.jpg'),
        },
        {
          'imgs': require('../assets/image/5.jpg'),
        },
      ],
      listData: [
        {
            'title': '世界防治麻风病日',
            'date': '1月最后一个星期日',
            'titletwo': '世界癌症日',
            'datatwo': '2月4日',
            'titlefour': '世界罕见病日',
            'datafour': '2月的最后一天'
        }, {
            'title': '全国爱耳日',
            'date': '3月3日',
            'titletwo': '世界青光眼日',
            'datatwo': '3月6日',
            'titlefour': '中国国医节',
            'datafour': '3月17日'
        }, {
            'title': '全国爱肝日',
            'date': '3月18日',
            'titletwo': '世界肾脏日',
            'datatwo': '3月份的第二个星期四',
            'titlefour': '世界睡眠日',
            'datafour': '3月21日'
        }, {
            'title': '世界防治结核病日',
            'date': '3月24日',
            'titletwo': '全国爱国卫生月',
            'datatwo': '4月',
            'titlefour': '世界自闭症日',
            'datafour': '4月2日'
        }, {
            'title': '世界卫生日',
            'date': '4月7日',
            'titletwo': '世界帕金森病日',
            'datatwo': '4月11日',
            'titlefour': '全国肿瘤防治宣传周',
            'datafour': '4月15日～21日'
        }, {
            'title': '全国爱鼻日',
            'date': '4月的第二个星期六',
            'titletwo': '世界血友病日',
            'datatwo': '4月17日',
            'titlefour': '世界防治疟疾日',
            'datafour': '4月25日'
        }, {
            'title': '全国儿童预防接种宣传日',
            'date': '4月25日',
            'titletwo': '世界安全生产与健康日',
            'datatwo': '4月28日',
            'titlefour': '世界防治哮喘日',
            'datafour': '5月的第一个周二'
        }, {
            'title': '世界红十字日',
            'date': '5月8日',
            'titletwo': '国际护士节',
            'datatwo': '5月12日',
            'titlefour': '全国碘缺乏病日',
            'datafour': '5月15日'
        }, {
            'title': '世界高血压日',
            'date': '5月17日',
            'titletwo': '全国学生营养日',
            'datatwo': '5月20日',
            'titlefour': '全国母乳喂养宣传日',
            'datafour': '5月20日'
        }, {
            'title': '世界向人体条件挑战日',
            'date': '5月26日',
            'titletwo': '世界无烟日',
            'datatwo': '5月31日',
            'titlefour': '世界牛奶日',
            'datafour': '6月1日'
        }, {
            'title': '全国爱眼日',
            'date': '6月6日',
            'titletwo': '世界献血日',
            'datatwo': '6月14日',
            'titlefour': '世界渐冻人日',
            'datafour': '6月21日'
        }, {
            'title': '国际禁毒日',
            'date': '6月26日',
            'titletwo': '国际癫痫关爱日',
            'datatwo': '6月28日',
            'titlefour': '全国科普行动日',
            'datafour': '6月29日'
        }, {
            'title': '世界过敏性疾病日',
            'date': '7月8日',
            'titletwo': '世界肝炎日',
            'datatwo': '7月28日',
            'titlefour': '世界母乳喂养周',
            'datafour': '8月1日至7日'
        }, {
            'title': '全民健身日',
            'date': '8月8日',
            'titletwo': '关爱义齿周',
            'datatwo': '8月最后一周',
            'titlefour': '世界预防自杀日',
            'datafour': '9月10日'
        }, {
            'title': '中国预防出生缺陷日',
            'date': '9月12日',
            'titletwo': '世界淋巴瘤日',
            'datatwo': '9月15日',
            'titlefour': '中国脑健康日',
            'datafour': '9月16日'
        }, {
            'title': '世界急救日',
            'date': '9月的第二个周六',
            'titletwo': '爱牙日',
            'datatwo': '9月20日',
            'titlefour': '中华老年痴呆日',
            'datafour': '9月21日'
        }, {
            'title': '世界阿尔茨海默病日',
            'date': '9月21日',
            'titletwo': '国际聋人日',
            'datatwo': '9月28日',
            'titlefour': '世界心脏日',
            'datafour': '9月的最后一个星期日'
        }, {
            'title': '世界精神卫生日',
            'date': '10月10日',
            'titletwo': '世界镇痛日',
            'datatwo': '10月11日',
            'titlefour': '世界关节炎日',
            'datafour': '10月12日'
        }, {
            'title': '世界保健日',
            'date': '10月13日',
            'titletwo': '世界视力日',
            'datatwo': '10月第二个星期四',
            'titlefour': '国际盲人节',
            'datafour': '10月15日'
        }, {
            'title': '全球洗手日',
            'date': '10月15日',
            'titletwo': '世界骨质疏松日',
            'datatwo': '10月20日',
            'titlefour': '世界传统医药日',
            'datafour': '10月22日'
        }, {
            'title': '世界男性健康日',
            'date': '10月28日',
            'titletwo': '世界卒中日',
            'datatwo': '10月29日',
            'titlefour': '全球肺癌关注月',
            'datafour': '11月'
        }, {
            'title': '联合国糖尿病日',
            'date': '11月14日',
            'titletwo': '世界慢阻肺日',
            'datatwo': '11月第三周的周三',
            'titlefour': '世界艾滋病日',
            'datafour': '12月1日'
        }, {
            'title': '国际残疾人日',
            'date': '12月3日',
            'titletwo': '世界强化免疫日',
            'datatwo': '12月15日',
            'titlefour': '',
            'datafour': ''
        }
      ],
    };
  },

  components: {
    headerNav,
    footerNav
  },

  computed:{
    //文字轮训播放
　　optionSetting(){
　　　return {
        step:0.3,
        //速度，值越大，速度越快
        // hoverStop:false,
        //鼠标悬停效果，false为关闭该效果
        //singleHeight: 26,
        //单行停顿
        //waitTime: 2500,
        //单行停顿的时间
　　　}
　　},
    // 图片轮训播放
    optionLeft () {
        return {
            step: 1,
            direction: 2,
            limitMoveNum: 2
          }
      }
  },

  methods: {
    async loadData() {
      const response = await this.$http.get(`biz/menus`);
      if (response.data.code === 1) {
        this.loading = false;
        this.usertable = response.data.responseData;
        // console.log(this.usertable)
        for(var i = 0; i < this.usertable.length; i++) {
          if(this.usertable[i].homePageOrder == 1) {
            this.PageNameOne = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 2){
            this.PageNameTwo = this.usertable[i].name;
            this.dragonName = this.usertable[i].childList[1].name;
          }else if (this.usertable[i].homePageOrder == 3){
            this.PageNameThree = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 4){
            this.PageNameFour = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 5){
            this.PageNameFive = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 6){
            this.PageNameSix = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 7){
            this.PageNameSeven = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 8){
            this.PageNameEight = this.usertable[i].name;
          }else if (this.usertable[i].homePageOrder == 9){
            this.PageNameNine = this.usertable[i].name;
            this.projectService = this.usertable[i].childList;
            console.log(this.projectService)
          }
        }
      }
    },
    //获取图片
    async loadPic () {
      const response = await this.$http.get(`biz/photos`);
      if (response.data.code === 1) {
        this.picOne = response.data.responseData[1];
        this.picTwo = response.data.responseData[2];
        this.$nextTick(()=>{
          var swiper1 = new Swiper('#swiper1', {
            autoplay: 2000, // 可选选项，自动滑动
            loop: true, // 可选选项，开启循环
            // mode: 'vertical',
            // pagination: '.pagination',
            // paginationClickable: true
          });
          var swiper2 = new Swiper('#swiper2', {
            autoplay: 5000, // 可选选项，自动滑动
            loop: true, // 可选选项，开启循环
            // mode: 'vertical',
            // pagination: '.pagination',
            // paginationClickable: true
          });
        })

      }
    },
    //获取友情链接
    async loadLink () {
      const response = await this.$http.get(`biz/links`);
      if (response.data.code === 1) {
        this.friendshipList = response.data.responseData
        // console.log(this.friendshipList)
      }
    },
    // async loadNewOne () {
    //   const response = await this.$http.get(`biz/newsArticles/${1}`)
    //   if (response.data.code === 1) {
    //   }
    // },
    //医政评审动态内容
    async loadNewTwo() {
      const response = await this.$http.get(`biz/newsArticles/${2}`)
      if (response.data.code === 1) {
        this.doctorReview = response.data.responseData.records.slice(0,10);
      }
    },
    //医政新闻内容
    async loadNewThree() {
      const response = await this.$http.get(`biz/newsArticles/${3}`)
      if (response.data.code === 1) {
        this.doctorNews = response.data.responseData.records.slice(0,5);
      }
    },
    //医政管理制度内容
    async loadNewFour() {
      const response = await this.$http.get(`biz/newsArticles/${4}`)
      if (response.data.code === 1) {
        this.doctorSystem = response.data.responseData.records.slice(0,10);
      }
    },
    //新规新政内容
    async loadNewFive() {
      const response = await this.$http.get(`biz/newsArticles/${5}`)
      if (response.data.code === 1) {
        this.newRules = response.data.responseData.records.slice(0,8);
      }
    },
    //专家风采内容
    async loadNewSix() {
      const response = await this.$http.get(`biz/newsArticles/${6}`)
      if (response.data.code === 1) {
        this.expertsContent = response.data.responseData.records.slice(0,6);
        // console.log(this.expertsContent)
      }
    },
    // 医政风采内容
    async loadNewSeven() {
      const response = await this.$http.get(`biz/newsArticles/${7}`)
      if (response.data.code === 1) {
        this.doctorDemeanour = response.data.responseData.records.slice(0,4);
      }
    },
    // 护理天地内容
    async loadNewEight() {
      const response = await this.$http.get(`biz/newsArticles/${8}`)
      if (response.data.code === 1) {
        this.nursingWorld = response.data.responseData.records.slice(0,6);
      }
    },
    //医政沙龙风采
    async loadNewDragon() {
      const response = await this.$http.get(`biz/newsArticles/${12}`)
      if (response.data.code === 1) {
        this.dragonList = response.data.responseData.records.slice(0,4);
      }
    },
    // async loadNewNine() {
    //   const response = await this.$http.get(`biz/newsArticles/${9}`)
    //   if (response.data.code === 1) {;
    //   }
    // },
    // async loadNewTen() {
    //   const response = await this.$http.get(`biz/newsArticles/${10}`)
    //   if (response.data.code === 1) {
    //     console.log(response.data.responseData.records)
    //   }
    // },
    //跳转友情链接
    jumpFriendship(item) {
      window.open(item.url);
    },
    jumpsecondary(item) {
      this.$router.push(item.goPageUrl);
    }
  },
  created() {
    this.loadData();
    this.loadPic();
    this.loadLink();
    // this.loadNewOne();
    this.loadNewTwo();
    this.loadNewThree();
    this.loadNewFour();
    this.loadNewFive();
    this.loadNewSix();
    this.loadNewSeven();
    this.loadNewEight();
    this.loadNewDragon();
    // this.loadNewNine();
    // this.loadNewTen();
  },
  mounted () {

    var swiper3 = new Swiper('#swiper3', {
      autoplay: 3500, // 可选选项，自动滑动
      loop: true, // 可选选项，开启循环
      // mode: 'vertical',
      // pagination: '.pagination',
      // paginationClickable: true
    });
  }
};
</script>

<style>
.home-page {

}
.home-page .input-demo {

}
.home-page .input-button {
  /*width: 150px;*/
}
.home-page .lunbo {
  height: 335px;
}
.home-page .biglunbo {
  height: 335px;
}
.home-page .lunbo .biglunbo img {
  height: 100%;
  width: 100%;
}
.home-page .content {
  height: 335px;
}

/*服务项目样式*/
.home-page .content .fwtitle {
  margin-bottom: 15px;
}
.home-page .content .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 68%;
  background-color: #eeeeee;
  display: inline-block;
}

.home-page .fwcont {

}
.home-page .fwcont ul {
  overflow: hidden;
  text-align: center;
}
.home-page .fwcont ul li {
  width: 50%;
  float: left;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #efeeec;
  cursor: pointer;
}
.home-page .fwcont ul li img {
  vertical-align: middle;
}
/*医政沙龙风采样式*/
.home-page .slcont {
  margin-top: 20px;
}
.home-page .slcont .dragon li {
  margin-top: 10px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}

.home-page .slcont .dragon a {
  font-size: 16px;
  color: #333333;
}
.home-page .slcont .dragon a:hover {
  color: #2868df;
  text-decoration:underline;
}

.home-page .slcont p {
  margin-top: 5px;
  font-size: 12px;
  color: #555555;
}
.home-page .slcont .xline{
  margin-top: 5px;
  height: 1px;
  border-bottom: 1px dashed #f0f0f0;
}
.home-page .content .slcont  .article {
  height: 3px;
  margin-left: 5px;
  width: 56.14%;
  background-color: #eeeeee;
  display: inline-block;
}
/*医院评审动态样式*/
.home-page .case .fwtitle {
  margin-bottom: 15px;
}
.home-page .case li {
  margin-top: 10px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}
.home-page .case li a {
  font-size: 12px;
  color: #777777;
}
.home-page .case li a:hover {
  color: #2868df;
  text-decoration:underline;
}
/*医院管理制度样式*/
.home-page .case .fwtitle {
  margin-bottom: 15px;
}
.home-page .case .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 52.45%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .case li a {
  font-size: 12px;
  color: #777777;
}
.home-page .case li a:hover {
  color: #2868df;
  text-decoration:underline;
}
/*医政新闻样式*/
.home-page .smell {
  margin-bottom: 15px;
}
.home-page .smell .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 68%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .smell li {
  margin-top: 10px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}
.home-page .smell li a {
  font-size: 12px;
  color: #777777;
}
.home-page .smell li a:hover {
  color: #2868df;
  text-decoration:underline;
}
.home-page .smell .smalllunbo {
  height: 180px;
  /*width: 100%;*/
  width: 326px;
}
.home-page .smell .smalllunbo img {
  height: 100%;
  width: 100%;
}

/*行业百科改为医政风采*/
.home-page .wikipedia .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 83%;;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .wikipedia .hycont {
  margin-top: 20px;
  overflow: hidden;
}
.home-page .wikipedia ul li {
  /*padding: 0 10px;*/
  margin-top: 10px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}
.home-page .wikipedia  a {
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}
.home-page .wikipedia  a:hover {
  color: #2868df;
  text-decoration:underline;
}
.home-page .wikipedia p {
  margin-top: 5px;
  font-size: 12px;
  color: #555555;
}

/*新政新规*/
.home-page .newdeal .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 64.1%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .newdeal .rules {
  margin-bottom: 20px;
}
.home-page .newdeal .rules li {
  margin-top: 5px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}
.home-page .newdeal .rules li a {
  font-size: 12px;
  color: #777777;
}
.home-page .newdeal .rules li a:hover {
  color: #2868df;
  text-decoration:underline;
}

/*精选案例*/
.home-page .handpick .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 89%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .seamless-warp3 {
  overflow: hidden;
  height: 190px;
  width: 962px;
}
.home-page .seamless-warp3 ul.jxPic {
  width: 962px;
}
.home-page .seamless-warp3 ul.jxPic li {
  float: left;
  margin-right: 1%;
  width: 19%;
  margin-top: 20px;
}
.home-page .seamless-warp3 ul.jxPic li img{
  width: 100%;
  height: 100%;
}

/*卫生节日样式部分*/
.home-page .health {
  width: 962px;
  height: 360px;
  background: url(../assets/image/bjing.jpg);
  margin-top: 20px;
  color: #fff;
  cursor:pointer;
}
.home-page .health .wscont {
  float: left;
  width: 32%;
  margin-left: 1%;
  text-align: center;
}
.home-page .health .seamless-warp {
  height: 360px;
  overflow: hidden;
}
.home-page .health .date {
  margin-left: 10px;
}

/*医政风采样式部分*/
.home-page .people {
  float: left;
  margin-top: 15px;
  width: 25%;
  height: 354px;
}
.home-page .people .peoplelunbo {
  height: 354px;
}
.home-page .experts {
  float: left;
  margin-top: 15px;
  width: 38%;
  margin-left: 2%;
}

.home-page .experts .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 71.7%;
  background-color: #eeeeee;
  display: inline-block;
}
/*护理天地样式部分*/
.home-page .ourselves {
  float: left;
  margin-top: 15px;
  width: 33%;
  margin-left: 2%;
}
.home-page .ourselves .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 67.4%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .ourselves li {
  margin-top: 8px;
  overflow: hidden;/*超出部分隐藏*/
  white-space: nowrap;/*不换行*/
  text-overflow:ellipsis;
}
.home-page .ourselves li  a {
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}
.home-page .ourselves li  a:hover {
  color: #2868df;
  text-decoration:underline;
}
.home-page .ourselves p {
  margin-top: 10px;
  font-size: 12px;
  color: #555555;
}

/*友情链接样式*/
.home-page .friendship .fwtitle .article {
  height: 3px;
  margin-left: 5px;
  width: 89%;
  background-color: #eeeeee;
  display: inline-block;
}
.home-page .friendship .fsPic {
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-page .friendship .fsPic ul {
  overflow: hidden;
}
.home-page .friendship .fsPic li {
  float: left;
  width: 20%;
  height: 45px;
  margin-left: 2%;
  cursor:pointer;
}
.home-page .friendship .fsPic li img {
  height: 100%;
  width: 100%;
}
</style>
