@import "base.css"; time{font-family:Myriad Pro} .cover_bg,.cover_img div:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover} .cover_img{position:relative;overflow:hidden} .cover_img div{position:absolute;top:0;left:0;width:100%;height:100%} .no_scroll{overflow:hidden} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#222;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} @font-face{font-family:"sySong";src:url("../fonts/sySong.woff") format("woff");font-style:normal;font-weight:normal;} /* animate */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}.animated[class^="In"],.animated[class*="In"]{visibility:visible}@media (max-width:1199px){.animated{visibility:visible}}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}.animated.fast{-webkit-animation-duration:.5s;animation-duration:.5s;}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0);}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}.flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);}50%{-webkit-transform:scale(1.1);transform:scale(1.1);}100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px);}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}}.shake{-webkit-animation-name:shake;animation-name:shake;}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}}.tada{-webkit-animation-name:tada;animation-name:tada;}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%);}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}100%{-webkit-transform:translateX(0%);transform:translateX(0%);}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);}70%{-webkit-transform:scale(.9);transform:scale(.9);}100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);}80%{-webkit-transform:translateX(10px);transform:translateX(10px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@-webkit-keyframes bounceInRightC{0%{opacity:0;-webkit-transform:translate(2000px,-50%);transform:translate(2000px);}60%{opacity:1;-webkit-transform:translate(-30px,-50%);transform:translate(-30px,-50%);}80%{-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}.bounceInRightC{-webkit-animation-name:bounceInRightC;animation-name:bounceInRightC;}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);}80%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(.95);transform:scale(.95);}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}}.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}}.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;}}.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;}}.hinge{-webkit-animation-name:hinge;animation-name:hinge;}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;} .l_nav{position:fixed;left:10px;top:50%;margin-top:-100px;background:#1f599b;padding:0 10px 16px 10px;z-index:999} .l_nav a{display:block;line-height:50px;font-size:14px;padding:0 6px;color:#fff} .l_nav a:not(:first-child){border-top:1px dashed #2c69af} .l_nav em{font-size:16px;font-weight:700;font-style:normal;margin-right:6px} .l_nav .close{width:26px;height:26px;line-height:26px;background:#fff;position:absolute;bottom:-13px;left:50%;margin-left:-13px;padding:0;color:#1f599b} header{position:fixed;top:0;left:0;right:0;background:url(../images/bg_h.png) 50% repeat-x;background-size:auto 100%;line-height: 1.04rem;z-index:99999;} header.white{line-height: .9rem;} .h_inset{} .t_logo{height:100%;font-size:0;position: relative;} .t_logo img,.t_logo_red img{max-height:.64rem;display:inline-block;vertical-align:middle} .header .logo_red{display:none} .header.white .logo_white, .header.on .logo_white{display: none !important;} .header.white .logo_red,.header.on .logo_red{display: inline-block !important;} .t_nav li{float:left;position:relative;padding: 0 .27rem} .t_nav h3{position:relative;z-index:3} .t_nav h3 a{font-size: 18px;position:relative;overflow:hidden;} .t_nav a{display:block;color:#fff} .t_nav .sub_nav{ position:absolute; top:calc(100% + 15px); min-width:100%; font-size:15px; display:none; background: #fff; padding: 10px 0; z-index:99; } .t_nav .sub_nav a{padding: 10px 15px;white-space:nowrap;display:block;line-height:26px;color: #333;} .t_nav .sub_nav a:not(:first-child){border-top:1px dashed rgba(0,0,0,.1)} .t_nav .sub_nav a:hover{color: #850907;} /*search*/ .search_wrap{position:fixed;left:0;top:0;width:100%;height:100%;color:#666;transition:all 0.5s;z-index:99999;display:none} .search_wrap .search_box{position:fixed;width:80%;max-width:560px;z-index:999;z-index:3;display:none;font-size:0;} .search_wrap .i_txt{width:100%;height:46px;position:relative;border:none;background:none;padding:0 96px 0 15px;background:#fff;font-size:15px} .search_wrap .submit{position:absolute;top:0;right:0;width:80px;height:46px;cursor:pointer;} .search_wrap .close{position:fixed;right:5%;top:8%;width:32px;height:32px;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999} .search_wrap .close:hover {transform:rotate(90deg)} .search_wrap .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3} .t_top{background: #94070a;line-height: 40px;position: relative;z-index: 1000;} .t_top a{display:inline-block;color: #ecd8d8;font-size: .14rem;padding: 0 .14rem;vertical-align:middle;} .t_top a:hover{color:#fff} .link_l{margin-left:-14px} .link_l a{line-height:15px;} .link_l a:not(:first-child){border-left:1px solid #e3c6c6;} .link_r{margin-right:-14px} .t_search{width: .5rem;height: .5rem;background:url(../images/t_search.png) 50% no-repeat;} .t_lang{width: .5rem;height: .5rem;font-size:16px;line-height: .5rem;color: #fff;z-index: 1000;} .header.white{background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.1)} .header.white .t_nav h3 a{color: #000} .menu{display:none} section{max-width:1600px;margin:0 auto;} .header_white{-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);-moz-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)} .section{background-position:50% 40%;background-size:cover;background-repeat:no-repeat} /* p1 */ /* Slick Slider */ .slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer; cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)} .slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto} .slick-track:before, .slick-track:after{display:table; content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none; float:left; height:100%; min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-arrow,.slick-dot{cursor:pointer} .slick_bar{width:100%;height:100%} .slick_bar a{display:block;height:100%} .slick_bar .wrap a:before,.slick_bar .wrap a:after{content: '';position: absolute;left: 0;bottom: 0;height: 50%;z-index: 1;pointer-events: none;} .slick_bar .wrap a:before{right: 0;background: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0,0,0, 0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);} .slick_bar .wrap a:after{left:0;top:0;width: 1.4rem;background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0,0,0,.5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#00000000', GradientType=1);height: 100%;} .slick_bar .slick-slide{position:relative;} .slick_bar .slick-slide:before{content:'';position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0,0,0, 0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);z-index:1;height:30vh} .slick_bar .slick-list,.slick_bar .slick-track,.slick_bar .slick-slide div,.slick_bar .wrap{height:100%} .slick_bar .slick-dots{position:absolute;left: .55rem;bottom: 2.34rem;z-index:999;} .slick_bar .slick-dot{position:relative;width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;margin:19px auto} .slick_bar .slick-dot.slick-active{width:23px;height:24px;background:url(../images/dot_on.png) 50% no-repeat;margin:28px auto} .slick_bar .slick-dot.slick-active:before{content:'';position:absolute;top:50%;left:50%;width:43px;height:42px;background:url(../images/dot_on1.png) 50% no-repeat;margin-left:-22px;margin-top:-21px;-webkit-animation:ani_rotate 4s 0s linear infinite;-moz-animation:ani_rotate 4s 0s linear infinite;-ms-animation:ani_rotate 4s 0s linear infinite;animation:ani_rotate 4s 0s linear infinite} .slick_bar .page{position:absolute;left: .42rem;bottom: .68rem;font-family:Verdana;font-size: .2rem;} .slick_bar .page h3{font-size:36px;color:#ef9e12;position:relative;} .slick_bar .page h3:after{content:'';display:block;width:1px;height:22px;background:rgba(255,255,255,.3);transform:skew(-20deg);margin:18px auto} .slick_bar h2{position:absolute;right:50%;margin-right:-800px;font-size: .30rem;bottom: .66rem;text-shadow:0 2px 5px rgba(0,0,0,.2) , 0 2px 5px rgba(0,0,0,.2);z-index:6;max-width: 32%;max-height: .94rem;} .link_down{width:88px;height:88px;border-radius:50%;bottom:0;z-index:9} .link_down:before{content:'';position:absolute;left:50%;top:50%;margin-left:-10.2px;margin-top:-25.5px;width:21px;height:51px;background:url(../images/down.png) 50% no-repeat;z-index:6;animation:ani_down 1.6s ease-out 0s infinite;} -webkit-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} -moz-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} -ms-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} @keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} .link_down span{position:absolute;width:0;height:0;border:1px dashed rgba(255,255,255,.7);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1;opacity:0} .c1{-webkit-animation:warn 6s ease 0s;-moz-animation:warn 6s ease 0s;animation:warn 6s ease 0s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} .c2{-webkit-animation:warn 6s ease 1s;-moz-animation:warn 6s ease 1s;animation:warn 6s ease 1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} .c3{-webkit-animation:warn 6s ease 2s;-moz-animation:warn 6s ease 2s;animation:warn 6s ease 2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} .c4{-webkit-animation:warn 6s ease 3s;-moz-animation:warn 6s ease 3s;animation:warn 6s ease 3s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} .c5{-webkit-animation:warn 6s ease 4s;-moz-animation:warn 6s ease 4s;animation:warn 6s ease 4s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} .c6{-webkit-animation:warn 6s ease 5s;-moz-animation:warn 6s ease 5s;animation:warn 6s ease 5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite} @keyframes warn{ 0%{width:0;height:0;opacity:.7} 100%{width:5.4rem;height:5.4rem;opacity:0} } -webkit-@keyframes ani_rotate{ 0%{transform:rotate(0)}100%{transform:rotate(360deg)} } -moz-@keyframes ani_rotate{ 0%{transform:rotate(0)}100%{transform:rotate(360deg)} } -ms-@keyframes ani_rotate{ 0%{transform:rotate(0)}100%{transform:rotate(360deg)} } @keyframes ani_rotate{ 0%{transform:rotate(0)}100%{transform:rotate(360deg)} } .ani,.list_cprt .cover_img,.list_life .item,.slick_notice .slick-slide{transform:translateY(-50px);transition: all 1s ease-out .3s;opacity:0} .showdiv,.showdiv .cover_img,.showdiv .item,.showdiv .slick-slide{transform:none !important;opacity:1 !important;} .p2 section,.p3 section,.p4 section,.p5 section,.p6 section{margin-top:1rem} .p7 section{margin-top:.9rem} /* p2 */ .p2{background:#fff url(../images/bg1.jpg) 46.8% 100% no-repeat} .slick_newstxt{width:33.75%;padding:.3rem 0 0;transform:translateX(50px);/* height: 100%; */left: 0;position: absolute;top: 0;bottom: 0;} .slick_newstxt h3{font-size:.26rem;color:#333;margin:0 0 .6rem;line-height:.46rem;max-height:.92rem} .slick_newstxt p{line-height:.36rem;max-height:1.44rem;color:#666} .slick_newstxt .page{bottom:.5rem;font-size:.32rem;color:#999;font-family:Verdana;line-height:1em} .slick_newstxt .current{font-size:.8rem;color:#94070a;position:relative;font-family:Georgia} .slick_newstxt .current:after{content:'/';font-size:.32rem;margin:0 .12rem;display:inline-block;color:#ddd;vertical-align:2px} .slick_news{width:56%;margin:0 7.375% 0 0;transform:translateX(-50px)} .slick_news:before{content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:.08rem;background:#94070a;z-index:6} .slick_news .cover_img{padding-top: 59.4%;} .slick_news .cover_img >div,.slick_xs .cover_img >div{-webkit-transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:scale(1.2);transform:scale(1.2);} .slick_news .slick-active .cover_img >div,.slick_xs .slick-active .cover_img >div{-webkit-transform:scale(1);transform:scale(1);} .slick_news .slick-arrow{position:absolute;width:.8rem;height:.8rem;left:0;bottom:0;background:#94070a;z-index: 6;} .slick_news .slick-prev{background:#453d38;left:-.8rem} .slick_news .slick-arrow:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:6} .slick_news .slick-prev:before{background:url(../images/prev.png) 50% no-repeat;background-size: .36rem;} .slick_news .slick-next:before{background:url(../images/next.png) 50% no-repeat;background-size: .36rem;} .slick_news .slick-prev:hover:before{-webkit-animation:ani_toleft 1s ease-in infinite;animation:ani_toleft 1s ease-in infinite} .slick_news .slick-next:hover:before{-webkit-animation:ani_toRight 1s ease-in infinite;animation:ani_toRight 1s ease-in infinite} -webkit-@keyframes ani_toleft{0%,100%{left:-4px}50%{left:4px}} -moz-@keyframes ani_toleft{0%,100%{left:-4px}50%{left:4px}} -ms-@keyframes ani_toleft{0%,100%{left:-4px}50%{left:4px}} @keyframes ani_toleft{0%,100%{left:-4px}50%{left:4px}} -webkit-@keyframes ani_toRight{0%,100%{right:-4px}50%{right:4px}} -moz-@keyframes ani_toRight{0%,100%{right:-4px}50%{right:4px}} -ms-@keyframes ani_toRight{0%,100%{right:-4px}50%{right:4px}} @keyframes ani_toRight{0%,100%{right:-4px}50%{right:4px}} /* p3 */ .p3{background:#f5f5f5 url(../images/bg2_r.jpg) 100% 100% no-repeat;background-size: 7.36rem;} .tit.row{margin:0 0 .5rem} .tit h2{color:#333} .tit .more{border:2px solid #94070a;color: #94070a;padding: 0 .19rem;line-height: .34rem;display:inline-block;border-radius:100px;font-size: .25rem;} .tit.tc p{text-align:center;margin:.36rem 0 0} .tit.tc .more{display:inline-block} .p3 .tit, .hzjl .tit{width:27.5%;height:2.4rem;background:url(../images/bg2_l.png) 0 100% no-repeat;padding:.56rem 0 0;} .xs_img{width: 72.5%;padding-top:5.6rem;transform:translateX(-50px);} .hzjl .tit{float:right;} .hzjl .xs_img{float:left} .hzjl .xs_wrap{text-align:right} .hzjl .slick_xstxt{text-align:left} .slick_xs{display:inline-block;width:27.5%;padding:.38rem .46rem;background:#94070a;vertical-align:bottom;transition-delay:.6s} .slick_xs .cover_img{padding-top: 56.5%;} .slick_xs .slick-arrow{position:absolute} .slick_xs .slick-prev{left:0} .slick_xs .slick-next{right:0} .slick_xstxt{display:inline-block;width:45%;padding:.58rem .56rem;background:rgba(255,255,255,.9);vertical-align:bottom;transform:translateY(50px);transition-delay:.6s;} .slick_xstxt h3{font-size:.26rem;color: #333;line-height:.36rem;max-height:.72rem} .slick_xstxt time{font-family:Georgia;font-size:.16rem;color:#94070a;display:block;margin:.22rem 0 .38rem} .slick_xstxt time b{font-size:.34rem;font-weight:normal} .slick_xstxt time b,.slick_xstxt time .txt{display:inline-block;vertical-align:middle;position:relative;} .slick_xstxt time .txt:before{content:'';position:absolute;left:0;top:50%;display:inline-block;vertical-align:middle;width:1px;height:.32rem;background:#ccc;transform:skew(-20deg);margin:-.16rem 0 0} .slick_xstxt time span{font-family:Verdana;font-size:.18rem} .slick_xstxt time .txt >*{display:block} .slick_xstxt time .txt{padding:0 0 0 .2rem;margin:0 0 0 .14rem} .slick_xstxt p{font-size:.16rem;color: #666;line-height:.28rem;max-height: .83rem;position:relative;} /* p4 */ .p4{background:#f0f0f0;} .p4 .tit{width:calc(50% - .8rem);margin:0 0 .44rem} .list_character{clear:both} .list_character a{float:left;width:calc(50% - .5rem);padding-top: 26.375%;} .list_character a:first-child{margin:-1.4rem 1rem 0 0;} .list_character a:last-child{transform: translateY(50px);} .list_character p,.list_cprt p{position:absolute;left:0;right:0;bottom:0;padding:.5rem .3rem .2rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0,0,0, 0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b2000000', GradientType=0);} /*p5*/ .p5{background:url(../images/bg5.png) calc(100% - 10px) 100% no-repeat;} .p5:before{content:'';position:absolute;width:2.6rem;height:5.2rem;left:0;bottom:0;} .list_life .item:first-child{width:46.25%;padding-top:32.5%;transform:translateY(50px)} .list_life .item:nth-child(3){transform:translate(-50px,50px);transition-delay:.9s} .list_life .item:nth-child(4){transform:translate(-50px,50px);transition-delay:.6s} .list_life .item:nth-child(5){transform:translate(-50px,50px);transition-delay:1.2s} .list_life .item:last-child{transform:translate(-50px,50px);transition-delay:1.5s} .list_life .item{float:left;width:17.5%;position:relative} .list_life .tit{width:18.75%;padding:2.5% 0 0;} .list_life .icon{background:url(../images/bg_cam1.jpg) 50% no-repeat;background-size:cover;color:#fff;font-size:.24rem;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;padding-top: 17.5%;} .list_life .life2{background-image:url(../images/bg_cam2.jpg)} .list_life .life3{width:23.75%;margin: -3.7% 0 0 -5%;background-image:url(../images/bg_cam3.jpg);padding-top: 23.75%;} .list_life .icon i{display:block;width:100%;height: 84px;margin:0 0 .26rem;background-repeat:no-repeat;background-position:50%;} .life1 i{background-image:url(../images/i_cam1.png)} .life2 i{background-image:url(../images/i_cam2.png)} .life3 i{background-image:url(../images/i_cam3.png)} .list_life .item:hover i,.f_code li:hover i{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate} .list_life .item:last-child{width:35%;padding-top: 20%;} .list_life .item .pa{width:100%} @keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(8deg);-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(8deg);-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(8deg);-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(8deg);-ms-transform:rotate(8deg);-webkit-transform:rotate(8deg);transform:rotate(8deg)}50%{-moz-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}} /*p6*/ .p6{background:#f0f0f0} .list_cprt{margin: -.1rem -.15rem;position:relative;} .list_cprt .cover_img:nth-child(2){transform:scale(.9)} .list_cprt .cover_img:nth-child(1){transform:translate(50px,50px);transition-delay:.6s;} .list_cprt .cover_img:nth-child(3){transform:translate(-50px,50px);transition-delay:1.2s;} .list_cprt .cover_img:nth-child(4){transform:translate(50px,-50px);transition-delay:1.5s;} .list_cprt .cover_img:nth-child(5){transform:translate(-50px,-50px);transition-delay:.9s;} .list_cprt .cover_img{float:left;width: calc(25.9375% - .3rem);margin: .1rem .15rem;padding-top: 15.338%;position:relative;} .list_cprt .cover_img:nth-child(2){width:calc(48.125% - 30px);padding-top: calc(30.676% + 20px);} .list_cprt .cover_img:nth-child(4){position:absolute;left:0;bottom:0;} /* p7 */ .p7{background:url(../images/bg7.jpg) 50% no-repeat;background-size:cover} .list_topic{width:90%;margin:0 -.37rem} .list_topic .cover_img{padding-top: 37.5%;margin:0 .37rem;float:left;width:calc(25% - .74rem);} .list_topic h3,.list_topic b{writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;word-break:break-all;white-space:nowrap} .list_topic h3{position:absolute;top:.3rem;left:.24rem;font-size:.28rem;} .list_topic b{position:absolute;right:.26rem;bottom:0} .list_topic b:after{content:'';display:inline-block;width:1px;height:.62rem;background:#fff;margin:.16rem 0 0} .list_topic a{transition:all 1s ease-out .3s;transform:translateY(-50px)} .list_topic a:nth-child(2n-1){transform:translateY(-50px);} .list_topic a:nth-child(2n){transform:translateY(50px);} /* p8 */ .p8{background:#f0f0f0 url(../images/bg8.jpg) 50% 100% no-repeat;} .p8:before{content:'';position:absolute;left:0;bottom:0;right:0;height:5px;background:#b5b08a;} .tab_wrap .hd{margin:0 0 .54rem;height:1em;font-size:.38rem} .tab_wrap .hd li{display:inline-block;cursor:pointer} .tab_wrap .hd h2{position:relative;padding:0 .3rem;} .tab_wrap .hd li:not(:first-child) h2:before{content:'';position:absolute;left:0;top:50%;width:1px;height:.3rem;background:#ddd;margin-top:-.15rem;} .tab_wrap .hd .on h2{color:#94070a} .tab_wrap .hd li:not(.on) h2{font-size:.26rem;color:#666} .tab_wrap .hd .more{display:none} .tab_wrap .hd .on .more{display:inline-block} .slick_notice{padding:0 .6rem;} .slick_notice .slick-slide{margin:28px .35rem 0;padding:28px 0 0;transform:translateX(50px)} .slick_notice .item2{transition-delay:.6s} .slick_notice .item3{transition-delay:.9s} .slick_notice .item4{transition-delay:1.2s} .list_notice a{float:left;background:rgba(255,255,255,.9);text-align:center;padding:0 .24rem .4rem;border-bottom:8px solid #a41f21;} .list_notice time{display:inline-block;vertical-align:middle} .list_notice time{display:inline-block;background: #94070a;color:#fff;font-size: .32rem;text-align:center;line-height: .5rem;padding:0 .24rem;margin: -.28rem 0 0;font-family:Georgia;} .list_notice a:hover{transform:translateY(-8px)} .list_notice .txt{text-align:left;padding: .3rem 0 0;} .list_notice h3{font-size: 18px;line-height: 24px;height: 48px;} .list_notice p{line-height:26px;height:128px;overflow:hidden;color: #666;padding:24px 0 0;border-top:1px dashed #ddd;margin:24px 0 0;} .slick_notice .slick-arrow{position:absolute;width: .46rem;height: .46rem;top:50%;background-color:rgba(0,0,0,.4);background-repeat:no-repeat;background-position:50%;background-size: .23rem;border-radius:50%;z-index: 6;} .slick_notice .slick-arrow:hover{background-color: #94070a} .slick_notice .slick-prev{left:0;background-image:url(../images/prev.png);} .slick_notice .slick-next{right:0;background-image:url(../images/next.png);} .to_top{width:154px;height:64px;line-height:100px;background:url(../images/to_top.png) 50% no-repeat;font-size:19px;color: #b5b08a;font-family:sySOng;overflow:hidden;} .to_top:before{content:'';position:absolute;top:12px;left:50%;margin-left: -26px;border-style:solid;border-width:0 24px 20px 24px;border-color:transparent transparent #b5b08a transparent;} .to_top:after{content:'';position:absolute;width:6px;height:6px;left:50%;margin-left: -5px;top:28px;border:1px solid rgba(255,255,255,.3);transform:rotate(45deg);} .to_top:hover:before{animation:ani_toTop 1s 0s linear infinite} .to_top:hover:after{animation:ani_toTop1 1s 0s linear infinite} -webkit-@keyframes ani_toTop{0%,100%{top:10px}50%{top:14px}} -moz-@keyframes ani_toTop{0%,100%{top:10px}50%{top:14px}} -ms-@keyframes ani_toTop{0%,100%{top:10px}50%{top:14px}} @keyframes ani_toTop{0%,100%{top:10px}50%{top:14px}} -webkit-@keyframes ani_toTop1{0%,100%{top:26px}50%{top:30px}} -moz-@keyframes ani_toTop1{0%,100%{top:26px}50%{top:30px}} -ms-@keyframes ani_toTop1{0%,100%{top:26px}50%{top:30px}} @keyframes ani_toTop1{0%,100%{top:26px}50%{top:30px}} /* footer */ .p9{position:relative;background:url(../images/f_bg.jpg) 50%;z-index:99} .f_logo img{max-height:.72rem} .f_bd{padding: .48rem 0;} .f_txt{line-height:38px} .f_txt i{width:20px;height:18px;background-repeat:no-repeat;background-position:50%;margin:0 .12rem 0 0;vertical-align:-3px} .i_adr{background-image:url(../images/i_adr.png)} .i_tel{background-image:url(../images/i_tel.png)} .i_code{background-image:url(../images/i_code.png)} .f_code li{display:inline-block;vertical-align:middle} .f_code .link_campus{display:block;background:#8f7f70;width: 1.1rem;height: 1.1rem;position:relative;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;font-size:14px;} .f_code .link_campus:before{content:'';position:absolute;top:7px;left:7px;right:7px;bottom:7px;border:1px dashed #c7bfb8;} .f_code .i_campus{display:block;width:100%;height: .36rem;background:url(../images/i_campus.png) 50% no-repeat;margin:0 0 6px;background-size: contain;} .f_code li:not(:first-child){margin:0 0 0 .2rem} .f_code img{width: 1.1rem;height: 1.1rem;} .f_bot{padding:17px 0;border-top:1px solid rgba(0,0,0,.14)} .f_link li,.f_share li{position:relative;z-index:66;display:inline-block} .f_link h3{border:1px dashed rgba(255,255,255,.2);width:2.4rem;line-height:43px;padding:0 .36rem 0 .14rem;font-size:16px;color: #fff;cursor:pointer;position:relative;} .f_link h3:before{content:'';position:absolute;top:50%;right:8px;width:15px;height:8px;margin-top:-4px;background:url(../images/i_down.png) 50% no-repeat;} .f_link li:hover h3:before{transform:rotate(180deg)} .f_link .con,.f_share .con{position:absolute;bottom:100%;min-width:100%;background:rgba(255,255,255,.9);opacity:0;visibility:hidden;box-shadow:0 -1px 8px rgba(0,0,0,.2);} .f_link .con{padding:6px 15px 12px;max-height:320px;overflow-y:auto} .f_link .con a,.f_share .con a{color:#666;font-size:14px;display:block;padding:5px 10px;line-height:30px;white-space:nowrap} .f_link .con a:hover{color:#94070a} .f_link .con a:not(:first-child){border-top:1px dashed #ddd} .f_link .on,.f_share .on{transform:translateY(-4px)} .f_link .on .con,.f_share .on .con{opacity:1;visibility:visible} .f_copy{margin:30px 0 0} .f_copy{line-height:44px;margin:0 -14px;} .f_copy span{display:inline-block;font-size:14px;margin:0 14px} .f_copy a,.f_copy span{color:#bb9a9a;} .f_copy p>a,.f_copy p>span{margin:0 15px} .bg_inset{} .inset_bar{width:100%;overflow:hidden} .inset_bar img{display:block;width:100%} aside{width: 3.2rem;margin: -1.9rem 0 .5rem;} .aside_tit{padding: .9rem .2rem .54rem .34rem;background:url(../images/top_aside.png) 50% 0 no-repeat;background-size:cover;color: #fff;} .aside_tit h2{font-size: .3rem;line-height: .46rem;} .aside_tit p{opacity:.5} .nav_list a{position:relative;display:block;padding: .16rem .4rem .16rem .24rem;color:#000;} .nav_list >a{padding-right:26px} .nav_list .item>a:before,.nav_list .item>.on:before{content:'';position:absolute;left:-4px;width:4px;height:0;background: #ef9e12;} .nav_list >a.on:before{height:100%} .nav_list >a:not(:first-child){border-top:2px solid #fff} .nav_list a b{position:absolute;right:28px;top:50%;margin-top:-3px;width:50px;top:0;bottom:0;right:0;color:#999;font-size:16px} .nav_list a b:before{content:'';position:absolute;font-family:monospace,serif;z-index:6;background: url(../images/i_more.png) 50% no-repeat;z-index:6;width: 18px;height: 18px;} .nav_list{padding:32px 0 78px;border-left: 4px solid #94070a;background:#f5f5f5;font-size: 18px;} .nav_list .on{background:#fff;color: #94070a;} .nav_list .on b{right:0;font-size:12px;color:#fff} .nav_list a.on b{transform: rotate(90deg);} .nav_list a b:after{content:'';position:absolute;width: 18px;height: 18px;border-radius:50%;background:#aaa;} .nav_list .on b:after,.nav_list .sub_con .active:before{background: #94070a;} .nav_list .sub_con{padding: .1rem 0;display:none;} .nav_list .sub_con a{padding-left: .56rem;font-size: 16px;background:none;line-height:1.6;position:relative;padding-top: .14rem;padding-bottom: .14rem;} .nav_list .sub_con a:before{content:'';position:absolute;width: 4px;height: 4px;background: #999;border-radius:100px;left: .4rem;top:50%;margin-top:-3px;} .nav_list .sub_con3 em{margin:0 10px 0 0;color:#999} .nav_list .sub_con3{background: #eee;padding: 16px 0;} .nav_list .sub_con3 a{padding-left:.8rem;border: none !important;padding-top: .1rem;padding-bottom: .1rem;font-size: 14px;color: #666;} .nav_list .sub_con3 a:before{content:none} .nav_list .sub_con a:not(:first-child){border-top:1px dashed #ddd;} .nav_list .active,.nav_list .active:hover{color: #94070a;} /*page*/ .pb_sys_common{font-size:13px;font-family:SimSun;line-height:12px;color:#222}.pb_sys_common a{text-decoration:none}.pb_sys_common .p_pages{margin-left:-5px}.pb_sys_common .p_fun_d,.pb_sys_common .p_no_d,.pb_sys_common .p_no_o,.pb_sys_common .p_fun a,.pb_sys_common .p_no a{border:1px solid #ccc;padding:5px 8px;margin:0 0 0 5px;height:24px;-height:auto;line-height:12px;box-sizing:border-box;display:inline-block;vertical-align:middle}.pb_sys_common .p_t{line-height:12px;margin:0;padding:0;display:inline-block;vertical-align:middle}.pb_sys_common .p_fun_d,.pb_sys_common .p_no_d,.pb_sys_common .p_no_o{color:#ccc}.pb_sys_common .p_fun a,.pb_sys_common .p_no a{color:#222}.pb_sys_common .p_dot{margin-left:4px;margin-right:-4px;color:#222}.pb_sys_common .p_goto input,.pb_sys_common .p_search input{font-family:SimSun;font-size:12px;border:1px solid #aaa;height:22px;line-height:20px;box-sizing:border-box;vertical-align:middle;outline-width:thin;outline-color:#034794;margin:0 2px;padding:0 1px}.pb_sys_common .p_goto input{width:22px;text-align:center}.pb_sys_common .p_search input{width:100px;text-align:left}.pb_sys_common .p_goto input:hover,.pb_sys_common .p_goto input:focus,.pb_sys_common .p_search input:hover,.pb_sys_common .p_search input:focus{border:1px solid #034794}.pb_sys_common .p_goto a,.pb_sys_common .p_search a{border:1px solid #ccc;padding:5px 6px;color:#222;margin:0;height:24px;-height:auto;line-height:12px;display:inline-block;box-sizing:border-box;vertical-align:middle}.pb_sys_common .p_dosize_d,.pb_sys_common .p_dosize a{border-right:1px solid #ccc;padding:1px 5px;color:#888}.pb_sys_common .p_dosize_d{color:#222}.pb_sys_common .p_dosize a:hover{color:#222}.pb_sys_common .p_dosize_last_d,.pb_sys_common .p_dosize_last a{border-right-width:0}.pb_sys_normal .p_first,.pb_sys_normal .p_first_d,.pb_sys_normal .p_last,.pb_sys_normal .p_last_d{display:none}.pb_sys_normal2 .p_first,.pb_sys_normal2 .p_first_d,.pb_sys_normal2 .p_last,.pb_sys_normal2 .p_last_d,.pb_sys_normal2 .p_prev_d,.pb_sys_normal2 .p_next_d{display:none}.pb_sys_full2 .p_first_d,.pb_sys_full2 .p_last_d,.pb_sys_full2 .p_prev_d,.pb_sys_full2 .p_next_d{display:none}.pb_sys_short .p_no,.pb_sys_short .p_no_d,.pb_sys_short .p_no_o,.pb_sys_short .p_dot{display:none}.pb_sys_short2 .p_no,.pb_sys_short2 .p_no_d,.pb_sys_short2 .p_no_o,.pb_sys_short2 .p_dot,.pb_sys_short2 .p_first,.pb_sys_short2 .p_first_d,.pb_sys_short2 .p_last,.pb_sys_short2 .p_last_d{display:none}.pb_sys_style1 .p_no a:hover,.pb_sys_style1 .p_fun a:hover,.pb_sys_style1 .p_goto a:hover,.pb_sys_style1 .p_search a:hover,.pb_sys_style2 .p_no a:hover,.pb_sys_style2 .p_fun a:hover,.pb_sys_style2 .p_goto a:hover,.pb_sys_style2 .p_search a:hover,.pb_sys_style3 .p_no a:hover,.pb_sys_style3 .p_fun a:hover,.pb_sys_style3 .p_goto a:hover,.pb_sys_style3 .p_search a:hover,.pb_sys_style4 .p_no a:hover,.pb_sys_style4 .p_fun a:hover,.pb_sys_style4 .p_goto a:hover,.pb_sys_style4 .p_search a:hover{background-color:#f5f5f5}.pb_sys_style1 .p_no_d{border:1px solid #034794;color:#fff;background-color:#034794}.pb_sys_style2 .p_no_d{border:1px solid #f04646;color:#fff;background-color:#f04646}.pb_sys_style3 .p_no_d{border:1px solid #32b907;color:#fff;background-color:#32b907}.pb_sys_style4 .p_no_d{border:1px solid #888;color:#fff;background-color:#888}.pb_sys_style5 .p_fun_d,.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no_o,.pb_sys_style5 .p_fun a,.pb_sys_style5 .p_no a,.pb_sys_style5 .p_goto a,.pb_sys_style5 .p_search a,.pb_sys_style6 .p_fun_d,.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no_o,.pb_sys_style6 .p_fun a,.pb_sys_style6 .p_no a,.pb_sys_style6 .p_goto a,.pb_sys_style6 .p_search a,.pb_sys_style7 .p_fun_d,.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no_o,.pb_sys_style7 .p_fun a,.pb_sys_style7 .p_no a,.pb_sys_style7 .p_goto a,.pb_sys_style7 .p_search a,.pb_sys_style8 .p_fun_d,.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no_o,.pb_sys_style8 .p_fun a,.pb_sys_style8 .p_no a,.pb_sys_style8 .p_goto a,.pb_sys_style8 .p_search a{border:1px solid transparent}.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover,.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover,.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover,.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.pb_sys_style5 .p_fun a:hover,.pb_sys_style5 .p_goto a:hover,.pb_sys_style5 .p_search a:hover,.pb_sys_style6 .p_fun a:hover,.pb_sys_style6 .p_goto a:hover,.pb_sys_style6 .p_search a:hover,.pb_sys_style7 .p_fun a:hover,.pb_sys_style7 .p_goto a:hover,.pb_sys_style7 .p_search a:hover,.pb_sys_style8 .p_fun a:hover,.pb_sys_style8 .p_goto a:hover,.pb_sys_style8 .p_search a:hover{text-decoration:underline}.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover{border:1px solid #034794;color:#fff;background-color:#034794}.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover{border:1px solid #f04646;color:#fff;background-color:#f04646}.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover{border:1px solid #32b907;color:#fff;background-color:#32b907} .pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{border:1px solid #888;color:#fff;background-color:#888} .p_fun_d{padding:0 10px;} .pb_sys_common .p_pages span,.pb_sys_common .p_pages span a{min-width:30px;height:30px;line-height:30px;color:#666;/* border-radius:4px; */padding-top:0;padding-bottom:0;} .pb_sys_common .p_pages span{margin:0 1px;position:relative;display:inline-block;} .pb_sys_common .p_pages span a{margin:0;padding:0 10px;position:relative;} .pb_sys_common .p_fun_d,.pb_sys_common .p_pages span a{border-color: #e1e6ea;background: #fff;} .pb_sys_style1 .p_pages .p_no_d{background: #94070a;border-color: #94070a;color:#fff;width:30px;height:30px;line-height:30px;min-width:30px;} .pb_sys_common .p_t{margin-left:10px !important;} .details_wrap,.news_bd{/* max-width:1000px; */margin:0 auto;} .pos{width:20px;height:20px;background:url('../images/pos.png') 50% no-repeat} .site_nav{color:#666;margin: 0 -4px;} .site_nav b{color:#bbb} .site_nav a,.site_nav em{display:inline-block;line-height:30px;padding:0 10px} .site_nav a:hover,.nav_list a:hover{color: #e2a63b;} .nav_list li >a:before{content:'';position:absolute;width:3px;height:0;left:0;background:#105598;animation:1.4s ease-out 0s} .nav_list .item >a:hover:before, .nav_list .item >.on:before{height: 100%;} .nav_list .on >a:hover:before{content:none} .con_wrap{width: calc(100% - 3.8rem);margin: 50px 0 80px;position:relative;z-index:6;overflow:hidden;} .con_wrap .tit{margin-bottom: 34px;border-bottom: 2px solid #e5ebf1;padding: 0 0 .14rem;} .con_wrap .tit h3{font-size: .28rem;display: inline-block;color: #94070a;text-transform:uppercase;} .con_wrap .leader_wrap{} .con_wrap .leader_wrap a{display:block;padding:30px 0;border-bottom:1px solid #ddd; height: 300px;} .con_wrap .leader_wrap .cover_img{position: relative;float:left;width:160px;height:238px;overflow:hidden} .con_wrap .leader_wrap .txt{float:left;width:calc(100% - 160px);padding:8px 0 0 30px;line-height:1.6} .con_wrap .leader_wrap h3{font-size:24px} .con_wrap .leader_wrap h3 b{color:#bbb;margin:0 10px;font-size:18px} .con_wrap .leader_wrap h3 span{color:#94070a;font-size:18px} .con_wrap .leader_wrap .txt p{height:98px;margin:20px 0 26px;color:#666} .leader_wrap .i_vm{background:#94070a;color:#fff} .leader_wrap .i_vm:before{border-color:transparent transparent transparent #fff} .i_vm { position: relative; display: inline-block; background: #edf2f6; color: #94070a; padding: 0 24px 0 12px; line-height: 30px; } .i_vm:before { content: ''; position: absolute; top: 50%; right: 12px; margin-top: -5.5px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 6px; border-color: transparent transparent transparent #94070a; } .i_vm { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; overflow: hidden; } article{position:relative} .page_wrap{margin-top:60px} .list_lab.col2 a{width:calc(50% - 44px);padding-top:31.657%} .news_hd{padding:10px 0 30px;color:#333} .news_hd h3{font-size:24px;color:#333;margin-bottom:14px;font-weight:700} .news_hd p{/* background:#f6f6f6; */line-height: 24px;font-size:14px;} .news_hd p span{margin:0 14px;color:#999} .news_bd{font-size:16px;line-height:2;color:#555} .list_img{width:auto;margin: 0 0 -10px -30px;overflow: hidden;} .list_img .item{width:calc(33.33% - 30px);margin-bottom:30px;margin-left:30px;float:left;position:relative;background: #f5f5f5;} .list_img .cover_img{height:auto;padding-top:70.625%} .list_img.col2{width:auto;margin: 0 0 -10px -40px} .list_img.col2 .item{width:calc(50% - 40px);margin-bottom:40px;margin-left:30px} .list_img.col2 .cover_img{ padding-top: 56.625%; } .list_avatar a{width:calc(25% - 30px)} .list_avatar .cover_img{padding-top:118%} .list_img .txt{padding: 22px 20px;border-bottom: 4px solid #94070a;position: relative;} .list_img .txt:before{content:'';position: absolute;right:20px;bottom:26px;width: 27px;height: 17px;background:url(../images/more.png) 50% no-repeat;} .list_img h3{font-size:18px;color:#000;line-height: 30px;height: 60px;margin: 0 0 16px;} .list_img p{line-height:26px;margin:15px 0;height:52px} .list_img time{font-size: 22px;color: #94070a;} .list_img a:hover .txt:before{-webkit-animation:ani_toRight1 1s ease-in infinite;animation:ani_toRight1 1s ease-in infinite} .list_img.col2 h3{ height: auto; white-space: nowrap; display: block; } .list_imgld{width:auto;overflow: hidden;text-align: center;padding: 0 2%;margin: -.3rem 0;} .list_imgld .item{width: 200px;margin: .3rem calc(16% - 100px);float:left;position:relative;background: #f5f5f5;} .list_imgld .cover_img{padding-top: 129.625%;} .list_imgld .txt{padding: 22px 20px;position: relative;} .list_imgld .txt:before{content:'';position:absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #94070a;transition:.3s all ease-in} .list_imgld .item:hover .txt h3{color:#fff;transition:.3s all ease-in} .list_imgld .item:hover .txt:before{height:100%} .list_imgld h3{font-size:18px;color:#000;line-height: 30px;height: 30px;text-align: center;position: relative;} .list_imgxy{width:auto;margin: 0 0 -10px -30px;overflow: hidden;} .list_imgxy .item{width:calc(25% - 30px);margin-bottom:30px;margin-left:30px;float:left;position:relative;background: #f5f5f5;} .list_imgxy .cover_img{height:auto;width:50%;margin-left: 25%;margin-top:10%;} .list_imgxy.col2{width:auto;margin: 0 0 -10px -40px} .list_imgxy.col2 .item{width:calc(50% - 40px);margin-bottom:40px;margin-left:30px} .list_imgxy.col2 .cover_img{ padding-top: 56.625%; } .list_imgxy .txt{padding: 22px 20px;border-bottom: 4px solid #94070a;position: relative;} .list_imgxy .txt:before{content:'';position: absolute;right:20px;margin-top:5px;width: 27px;height: 17px;background:url(../images/more.png) 50% no-repeat;} .list_imgxy h3{font-size:18px;color:#000;line-height: 30px;height: 30px;margin: 0 0 16px;text-align:center;} .list_imgxy p{line-height:26px;margin:15px 0;height:130px; text-align: justify;overflow: hidden;} .list_imgxy time{font-size: 22px;color: #94070a;} .list_imgxy a:hover .txt:before{-webkit-animation:ani_toRight1 1s ease-in infinite;animation:ani_toRight1 1s ease-in infinite} .list_imgxy.col2 h3{ height: auto; white-space: nowrap; display: block; } .list_time{margin: -20px 0 0;} .list_time .item{display:block;padding: 30px 0;overflow:hidden;border-bottom: 1px dashed #dcdcdc;font-size: 0;} .list_time time{display: inline-block;width: 108px;margin: 0 30px 0 0;font-size: 16px;color: #94070a;line-height: 24px;border-right: 1px solid #eee;vertical-align: middle;} .list_time time h5{font-size:20px} .list_time time h5 span{font-size:34px} .list_time time h5 span:after{content:'';width:14px;height:1px;display:inline-block;vertical-align:middle;background:#94070a;margin:0 6px 0 10px;} .list_time .txt{display: inline-block;width: calc(100% - 138px);vertical-align: middle;} .list_time h3{line-height: 24px;font-size: 16px;vertical-align: middle;max-height: 48px;} .list_time1{margin:3px 0 0;} .list_time1 .item{display:block;padding: 8px 20px;overflow:hidden;border-bottom: 1px dashed #dcdcdc;font-size: 0; background: url(../images/newsb2016.jpg) left no-repeat;} .list_time1 time{display: inline-block;width: 108px;margin: 0 30px 0 0;font-size: 16px;color: #94070a;line-height: 24px;border-right: 1px solid #eee;vertical-align: middle;} .list_time1 time h5{font-size:20px} .list_time1 time h5 span{font-size:34px} .list_time1 time h5 span:after{content:'';width:14px;height:1px;display:inline-block;vertical-align:middle;background:#94070a;margin:0 6px 0 10px;} .list_time1 .txt{/* display: inline-block; *//* width: calc(100% - 138px); */vertical-align: middle;} .list_time1 h3{line-height: 24px;font-size: 16px;vertical-align: middle;max-height: 48px;} -webkit-@keyframes ani_toRight1{0%,100%{right:23px}50%{right:17px}} -moz-@keyframes ani_toRight1{0%,100%{right:23px}50%{right:17px}} -ms-@keyframes ani_toRight1{0%,100%{right:23px}50%{right:17px}} @keyframes ani_toRight1{0%,100%{right:23px}50%{right:17px}} .p3 section{position:relative;} .page_wrap{margin-top:40px} .news_hd{padding: 0 0 16px;margin-bottom:36px;color:#000;border-bottom: 1px dashed #e1e1e1;} .news_hd h3{font-size:24px;color:#000;margin-bottom:14px} .news_hd p span{margin:0 14px;color:#999} .news_bd{font-size:16px;line-height:1.8;color:#555} .news_bd p{margin-bottom:20px;color:#000;} .news_bd img{margin-left:auto;margin-right:auto} .tit_sub{font-size: .24rem;margin:0 0 20px;position: relative;display: inline-block;padding: .12rem .44rem .12rem .26rem;overflow: hidden;color:#fff;line-height: 32px;border-left:5px solid #e6901e;} .tit_sub:before{content:'';position:absolute;left: -20px;top:0;bottom:0;right:0;z-index: -1;transform:skew(20deg);background: #94070a;right:10px;} .list_item{margin: 0 -20px;overflow: hidden;} .list_item:not(:last-child){margin-bottom: 40px;} .list_item a{display:block;padding:22px 20px 16px 20px;line-height:56px;float:left;width: calc(33.3333% - 40px);font-size:14px;margin:10px 20px;background: #f5f5f5 url(../images/bg2_r.png) 100% 100% no-repeat;background-size: auto 58%;} .list_item a:hover{background: #94070a url(../images/bg2_r.png) 100% 100% no-repeat;background-size: auto 58%;transform:translateY(-6px);padding:22px 20px 16px;} .list_item.row a{width: calc(33.3333% - 40px);padding: 14px 20px 14px 38px;position: relative;background-size: auto 84%;} .list_item.row a:hover{background-size: auto 84%;} .list_item.row a:before{content:'';position: absolute;left:20px;top:50%;width: 4px;height: 4px;left:20px;border: 1px solid #aaa;transform:rotate(45deg);margin-top: -3px;} .list_item.row a i{display:none} .list_item.row em{display: block !important;white-space:nowrap;height:auto;} .list_item em{display:block;font-size: 18px;height:56px;} .list_item a:hover em{color:#fff} .list_item p{line-height:20px;height:40px;font-family:arial;margin:3px 0 0;} .list_item a .i_more{margin: -5px 0;width: .4rem;} .list_item a:hover .i_more,.list_item a:hover .i_more:before{background:#fff} .i_more{height:1px;background: #94070a;width: .18rem;position:relative;margin:0 0 0 .12rem;} .i_more:before{content:'';position:absolute;right:0;top: -.03rem;width:.08rem;height:1px;background: #94070a;transform:rotate(45deg);overflow:hidden;} a:hover .i_more{animation:to_Right linear 1s infinite;} @-webkit-keyframes to_Right{ 0%,100%{transform:translateX(3px)}50%{transform:translateX(-3px)} }@keyframes to_Right{ 0%,100%{transform:translateX(3px)}50%{transform:translateX(-3px)} } @media (min-width: 1280px){ .t_nav li .sub_nav{-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-ms-transition:.3s all ease-in;transition:.3s all ease-in} .table-cell{display:table-cell;vertical-align:middle} .t_nav h3 b{display:none} .t_nav h3 a:before,.t_nav h3 a:after{content:'';position:absolute} .t_nav h3 a:before{width:0;top: 86px;height:3px;} .t_nav h3 a:after{top: 88px;left:50%;width:3px;height:0;margin-left:-1.5px;} .t_nav li:first-child h3 a:after{content:none} .t_nav li:hover h3 a:before{background: #94070a;width:100%;} .t_nav li:hover h3 a:after{background: #94070a;height: 24px;} .t_nav .sub_nav{display:block !important;opacity:0;visibility:hidden} .t_nav li:hover .sub_nav{top:100%;opacity:1;visibility:visible} .header.white .t_nav li:hover h3 a:before {top: 66px;} .header.white .t_nav li:hover h3 a:after{top: 66px;} .f_link li:hover,.f_share li:hover{transform:translateY(-4px)} .f_link li:hover .con,.f_share li:hover .con{opacity:1;visibility:visible} } @media (min-width:1024px){ .tit.col{top:0;bottom:0;width:34px;writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;word-break:break-all;white-space:nowrap;margin:0;} .tit.col h2{} .tit.col .more{left:0;top:initial;transform:none;bottom:0;padding:18px 0;text-align:center;background: #94070a;color: #fff;} .aside_tit b{display:none} } .header.white .menu span,.header.on .menu span{background:#94070a} .header.white .t_search,.header.on .t_search{background-image:url(../images/t_search_red.png)} .header.white .t_lang,.header.on .t_lang{color:#94070a} @media (max-width:1640px){ section{max-width: 1100px;/* padding-left: 40px; *//* padding-right: 40px; */} .t_nav li{padding: 0 .16rem;} .link_down{width:60px;height:60px} .slick_bar h2{margin-right:0;right:20px;font-size:.3rem} .tab_wrap .hd{margin: .3rem 0 0;} .p2 .tit{/* right: 40px; */} .p7 .tit,.slick_newstxt{/* left: 40px; */} .slick_newstxt .page{bottom:0} .xs_wrap{/* left: 0; *//* right: 0; */} .xs_img {/* width: calc(72.5% - .2rem); */} .slick_xs {/* width: calc(27.5% + .15rem); */} } @media (max-width:1399px){ .t_logo img,.t_logo_red img{max-height:.56rem} .list_life .icon i{transform: scale(.86);margin: 0 0 .1rem;} .slick_notice .slick-slide{margin:28px .2rem 0} .aside_tit em{font-size:28px} .list_imgxy .item{width:calc(33% - 30px);} .list_imgxy p{overflow: hidden;} .list_imgxy .txt:before{margin-top: -15px;} } @media (max-width: 1279px){ ::-webkit-scrollbar,::-webkit-scrollbar-track{width:0} .t_logo,.t_search,.menu{z-index:9999} .section{position: relative;} section{padding-left:20px;padding-right:20px;} .p3 .xs_wrap, .p7 .tit, .slick_newstxt{left:20px} .p2 .tit,.hzjl .xs_wrap{right:20px} .xs_img {width: calc(72.5% - 6px);padding-top: 36%;} .p3 .tit, .hzjl .tit{height: 1.9rem;padding: .1rem 0 0;} .slick_xs {width:27.5%;padding: .36rem .3rem;} .slick_xstxt{ padding: .4rem; } .t_lang{margin-right: .34rem;} .menu{right:15px;display:block;width: 21px;transition:all 0.3s ease;} .menu span{width:100%;height:2px;display:block;background:#fff;transition:all .3s ease;border-radius:100px} .menu span + span{margin-top: 4px;} .menu.on{margin-top: 4px;} .menu.on span{transform:rotate(45deg)} .menu.on span:nth-child(2){transform: rotate(-45deg) translate(5px,-5px);} .menu.on span:nth-child(3){display:none} .t_search{background-color:inherit} .t_nav{height:100vh;position:fixed;top: 0;left:0;right:0;background: #fff url(../images/bg1.jpg) 0 100% no-repeat;background-size: 160%;text-align:left;z-index:999;margin-right:0;display:none;overflow-y:auto;overflow-x:hidden;padding-top: 120px;padding-bottom:20px;} .t_nav li{float:none;display:block;border-bottom:1px solid rgba(0,0,0,.1);padding:0} .t_nav h3 a{font-size:16px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;line-height:1.8;padding:10px 50px 10px 15px;border-top:none;color: #333;white-space:initial;} .t_nav h3 b{position:absolute;right:0;bottom:0;width:50px;text-align:center;line-height:44px;height:46px;color: #999;font-size:20px;cursor:pointer;font-weight:normal;top:50%;margin-top:-23px;} .t_nav .on h3 a{color: #d0852a;} .t_nav .on b{transform:rotate(-45deg);margin-top:-22px;color: #94070a;} .t_nav .on h3 a{height:auto;padding:10px 50px 10px 15px;color: #94070a !important;} .t_nav .sub_nav{position:initial;top:0;background:none;padding:5px 0 10px;width:auto;left:initial;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;min-width:auto;border-top: 1px dashed rgba(0,0,0,.1);} .t_nav .sub_nav a{padding:8px 30px;color: #666;display:block;width:auto;background-position:20px 13.5px;text-align:left;font-size:14px;} .t_nav .sub_nav a:hover{background-position:20px -25.5px} .slick_bar .cover_bg{padding-top: 58%;} .slick_bar h2{font-size: .26rem;max-width:50%} .p2,.p3,.p4,.p5,.p6,.p7,.p8{overflow:hidden;padding-top:70px;padding-bottom:70px} .p8{padding-bottom:120px;background-size:100%} .p2 section, .p3 section, .p4 section, .p5 section, .p6 section,.p7 section{margin-top:0} .link_down{display:none} .list_life .icon i{transform: scale(.7);margin:0;} .list_character a{width:calc(50% - .2rem);padding-top:27.375%} .list_character a:first-child{margin:-1.4rem .4rem 0 0;} .p5:before{height: 50%;} .list_topic{width:92%;margin:0 -.15rem} .list_topic .cover_img{padding-top:42.5%;margin:0 .15rem;width:calc(25% - .3rem);} .list_img .item {width: calc(50% - 30px);} .list_item.row{margin: 0 -10px 30px;} .list_item.row a{width: calc(33.333333% - 20px);margin: 10px;} .list_item.row em{font-size: 16px;} .list_imgxy .item{width:calc(33% - 30px);} .list_imgxy p{overflow: hidden;} .list_imgxy .txt:before{margin-top: -15px;} } @media (max-width:1023px){ .fn{float:none;width:auto} header{} .slick_bar h2{bottom:.5rem} .slick_bar .page{display:none} .slick_bar .slick-dots{bottom:.3rem} .tit.col{position: relative;left: 0;right: 0;text-align: center;margin: 0 0 .5rem;} .tit.col .more{top: 50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left: initial;bottom: initial;right: 0;} .slick_newstxt {top: .6rem;width: 37.75%;} .slick_newstxt h3{margin: 0 0 .4rem;} .slick_newstxt p{-webkit-line-clamp:3;max-height:1.08rem} .slick_news{margin:0} .slick_xs{padding: .28rem} .slick_xstxt{padding:.38rem .36rem;} .list_life .tit{padding:1.5% 0 0;} .tit.tc p{margin:.3rem 0 0} .list_life .icon i{transform: scale(.55);margin:-.3rem 0 -.25rem;} .tab_wrap .hd{margin:0 0 .2rem} .list_topic{width:auto;float:none} .slick_notice{padding:0 1rem;} .f_link{float:none;width:60%;margin:0 auto 10px} .f_link li{display:block} .f_link h3{width:auto} .f_copy{float:none;margin:0} .f_logo img{max-height:.6rem} .f_txt{line-height:34px} .f_code .link_campus,.f_code img{width: 1.3rem;height: 1.3rem} aside{float:none !important;width:auto;margin:0 -20px;} .aside_tit{padding:4px 15px;background-position:50% 100%;position:relative;cursor:pointer;} .aside_tit b{position:absolute;right:6px;width:40px;text-align:center} .aside_tit h2{font-size: .2rem;line-height: .4rem;} .aside_tit.on b{transform:rotate(45deg)} .nav_list{display: none;padding: 20px 0;} .con_wrap{width:100%;margin: 30px 0 60px;} .con_wrap .list_notice{margin:-20px -15px} .con_wrap .list_notice a{margin:20px 15px} .list_imgxy .item{width:calc(33% - 30px);} } @media (max-width:767px){ html{font-size:80px} section{padding-left: 15px;padding-right: 15px;} .site_nav{float: none;} .site_nav a, .site_nav em{ padding: 0 6px; } aside{margin:0 -15px} .p2,.p3,.p4,.p5,.p6,.p7,.p8{padding-top:50px;padding-bottom:50px} .p8{padding-bottom: 100px;background-size: auto 110px;} .tit h2 {font-size: .3rem;} .header{line-height: 0.7rem;border-top: 5px solid #94070a;} header.white{line-height: .66rem;border-top-color: #94070a;} .header.white{/* background:#94070a */} .header.white .logo_white{display:inline-block} .header.white .logo_red{display:none} .t_top{line-height:20px;padding:4px 0;display:none} .t_logo{max-width: calc(100% - 104px);} .t_search,.t_lang{width: .4rem;height: .4rem;} .t_lang{line-height: .4rem;} .t_nav{padding-top: 70px;top:5px} /* .t_nav{padding-top: 70px;background: #94070a;} .header.white .t_nav h3 a {color: #fff;} .t_nav h3 b{color: rgba(255,255,255,.6);} */ .slick_bar .slick-dots{display:none !important} .slick_bar h2{left:15px;right:15px;max-width:none;bottom:.2rem;font-size:.2rem} .slick_newstxt, .slick_news, .xs_img, .p3 .tit, .hzjl .tit, .p4 .tit, .list_life .item, .f_txt, .f_code{float: none !important;width: auto !important;} .slick_news{margin: 0 0 .36rem;} .slick_newstxt{position: relative;padding: 0;left: 0;top: 0;padding: 0 0 .9rem;} .slick_newstxt .page{font-size: .26rem;} .slick_newstxt .current{font-size: .6rem;} .slick_news .slick-arrow{width: .6rem;height: .6rem;} .slick_news .slick-prev{left: 0;background: #b5b08a;} .slick_news .slick-next{left: .6rem;} .slick_news .slick-arrow:before{background-size: .24rem;} .slick_newstxt h3 {font-size: .26rem;line-height: .36rem;max-height: .72rem;margin: 0 0 .3rem;} .p3 .tit,.hzjl .tit{padding: 0;height: auto;background: none;} .tit.tc,.tit.col{margin: 0 0 .4rem;} .tab_wrap .hd{position: initial;} .tab_wrap .hd .more{ -webkit-transform: translate(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translate(-50%,0); bottom: 0; top: initial; right: initial; left: 50%; z-index: 6; } .tit.tc p{margin: 0;position: absolute;right: 0;top: 50%;margin-top: -.15rem;} .xs_img{padding-top: 46vw;} .xs_wrap{position: relative;left: 0 !important;right: 0;} .slick_xs{display: block;width: auto;width: 50%;margin-top: -32.56vw;padding: .2rem .28rem;} .hzjl .slick_xs{position:absolute;top:0} .slick_xs .cover_img{padding-top*: 24vw;} .slick_xstxt{display: block;width: auto;padding:.28rem;} .slick_xstxt h3{font-size:.24rem} .p4 .tit{float:none} .list_character{margin: 0 0 -.1rem;} .list_character a{display: block;width: auto;float: none;margin: .3rem 0 !important;padding-top: 56%;font-size: .2rem;} .p5{background-size: 60%;} .p5:before{content: none;} .list_life{padding: .9rem 0 0;font-size: 0;} .list_life .item{display: block;} .list_life .icon{display: inline-block;width: 33.3333333333% !important;margin: .2rem 0;padding-top: 32%;font-size: .2rem;} .list_life .icon i{margin:-.3rem 0 -.15rem;} .list_life .tit{position: absolute;top: 0;left: 16px;right: 16px;} .list_life .item:first-child{padding-top: 70.148%;} .list_life .item:last-child{padding-top: 57.105%} .list_cprt{margin: -.05rem;font-size: .2rem;} .list_cprt .cover_img,.list_cprt .cover_img:nth-child(2){width: calc(50% - .1rem);padding-top: 32%;margin: .05rem;} .list_cprt .cover_img:nth-child(3){width: calc(100% - .1rem);padding-top: 68%;} .list_cprt p{padding: .4rem .15rem .1rem;} .list_cprt .cover_img:nth-child(4){position: relative;} .list_topic{width: auto;margin: 0 -1px;} .list_topic .cover_img{padding-top: 102%;margin: 0 2px;width: calc(25% - 4px);} .list_topic h3{top: .2rem;left: .14rem;font-size: .22rem;} .list_topic b{right: .16rem;} .slick_notice{padding: 0 .34rem 64px;} .p9{text-align: center;} .f_logo{ position: relative; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); margin: 30px 0; display: block; left: initial; top: initial; } .f_link{width: auto;margin: 0 auto 18px;} .f_copy{line-height: 24px;} .f_copy span{margin: 0 6px;} .pos{display:none} .con_wrap{margin-bottom: 40px;} .con_wrap .list_notice{margin:-15px 0} .con_wrap .list_notice a{width:100%;margin:15px 0} .list_img{margin: -10px 0 -24px !important;} .list_img .item{float:none;display:block;width: auto !important;margin: 0 0 24px !important;} .list_avatar{margin:0 0 -30px -30px} .list_avatar a{float:left;width:calc(50% - 30px);margin-left:30px} .list_avatar .txt{padding:10px 14px} .list_item{margin:-10px 0} .list_item a{float:none;width:auto;margin:10px 0;padding:14px 20px 8px 20px;} .list_item em{font-size:15px;white-space:nowrap;height:auto;display: block;} .list_item.row{margin: 0 0 30px;} .list_item.row a{margin: 10px 0;float: none;width: auto;display: block;padding: 10px 20px 10px 38px;} .list_imgld{padding: 0;margin: -.1rem -20px;overflow: hidden;} .list_imgld .item{width: calc(50% - 20px);margin: .1rem 10px;} .site_wrap{margin-bottom:30px} .news_hd h3{font-size:20px} .news_hd{font-size:14px} .p_no_d,.p_no,.p_dot{display:none !important} .list_imgxy .item{width:calc(50% - 30px);} .list_imgxy h3{font-size:16px;} } @media (max-width:640px){ .inset_bar img{position:relative;left:50%;margin-left:-90%;width:180%;max-width:initial} .con_wrap .leader_wrap h3{font-size:18px} .con_wrap .leader_wrap .cover_img{width: 33%;padding-top: 49%;height: auto} .con_wrap .leader_wrap .txt{width: 67%;padding: 6px 0 0 20px} .con_wrap .leader_wrap .txt p{height: 64px;margin:4% 0 6%;font-size: 14px;-webkit-line-clamp: 3;display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} .con_wrap .leader_wrap a{ height: 240px;} } @media (max-width:374px){ .more,.site_wrap{font-size:12px} @media (max-width:359px){ .site_wrap{margin-bottom:20px} .news_hd h3{font-size:18px} .news_hd{font-size:12px;margin-bottom:26px} }