@import url("http://www.jiaodong.net/inc/millia/millia.css");
@import url("http://www.jiaodong.net/inc/millia/swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;position:relative;}
.top{position:relative;}
/*.topic{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;}
.topic img{width:100%;height:100%;}*/

#topic{background:url(images/top.jpg) no-repeat left top;background-size:100% 100%;position:relative;overflow:hidden;}
.topLogo{position:absolute;left:20%;top:2%;width:20%;z-index:1;}
.topContent{width:50%;text-align:center;position:absolute;left:25%;top:22%;z-index:1;}
.topLogo img,.topContent img{width:100%;height:auto;}
.topContent img{animation:topZoom 2s ease-in-out;}
@keyframes topZoom{
0% {transform:scale(0.5,0.5);opacity:0;}
85% {transform:scale(1.1,1.1);opacity:1;}
100% {transform:scale(1,1);opacity:1;}
}
#nav{background:#be0000;display:flex;width:100%;align-items:center;justify-content:center;padding:30px 0;}
.navFixed{position:fixed;bottom:auto;top:0;z-index:9999;}
#nav li{font-size:30px;font-weight:bold;padding:0 35px;}
#nav a{color:#fff;}

.bg01{background:url(images/bg01.jpg) #be0000 no-repeat top center;padding:50px 0 130px 0;}

h1{font-size:44px;font-weight:bold;text-align:center;color:#cb0300;}
h1 a{color:#cb0300;}
h1 a:hover{text-decoration:none;}

.SwiperFocusBox{width:100%;height:410px;position:relative;}
.SwiperFocusBox .swiper-slide{position:relative;z-index:2;height:400px;}
.SwiperFocusBox .swiper-slide b{display:block;width:100%;font-size:18px;line-height:44px;font-weight:normal;color:#fff;position:absolute;left:0;bottom:0;background:#be0000;text-indent:20px;}
.SwiperFocusBox .swiper-pagination{left:auto;bottom:20px;right:10px;width:auto;}
.SwiperFocusBox .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 5px !important;width:10px;height:10px;border-radius:5px;}
.SwiperFocusBox .swiper-pagination-bullet-active{background:#fcb100;width:30px;}
.SwiperFocusBox .swiper-slide img{width:100%;height:100%;transition:all .5s;}
.SwiperFocusBox .swiper-slide:hover img{transform:scale(1.2,1.2);}

.ls01 li{padding:20px 0;color:#666;}
.ls01 li:first-child{padding-top:0;}
.ls01 li h6{font-size:26px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:15px;}

.amore{display:block;background:url(images/amore01.png) no-repeat top center;height:40px;text-indent:-10000px;}

.ht{text-align:center;}
#deeds{padding-bottom:180px;}
#deeds .years li{position:absolute;display:none;text-align:center;overflow:visible;}
#deeds .years span{position:absolute;cursor:pointer;font-weight:bold;left:50%;transform:translate(-50%, 0);transition:margin 0.2s;}
#deeds .years span:hover{margin-bottom:3px;}
#deeds .years i{position:absolute;width:1px;border-left:1px dashed #bebebe;left:50%;}
#deeds .years b{display:inline-block;vertical-align:top;border-radius:50%;}
#deeds .years .y1,#deeds .years .y7{display:block;bottom:226px;width:90px;width:8px;height:8px;}
#deeds .years .y1{left:182px;}
#deeds .years .y7{left:1010px;}
#deeds .years .y1 b,#deeds .years .y7 b{width:8px;
height:8px;background-color:#fdc5c3;}
#deeds .years .y1 i,#deeds .years .y7 i{display:none;}
#deeds .years .y1 span,#deeds .years .y7 span{font-size:46px;line-height:50px;color:#b0b5bf;bottom:40px;}
#deeds .years .y2,#deeds .years .y6{display:block;bottom:94px;width:135px;width:12px;height:12px;}
#deeds .years .y2{left:65px;}
#deeds .years .y6{left:1123px;}
#deeds .years .y2 b,#deeds .years .y6 b{width:12px;height:12px;background-color:#fa675f;}
#deeds .years .y2 i,#deeds .years .y6 i{bottom:12px;height:50px;}
#deeds .years .y2 span,#deeds .years .y6 span{font-size:68px;line-height:72px;color:#2e3c56;bottom:70px;}
#deeds .years .y3,#deeds .years .y5{display:block;bottom:19px;width:14px;height:14px;}
#deeds .years .y3{left:305px;}
#deeds .years .y5{left:881px;}
#deeds .years .y3 b,#deeds .years .y5 b{width:14px;height:14px;background-color:#f94c43;}
#deeds .years .y3 i,#deeds .years .y5 i{bottom:14px;height:50px;}
#deeds .years .y3 span,#deeds .years .y5 span{font-size:72px;line-height:76px;color:#333;bottom:70px;}
#deeds .years .y4{display:block;bottom:0px;left:592px;width:16px;height:16px;}
#deeds .years .y4 b{width:16px;height:16px;background-color:#ffe4a2;}
#deeds .years .y4 i{bottom:16px;height:58px;}
#deeds .years .y4 span{font-size:93px;line-height:97px;color:#ffe4a2;bottom:80px;}
#deeds .show{height:460px;position:relative;}
#deeds .deedsContentBg{border:1px solid #c10c0c;border-top-width:4px;background:rgba(255,255,255,0.8);width:760px;height:260px;padding:30px 0;box-sizing:border-box;margin:0 auto;border-radius:10px;position:relative;z-index:2;font-size:18px;line-height:26px;display:flex;align-items:center;}
#deeds .deedsContent{max-height:100%;overflow-y:auto;padding:0 30px;width:100%;}
#deeds .deedsContent p{padding-bottom:20px;}

.showcaseBg{position:relative;width:1400px;margin:0 auto;}
#showcase {height:520px;overflow:visible !important;}
.cloud9-item{position:relative;display:inline-block;width:250px;height:340px;cursor:pointer;overflow:visible !important;}
.cloud9-item img {width:100%;height:100%;cursor:pointer;transition:all .3s ease;}
.cloud9-item:hover img{transform:scale(1.3);}
.historyLeft,.historyRight{cursor:pointer;position:absolute;top:50%;z-index:3;}
.historyLeft{left:80px;}
.historyRight{right:80px;}
.historyLeft .icon,.historyRight .icon{width:30px;height:40px;}

.bg02{background:url(images/bg02.jpg);padding:50px 0;}

#organ{position:relative;height:415px;overflow:hidden;}
#organ ul{ width:101%;}
#organ li{position:relative;overflow:hidden;float:left;}
#organ li p{position:absolute;left:0;bottom:0;width:100%;white-space:nowrap;font-size:18px;padding:20px 20px 20px 0;color:#fff;}
#organ li p b{text-align:center;display:inline-block;}
#organ li p span{flex:1;}
#organ a{color:#fff;}
.vodSwiper .swiper-container>.swiper-wrapper{transition-timing-function:linear !important;}
.vodContent{position:relative;overflow:hidden;}
.vodContent img{width:100%;height:100%;}
.vodContent p{position:absolute;left:0;bottom:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-around;color:#fff;font-size:18px;padding:10px;box-sizing:border-box;background:#be0000;}
.textContent{padding:25px 10px 15px 10px;}
.textContent h6{text-align:right;padding-right:20px;}
.textContent h6 b{display:inline-block;background:#fefefe;padding:5px 20px;border-radius:20px;box-shadow:0 0 5px #feebe6;font-size:16px;color:#be0000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.textContent p{background:#fef7f4;font-size:16px;line-height:24px;padding:5px 25px;border-radius:30px;box-shadow:0 0 5px #f6dfbe;margin-top:2px;}

.bg03{background:url(images/bg03.jpg) #be0000 no-repeat bottom center;}

.iconTag{display:flex;justify-content:space-around;flex-wrap:wrap;}
.iconTag li{width:175px;margin:0 0 50px 75px;padding-top:195px;position:relative;cursor:pointer;}
.iconTag li:first-child{margin-left:0;}
.iconTag li p{width:165px;height:165px;border-radius:180px;border:5px solid #eadab6;overflow:hidden;position:absolute;left:0;top:0;}
.iconTag li p img{width:100%;height:100%;}
.iconTag li p.iconLogo{transform:rotateY(0);z-index:2;transition:all 0.5s;}
.iconTag li p.iconEr{transform:rotateY(-180deg);z-index:1;transition:all 0.5s;}
.iconTag li b{display:block;position:relative;color:#b83431;text-align:center;background:#eadab6;border-radius:20px;font-size:18px;padding:8px 0;font-weight:normal;}
.iconTag li b:before{content:"";display:block;position:absolute;left:50%;top:-22px;border:12px solid transparent;border-bottom-color:#eadab6;margin-left:-12px;height:1px;width:1px;}
.iconTag li:hover p.iconLogo{transform:rotateY(-180deg);z-index:1;}
.iconTag li:hover p.iconEr{transform:rotateY(0deg);z-index:2;}

.letterBg{background:url(images/letterBg.jpg) no-repeat left top;background-size:100% 100%;padding:120px 0;}

@media screen and (max-width:860px) {
.millia{width:96%;}
#topic{background-size:auto 100%;background-position:center center;}
.topLogo{width:70%;left:15%;top:10%;}
.topContent{width:100%;left:0;top:auto;bottom:28%;}
#nav{display:block;overflow-x:auto;white-space:nowrap;padding:2rem 0;}
#nav li{display:inline-block;font-size:1.4rem;padding:0 1rem;}
#nav li img{width:auto;height:2rem;}
h1{font-size:1.8rem;}
.ls01 li h6{font-size:1.6rem;}
.f16,.iconTag li b{font-size:1.4rem;}
.SwiperFocusBox,.SwiperFocusBox .swiper-slide{height:auto;}
.SwiperFocusBox .swiper-slide b{font-size:1.4rem;text-align:center;text-indent:0;line-height:3.2rem;}
.SwiperFocusBox .swiper-pagination,#deeds .years b,#deeds .years i{display:none;}
.amore{background-size:100% auto;}
.ht img{max-width:100%;height:auto;}
#deeds{padding:0;}
#deeds .show{overflow:hidden;}
#deeds .deedsContentBg{width:100%;font-size:1.3rem;line-height:2.4rem;padding:2rem 0;}
#deeds .years li{position:static}
#deeds .years span{background:#be0000;padding:0 1rem;border-radius:1rem;text-shadow:0 0 0.5rem #2e3c56;}
#deeds .years .y4 span{z-index:8;bottom:auto;top:3rem;font-size:2rem;line-height:4rem;padding:0 4rem;}
#deeds .years .y3 span, #deeds .years .y5 span{font-size:3rem;color:#fff;bottom:3rem;line-height:5.2rem;padding:0 2rem;box-shadow:0 0 0.5rem #ffe4a2;}
#deeds .years .y1 span, #deeds .years .y7 span,#deeds .years .y2 span, #deeds .years .y6 span,#organ li p b{display:none;}

.bg01{padding:50px 0 2rem 0;}
.showcaseBg{width:100%;overflow:hidden;}
#organ{height:auto !important;}
#organ li{height:13rem;}
#organ li.cur img{height:100%;width:100%;}
#organ li p{font-size:1.3rem;padding:0.5rem 1rem;}
#organ li p span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.vodContent p,.textContent p{font-size:1.2rem;}
.textContent h6 b{font-size:1.3rem;}
.textContent p,.textContent h6 b{border-radius:0.5rem;}

.iconTag li{width:30%;margin:0 0 2rem 0;padding-top:13rem;}
.iconTag li p{width:100%;height:auto;border:none;}

.letterBg{padding:1rem 0;}



}