锘縝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;margin-top: 55px;} 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;} body .msg{-webkit-flex: 1; flex: 1;-moz-box-flex: 1;-ms-flex: 1;} /*top*/ #top{background: url("/templets/ms_new/special/xswcc/images/top.jpg")no-repeat center;height: 100px;display: block;margin: 0 auto;width: 100%;z-index: 999;} #top a{display: block;width: 100%;height: 100px;position: relative;} #top #btn_gb{display: block;width: 40px;height: 40px;position: absolute;left: 0;top: 30px;z-index: 99;cursor: pointer;} .top{position: fixed;} /*header*/ .header{position: relative;} .header .container{padding: 30px 0 27px;} .header a.left{display: block;width: 328px;height: 62px;float: left;} .header .center{display: block;width: 350px;height: 26px;float: left;margin: 20px 0 0 45px;} .header .right{width: 330px;float: right;} .header .right img{display: inline-block;vertical-align: middle;width: 51px;height: 51px;} .header .right item{width: 255px;display: inline-block;vertical-align: middle;margin-left: 10px;} .header .right item p{font-size: 16px;color: #666;border-bottom: 1px #dedede dashed;padding-bottom: 8px;} .header .right item p:nth-of-type(2){border-bottom: 0;padding-bottom: 0;} .header .right item p a{font-size: 24px;color: #ff6535;font-family: impact;line-height: 1.2;display: inline-block;vertical-align: bottom;} /*top_nav*/ .top_nav{background: #1da7a9;position: relative;} .top_nav ul li{float: left;width: 110px;text-align: center;} .top_nav ul li a{font-size: 16px;color: #FFFFFF;line-height: 50px;display: block;} .top_nav ul li a:hover{background: #089698;} .top_nav a.yuyue{font-size: 16px;color: #fff;display: block;width: 100px;text-align: center;line-height: 30px;border: 1px #fff solid;position: absolute;right: 0;top: 9px;} .top_nav img{width: 14px;height: 14px;display: block;position: absolute;top: 13px;right: 3px;} /*banner*/ .banner{background: url("/templets/ms_new/special/xswcc/images/banner.jpg")no-repeat center;height: 620px;display: block;position: relative;} .banner a{display: block;width: 147px;height: 143px;position: absolute;top: 50%;left: 50%;margin: 80px 0 0 350px;} /*title*/ .title{text-align: center;position: relative;} .title h1{font-size: 36px;color: #4a4a4a;} .title h2{font-size: 48px;color: #1da7a9;font-weight: bold;} .title ul{width: 400px;margin: 0 auto;margin-top: 15px !important;} .title ul li{width: 120px;text-align: center;float: left;border-top: 3px #f8900d solid;margin-right: 20px;} .title ul li:nth-of-type(3){margin-right: 0;} .title ul li b{font-size: 16px;color: #666;} .title ul li p{font-size: 16px;color: #666;} .title h3{font-size: 22px;color: #666;margin-top: 15px;} /*01*/ .wrap_a .container ul{width: 885px;margin: 0 auto;} .wrap_a .container ul li{float: left;width: 180px;height: 180px;text-align: center;position: relative;margin-left: 55px;margin-top: 55px;} .wrap_a .container ul li:nth-of-type(1){margin-left: 0;} .wrap_a .container ul li:nth-of-type(5){margin-left: 0;} .wrap_a .container ul li img{display: block;} .wrap_a .container ul li p{font-size: 20px;color: #fff;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);} .wrap_a .container .tips{margin-top: 55px;padding: 0 30px;} .wrap_a .container .tips p{border: 1px #8ed3d4 dashed;border-radius: 20px;display: inline-block;padding: 20px 35px;font-size: 16px;color: #666;line-height: 1.7;} .wrap_a .container .tips p b{color: #f8900d;} /*btn 閫氱敤*/ .btn{margin-top: 45px;text-align: center;padding-bottom: 10px;} .btn a{display: inline-block;} .btn a span{display: inline-block;padding: 0 35px;font-size: 16px;color: #666;line-height: 55px;border: 1px #5ecec2 solid;border-right: 0;border-bottom-left-radius: 28px;border-top-left-radius: 28px;vertical-align: bottom;} .btn a b{display: inline-block;background: #f8900d;line-height: 57px;padding: 0 35px;color: #fff;border-bottom-right-radius: 28px;border-top-right-radius: 28px;vertical-align: bottom;font-size: 20px;} /*02*/ .wrap_b{background: #f8f8f8;padding: 45px 0;} .title_b:after{content: '';width: 105px;height: 4px;background: #41c7c9;display: block;position: absolute;top: 88px;left: 50%;margin-left: -53px;} .wrap_b .container{margin-top: 70px !important;} .wrap_b font{display: block;text-indent: 2em;font-size: 16px;color: #666;margin-bottom: 40px;line-height: 1.7;} .wrap_b .left{width:670px;float:left;margin-left: 60px;} .wrap_b .left li{width:120px;float:left;margin-right:40px;height:150px;margin-top: 35px;overflow: hidden;} .wrap_b .left i{width:118px;border-radius:59px;border:1px solid #66cccc;height:118px;float:left;background:#fff;} .wrap_b .left i img{margin:33px;float:left;} .wrap_b .left p{width:100%;text-align:center;color:#626161;margin-top:10px;font-size: 16px;color: #666; float:left;} .wrap_b .left li:hover img.im{display: none;} .wrap_b .left li:hover i{background: #5ecec2;} .wrap_b .left li:hover p{color: #5ecec2;} .wrap_b .right{width: 340px;float: right;text-align: center;} .wrap_b .right i{font-size: 14px;color: #fff;line-height: 27px;display: inline-block;height: 31px;width: 157px;text-align: center;} .wrap_b .right i:nth-of-type(1){background: url("/templets/ms_new/special/xswcc/images/b_qh_a.png")no-repeat center;margin-right: 15px;} .wrap_b .right i:nth-of-type(2){background: url("/templets/ms_new/special/xswcc/images/b_qh_b.png")no-repeat center;} .wrap_b .switch_a{margin-top: 15px;padding-bottom: 25px;} .wrap_b .switch_a .swiper-pagination{bottom: 0 !important;} .wrap_b .switch_a .swiper-pagination span{background: #9c9c9c;opacity: 1;} .wrap_b .switch_a .swiper-pagination span.swiper-pagination-bullet-active{background: #5ecec2;} /*03*/ .wrap_c{background: #05c1c0;padding: 55px 0;margin-top: 0 !important;} .wrap_c .title h1{color: #fff;} .wrap_c .title h1 span{color: #ffff00;} .wrap_c .title em{font-size: 10px;color: #e0ffff;letter-spacing: 1px;} .wrap_c .title:after{content: '';width: 105px;height: 4px;background: #009493;display: block;position: absolute;top: 75px;left: 50%;margin-left: -53px;} .wrap_c .center{width: 990px;margin-top: 35px !important;margin: 0 auto;} .wrap_c .center font{font-size: 16px;color: #fff;line-height: 1.7;display: block;text-indent: 2em;} /*hd*/ .wrap_c ul.hd{margin-top: 40px;} .wrap_c ul.hd li{width: 480px;background: #fff;text-align: center;position: relative;float: left;margin-right: 30px;border-radius: 15px;padding: 20px 0;cursor: pointer;} .wrap_c ul.hd li:nth-of-type(2){margin-right: 0;} .wrap_c ul.hd li img{width: 57px;height: 63px;display: block;position: absolute;top: 0;left: 20px;} .wrap_c ul.hd li b{font-size: 26px;font-weight: bold;color: #05c1c0;display: inline-block;padding-left: 40px;} .wrap_c ul.hd li.on{background: #ffff00;} .wrap_c ul.hd li.on b{color: #ff8e00;} .wrap_c ul.hd li.on:before{content: '';border: 20px transparent solid;border-top-color: #ffff00; position: absolute;bottom: 0;left: 50%;margin-left:-20px;margin-bottom: -39px;display: block;} /*bd*/ .wrap_c ul.bd{margin-top: 40px;} .wrap_c ul.bd li{position: relative;display: none;} .wrap_c ul.bd li.on{display: block;} .wrap_c ul.bd li img.bg{display: block;width: 990px;height: 396px;} .wrap_c ul.bd li .right{width: 430px;text-align: center;position: absolute;top: 25px;right: 30px;} .wrap_c ul.bd li .right h4{font-size: 30px;color: #1da7a9;font-weight: bold;} .wrap_c ul.bd li .right h4 span{font-family: impact;font-size: 44px;color: #ff6600;display: inline-block;vertical-align: bottom;line-height: 1;margin-right: 5px;} .wrap_c ul.bd li .right h4 em{color: #ff6600;} .wrap_c ul.bd li .right h6{margin: 10px 0 5px;display: block;} .wrap_c ul.bd li .right ul.ul_a{background: rgba(255,255,255,0.5);padding: 10px 16px;} .wrap_c ul.bd li .right ul.ul_a li{float: left;width: 194px;text-align: left;display: block !important;margin-top: 5px;} .wrap_c ul.bd li .right ul.ul_a li img{display: inline-block;vertical-align: middle;} .wrap_c ul.bd li .right ul.ul_a li em{font-size: 16px;color: #666;vertical-align: middle;margin-left: 5px;} .wrap_c ul.bd li .right ul.ul_a li em span{color: #ff6600;} .wrap_c ul.bd li .right .box{border: 1px #f49b2c solid;text-align: center;padding: 15px 0;} .wrap_c ul.bd li .right .box b{display: block;font-size: 20px;color: #ff6600;margin-bottom: 5px;} .wrap_c ul.bd li .right .box img{display: inline-block;vertical-align: middle;} .wrap_c ul.bd li .right .box item{display: inline-block;vertical-align: middle;text-align: left;margin-left: 10px;} .wrap_c ul.bd li .right .box item p{font-size: 16px;color: #666;line-height: 1.6;} .wrap_c ul.bd li .right .box item p span{color: #ff6600;} .wrap_c .btn span{color: #fff;border: 1px #fff solid;border-right: 0;} .wrap_c .btn b{color: #ff8e00;background: #FFFF00;} /*04*/ .wrap_d .title h3{margin-top: 0 !important;} .wrap_d .title:after{content: '';width: 105px;height: 4px;background: #009493;display: block;position: absolute;top: 80px;left: 50%;margin-left: -53px;} .wrap_d .center{width: 930px;margin: 0 auto;margin-top: 60px !important;} .wrap_d .center .left{width: 450px;border: 4px #bae7e7 solid;border-radius: 10px;text-align: center;padding: 23px 30px;float: left;} .wrap_d .center .left h6{font-size: 24px;color: #ff8e00;margin-bottom: 5px;display: inline-block;} .wrap_d .center .left p{font-size: 16px;color: #666;margin-top: 7px;text-align: left;} .wrap_d .center ul{width: 408px;float: right;} .wrap_d .center ul li{float: left;width: 184px;text-align: center;margin: 20px 0 0 20px;} .wrap_d .center ul li:nth-of-type(1){margin-top: 0;} .wrap_d .center ul li:nth-of-type(2){margin-top: 0;} .wrap_d .center ul li img{display: block;} .wrap_d .center ul li p{display: block;font-size: 16px;color: #fff;background: #00a2a1;line-height: 35px;} /*05*/ .wrap_e{padding: 55px 0;background: #f8f8f8;} .wrap_e .title em{display: inline-block;margin-top: 5px;font-size: 10px;color: #c2c2c2;letter-spacing: 1px;} .wrap_e .title:after{content: '';width: 105px;height: 4px;background: #41c7c9;display: block;position: absolute;top: 80px;left: 50%;margin-left: -53px;} .wrap_e .center{width: 955px;margin: 0 auto;margin-top: 60px !important;background: url("/templets/ms_new/special/xswcc/images/e_img_a.jpg")no-repeat center;height: 560px;} .wrap_e .center ul.left{float: left;} .wrap_e .center ul.right{float: right;} .wrap_e .center ul{width: 130px;} .wrap_e .center ul li{text-align: center;margin-bottom: 40px;font-size: 16px;color: #666;line-height: 1.6;} .wrap_e .center ul li img{display: block;margin: 0 auto;padding-bottom: 5px;} .wrap_e .center ul li:nth-of-type(3){margin-bottom: 0;} /*06*/ .wrap_f{padding: 55px 0;background: #05c1c0;margin-top: 0 !important;} .wrap_f .title h3{color: #fff;margin-top: 0;} .wrap_f .title h1{color: #fff;} .wrap_f .title:after{content: '';width: 105px;height: 4px;background: #009493;display: block;position: absolute;top: 80px;left: 50%;margin-left: -53px;} .wrap_f .switch_c{margin-top: 50px !important;width: 1020px;margin: 0 auto;padding-bottom: 40px;} .wrap_f .switch_c .swiper-pagination{bottom: 0 !important;} .wrap_f .switch_c .swiper-pagination span{background: #fff;opacity: 1;width: 45px;height: 10px;border-radius: 5px;} .wrap_f .switch_c .swiper-pagination span.swiper-pagination-bullet-active{background: #ffff00;} /*07*/ .wrap_g .title h1 span{font-size: 50px;color: #f8900d;font-weight: bold;} .wrap_g .title em{font-size: 10px;color: #c2c2c2;letter-spacing: 1px;} .wrap_g .title:after{content: '';width: 105px;height: 4px;background: #41c7c9;display: block;position: absolute;top: 95px;left: 50%;margin-left: -53px;} .wrap_g .center{width: 995px;margin: 0 auto;margin-top: 60px !important;} .wrap_g .center table{text-align: center;} .wrap_g .center table tr td:nth-of-type(1){width: 70px;} .wrap_g .center table tr td:nth-of-type(2){width: 315px;} .wrap_g .center table tr td:nth-of-type(3){width: 255px;} .wrap_g .center table tr td:nth-of-type(4){width: 175px;} .wrap_g .center table tr td:nth-of-type(5){width: 175px;} .wrap_g .center table tr td{border: 1px #e0e0e0 solid;font-size: 18px;color: #fff;} .wrap_g .center table tr{height: 160px;} .wrap_g .center table tr:nth-of-type(1){height: 60px;background: #0cbcd6;} .wrap_g .center table tr:nth-of-type(2){background: #fff6eb;} .wrap_g .center table tr:nth-of-type(3){background: #eefffa;} .wrap_g .center table tr td p{text-align: left;display: inline-block;font-size: 14px;color: #666;padding: 0 20px;line-height: 1.8;} .wrap_g .btn span{border: 1px #5ecec2 solid;border-right: 0;} /*08*/ .wrap_h{background: #05c1c0;padding: 55px 0;} .wrap_h .title h1{color: #fff;} .wrap_h .title em{font-size: 10px;color: #fff;letter-spacing: 1px;} .wrap_h .title:after{content: '';width: 105px;height: 4px;background: #009493;display: block;position: absolute;top: 75px;left: 50%;margin-left: -53px;} .wrap_h .center{text-align: center;width: 900px;margin: 0 auto;margin-top: 45px !important;} .wrap_h .center item{width: 475px;padding: 15px 0;text-align: center;border: 1px #009493 dashed;border-radius: 10px;display: block;margin: 0 auto;color: #fff;font-size: 16px;font-weight: bold;line-height: 1.6;} .wrap_h .center .box{margin-top: 35px;} .wrap_h .center .box .pic img{display: block;width: 400px;height: 500px;border: 4px #03b4b3 solid;} .wrap_h .center .box .msg{text-align: left;margin-left: 35px;} .wrap_h .center .box .msg h4{font-size: 36px;color: #ffff00;font-weight: bold;} .wrap_h .center .box .msg span{display: inline-block;font-size: 20px;color: #00abaa;background: #fff;line-height: 40px;padding: 0 30px;margin-top: 20px;} .wrap_h .center .box .msg p{font-size: 16px;color: #fff;display: block;margin-top: 10px;} .wrap_h .center .box .msg p em{font-size: 14px;color: #fff;line-height: 1.6;} .wrap_h .center .box .msg p em a{color: #ffff00;} .wrap_h .center .box .msg .qh_btn{margin-top: 35px;} .wrap_h .center .box .msg .qh_btn a{font-size: 20px;color: #fff;display: inline-block;line-height: 50px;border: 1px #fff solid;border-radius: 25px;margin-right: 30px;padding: 0 35px;font-weight: bold;} .wrap_h .center .box .msg .qh_btn a:nth-of-type(2){margin-right: 0;background: #f6a026;} .wrap_h .center .box .msg .qh_btn a:hover{background: #fff;color: #05c1c0;} /*09*/ .wrap_i .title h1 span{color: #f8900d;font-weight: bold;} .wrap_i .title em{font-size: 10px;color: #c2c2c2;} .wrap_i .title:after{content: '';width: 105px;height: 4px;background: #009493;display: block;position: absolute;top: 75px;left: 50%;margin-left: -53px;} .wrap_i .center{margin-top: 135px !important;width: 980px;margin: 0 auto;} .wrap_i .center ul li{float: left;width: 305px;height: 360px;margin-right: 30px;text-align: center;border: 1px #e3e3e3 solid;border-radius: 20px;position: relative;} .wrap_i .center ul li:nth-of-type(3){margin-right: 0;} .wrap_i .center ul li:nth-of-type(2){border: 0;background: #05c1c0;} .wrap_i .center ul li img{display: inline-block;position: relative;top: -80px;} .wrap_i .center ul li:nth-of-type(2) item b{color: #ffff00;} .wrap_i .center ul li:nth-of-type(2) item em{color: #ffff00;font-size: 16px;} .wrap_i .center ul li:nth-of-type(2) item p{color: #fff;} .wrap_i .center ul li item{width: 240px;display: block;margin: 0 auto;margin-top: -50px !important;} .wrap_i .center ul li item b{display: block;font-size: 24px;color: #666;} .wrap_i .center ul li item p{font-size: 16px;color: #666;line-height: 1.8;text-align: left;margin-top: 20px;} /*10*/ .wrap_j{background: #f8f8f8;padding: 55px 0;} .wrap_j .title h3{margin-top: 0;} .wrap_j .title h1 span{color: #f8900d;} .wrap_j .title:after{content: '';width: 105px;height: 4px;background: #41c7c9;display: block;position: absolute;top: 85px;left: 50%;margin-left: -53px;} /*hd*/ .wrap_j .switch_d{margin-top: 60px !important;width: 1030px;margin: 0 auto;position: relative;} .wrap_j .switch_d ul.hd li{width: 170px;height: 110px;text-align: center;position: relative;margin-bottom: 15px;} .wrap_j .switch_d ul.hd li p{font-size: 14px;color: #fff;text-align: center;width: 170px;line-height: 30px;background: rgba(5,193,192,0.9);position: absolute;left: 0;bottom: 0;} .wrap_j .switch_d ul.hd li:nth-of-type(5){position: absolute;right: 0;top: 0;} .wrap_j .switch_d ul.hd li:nth-of-type(6){position: absolute;right: 0;top: 125px;} .wrap_j .switch_d ul.hd li:nth-of-type(7){position: absolute;right: 0;top: 250px;} .wrap_j .switch_d ul.hd li:nth-of-type(8){position: absolute;right: 0;top: 375px;} .wrap_j .switch_d ul.hd li:nth-of-type(4){margin-bottom: 0;} .wrap_j .switch_d ul.hd li.on{border: 3px rgba(248,144,13,0.9) solid;box-sizing: border-box;border-bottom: 0;} .wrap_j .switch_d ul.hd li.on p{background: rgba(248,144,13,0.9);width: 164px;} .wrap_j .switch_d ul.hd li.on:before{content: ''; border: 15px transparent solid;border-left-color: rgba(248,144,13,1); position: absolute;right: 0;top: 50%;display: block;transform: translate(0,-50%);margin-right: -30px;} .wrap_j .switch_d ul.hd li.on:nth-of-type(5):before{content: ''; border: 15px transparent solid;border-right-color: rgba(248,144,13,1); position: absolute;right: 195px; top: 50%;display: block;transform: translate(0,-50%);} .wrap_j .switch_d ul.hd li.on:nth-of-type(6):before{content: ''; border: 15px transparent solid;border-right-color: rgba(248,144,13,1); position: absolute;right: 195px; top: 50%;display: block;transform: translate(0,-50%);} .wrap_j .switch_d ul.hd li.on:nth-of-type(7):before{content: ''; border: 15px transparent solid;border-right-color: rgba(248,144,13,1); position: absolute;right: 195px; top: 50%;display: block;transform: translate(0,-50%);} .wrap_j .switch_d ul.hd li.on:nth-of-type(8):before{content: ''; border: 15px transparent solid;border-right-color: rgba(248,144,13,1); position: absolute;right: 195px; top: 50%;display: block;transform: translate(0,-50%);} /*bd*/ .wrap_j .switch_d ul.bd{width: 630px;position: absolute;top: 0;left: 200px;} .wrap_j .switch_d ul.bd li{display: none;} .wrap_j .switch_d ul.bd li.on{display: block;} .wrap_j .switch_d ul.bd li img{display: block;width: 630px;height: 285px;} .wrap_j .switch_d ul.bd li item{display: block;margin-top: 20px;padding: 0 30px;text-align: left;border: 1px #cbcbcb dashed;height: 180px;} .wrap_j .switch_d ul.bd li item b{font-size: 18px;color: #f8900d;margin-top: 30px;display: block;} .wrap_j .switch_d ul.bd li item p{font-size: 16px;color: #666;margin-top: 10px;line-height: 1.7;} /*鏂板鏉垮潡css wrap_k*/ .wrap_k .title h1 span{color: #f8900d;} .wrap_k .title:after{content: '';width: 105px;height: 4px;background: #41c7c9;display: block;position: absolute;top: 75px;left: 50%;margin-left: -53px;} .wrap_k .title em{font-size: 10px;color: #c2c2c2;} .wrap_k .container{margin-top: 40px;} .wrap_k .switch_hj{text-align: center;position: relative;padding-bottom: 40px;} .wrap_k .switch_hj .swiper-slide i{width: 928px;height: 479px;position: relative;text-align: center;font-style: normal;font-weight: normal; display: block;margin: 0 auto;} .wrap_k .switch_hj .swiper-slide img{display: inline-block;border: 3px #f8ddbb solid;width: 928px;height: 479px;box-sizing: border-box;} .wrap_k .switch_hj .swiper-slide p{font-size: 20px;color: #fff;background: rgba(0,0,0,0.4);width: 922px;text-align: center;line-height: 40px;position: absolute;left: 3px;bottom: 3px;font-family: "寰蒋闆呴粦";} .wrap_k .switch_hj .button-next img{display: block;width: 51px;height: 51px;position: absolute;left: 10px;top: 215px;z-index: 99;cursor: pointer;} .wrap_k .switch_hj .button-prev img{display: block;width: 51px;height: 51px;position: absolute;right: 10px;top: 215px;z-index: 99;cursor: pointer;} .wrap_k .switch_hj .swiper-pagination{bottom: 0 !important;} .wrap_k .switch_hj .swiper-pagination span{width: 13px;height: 13px;background: #cbcbcb;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;} .wrap_k .switch_hj .swiper-pagination span.swiper-pagination-bullet-active{background: #009493;} /*11*/ .ggt{background: url("/templets/ms_new/special/xswcc/images/ggt.jpg")no-repeat center;height: 264px;} .ggt a{display: block;height: 264px;} /*12*/ .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: #1da7a9;padding-bottom: 50px;} .footer .container{text-align: center !important;} .footer .container img.left{float: left;padding: 65px 0 0 20px;} .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.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*box-shadow: 0px 0px 30px #b10209; -webkit-box-shadow: 0px 0px 30px #b10209; -moz-box-shadow: 0px 0px 30px #b10209; */} 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); /*box-shadow: 0px 0px 30px #fff; -webkit-box-shadow: 0px 0px 30px #fff; -moz-box-shadow: 0px 0px 30px #fff; */} 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);/* box-shadow: 0px 0px 30px #fff; -webkit-box-shadow: 0px 0px 30px #fff; -moz-box-shadow: 0px 0px 30px #fff;*/ } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*box-shadow: 0px 0px 30px #b10209; -webkit-box-shadow: 0px 0px 30px #b10209; -moz-box-shadow: 0px 0px 30px #b10209;*/ } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);/* box-shadow: 0px 0px 30px #fff; -webkit-box-shadow: 0px 0px 30px #fff; -moz-box-shadow: 0px 0px 30px #fff;*/ } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);/* box-shadow: 0px 0px 30px #fff; -webkit-box-shadow: 0px 0px 30px #fff; -moz-box-shadow: 0px 0px 30px #fff; */} 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* 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) */ } /*shadow*/ .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; z-index:999;} .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"; opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); }