/*banner*/
.banner img{ width: 100%; }
/*banner结束*/

.indexTitle{ text-align: center; padding-bottom: 55px;  }
.indexTitle .title1{ font-size: 30px; line-height: 30px; color: #333; font-weight: bold; }
.indexTitle .title2{ font-size: 16px; line-height: 16px; text-transform: uppercase; color: #999; padding-top: 20px; font-family:GOTHIC; }

.indexPart1{ position: relative; }
.indexPart1 .bg img{ width:100%;}
.indexPart1 .title{ font-size: 40px; line-height: 40px; color: #fff; text-align: center; font-weight: bold; padding-bottom: 35px; }
.indexPart1 .content{ font-size: 14px; color: #fff; line-height: 30px; padding-bottom: 40px; text-align: center; }
.indexPart1 .btnDiv{ width: 162px; height: 48px; margin: 0 auto; }
.indexPart1 .btnDiv a{ display: block; font-weight: bold; position: relative; width: 162px; text-transform: uppercase; height: 48px; line-height: 48px; text-indent: 38px; color: #fff; font-size: 14px; border: rgba(255,255,255,0.5) solid 1px; }
.indexPart1 .btnDiv a:after{ content: ''; position: absolute; right: 38px; top: 50%; margin-top: -3px; width: 25px; height: 5px; background: url(../images/nimg25_1.png) center no-repeat; }
.indexPart1 .btnDiv a:hover{ border: #cfa772 solid 1px; background: #cfa772; }
.indexPart1 .numList{ position: absolute; left: 50%; bottom: -88px; width: 15.36rem; margin-left: -7.68rem; background: #cfa772; padding-top: 58px; box-sizing: border-box; height: 200px; z-index: 1; }
.indexPart1 .numList li{ float: left; width: 25%; font-size: 14px; height: 86px; position: relative; box-sizing: border-box; padding-left: 8%;}
.indexPart1 .numList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.2); }
.indexPart1 .numList li:last-child:after{ display: none; }
.indexPart1 .numList li .num{ font-size: 16px; color: #fff; height: 60px; display: inline-block; padding-right: 28px; position: relative; }
.indexPart1 .numList li .numUp{ font-size: 0.42rem; line-height: 0.42rem; font-family:GOTHICB;}
.indexPart1 .numList li .num span{ position: absolute; right: 0; top: 4px; }
.indexPart1 .numList li .num img{ position: absolute; right: 0; top: 4px;}
.indexPart1 .numList li p{ color: rgba(255,255,255,0.8); }

.indexPart2{ padding: 185px 0 95px; }
.honorPic .swiper-slide{ background: #f6f7f7; cursor: pointer; }
.honorPic .imgDiv{ height: 3.86rem; position:relative; }
.honorPic .imgDiv img{ max-width: 2.46rem; max-height: 3.5rem; }
.honorPic .swiper-pagination{ position: relative; bottom: 0; padding-top: 0.5rem; }
.honorPic .swiper-pagination-bullet { position: relative; width: 14px; height: 14px; margin: 0 10px!important; opacity: 1; box-sizing: border-box; background: #fff; border: #e5e5e5 solid 2px;}
.honorPic .swiper-pagination-bullet-active { background: #cfa772; border: #cfa772 solid 2px; }
.honorPic .prev{ z-index: 5; left: -0.75rem; position: absolute; display: block; background: url(../images/nimg22_left.png) center no-repeat; border-radius: 4px; width: 22px; height: 38px; top: 50%; margin-top: -19px;}
.honorPic .next{ z-index: 5; right: -0.75rem; position: absolute; display: block; background: url(../images/nimg22_right.png) center no-repeat; border-radius: 4px; width: 22px; height: 38px; top: 50%; margin-top: -19px; }
.honorPic .prev:hover{background: url(../images/nimg22_lefton.png) center no-repeat;}
.honorPic .next:hover{  background: url(../images/nimg22_righton.png) center no-repeat;}

.indexPart3{ padding: 100px 0 120px; background: #f9f9f9; }
.indexPart3 .leftDiv{ width: 7.76rem; }
.indexPart3 .leftDiv .imgDiv{ overflow: hidden; height:3.7rem; }
.indexPart3 .leftDiv .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.indexPart3 .leftDiv .botDiv{ background: #fff; padding: 0.2rem 0.3rem 0 1.9rem; box-sizing: border-box; height: 1.24rem; position: relative;}
.indexPart3 .leftDiv .timeDiv{ position: absolute; left: 0.3rem; top: 0.2rem; font-family:GOTHIC; font-size: 14px; color: #a8a8a8; width: 1.25rem; text-align: center;}
.indexPart3 .leftDiv .timeDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e9e9e9; }
.indexPart3 .leftDiv .timeDiv em{ font-family:GOTHICB; color: #333; font-size: 0.48rem; line-height: 0.48rem; display: block; padding-bottom: 10px;}
.indexPart3 .leftDiv .name{ font-size: 16px; font-weight: bold; color: #333; height: 30px; line-height: 30px; overflow: hidden; }
.indexPart3 .leftDiv .content{ padding-top: 10px; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #666; }
.indexPart3 .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .leftDiv:hover .botDiv{ background: #cfa772;  }
.indexPart3 .leftDiv:hover .timeDiv, .indexPart3 .leftDiv:hover .timeDiv em{ color: #fff; }
.indexPart3 .leftDiv:hover .timeDiv:after{ background: rgba(255,255,255,0.45); }
.indexPart3 .leftDiv:hover .name, .indexPart3 .leftDiv:hover .content{ color: #fff; }


.indexPart3 .rightDiv{ width: 7.12rem; }
.indexPart3 .rightDiv li{ margin-bottom: 0.1rem; }
.indexPart3 .rightDiv li:last-child{ margin-bottom: 0; }
.indexPart3 .rightDiv li a{ display: block; background: #fff; height: 1.16rem; position: relative; padding: 0.16rem 0.6rem 0 1.95rem; box-sizing: border-box;}
.indexPart3 .rightDiv li .timeDiv{ position: absolute; left: 0; top: 0.16rem; width: 1.46rem; text-align: center; font-family:GOTHIC; font-size: 14px; color: #a8a8a8; }
.indexPart3 .rightDiv li .timeDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e9e9e9; }
.indexPart3 .rightDiv li .timeDiv em{ font-family:GOTHICB; color: #333; font-size: 0.48rem; line-height: 0.48rem; display: block; padding-bottom: 10px;}
.indexPart3 .rightDiv li .name{ font-size: 16px; font-weight: bold; color: #333; height: 30px; line-height: 30px; overflow: hidden; }
.indexPart3 .rightDiv li .content{ padding-top: 10px; height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #666; }
.indexPart3 .rightDiv li a:hover{ background: #cfa772; }
.indexPart3 .rightDiv li a:hover .timeDiv, .indexPart3 .rightDiv li a:hover .timeDiv em{ color: #fff; }
.indexPart3 .rightDiv li a:hover .timeDiv:after{ background: rgba(255,255,255,0.45); }
.indexPart3 .rightDiv li a:hover .name, .indexPart3 .rightDiv li a:hover .content{ color: #fff; }

.indexPart4 .list li{ float: left; width: 33.33%; position: relative; overflow: hidden;}
.indexPart4 .list li .imgDiv img{ width: 100%; }
.indexPart4 .list li .layer{ position: absolute; left: 0; text-align: center; width: 100%; top: 50%; height: 380px; margin-top: -190px; z-index: 1; }
.indexPart4 .list li .c-name{ padding-top: 25px; font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; height: 40px; }
.indexPart4 .list li .e-name{ font-size: 16px; text-transform: uppercase; color: rgba(255,255,255,0.5); font-family:GOTHIC; height: 50px; }
.indexPart4 .list dd{ font-size: 16px; }
.indexPart4 .list dd a{ display: block; line-height: 30px; color: #fff; }
.indexPart4 .list dd a:hover{ color: #cfa772; }
.indexPart4 .list li .more{ position: absolute; left: 50%; margin-left: -81px; bottom: 0; width: 162px; height: 48px; }
.indexPart4 .list li .txt{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 162px; text-align: left; height: 48px; line-height: 48px; font-weight: bold; font-size: 14px; color: #fff; text-indent: 40px; text-transform: uppercase;}
.indexPart4 .list li .txt:after{ content: ''; position: absolute; right: 40px; top: 50%; margin-top: -3px; width: 25px; height: 5px; background: url(../images/nimg25_1.png) center no-repeat;}
.indexPart4 .list li .more:hover .limg{ opacity: 0; }
.indexPart4 .list li .more:hover .txt{ opacity: 1; }
.indexPart4 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.aboutPart1{ padding: 100px 0 120px; background: url(../images/aboutbg.jpg) center bottom no-repeat; background-size: 100%;}
.aboutPart1 .content{ font-size: 14px; line-height: 30px; padding: 40px 0 55px; text-align: center;}
.aboutPart1 .numList{ padding-bottom: 60px; }
.aboutPart1 .numList li{ float: left; width: 25%; font-size: 14px; text-align: center;}
.aboutPart1 .numList li .ico{ padding-bottom: 35px; }
.aboutPart1 .numList li .num{ font-size: 16px; color: #cfa772; height: 52px; display: inline-block; padding-right: 20px; position: relative; }
.aboutPart1 .numList li .numUp{ font-size: 0.42rem; line-height: 0.42rem; font-family:GOTHICB;}
.aboutPart1 .numList li .num span{ position: absolute; right: 0; top: 4px; }
.aboutPart1 .numList li .num img{ position: absolute; right: 0; top: 6px;}
.aboutPart1 .numList li p{ color: #9a9a9a; position: relative; line-height: 14px; height: 26px;}
.aboutPart1 .numList li p:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 20px; height: 2px; background: #cfa772; margin-left: -10px; }
.aboutPart1 .mxfDiv{ position: relative; height: 400px; background: center no-repeat; background-size: cover;}
.aboutPart1 .mxfDiv .txt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; color: #fff; font-size: 30px; line-height: 30px; font-weight: bold; box-sizing: border-box; }

.aboutPart2{ padding-top: 96px; height: 904px; background: url(../images/historybg.jpg) center no-repeat; background-size: cover; }
.aboutPart2 .conDiv .wal{ position: relative; }
.aboutPart2 .title{ text-align: center; color: #fff; font-weight: bold; font-size: 30px; line-height: 30px; padding-bottom: 25px; }
.aboutPart2 .msg{ text-align: center; font-size: 14px; color: #fff; padding-bottom: 115px;}
.aboutPart2 .arrowDiv{ position: absolute; right: 0; top: 15px; }
.aboutPart2 .btn{ display: block; float: left; width: 46px; height: 46px; }
.aboutPart2 .prev{ border: #cfa772 solid 2px; background: url(../images/nimg8_left.png) center no-repeat;}
.aboutPart2 .next{ border: #cfa772 solid 2px; background: url(../images/nimg8_right.png) center no-repeat;}
.aboutPart2 .prev:hover{ background: #cfa772 url(../images/nimg8_left.png) center no-repeat;}
.aboutPart2 .next:hover{ background: #cfa772 url(../images/nimg8_right.png) center no-repeat;}

.historyPic{ height: 500px; position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background: url(../images/line2.jpg) repeat-x; }
.historyPic .swiper-container { height: 500px; overflow: hidden; position: relative;}
.historyPic .swiper-slide{ height: 500px; position: relative; }
.historyPic .swiper-slide:after{ content: ''; width: 12px; height: 12px; background: url(../images/ico3.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; z-index: 2; }
.historyPic .swiper-slide .contentBox{ position: absolute; left: 0; top: 0; padding-left: 34px; height: 250px; overflow:auto; box-sizing: border-box; }
.historyPic .swiper-slide .contentBox::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #f2f2f2;
}
.historyPic .swiper-slide .contentBox::-webkit-scrollbar-thumb {
    background-color: #cfa772;
}
.historyPic .swiper-slide .contentBox:before{ content: ''; position: absolute; left: 5px; top: 0; width: 2px; height: 100%; background: rgba(255,255,255,0.2); }
.historyPic .swiper-slide .year{ color: #cfa772; font-size: 48px; line-height: 48px; font-family:GOTHICB;}
.historyPic .swiper-slide .name{ font-size: 24px; line-height: 24px; color: #fff; font-weight: bold; padding-top: 25px }
.historyPic .swiper-slide .content{ font-size: 14px; line-height: 24px; color: #fff; padding-top: 10px; width: 260px; }
.historyPic .swiper-slide:nth-child(2n) .contentBox{ top: auto; bottom: 0; padding-top: 80px; }

.aboutPart2 .list{ position: relative; padding-top: 1.0rem; }
.aboutPart2 .list:before{ z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 0.68rem; height: 0.68rem; background: url(../images/nimg40_2.png) no-repeat; background-size: 0.68rem; }
.aboutPart2 .list:after{ content: ''; position: absolute; left: 14px; top: 0; width: 2px; height: 100%; background: #cfa772; }
.aboutPart2 .list li{ position: relative; padding-left: 0.8rem; z-index: 2; padding-bottom: 0.5rem;}
.aboutPart2 .list li .year{ position: absolute; font-family:bold; left: 0; color: #cfa772; padding-left: 0.8rem; font-size: 0.48rem; background: url(../images/ico3.png) 0.2rem 0.15rem no-repeat; background-size: 12px;}
.aboutPart2 .list li .name{ padding-top: 0.8rem; color: #cfa772; font-size: 0.4rem; line-height: 0.4rem;}
.aboutPart2 .list li .content{ padding-top: 0.2rem; font-size: 0.26rem; line-height: 0.52rem; color: #fff; }
.aboutPart2 .list li .imgDiv{ padding-top: 0.3rem; }
.aboutPart2 .list li .imgDiv img{ width: 100%;}

.concept .title{ text-align: center; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 55px; }
.concept .part1{ padding-bottom: 140px; border-bottom: #eee solid 1px; }
.concept .list{ position: relative; }
.concept .list:before{ content: ''; position: absolute; left: 30%; top: 0; width: 1px; height: 100%; background: #eee; }
.concept .list:after{ content: ''; position: absolute; left: 70%; top: 0; width: 1px; height: 100%; background: #eee; }
.concept .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.concept .list li .box{ text-align: center; }
.concept .list li .pjDiv{ padding-bottom: 40px; position: relative; }
.concept .list li .limg{ border-radius: 50%; overflow: hidden; }
.concept .list li .limg img{ width: 288px; }
.concept .list li .name{ position: absolute; z-index: 1; background: #cfa772; bottom: 0; border-radius: 50%; color: #fff; font-weight: bold; font-size: 24px; line-height: 96px; left: 50%; margin-left: -48px; width: 96px; height: 96px; }
.concept .list li .msg{ font-size: 14px; line-height: 30px; padding-top: 35px; }
.concept .list li:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.concept .part2{ padding-top: 95px; overflow: hidden; }
.concept .leftDiv{ width: 8.96rem; }
.concept .detail{ width: 6.34rem; }
.concept .detail .limg{ height: 6.08rem; background: #eee; position: relative; }
.concept .detail .limg img{ position: absolute; left: 50%; margin-left: -167px; top: 50%; margin-top: -121px; }
.concept .detail p{ font-size: 14px; text-align: center; padding-top: 16px; }
.concept .lie{ width: 2.38rem; }
.concept .lie li .limg{ height: 1.6rem; position: relative; background: #eee;}
.concept .lie li .limg img{ position: absolute; left: 50%; margin-left: -82px; top: 50%; margin-top: -53px;}
.concept .lie li p{ height: 0.64rem; box-sizing: border-box; padding-top: 16px; font-size: 14px; text-align: center; }
.concept .txtDiv{ width: 5.12rem; padding-top: 2.2rem; }
.concept .part2 .txt{ font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 40px; text-transform: uppercase;}
.concept .part2 .content{ font-size: 14px; line-height: 36px; }


.culture .list{ padding-top: 50px; overflow: hidden; position: relative; }
.culture .list li .box{ padding-right: 0.2rem; background: #f9f9f9; min-height: 6.65rem; position: relative;}
.culture .list li .touDiv{ padding: 0.25rem 0 0 1.08rem; position: relative;}
.culture .list li .touDiv:after{ content: ''; width: 20px; height: 3px; background: #cfa772; position: absolute; left: 0.24rem; bottom: 0;}
.culture .list li .ico{ position: absolute; left: 0.24rem; top: 0.25rem;}
.culture .list li .imgDiv{ overflow: hidden; }
.culture .list li .imgDiv img{ width: 3.55rem; }
.culture .list li .name{ font-size: 24px; color: #333; font-weight: bold; line-height: 24px; padding: 0.4rem 0 0 1.08rem; }
.culture .list li .msg{ font-size: 14px; line-height: 30px; padding: 0.25rem 0 0 1.08rem; }
.culture .list .swiper-pagination{ display: none; position: relative; bottom: 0; padding-top: 0.5rem; }
.culture .list .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; margin: 0 0.08rem!important; opacity: 1; box-sizing: border-box; background: #fff; border: #e5e5e5 solid 1px;}
.culture .list .swiper-pagination-bullet-active { background: #cfa772; border: #cfa772 solid 1px; }
.culture .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.culture .list li:hover .name{ color: #cfa772; }

.valueDiv{ padding: 200px 0 85px; position: relative;}
.valueDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 486px; background: url(../images/culturebg.jpg) center top no-repeat; background-size: cover; }
.valueDiv .titleDiv{ text-align: center; position: relative; z-index: 1; }
.valueDiv .titleDiv .title1{ font-size: 48px; line-height: 48px; color: #fff; }
.valueDiv .titleDiv .title2{ font-size: 16px; line-height: 16px; text-transform: uppercase; color: rgba(255,255,255,0.6); padding-top: 25px; font-family:GOTHIC; }
.valueDiv .list{ padding-top: 76px; position: relative; z-index: 1; }
.valueDiv .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.valueDiv .list li{ width: 236px; height: 236px; position: relative; cursor: pointer; }
.valueDiv .list li .pjDiv{ position: absolute; left: 50%; top: 50%; margin-left: -84px; margin-top: -84px; width: 168px; height: 168px; text-align: center; background: #fff; border-radius: 50%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);  }
.valueDiv .list li .name{ font-size: 24px; line-height: 24px; color: #333; padding-top: 20px; }
.valueDiv .list li .hakaDiv{ opacity: 0; position: relative; z-index: 1; width: 236px; height: 236px; background: url(../images/nimg236bg.png) center no-repeat; background-size: cover;}
.valueDiv .list li .msg{ font-size: 14px; line-height: 30px; color: #fff; text-transform: uppercase;}
.valueDiv .list li:hover .hakaDiv{ opacity: 1; }

.advantage .list{ padding-top: 60px; }
.advantage .list li{ position: relative; min-height: 4.88rem; padding-right: 8.96rem; padding-bottom: 0.96rem;}
.advantage .list .li01{ padding-left: 8.96rem; padding-right: 0; }
.advantage .list li:last-child{ padding-bottom: 0; }
.advantage .list li .mxfDiv{ padding: 25px 20px 0 0; position: absolute; right: 0; top: 0;}
.advantage .list .li01 .mxfDiv{ left: 0; right: auto; padding: 25px 0 0 20px; }
.advantage .list li .mxfDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 6.24rem; height: 2.25rem; background: #cfa772; }
.advantage .list .li01 .mxfDiv:after{ right: auto; left: 0; }
.advantage .list li .imgDiv{ position: relative; z-index: 1; overflow: hidden;}
.advantage .list li .imgDiv img{ width: 7.7rem; }
.advantage .list li .name{ padding-top: 1.0rem; color: #333; font-weight: bold; font-size: 24px; line-height: 24px; }
.advantage .list li .lie{ padding-top: 0.4rem; }
.advantage .list dd{ padding-left: 14px; font-size: 0.14rem; line-height: 0.36rem; position: relative; }
.advantage .list dd:before{ content: ''; position: absolute; left: 0; top: 0.16rem; width: 4px; height: 4px; background: #666; border-radius: 50%; }
.advantage .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.advantage .list li:hover .name{ color: #cfa772; }

.honorPart1{ padding: 95px 0 55px; }
.honorPart1 .list{ padding-top: 45px; }
.honorPart1 .list ul{ margin-right: -0.4rem; }
.honorPart1 .list li{ float: left; width: 33.33%; padding-bottom: 0.4rem; }
.honorPart1 .list li .box{ cursor: pointer; margin-right: 0.4rem; box-shadow: 3px 4px 18px 0px rgba(0, 0, 0, 0.1);}
.honorPart1 .list li .imgDiv{ height: 3.54rem; position: relative;}
.honorPart1 .list li .imgDiv img{ max-width: 4.5rem; max-height: 3.2rem; }
.honorPart1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


.pic-modal-box { display: none; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 100px 30px; box-sizing: border-box;}
.pic-modal-box .close { position: absolute; right: 28px; top: 32px; z-index: 10; width: 27px; height: 27px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { font-size: 0; height: 70vh; position: relative;}
.pic-modal-box .pic-box img { display: block; max-width: 7.0rem; max-height: 70vh; }

.honorPart2{ background: #f9f9f9; padding: 95px 0; }
.honorPart2 .pageTitle{ padding-bottom: 50px; }

.gloryPic{ position: relative; }
.gloryPic .swiper-slide .box{ background: #fff; height: 4.7rem; position: relative; cursor: pointer;}
.gloryPic .swiper-slide .imgDiv{ overflow: hidden; }
.gloryPic .swiper-slide .imgDiv img{ max-width: 3rem; max-height: 4.0rem;}
.gloryPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.gloryPic .prev{ z-index: 5; left: -0.7rem; position: absolute; display: block; background: url(../images/nimg22_left.png) center no-repeat; width: 22px; height: 38px; top: 50%; margin-top: -19px;}
.gloryPic .next{ z-index: 5; right: -0.7rem; position: absolute; display: block; background: url(../images/nimg22_right.png) center no-repeat; width: 22px; height: 38px; top: 50%; margin-top: -19px;}
.gloryPic .prev:hover{ background: url(../images/nimg22_lefton.png) center no-repeat;}
.gloryPic .next:hover{ background: url(../images/nimg22_righton.png) center no-repeat;}


.tu-modal-box { display: none; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.tu-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.tu-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 100px 30px; box-sizing: border-box;}
.tu-modal-box .close { position: absolute; right: 28px; top: 32px; z-index: 10; width: 27px; height: 27px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.tu-modal-box .close:hover { transform: rotate(-90deg);}
.tu-modal-box .pic-box { font-size: 0; height: 70vh; position: relative;}
.tu-modal-box .pic-box img { display: block; max-width: 7.0rem; max-height: 70vh; }


.honorPart3{ padding: 100px 0 55px; }
.honorPart3 .list ul{ margin-right: -0.4rem; }
.honorPart3 .list li{ float: left; width: 25%; padding-bottom: 0.4rem; }
.honorPart3 .list li .box{ cursor: pointer; margin-right: 0.4rem; background: #f9f9f9; padding: 0.25rem;}
.honorPart3 .list li .imgDiv{ height: 4.2rem; overflow: hidden; position: relative; background: #fff;}
.honorPart3 .list li .imgDiv img{ max-width: 3.0rem; max-height: 4.2rem; }
.honorPart3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.album-modal-box { display: none; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.album-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.album-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 100px 30px; box-sizing: border-box;}
.album-modal-box .close { position: absolute; right: 28px; top: 32px; z-index: 10; width: 27px; height: 27px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.album-modal-box .close:hover { transform: rotate(-90deg);}
.album-modal-box .pic-box { font-size: 0; height: 70vh; position: relative;}
.album-modal-box .pic-box img { display: block; max-width: 7.0rem; max-height: 70vh; }

.scope .list{ padding-top: 45px; }
.scope .list li{ overflow:hidden;}
.scope .list li .bigBox{ width:50%; height: 5.76rem;}
.scope .list li .imgDiv{ width:50%; position:relative; height: 5.76rem; background: center no-repeat; background-size: cover; overflow: hidden;}
.scope .list li .imgDiv img{ width:100%;}
.scope .list li .contentBox{ padding:0 20% 0 13.5%; }
.scope .list li:nth-of-type(2n) .contentBox{ padding:0 13.5% 0 20%;}
.scope .list li .name{ font-size:24px; line-height: 24px; color:#333; font-weight:bold; padding-bottom: 0.35rem; }
.scope .list li .msg dd{ padding-bottom: 0.35rem; }
.scope .list li .msg dd:last-child{ padding-bottom: 0; }
.scope .list li .msg dd b{ font-size: 16px; display: block; line-height: 30px; }
.scope .list li .msg dd p{ font-size: 14px; line-height: 30px; }
.scope .list li .lie dd{ font-size: 14px; line-height: 30px; }
.scope .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.scope .list li:hover .name{ color: #cfa772; }

.scope .wal{ padding-top: 100px; }
.scope .mxfDiv{ height: 5.0rem; position: relative; padding: 0 1.0rem 0 6.25rem; background: url(../images/nimg1536bg.png) center no-repeat; background-size: cover; }
.scope .mxfDiv .imgDiv{ position: absolute; left: 0.85rem; top: 0.75rem; }
.scope .mxfDiv .imgDiv img{ width: 5.08rem; }
.scope .mxfDiv .name{ padding-top: 1.0rem; font-weight: bold; font-size: 24px; line-height: 24px; color: #333; padding-bottom: 0.35rem; }
.scope .mxfDiv .content{ font-size: 0.14rem; line-height: 0.3rem; }

.partner .pageTitle{ padding-bottom: 45px; }
.partner .list{ border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px;}
.partner .list li{ float: left; width: 16.66%; }
.partner .list li .box{ text-align: center; position: relative; height: 1.8rem; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; }
.partner .list li .ico{ padding-top: 0.5rem; }
.partner .list li .name{ padding-top: 0.15rem; font-size: 14px; color: #333; }
.partner .list li .box:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #cfa772;border-left:1px solid #cfa772;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partner .list li .box:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #cfa772;border-bottom:1px solid #cfa772;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.partner .list li .box:hover:before{width:100%;height:100%;visibility: visible;}
.partner .list li .box:hover:after{width:100%;height:100%;visibility: visible;}
.partner .list li .box:hover{ cursor: pointer; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);}

.case .list{ padding-top: 45px; }
.case .list ul{ margin-right: -0.38rem; }
.case .list li{ float: left; width: 33.33%; }
.case .list li .box{ margin-right: 0.38rem; }
.case .list li .imgDiv{ overflow: hidden; }
.case .list li .imgDiv img{ width: 100%; }
.case .list li .name{ height: 72px; line-height: 72px; overflow: hidden; padding: 0 20px; text-align: center; font-size: 16px; color: #333; }
.case .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.case .list li .box:hover .name{ color: #fff; background: #cfa772; }

.contactBox{ padding: 95px 0; }
.contactBox .conDiv{ width: 50%; position: relative; padding-left: 1.3rem; box-sizing: border-box; padding-top: 35px; }
.contactBox .conDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: url(../images/line1.png) repeat-y; }
.contactBox .c-name{ font-weight: bold; font-size: 24px; line-height: 24px; color: #333; padding-bottom: 24px; }
.contactBox .e-name{ font-size: 14px; text-transform: uppercase; color: #333; font-family:GOTHIC;}
.contactBox .ewmList{ padding-top: 60px; }
.contactBox .ewmList li{ float: left; margin-right: 65px; }
.contactBox .ewmList li .limg img{ width: 126px; }
.contactBox .ewmList li p{ padding-top: 22px; font-size: 14px; text-align: center; }
.contactBox .rightDiv{ padding-right: 1.2rem; box-sizing: border-box; }
.contactBox .msgList{ padding-top: 0.6rem; }
.contactBox .msgList li{ padding-left: 72px;font-size: 14px; position: relative; line-height: 48px; position: relative; padding-bottom: 30px; }
.contactBox .msgList li .ico{ position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: #eee; border-radius: 50%; }
.contactBox .msgList li .ico img{ position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; }
.contactBox .msgList li .ico .img1{ opacity: 0; }
.contactBox .msgList li b{ color: #333; }
.contactBox .msgList li:hover .ico{ background: #cfa772; }
.contactBox .msgList li:hover .ico img{ opacity: 0; }
.contactBox .msgList li:hover .ico .img1{ opacity: 1; }
.contactBox .msgList li:hover b{ color: #cfa772; }

.mapDiv{ height: 6.4rem; }

.news .list li{ height: 310px; }
.news .list li a{ display: block; height: 310px; padding: 75px 292px 0 415px; box-sizing: border-box; position: relative; border-bottom: #f9f9f9 solid 1px; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 48px; overflow: hidden;}
.news .list li .imgDiv img{ width: 336px; }
.news .list li .name{ font-weight: bold; font-size: 20px; height: 40px; line-height: 40px; color: #333; overflow: hidden; }
.news .list li .txt{ font-size: 14px; color: #a8a8a8; padding-top: 10px; }
.news .list li .content{ padding-top: 32px; font-size: 14px; line-height: 30px; height: 60px; color: #666; overflow: hidden; }
.news .list li .timeDiv{ position: absolute; right: 0; width: 152px; height: 148px; top: 50%; margin-top: -74px; font-size: 14px; color: #a8a8a8; font-family:GOTHIC;}
.news .list li .timeDiv:before{ content: ''; position: absolute; left: 0; width: 1px; height: 100%; background: #eee; }
.news .list li .timeDiv em{ display: block; color: #333; font-size: 48px; line-height: 48px; padding-bottom: 15px; font-family:GOTHICB; }
.news .list li:hover{ background: #f9f9f9; }
.news .list li:hover .name, .news .list li:hover .timeDiv em{ color: #cfa772; }
.news .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newShow .name{ font-weight: bold; font-size: 30px; line-height: 40px; color: #333; padding-bottom: 10px; }
.newShow .time{ position: relative; left: -26px; font-size: 14px; color: #a8a8a8;}
.newShow .time em{ padding: 0 26px; }
.newShow .content{ padding: 50px 0; font-size: 14px; line-height: 36px; }
.newShow .content p{ text-indent: 2em; }
.newShow .imgDiv{ text-align: center; }
.newShow .content img{ max-width: 10.8rem; }

.sideBot{ background: #f9f9f9; padding: 0.45rem 0.5rem; }
.pageDown li{ font-size: 16px; }
.pageDown li a{ display: block; height: 48px; line-height: 48px; overflow: hidden; color: #666; }
.pageDown li em{ color: #333; font-weight: bold; }
.pageDown li a:hover, .pageDown li a:hover em{ color: #cfa772; }

.sideBot .share{ padding-top: 30px; }
.sideBot .share li{ float: left; margin-right: 25px; }
.sideBot .share li a{ display: block; width: 38px; height: 38px; border-radius: 50%; position: relative;}
.sideBot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px;  }
.sideBot .share li .img1{ opacity: 0; }
.sideBot .share li:hover a{ background: #cfa772; }
.sideBot .share li:hover img{ opacity: 0; }
.sideBot .share li:hover .img1{ opacity: 1; }
.sideBot .returnBtn{ padding-top: 40px; }
.sideBot .returnBtn a{ display: block; width: 100%; height: 50px; line-height: 50px; background: #cfa772; text-align: center; font-size: 16px; color: #fff; }
.sideBot .returnBtn img{ margin-left: 10px }
.sideBot .returnBtn a:hover{ text-decoration: underline; }

.base .title{ text-align: center; font-weight: bold; color: #333; font-size: 30px; line-height: 30px; padding-bottom: 25px; }
.base .wen{ font-size: 24px; color: #cfa772; text-align: center; line-height: 24px; padding-bottom: 40px; }
.base .content{ font-size: 14px; line-height: 36px; padding-bottom: 60px; }
.base .content p{ text-indent: 2em; }
.base .list ul{ margin-right: -0.4rem; }
.base .list li{ float: left; width: 50%; padding-bottom: 0.4rem; }
.base .list li .box{ position: relative; padding: 0 0.65rem 0 3.45rem; margin-right: 0.4rem; background: #f9f9f9; height: 3.6rem; }
.base .list li .imgDiv{ position: absolute; left: 0.4rem; top: 0.4rem; overflow: hidden; }
.base .list li .imgDiv img{ width: 2.48rem; }
.base .list li .name{ padding-top: 0.7rem; height: 42px; line-height: 42px; font-size: 24px; font-weight: bold; color: #333; overflow: hidden; }
.base .list li .msg{ font-size: 0.14rem; line-height: 0.3rem; padding-top: 0.25rem; }
.base .list li .box:hover .name{ color: #cfa772; }
.base .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.kitchen{ position: relative; }
.kitchen .leftImg{ width: 50%; height: 744px; background: center no-repeat; background-size: cover; overflow: hidden;}
.kitchen .rightCon{ position: absolute; width: 6.4rem; right: 50%; margin-right: -7.68rem; top: 0; }
.kitchen .name{ padding: 0.3rem 0 0.25rem; font-weight: bold; font-size: 30px; line-height: 30px; color: #333; }
.kitchen .txt{ font-size: 0.24rem; color: #cfa772; line-height: 0.24rem; padding-bottom: 0.4rem; }
.kitchen .content{ font-size: 14px; line-height: 0.36rem; }
.kitchen .limg{ padding-top: 0.45rem; }
.kitchen .limg img{ width: 6.26rem; }
.kitchen .msg{ padding-top: 0.25rem; font-weight: bold; font-size: 16px; line-height: 16px; color: #333; }

.recipe .table{ padding-top: 45px; }
.recipe .table table{  border-left: #e5e5e5 solid 1px; }
.recipe .table th{ width: 11.7%; background: #cfa772; height: 72px; color: #fff; font-size: 16px; border-right: #d8c0a0 solid 1px; }
.recipe .table .th01{ width: 18.1%; }
.recipe .table td{ border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; text-align: center; padding: 26px 0; font-size: 14px; }
.recipe .table .td01{ background: #f9f9f9; }
.recipe .table .td02{ width: 6.25%; }
.recipe .table td b{ color: #000; font-size: 16px; }
.recipe .table .td02 b{ font-size: 20px; line-height: 62px; }

.health .table{ padding-top: 45px; }
.health .table table{  border-left: #e5e5e5 solid 1px; }
.health .table th{ background: #cfa772; height: 72px; color: #fff; font-size: 16px; border-right: #d8c0a0 solid 1px; }
.health .table td{ width: 14.28%; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; text-align: center; padding: 26px 0; font-size: 14px; }
.health .table .td01{ background: #f9f9f9; }
.health .table td b{ color: #000; font-size: 16px; }

.entire .table{ padding-top: 45px; }
.entire .table table{  border-top: #e5e5e5 solid 1px; border-left: #e5e5e5 solid 1px; }
.entire .table td{ width: 20%; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; text-align: center; padding: 26px 0; font-size: 14px; }
.entire .table .td01{ background: #f9f9f9; }

.canteen .list{ padding-top: 45px; }
.canteen .list ul{ margin-right: -0.3rem; }
.canteen .list li{ float: left; width: 33.33%; padding-bottom: 0.3rem; }
.canteen .list li .box{ cursor: pointer; margin-right: 0.3rem; overflow: hidden; }
.canteen .list li img{ width: 100%; }
.canteen .list li .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.standard{ padding-top: 100px; }
.standard .list{ padding-top: 45px; }
.standard .list li{ overflow:hidden; position: relative; height: 544px;}
.standard .list li .bigBox{ width:50%;}
.standard .list li .imgDiv{ float: left; height: 544px; width:50%; position:relative; overflow: hidden; background: center no-repeat; background-size: cover;}
.standard .list li .imgDiv img{ width:100%;}
.standard .list li .contentBox{ position: absolute; right: 50%; margin-right: -7.68rem; top: 50%; transform: translateY(-50%); width: 6.3rem; }
.standard .list li:nth-of-type(2n) .imgDiv{ float: right; }
.standard .list li:nth-of-type(2n) .contentBox{ left: 50%; margin-right: 0; margin-left: -7.68rem; right: auto;}
.standard .list li .name{ font-weight: bold; font-size: 24px; line-height: 32px; color: #333; padding-bottom: 25px; }
.standard .list li .name em{ color: #cfa772; font-weight: normal; }
.standard .list li .content{ font-size:14px; line-height:30px;}
.standard .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.system1{ padding: 100px 0 150px; background: url(../images/systembg.jpg) center bottom no-repeat; background-size: 100%;}
.system1 .limg{ padding-top: 56px; text-align: center; }
.system1 .limg img{ max-width: 15.36rem; }

.system2{ padding: 100px 0 120px; }
.system2 .limg{ text-align: center; }
.system2 .limg img{ max-width: 15.36rem; }

.school1{ padding-top: 23px; position: relative; }
.school1 .pageTitle{ position: absolute; left: 0; width: 100%; top: 100px; z-index: 2; }
.school1 .rightDiv{ width: 56.66%; background: left no-repeat; background-size: cover; height: 727px; }
.school1 .bg{ width: 43.34%; height: 200px; position: absolute; left: 0; bottom: 0; height: 550px; background: #cfa772; }
.school1 .conDiv{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 60px; width: 5.2rem; }
.school1 .content{ font-size: 14px; color: #fff; line-height: 30px; }
.school1 .icoList{ padding-top: 45px; }
.school1 .icoList li{ float: left; margin-right: 0.56rem; }
.school1 .icoList li:last-child{ margin-right: 0; }
.school1 .icoList li .ico{ width: 1.12rem; height: 1.12rem; background: #fff; border-radius: 50%; position: relative; }
.school1 .icoList li .ico img{ position: absolute; left: 50%; top: 50%; margin-top: -26px; margin-left: -26px; }
.school1 .icoList li p{ padding-top: 30px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }

.school2{ padding: 100px 0 80px; }
.school2 .imgList ul{ margin-right: -0.1rem; }
.school2 .imgList li{ float: left; width: 33.33%; padding-bottom: 10px; }
.school2 .imgList li .box{ margin-right: 0.1rem; height: 2.78rem; background: center no-repeat; background-size: cover; overflow: hidden; cursor: pointer;}
.school2 .imgList .li01{ width: 66.66%; }
.school2 .imgList .li01 .box, .school2 .imgList .li02 .box{ height: 5.1rem; }
.school2 .imgList li img{ width: 100%; height: 100%; }

.tixi1{ padding: 95px 0 120px; }
.tixi1 .pageTitle{ padding-bottom: 70px; }
.tixi1 .list{ position: relative; }
.tixi1 .list:before{ content: ''; position: absolute; left: 30%; top: 0; width: 1px; height: 100%; background: #eee; }
.tixi1 .list:after{ content: ''; position: absolute; left: 70%; top: 0; width: 1px; height: 100%; background: #eee; }
.tixi1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.tixi1 .list li .box{ text-align: center; }
.tixi1 .list li .limg{ border-radius: 50%; overflow: hidden; }
.tixi1 .list li .limg img{ width: 288px; }
.tixi1 .list li .name{ padding: 45px 0 25px; color: #333; font-weight: bold; font-size: 24px; line-height: 24px; }
.tixi1 .list li .msg{ font-size: 14px; line-height: 30px; width: 260px; margin: 0 auto; }
.tixi1 .list li:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.tixi1 .list li:hover .name{ color: #cfa772; }

.tixi2{ padding: 95px 0; background: url(../images/tixibg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.tixi2 .leftImg{ width: 6.4rem; overflow: hidden; }
.tixi2 .leftImg img{ width: 100%; }
.tixi2 .leftImg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.tixi2 .rightDiv{ width: 8.56rem; }
.tixi2 .rightDiv li{ margin-bottom: 0.4rem; position: relative; background: #fff; height: 2.66rem; padding: 0 0.8rem 0 5.46rem; }
.tixi2 .rightDiv li:last-child{ margin-bottom: 0; }
.tixi2 .rightDiv li .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden; }
.tixi2 .rightDiv li .imgDiv img{ width: 4.74rem; }
.tixi2 .rightDiv li .txt{ font-size: 16px; color: #333; font-weight: bold; line-height: 36px; }
.tixi2 .rightDiv li:hover .txt{ color: #cfa772; }
.tixi2 .rightDiv li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.chain .list{ padding-top: 45px; }
.chain .list li{ overflow:hidden; position: relative; height: 350px; width: 1116px;}
.chain .list li .bigBox{ width:50%;}
.chain .list li .imgDiv{ float: left; width:50%; height: 576px; position:relative; overflow: hidden; background: center no-repeat; background-size: cover;}
.chain .list li .contentBox{ position: absolute; right: 50%; margin-right: -7.68rem; top:38%; transform: translateY(-50%); width: 6.3rem; }
.chain .list li:nth-of-type(2n) .imgDiv{ float: right; }
.chain .list li:nth-of-type(2n) .contentBox{ left: 50%; margin-right: 0; margin-left: -5rem; right: auto;padding-top: 120px;}
.chain .list li .name{ font-weight: bold; font-size: 24px; line-height: 24px; color: #333; padding-bottom: 30px; }
.chain .list li .content{ font-size:14px; line-height:30px;}
.chain .list li .icolie{ padding-top: 0.5rem; }
.chain .list li .icolie dd{ float: left; text-align: center; margin-right: 0.5rem;}
.chain .list li .icolie dd:last-child{ margin-right: 0; }
.chain .list li .icolie dd .ico img{ width: 1.12rem; }
.chain .list li .icolie dd p{ padding-top: 0.3rem; font-size: 14px; line-height: 30px; }
.chain .list li:hover .name{ color: #cfa772; }
.chain .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.chain .list li .icolie dd:hover .ico img{ transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);}
.chain .list li .icolie dd:hover p{ color:#cfa772;}

.purchase .pageTitle{ padding-bottom: 45px; }
.purchase .leftNav{ width: 1.8rem; }
.purchase .leftNav li em{ display: block; height: 62px; line-height: 62px; padding-left: 42px; position: relative; font-size: 16px; font-weight: bold; color: #333; }
.purchase .leftNav li em:before{ content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #eee; }
.purchase .leftNav .liNow em{ color: #cfa772; }
.purchase .leftNav .liNow em:before{ background: #cfa772; }
.purchase .rightList{ width: 12.2rem; border-top: #eee solid 1px; }
.purchase .rightList li{ position:relative; border-bottom: #eee solid 1px;}
.purchase .rightList li .msgDiv{ height: 80px; position:relative;}
.purchase .rightList li .msgDiv:after{ content: ''; position: absolute; right: 0; top: 50%; width: 14px; height: 9px; margin-top: -5px; background: url(../images/nimg14_4.jpg) no-repeat; }
.purchase .rightList li .msgDiv a{ display: block; height: 80px; color: #333;}
.purchase .rightList li .name{ position: relative; display:table-cell; vertical-align:middle; height: 80px; line-height: 32px; padding-right: 70px; overflow: hidden; font-size: 18px; }
.purchase .rightList li .box{ display:none; padding: 35px 0; }
.purchase .rightList li .msgDiv.aNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); }
.purchase .rightList li .imgDiv{ text-align: center; padding-bottom: 35px; }
.purchase .rightList li .imgDiv img{ max-width: 12.2rem; }
.purchase .rightList li .txt{ font-size: 16px; color: #333; font-weight: bold; padding-bottom: 35px;}
.purchase .rightList li .content{ font-size: 14px; line-height: 30px; color: #666; position: relative; }
.purchase .rightList li .content2{ padding-bottom: 50px; }
.purchase .rightList li .content b{ display: block; color: #333; }
.purchase .rightList li .content em{ color: #cfa772; }

.model .title{ text-align: center; color: #333; font-weight: bold; font-size: 30px; line-height: 30px; padding-bottom: 20px; }
.model .msg{ font-size: 14px; line-height: 30px; text-align: center; }
.model .list{ padding-top: 60px; }
.model .list li{ margin-bottom: 100px; position: relative; padding: 0.95rem 16px 0 3.65rem; height: 6.25rem; box-sizing: border-box;}
.model .list li:last-child{ margin-bottom: 0; }
.model .list li:after{ content: ''; position: absolute; right: 0; top: 0.8rem; bottom: 0; height: calc((100% - 0.8rem)); width: 11.5rem; border: #cfa772 solid 1px; box-sizing: border-box; }
.model .list li .mxfDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 100%; z-index: 2; }
.model .list li .imgDiv{ overflow: hidden; }
.model .list li .imgDiv img{ width: 7.68rem; }
.model .list li .ico{ position: absolute; left: 50%; margin-left: -0.82rem; bottom: 0; width: 1.64rem; height: 1.64rem; background: #cfa772; border-radius: 50%; }
.model .list li .ico img{ position: absolute; left: 50%; margin-left: -0.52rem; width: 1.04rem; top: 50%; margin-top: -0.52rem; }
.model .list li .conDiv{ background: #fcfaf7; height: 5.12rem; position: relative; z-index: 1; padding: 0 0.85rem 0 5.2rem; }
.model .list li .name{ font-weight: bold; font-size: 24px; line-height: 24px; color: #333; padding-bottom: 35px; }
.model .list li .content{ font-size: 14px; line-height: 30px; }
.model .list li .wen{ padding-top: 0.25rem; font-size: 14px; line-height: 30px; color: #999; }
.model .list .li01{ padding: 0.95rem 3.65rem 0 16px; }
.model .list .li01:after{ left: 0; right: auto; }
.model .list .li01 .mxfDiv{ right: 0; left: auto; }
.model .list .li01 .conDiv{ padding: 0 5.2rem 0 0.85rem; }
.model .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.model .list li:hover .name{ color: #cfa772; }

.digitalPart1{ padding: 95px 0 75px; }
.digitalPart1 .title{ text-align: center; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 35px; }
.digitalPart1 .content{ font-size: 14px; line-height: 30px; text-align: center; padding-bottom: 35px;}
.digitalPart1 .list{ width: 1100px; margin: 0 auto; }
.digitalPart1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.digitalPart1 .list li{ text-align: center; }
.digitalPart1 .list li .wen{ color: #333; font-weight: bold; padding-top: 10px; font-size: 16px; }

.digitalPart2{ background: #f9f9f9; padding: 95px 0 80px; }
.digitalPart2 .list{ position: relative; }
.digitalPart2 .list:before{ content: ''; position: absolute; top: 27px; width: 100%; height: 2px; background: #eee; }
.digitalPart2 .list ul{ margin-right: -40px; }
.digitalPart2 .list li{ float: left; width: 33.33%; }
.digitalPart2 .list li .box{ margin-right: 40px; }
.digitalPart2 .list li .topDiv{ height: 160px; }
.digitalPart2 .list li .numDiv{ width: 3.2rem; margin: 0 auto; height: 56px; position: relative;}
.digitalPart2 .list li .numDiv:after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; }
.digitalPart2 .list .li01 .numDiv:after{ background: #70ad47; }
.digitalPart2 .list .li02 .numDiv:after{ background: #2f5597; }
.digitalPart2 .list .li03 .numDiv:after{ background: #cfa772; }
.digitalPart2 .list li .txt{ width: 56px; height: 56px; margin: 0 auto; border-radius: 50%; position: relative; z-index: 1; }
.digitalPart2 .list li .txt em{ width: 38px; height: 38px; text-align: center; color: #fff; font-weight: bold; line-height: 38px; font-size: 24px; position: absolute; left: 50%; top: 50%; margin-top: -19px; margin-left: -19px; border-radius: 50%;}
.digitalPart2 .list .li01 .txt{ background: rgba(112,173,71,0.2); }
.digitalPart2 .list .li01 .txt em{ background: #70ad47; }
.digitalPart2 .list .li02 .txt{ background: rgba(47,85,151,0.2); }
.digitalPart2 .list .li02 .txt em{ background: #2f5597; }
.digitalPart2 .list .li03 .txt{ background: rgba(207,167,114,0.2); }
.digitalPart2 .list .li03 .txt em{ background: #cfa772; }
.digitalPart2 .list li .name{ text-align: center; padding-top: 32px; font-size: 16px; color: #333; }
.digitalPart2 .list li .imgDiv img{ width: 100%; }
.digitalPart2 .list li .msg{ margin-top: 40px; padding-left: 64px; position: relative; height: 40px; line-height: 40px; font-size: 14px; color: #333; }
.digitalPart2 .list li .msg em{ position: absolute; display: block; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; }
.digitalPart2 .list li .msg em:after{ z-index: 1; content: ''; width: 28px; height: 28px; position: absolute; left: 50%; top: 50%; margin-top: -14px; margin-left: -14px; border-radius: 50%;}
.digitalPart2 .list .li01 .msg em{ background: rgba(112,173,71,0.2);}
.digitalPart2 .list .li01 .msg em:after{ background: #70ad47;}
.digitalPart2 .list .li02 .msg em{background: rgba(47,85,151,0.2); }
.digitalPart2 .list .li02 .msg em:after{ background: #2f5597;}
.digitalPart2 .list .li03 .msg em{ background: rgba(207,167,114,0.2); }
.digitalPart2 .list .li03 .msg em:after{ background: #cfa772;}

.digitalPart3{ padding: 95px 0; }
.digitalPart3 .mxfDiv{ padding: 0 1.3rem 0 9.25rem; position: relative; background: #f9f9f9; height: 4.57rem; }
.digitalPart3 .mxfDiv .imgDiv{ position: absolute; left: 0; top: 0; }
.digitalPart3 .mxfDiv .imgDiv img{ width: 8.0rem; }
.digitalPart3 .mxfDiv .content{ font-size: 14px; line-height: 30px; }
.digitalPart3 .list{ padding-top: 65px; }
.digitalPart3 .list ul{ margin-right: -0.65rem; }
.digitalPart3 .list li{ float: left; width: 50%; }
.digitalPart3 .list li .box{ margin-right: 0.65rem; }
.digitalPart3 .list li .limg img{ width: 100%; }
.digitalPart3 .list li .msg{ height: 125px; padding: 0.3rem 45px 0; box-sizing: border-box; background: #f9f9f9; text-align: center; font-size: 14px; line-height: 30px; }

.digitalPart4{ background: #eee; padding: 95px 0; }
.digitalPart4 .title{ text-align: center; color: #333; font-weight: bold; padding-bottom: 50px; font-size: 30px; line-height: 30px; }
.digitalPart4 .imgDiv img{ width: 100%; }
.digitalPart4 .mxfDiv{ padding-top: 0.9rem; background: #fff; box-sizing: border-box; overflow: hidden; position: relative; }
.digitalPart4 .mxfDiv:after{ content: ''; position: absolute; left: 50%; background: #eee; width: 1px; height: 374px; top: 50%; margin-top: -187px; }
.digitalPart4 .leftDiv{ width: 50%; box-sizing: border-box; padding-left: 1.0rem; padding-right: 1.15rem;}
.digitalPart4 .rightDiv{ width: 50%; box-sizing: border-box; padding-left: 0.9rem; padding-right: 1.15rem;}
.digitalPart4 .list li{ height: 240px; }
.digitalPart4 .list li .name{ font-size: 24px; height: 48px; line-height: 48px; background: #cfa772; color: #fff; padding: 0 30px; font-weight: bold; display: inline-block; }
.digitalPart4 .list li .content{ font-size: 14px; line-height: 30px; padding-top: 35px; }

.digitalPart5{ padding: 95px 0 120px; }
.digitalPart5 .title{ text-align: center; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 40px; }
.digitalPart5 .content{ font-size: 14px; text-align: center; line-height: 30px; }
.digitalPart5 .icoList{ padding-top: 50px; width: 995px; margin: 0 auto;}
.digitalPart5 .icoList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.digitalPart5 .icoList li .ico{ width: 112px; height: 112px; text-align: center; line-height: 112px; background: #cfa772; border-radius: 50%; position: relative; }
.digitalPart5 .imgList{ padding-top: 100px; }
.digitalPart5 .imgList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.digitalPart5 .imgList li .box{ box-shadow: 0px 0px 28px 0px rgba(91, 91, 91, 0.15); }
.digitalPart5 .imgList li .box img{ width: 3.06rem; }
.digitalPart5 .imgList li:first-child .box{ box-shadow: none;}

.beverage1{ padding-top: 95px; }
.beverage1 .pageTitle{ padding-bottom: 60px; }
.beverage1 .mxfDiv{ background: #cfa772; position: relative; height: 492px; }
.beverage1 .rightImg{ width: 70.4%; height: 492px; background: center no-repeat; background-size: cover; }
.beverage1 .content{ position: absolute; left: 50%; margin-left: -7.68rem; top: 50%; transform: translateY(-50%); width: 280px; line-height: 36px; color: #fff; font-size: 16px;}

.beverage2{ background: #e5e6e7; padding: 120px 0 55px; }
.beverage2 .imgDiv{ text-align: center; }
.beverage2 .imgDiv img{ width: 13.4rem; }

.beverage3{ padding: 50px 0 32px; }
.beverage3 .list ul{ margin-right: -0.18rem; }
.beverage3 .list li{ float: left; padding-bottom: 0.18rem; }
.beverage3 .list li .box{ margin-right: 0.18rem; height: 2.72rem; overflow: hidden;}
.beverage3 .list li .imgDiv{ height: 100%; background: center no-repeat; background-size: cover; }
.beverage3 .list li .conDiv{ height: 100%; background: #cfa772; box-sizing: border-box; padding: 0 0.48rem; color: #fff; font-size: 0.16rem; line-height: 0.36rem; }
.beverage3 .list .li01{ width: 12.4%; }
.beverage3 .list .li02{ width: 23.5%; }
.beverage3 .list .li03{ width: 21%; }
.beverage3 .list .li04{ width: 23%; }
.beverage3 .list .li05{ width: 20.1%; }
.beverage3 .list .li06{ width: 20.3%; }
.beverage3 .list .li07{ width: 20%; }
.beverage3 .list .li08{ width: 23.2%; }
.beverage3 .list .li09{ width: 26.5%; }
.beverage3 .list .li10{ width: 10%; }
.beverage3 .list .li11{ width: 22.7%; }
.beverage3 .list .li12{ width: 23.5%; }
.beverage3 .list .li13{ width: 17%; }
.beverage3 .list .li14{ width: 19.8%; }
.beverage3 .list li .box:hover .imgDiv{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.beverage4{ padding-top: 0.95rem; box-sizing: border-box; height: 8.08rem; background: url(../images/beveragebg.jpg) center no-repeat; background-size: cover; }
.beverage4 .cjmxfDiv ul{ margin-right: -0.18rem; }
.beverage4 .cjmxfDiv li{ float: left; padding-bottom: 0.18rem; }
.beverage4 .cjmxfDiv li .fox{ margin-right: 0.18rem; position: relative; height: 2.78rem; background: rgba(0,0,0,0.2);}
.beverage4 .cjmxfDiv li .box{ margin-right: 0.18rem; position: relative; height: 2.78rem; overflow: hidden;}
.beverage4 .cjmxfDiv li .box2{ margin-right: 0.18rem; position: relative; height: 3.2rem; overflow: hidden;}
.beverage4 .cjmxfDiv .li01{ width: 39.7%; }
.beverage4 .cjmxfDiv li .conDiv{ position: absolute; left: -10px; top: -20px; height: 100%; width: 100%; box-sizing: border-box; padding: 0.55rem 0.55rem 0; background: #cfa772; }
.beverage4 .cjmxfDiv li .txt{ font-size: 24px; line-height: 24px; color: #fff; font-weight: bold; }
.beverage4 .cjmxfDiv li .content{ font-size: 0.14rem; line-height: 0.3rem; padding-top: 0.35rem; color: #fff; }
.beverage4 .cjmxfDiv li .imgDiv{ height: 100%; background: center no-repeat; background-size: cover; }
.beverage4 .cjmxfDiv .li02{ width: 25.7%; }
.beverage4 .cjmxfDiv .li03{ width: 34.6%; }
.beverage4 .cjmxfDiv .li04{ width: 48.1%; }
.beverage4 .cjmxfDiv .li05{ width: 17.3%; }
.beverage4 .cjmxfDiv li .box:hover .imgDiv, .beverage4 .cjmxfDiv li .box2:hover .imgDiv{ transform:scale(1.1);-webkit-transform:scale(1.1);}