锘縝ody, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;list-style: none;border: 0; } body {font-size: 14px;font-family: 'Microsoft Yahei',arial,sans-serif;color: #666;letter-spacing: 0px;-webkit-font-smoothing: antialiased;background: #fff; } body img {border: none;max-width: 100%; } body h1, body h2, body h3, body h4, body h5, body h6 {font-weight: normal; } body table {border-collapse: collapse;border-spacing: 0;} body input, body textarea, body select, body button {list-style: none;border: 0;outline: none;padding: 0;margin: 0; } body em, body i, body strong, body address, body cite, body dfn, body var {font-style: normal;font-weight: normal; } body a {outline-style: none;text-decoration: none;color: #333333; } body a:hover {text-decoration: none; } body .clearfix {*zoom: 1; } body .clearfix:after {content: '';display: table;clear: both; } body .list:after{content: '';display: inline-block;width: 100%;} body .clear {clear: both; } body .wrap {width: 100%;overflow: hidden; position: relative;} body .container {width: 1100px;height: auto;text-align: left;margin: 0 auto; position: relative;overflow: hidden;} body .main {width: 100%;height: auto; } body .rel {position: relative; } body .flex {display: inline-block;display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content:center;-webkit-align-items:center;-webkit-box-pack: center;-webkit-box-align: center;align-items:center; justify-content:center;} /*header*/ .header{padding: 15px 0;} .header a.left{float: left;display: block;width: 328px;height: 62px;margin: 10px 55px 0 20px;} .header img.yy{display: block;width: 350px;height: 26px;float: left;margin-top: 25px;} .header item{display: block;float: right;width: 290px;} .header item i{display: block;margin-bottom: 10px;} .header item i img{display: inline-block;vertical-align: middle;margin-right: 8px;} .header item i p{font-size: 16px;color: #666;display: inline-block;vertical-align: middle;border-bottom: 1px #cdcdcd dashed;padding-bottom: 10px;} .header item i:nth-of-type(2) p{border-bottom: 0;} .header item i p a{display: inline-block;font-size: 24px;color: #f88600;font-family: impact;line-height: 1;vertical-align: bottom;} /*nav*/ .nav{background: #dd345f;} .nav ul li{width: 102px;float: left;text-align: center;} .nav ul li a{display: block;font-size: 16px;color: #fff;line-height: 50px;} .nav ul li a:hover{background: #c1234b;} .nav .ac { width: 82px; height: 26px; text-align: center; font-size: 14px; color: #ffffff; border: 1px solid #fff; line-height: 26px; position: absolute; right: 50px; top: 11px; } .nav .ac span { display: block; position: absolute; top: 2px; width: 14px; height: 14px; right: 2px; border-radius: 100%; background-color: #ffff00; color: #dc2d40; text-align: center; line-height: 14px; animation: nav 2.5s infinite ; animation-direction: alternate; } @keyframes nav { 0% { opacity: 1; } 100% { opacity: 0; } } /*banner*/ .banner{background: url("/templets/ms_new/special/swcjfm/images/banner.jpg")no-repeat center;height: 692px;position: relative;} .banner a.ban_a{display: block;width: 259px;height: 54px;position: absolute;top: 50%;right: 50%;margin: 104px 46px 0 0;} .banner a.ban_b{display: block;width: 140px;height: 140px;border-radius: 100%; position: absolute;top: 50%;left: 50%;margin: 90px 0 0 -20px;} /*绫荤洰*/ .leimu{background: #fffaf4;padding: 50px 0;} .leimu item{width: 210px;height: 222px;display: block;float: left;margin-left: 20px;background: #ff3469;position: relative;text-align: center;} .leimu item:before{content: '';border: 15px transparent solid;border-left-color: #ff3469;position: absolute;top: 50%;right: 0;margin-top: -15px;margin-right: -28px;} .leimu item h5{display: inline-block;font-size: 22px;color: #ff3469;font-weight: bold;background: #fff;padding: 0 25px;line-height: 40px;border-radius: 20px;margin-top: 40px;} .leimu item p{font-size: 30px;color: #fff;margin-top: 25px;} .leimu item p span{font-size: 56px;font-family: impact;color: #ffff00;line-height: 0.8;display: inline-block;vertical-align: bottom;} .leimu ul{float: right;} .leimu ul li{width: 260px;height: 220px;background: #fff;border: 1px #f8900d solid;border-radius: 20px;float: left;margin-right: 20px;text-align: center;} .leimu ul li h6{font-size: 24px;color: #333;margin-top: 20px;} .leimu ul li i{display: inline-block;width: 196px;height: 106px;background: #f8900d;border-radius: 10px;margin-top: 10px;} .leimu ul li i p{font-size: 22px;color: #fff;margin-top: 15px;} .leimu ul li i a{display: inline-block;font-size: 20px;font-weight: bold;color: #dd345f;line-height: 35px;background: #ffff01;padding: 0 30px;border-radius: 18px;margin-top: 10px;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;} .leimu ul li i a:hover{background: #fff;border-radius: 5px;} /*01*/ .wrap_a{margin-top: 60px;} .wrap_a img.left{display: block;} .wrap_a .right{width: 690px;position: absolute;top: 0;right: 0;text-align: center;} /*title*/ .title{text-align: center;} .title h2{font-size: 40px;color: #ff3469;font-weight: bold;} .title h2 img{display: inline-block;margin-right: 10px;} .title h2 span{color: #f8900d;} .title p{font-size: 18px;color: #666;} .title_b h2{color: #fff;} .title_b h2 span{color: #ffff00;} .title_b p{color: #fff;} .wrap_a .right ul{margin-top: 35px;} .wrap_a .right ul li{border: 1px #ff3469 solid;border-radius: 8px;margin-bottom: 20px;text-align: left;} .wrap_a .right ul li item{width: 240px;text-align: center;background: #ff3469;display: block;float: left;border-radius: 5px;} .wrap_a .right .height_a item{height: 110px;} .wrap_a .right .height_b item{height: 190px;} .wrap_a .right .height_c item{height: 130px;} .wrap_a .right ul li item h4{font-size: 22px;color: #fff;font-weight: bold;} .wrap_a .right ul li item h5{font-size: 16px;color: #ffff00;margin-top: 5px;} .wrap_a .right ul li item h5 span{font-family: impact;font-size: 34px;line-height: 1;vertical-align: bottom;display: inline-block;padding: 0 5px;} .wrap_a .right ul li item h5 s{color: #fff;} .wrap_a .right ul li item h6{font-size: 16px;color: #fff;margin-top: 5px;} .wrap_a .right ul li:nth-of-type(1) item h4{margin-top: 20px;} .wrap_a .right ul li:nth-of-type(2) item h4{margin-top: 8px;} .wrap_a .right ul li:nth-of-type(3) item h4{margin-top: 36px;} .wrap_a .right ul li:nth-of-type(4) item h4{margin-top: 22px;} .wrap_a .right ul li i{display: block;float: left;margin-left: 30px;} .wrap_a .right ul li i p{font-size: 16px;color: #666;line-height: 1.6;} .wrap_a .right ul li i p span{color: #ff0000;} .wrap_a .right ul li:nth-of-type(1) i{margin-top: 16px;} .wrap_a .right ul li:nth-of-type(2) i{margin-top: 5px;} .wrap_a .right ul li:nth-of-type(3) i{margin-top: 20px;} .wrap_a .right ul li:nth-of-type(4) i{margin-top: 12px;} .wrap_a .right ul li a{display: block;width: 80px;height: 100px;float: right;margin-right: 20px;} .wrap_a .right a.a_btn{margin-top: 10px;font-size: 20px;color: #f8910d;font-weight: bold;border: 1px #fbc886 solid;line-height: 55px;padding: 0 20px;border-radius: 28px;display: inline-block;} .wrap_a .right a.a_btn img{display: inline-block;vertical-align: middle;margin-right: 5px;} .wrap_a .right a.a_btn span{display: inline-block;vertical-align: middle;} /*02*/ .wrap_b{background: #ee5760;} .b_top{background: url("/templets/ms_new/special/swcjfm/images/b_top.png")no-repeat center;height: 80px;} .b_bottom{background: url("/templets/ms_new/special/swcjfm/images/b_bottom.png")no-repeat center;height: 80px;} .wrap_b .title{margin-top: 30px;} .wrap_b .switch{margin-top: 35px;padding-bottom: 50px;position: relative;} .wrap_b .center{background: #fff;width: 900px;height: 400px;padding: 30px;margin: 0 auto;} .wrap_b .center_a table{width: 546px;float: left;text-align: center;} .wrap_b .center_a table h4{font-size: 24px;color: #333;} .wrap_b .center_a table td{border: 1px #dfdfdf solid;height: 80px;box-sizing: border-box;width: 182px;font-size: 18px;color: #666;} .wrap_b .center_a table tr:nth-of-type(2) td{font-size: 22px;color: #fff;} .wrap_b .center_a table td h5{font-size: 18px;color: #f8900d;} .wrap_b .center_a table td h5 span{font-size: 56px;font-family: impact;} .wrap_b .center_a img.right{display: block;float: right;width: 334px;height: 402px;} .wrap_b .center_b{text-align: center;} .wrap_b .center_b h3{font-size: 24px;color: #ff3469;border: 1px #ff99b4 dashed;display: inline-block;line-height: 50px;padding: 0 25px;border-radius: 5px;margin-bottom: 30px;} .wrap_b .center_b .left{width: 525px;float: left;text-align: center;} .wrap_b .center_b img.right{display: block;float: right;width: 342px;height: 317px;} .wrap_b .center_b .left img{display: inline-block;vertical-align: middle;} .wrap_b .center_b .left item{width: 310px;display: inline-block;vertical-align: middle;margin-left: 15px;} .wrap_b .center_b .left p{font-size: 16px;color: #666;text-align: left;line-height: 1.6;} .wrap_b .center_b .left h6{font-size: 26px;color: #f8900d;text-align: left;display: inline-block;margin-top: 10px;} .wrap_b .center_b .left a{display: block;width: 400px;border: 1px #ff99b4 dashed;text-align: center;margin-top: 40px !important;margin: 0 auto;font-size: 22px;color: #666;line-height: 65px;} .wrap_b .center_b .left a em{color: #ff0000;} .wrap_b .center_b .left a span{font-size: 44px;font-family: impact;line-height: 67px;vertical-align: top;padding: 0 5px;} .wrap_b .center_c{text-align: center;} .wrap_b .center_c h3{font-size: 24px;color: #ff3469;border: 1px #ff99b4 dashed;display: inline-block;line-height: 50px;padding: 0 25px;border-radius: 5px;margin-bottom: 30px;margin-top: 10px;} .wrap_b .center_c ul li{width: 450px;height: 300px;background: #03b294;float: left;position: relative;text-align: left;} .wrap_b .center_c ul li img{display: block;width: 150px;height: 300px;} .wrap_b .center_c ul li img.pic_a{position: absolute;top: 0;right: 0;} .wrap_b .center_c ul li img.pic_b{position: absolute;top: 0;left: 0;} .wrap_b .center_c ul li:nth-of-type(2){background: #ff9f28;text-align: right;} .wrap_b .center_c ul li h4{font-size: 22px;color: #fff;display: inline-block;background: #009f84;line-height: 50px;padding: 0 15px;margin-top: 30px;} .wrap_b .center_c ul li:nth-of-type(2) h4{background: #f28600;} .wrap_b .center_c ul li h6{font-size: 18px;color: #fff;width: 290px;text-align: center;display: inline-block;margin-top: 20px;} .wrap_b .center_c ul li p{font-size: 20px;color: #fff;width: 290px;text-align: center;display: inline-block;margin-top: 10px;} .wrap_b .center_c ul li p b{font-size: 24px;} .wrap_b .center_c ul li p span{font-size: 40px;font-family: impact;color: #ffff00;line-height: 0.8;vertical-align: bottom;} .wrap_b .center_c ul li a{display: block;margin-top: 20px;width: 160px;text-align: center;background: #fff;font-size: 22px;font-weight: bold;line-height: 50px;border-radius: 25px;color: #03b294;margin-left: 70px;} .wrap_b .center_c ul li:nth-of-type(2) a{color: #f28600;margin-left: 225px;} .wrap_b .center_d{text-align: center;} .wrap_b .center_d h3{font-size: 24px;color: #ff3469;border: 1px #ff99b4 dashed;display: inline-block;line-height: 50px;padding: 0 25px;border-radius: 5px;margin-bottom: 30px;} .wrap_b .center_d h3 span{color: #f8900d;} .wrap_b .center_d .left{width: 525px;float: left;text-align: left;} .wrap_b .center_d img.right{width: 342px;height: 317px;display: block;float: right;} .wrap_b .center_d .left h4{font-size: 24px;color: #ee5760;margin-top: 10px;margin-bottom: 10px;} .wrap_b .center_d .left h4 em{display: inline-block;font-size: 24px;color: #fff;background: #f8900d;line-height: 50px;padding: 0 50px;border-radius: 25px;position: relative;font-weight: bold;vertical-align: middle;margin-left: 30px;} .wrap_b .center_d .left h4 em:before{content: '';border: 15px transparent solid;border-top-color: #f8900d;position: absolute;left: 50%;bottom: 0;margin-left: -15px;margin-bottom: -28px;} .wrap_b .center_d .left h4 span{font-size: 80px;color: #ee5760;font-family: impact;display: inline-block;vertical-align: middle;margin-left: 20px;background: url("/templets/ms_new/special/swcjfm/images/x.png")no-repeat;width: 137px;height: 84px;line-height: 1;} .wrap_b .center_d .left p{font-size: 16px;color: #666;line-height: 1.8;margin-left: 30px;} .wrap_b .center_e{text-align: center;width: 920px;padding: 30px 20px !important;} .wrap_b .center_e h3{font-size: 24px;color: #ff3469;border: 1px #ff99b4 dashed;display: inline-block;line-height: 50px;padding: 0 25px;border-radius: 5px;margin-bottom: 30px;} .wrap_b .center_e h3 span{color: #f8900d;} .wrap_b .center_e .left{width: 560px;float: left;text-align: center;} .wrap_b .center_e img.right{width: 342px;height: 317px;display: block;float: right;} .wrap_b .center_e .left ul li{float: left;width: 180px;height: 248px;background: url("/templets/ms_new/special/swcjfm/images/b_bg.png")no-repeat;text-align: center;position: relative;margin-right: 10px;} .wrap_b .center_e .left ul li:nth-of-type(3){margin-right: 0;} .wrap_b .center_e .left ul li b{display: inline-block;font-size: 22px;color: #ff3469;background: #fff;line-height: 35px;padding: 0 40px;border-radius: 18px;margin-top: 25px;} .wrap_b .center_e .left ul li h6{font-size: 22px;color: #fff;margin-top: 20px;} .wrap_b .center_e .left ul li h5{font-size: 20px;color: #fff;margin-top: 30px;} .wrap_b .center_e .left ul li h5 span{font-family: impact;font-size: 60px;line-height: 1;color: #ffff00;padding: 0 5px;} .wrap_b .center_e .left p,.wrap_b .center_e .left p a{font-size: 18px;color: #666;margin-top: 25px;} .wrap_b .button-next img{display: block;width: 38px;height: 70px;position: absolute;top: 195px;left: 15px;z-index: 99;cursor: pointer;} .wrap_b .button-prev img{display: block;width: 38px;height: 70px;position: absolute;top: 195px;right: 15px;z-index: 99;cursor: pointer;} .wrap_b .swiper-pagination span{width: 46px;height: 12px;border-radius: 6px;background: #fff;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;} .wrap_b .swiper-pagination span.swiper-pagination-bullet-active{background: #ffff00;} .wrap_b .b_btn{margin-top: 30px;text-align: center;padding-bottom: 30px;} .wrap_b .b_btn a{display: inline-block;font-size: 22px;font-weight: bold;color: #ee5760;line-height: 60px;background: #ffff00;padding: 0 60px;border-radius: 5px;} /*03*/ .wrap_c{margin-top: 30px;} .wrap_c ul{margin-top: 20px;} .wrap_c ul li{width: 520px;text-align: left;float: left;position: relative;margin-left: 20px;margin-top: 20px;background: #ffe9eb;height: 450px;} .wrap_c ul li:nth-of-type(2){background: #fff7ec;} .wrap_c ul li:nth-of-type(3){background: #fff7ec;} .wrap_c ul li img.hot{display: block;width: 163px;height: 163px;position: absolute;top: 0;left: 0;} .wrap_c ul li img.ren{display: block;width: 210px;height: 425px;position: absolute;bottom: 0;right: 0;} .wrap_c ul li a#animated{display: block;width: 132px;height: 132px;position: absolute;bottom: 20px;right: 20px;} .wrap_c ul li h3{display: inline-block;font-size: 28px;color: #fff;font-weight: bold;background: #ff5965;line-height: 50px;padding: 0 35px;border-radius: 5px;margin: 70px 0 0 105px;position: relative;} .wrap_c ul li h2{margin-top: 55px;position: relative;} .wrap_c ul li i{display: inline-block;text-align: center;margin-left: 20px;} .wrap_c ul li i h5{font-size: 24px;color: #666666;} .wrap_c ul li i h6{font-size: 20px;color: #ff000f;margin-top: 15px;} .wrap_c ul li i h6 span{font-family: impact;font-size: 40px;line-height: 1;} .wrap_c ul li i em{font-size: 16px;color: #ff5864;} .wrap_c ul li item{width: 290px;height: 95px;display: block;background: url("/templets/ms_new/special/swcjfm/images/c_jx.png")no-repeat;margin-top: 35px;position: relative;} .wrap_c ul li item p{font-size: 18px;color: #666;padding-top: 10px;padding-left: 30px;} .wrap_c ul li item p:nth-of-type(1){padding-top: 15px;} .wrap_c ul li item p em{color: #f8900d;} .wrap_c ul li item p em span{font-size: 34px;font-family: impact;line-height: 0.8;vertical-align: bottom;padding: 0 5px;} /*04*/ .wrap_d{margin-top: 60px;} .wrap_d font{font-size: 16px;color: #666;display: block;margin: 0 auto;margin-top: 40px !important;width: 1000px;text-align: left;line-height: 1.6;} .wrap_d .main_d{background: url("/templets/ms_new/special/swcjfm/images/d_bg.jpg")no-repeat center;height: 620px;margin-top: 35px;} .wrap_d .main_d .center{background: url("/templets/ms_new/special/swcjfm/images/d_img_a.png")no-repeat;height: 216px;width: 1060px;margin: 0 auto;margin-top: 40px !important;} .wrap_d .main_d .center item{display: inline-block;vertical-align: middle;width: 720px;text-align: center;} .wrap_d .main_d .center item p{font-size: 22px;color: #333;margin-top: 20px;} .wrap_d .main_d .center item b{display: inline-block;font-size: 24px;color: #fff;background: #ee5760;line-height: 60px;padding: 0 60px;border-radius: 5px;margin-top: 10px;} .wrap_d .main_d .center a{display: inline-block;width: 185px;height: 165px;background: #ee5760;font-size: 24px;color: #fff;font-weight: bold;border-radius: 5px;text-align: center;vertical-align: middle;margin-top: 25px;} .wrap_d .main_d .center a em{margin-top: 50px;display: inline-block;} .wrap_d .main_d ul{margin-top: 40px;} .wrap_d .main_d ul li{width: 340px;float: left;text-align: center;background: #fff;padding: 30px 0;margin-left: 20px;} .wrap_d .main_d ul li b{font-size: 32px;color: #333;} .wrap_d .main_d ul li p{font-size: 20px;color: #666;margin-top: 20px;} .wrap_d .main_d ul li h6{font-size: 24px;color: #ff000f;margin-top: 15px;} .wrap_d .main_d ul li a{font-size: 24px;color: #fff;font-weight: bold;display: inline-block;background: #f8900d;line-height: 60px;padding: 0 65px;margin-top: 30px;border-radius: 5px;} /*05*/ .wrap_e{margin-top: 60px;} .wrap_e ul{margin-top: 40px;} .wrap_e ul li{width: 267px;float: left;text-align: center;margin-left: 10px;border: 1px #dfdfdf solid;border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;padding: 40px 0;} .wrap_e ul li:nth-of-type(1){margin-left: 0;} .wrap_e ul li h5{font-size: 20px;color: #ee5760;font-weight: bold;} .wrap_e ul li img{display: inline-block;margin-top: 20px;} .wrap_e ul li span{font-size: 18px;color: #fff;font-family: impact;display: inline-block;background: #f8900d;line-height: 25px;border-radius: 5px;padding: 0 10px;} .wrap_e ul li p{font-size: 14px;color: #666;width: 210px;display: inline-block;vertical-align: middle;text-align: left;margin-left: 10px;} .wrap_e ul li h6{margin-top: 15px;} .wrap_e .e_btn{margin-top: 40px;padding-bottom: 10px;text-align: center;} .wrap_e .e_btn a{display: inline-block;font-size: 20px;color: #fff;font-weight: bold;background: #ff5965;line-height: 65px;padding: 0 50px;border-radius: 5px;} /*06*/ .wrap_f{margin-top: 30px;background: #ffb14c;} .f_top{background: url("/templets/ms_new/special/swcjfm/images/f_top.png")no-repeat center;height: 80px;} .f_bottom{background: url("/templets/ms_new/special/swcjfm/images/f_bottom.png")no-repeat center;height: 80px;} .wrap_f .container{width: 1020px;margin: 40px auto;position: relative;} .wrap_f .container .left{position: relative;float: left;} .wrap_f .container i{padding: 20px;text-align: center;display: inline-block;background: #fff;border-radius: 5px;} .wrap_f .container i p{font-size: 16px;color: #666;line-height: 1.6;margin-top: 10px;} .wrap_f .container .left item{background: url("/templets/ms_new/special/swcjfm/images/f_img_a.png")no-repeat center;width: 200px;height: 270px;display: inline-block;text-align: center;position: absolute;top: 25px;left: 282px;} .wrap_f .container .right{float: right;} .wrap_f .container .right item{background: url("/templets/ms_new/special/swcjfm/images/f_img_a.png")no-repeat center;width: 200px;height: 270px;display: inline-block;text-align: center;position: absolute;bottom: 25px;right: 282px;} .wrap_f .container item h6{display: inline-block;background: #f8900d;font-size: 24px;color: #fff;line-height: 40px;padding: 0 30px;border-radius: 5px;margin-top: 60px;} .wrap_f .container item p{font-size: 16px;color: #666;text-align: left;display: inline-block;padding-top: 15px;line-height: 1.7;padding-left: 20px;width: 140px;} .video-js .vjs-big-play-button{top: 150px !important;left: 98px !important;position: absolute;width: 60px !important;border: none !important;background: rgba(0,0,0,0.4) !important;} /*07*/ .wrap_g{margin-top: 30px;} .wrap_g .container{width: 1060px;margin: 0 auto;position: relative;} .wrap_g ul{margin-top: 35px;} .wrap_g ul li{width: 346px;height: 240px;text-align: center;float: left;margin-left: 11px;background: #ee5760;margin-bottom: 11px;position: relative;} .wrap_g ul li:nth-of-type(1){margin-left: 0;} .wrap_g ul li:nth-of-type(4){margin-left: 0;} .wrap_g ul li img{display: block;width: 346px;height: 240px;} .wrap_g ul li p{font-size: 20px;color: #fff;background: rgba(0,0,0,0.4);line-height: 45px;display: block;position: absolute;left: 0;bottom: 0;width: 100%;} .wrap_g ul li b{font-size: 36px;color: #fff;display: inline-block;margin-top: 30px;} .wrap_g ul li h6{font-size: 40px;color: #ffff00;font-family: impact;line-height: 1.4;} .wrap_g ul li a{display: inline-block;font-size: 22px;font-weight: bold;color: #ee5760;background: #fff;line-height: 50px;padding: 0 45px;border-radius: 25px;border-bottom: 4px #fc939a solid;margin-top: 20px;} /*go*/ .btn_go{text-align: center;padding: 60px 0;position: relative;} .btn_go:before{width: 60px;height: 14px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%; background: #cfcfcf;position: absolute;left: 50%; margin-left: -30px; top: 220px;content: '';display: block;} /*footer*/ .footer{background: #dd345f;padding-bottom: 50px;} .footer .container{text-align: center !important;} .footer .container img.left{float: left;padding: 65px 0 0 20px;display: block;} .footer .container a.footer_logo{margin-left: 22px;display: inline-block;} .footer .container item{float: right;padding: 65px 20px 0 0;text-align: left;} .footer .container item b{font-size: 20px;color: #fff;} .footer .container item p{font-size: 16px;color: #fff;margin-top: 15px;line-height: 1.6;} .footer .container item p a{font-size: 22px;font-family: impact;color: #ffff00;line-height: 1.2;} /*鎸夐挳鍔ㄧ敾*/ #animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-name: tada; animation-name: tada; } #button { animation: pulse 1.2s infinite alternate; } .animated_infinite { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }