/* 娓呴櫎鍐呭杈硅窛 */ @charset "utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ fieldset, lengend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td { /* table elements 琛ㄦ牸鍏冪礌 */ margin: 0; padding: 0; } input,textarea {border: 2 none; box-shadow: none; outline: none;} /* 璁剧疆榛樿瀛椾綋 */ body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","寰蒋闆呴粦","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;} * h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*瑕嗙洊bootstrape瀵规爣棰樺姞鐨勯粯璁ゅ杈硅窛*/ address, cite, dfn, em, i, var {font-style: normal;} /* 鏂滀綋鎵舵 */ /* 閲嶇疆鍒楄〃鍏冪礌 */ ul, ol ,li{list-style: none;} /* 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 */ a {text-decoration: none; color: #666; word-wrap:break-word;}/*鑻辨枃鎹㈣*/ a:hover {text-decoration: none; color:#910800;} /* 閲嶇疆琛ㄥ崟鍏冪礌 */ legend {color: #000;} /* for ie6 */ fieldset, img {border: none;} /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ /* 娉細optgroup 鏃犳硶鎵舵 */ button, input, select, textarea { font-size: 100%; /* 浣胯〃鍗曞厓绱犲湪 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ } /* 閲嶇疆琛ㄦ牸鍏冪礌 */ table { border-collapse: collapse; border-spacing: 0; } /* 璁╅潪ie娴忚鍣ㄩ粯璁や篃鏄剧ず鍨傜洿婊氬姩鏉★紝闃叉鍥犳粴鍔ㄦ潯寮曡捣鐨勯棯鐑 */ html {overflow-y: scroll;} /*璁剧疆娴姩*/ .fl {float: left;} .fr {float: right;} .pr{position: relative;} .pa{position: absolute;} /*瀛椾綋澶у皬*/ .clear{clear: both;height: 0;} .blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;} /*琛ㄥ崟寮规*/ .nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0; left: 0; z-index: 99999; } .modal-dialog { position: fixed; color: #000000; top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; } .modal-dialog .css-icon { background-image: url("../images/modal-icons.png"); } .modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: #F6EFEF; font-size: 14px; } .modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; } .modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; } .modal-dialog .modal-body { width: 100%; min-height: 125px; background: #ffffff; } .modal-dialog .modal-body .modal-body-left { width: 140px; float: left; } .modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0 0 48px; } .modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; } .modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; } .modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; } .modal-dialog .modal-body .modal-body-right .close-btn { color: #000; text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: #818079; } .modal-dialog .modal-body .modal-body-right p { line-height: 30px;} /**/ body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;} .content01{width: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1400px;} .content02{width: 80rem;margin: 0 auto;min-width: 1200px;max-width: 1600px;} .plan dl dt img,.case_list ul li img,.news_m dl dd p img{ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;} .plan dl dt img:hover,.case_list ul li img:hover,.news_m dl dd p img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*鎸栫棝*/ .pk{width: 100%;background: url(../images/pk_bg.jpg) no-repeat center top;background-size: 100% 45rem;height: 40.5rem;padding-top: 4.5rem;overflow: hidden;} .pk_tit{font-size: 2.5rem;color: #333;width: 100%;text-align: center;height: 3.6rem;line-height: 3.6rem;overflow: hidden;} .pk_tit a{color: #333;} .pk_tit i{color: #159143;} .pk_tit b{font-size: 3.6rem;font-style: italic;padding-right: 0.6rem;} .pk p{position: absolute;font-size: 1.2rem;color: #333;text-align: center;width: 9.5rem;line-height: 1.8rem;} .pk p i{display: block;font-size: 1rem;} .pk p em{width: 5rem;height: 5rem;display: block;line-height: 0;margin: 0 auto;padding: 1rem 0 0;} .pk p em img{width: 5rem;height: 5rem;} .pk p:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;} .pk_p01{top: 13.7rem;left: 11.2%;} .pk_p02{top: 12.2rem;left: 27.1%;} .pk_p03{top: 16.7rem;left: 39.9%;} .pk_p04{top: 9.7rem;left: 50.3%;} .pk_p05{top: 12.2rem;left: 63%;} .pk_p06{top: 13.7rem;left: 78.56%;} .pk_btn{width: 38.54%;margin: 29rem auto 0;height: 3.5rem;background: #159143;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: #fff;border-radius: 3rem;} .pk_btn em,.plan_btn em{width: 3.8rem;height: 1.5rem;line-height: 0;padding-left: 1.5rem;} .pk_btn em img,.plan_btn em img{width: 3.8rem;height: 1.5rem;} .pk_btn:hover,.plan_btn a:hover,.ys_btn a:hover{animation:shake .9s linear;-webkit-animation:shake .9s linear;} /*涓€绔欏紡鏈嶅姟*/ .fuw{width: 100%;background: url(../images/fuw_bg.jpg) no-repeat center top;background-size: 100% 39rem;height: 34.5rem;padding-top: 4.5rem;overflow: hidden;} .fuw .pk_tit{color: #fff;} .fuw ul{padding: 2.5rem 0 0;width: 100%;} .fuw ul li{font-size: 1.6rem;color: #fff;font-weight: bold;line-height: 2rem;float: left;width: 22.5%;height: 15rem;border: rgba(255,255,255,0.3) 1px solid;border-radius: 0.5rem;box-sizing: border-box;padding: 3.5rem 0 0 3rem;position: relative;margin-left: 3.3%;} .fuw ul li:before{content: "";width: 3rem;height: 0.05rem;background: rgba(255,255,255,0.3);position: absolute;top: 10.8rem;left: 3rem;} .fuw ul li i{display: block;font-size: 4.5rem;color: rgba(255,255,255,0.4);height: 3rem;line-height: 4.5rem;overflow: hidden;margin-bottom: 1rem; font-family:Verdana, Geneva, sans-serif;} .fuw ul li:hover i,.fuw ul li.cur i{color: #fff;} .fuw ul li:first-child{margin-left: 0;} .fuw .pk_btn{width: 40%;margin-top: 4.5rem;} /**/ .plan{padding: 4.5rem 0;} .plan_m{width: 100%;margin-top: 2rem;background: url(../images/plan_k.png) no-repeat center 7.2rem;background-size: 35.7rem 18.1rem;height: 51rem;overflow: hidden;} .plan dl{width: 30.2%;float: left;position: relative;margin-bottom: 4.5rem;margin-right: 4.7%;overflow: hidden;} .plan dl dt{width: 100%;line-height: 0;overflow: hidden;} .plan dl dt img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .plan dl dd.plan_dd01{font-size: 1rem;color: #333;text-align: center;width: 100%;height: 6rem;border: #eee 1px solid;box-sizing: border-box;padding-top: 1.5rem;line-height: 1.4rem;} .plan dl dd i{display: block;font-size: 0.7rem;color: #666;font-family:Arial, Helvetica, sans-serif;text-transform:capitalize; } .plan dl dd.plan_dd01 a{display: block;font-size: 1rem;color: #333;} .plan dl dd.plan_dd02{width: 86.2%;position: absolute;bottom: -100%;left: 6.9%;box-shadow: 0 3px 0.3rem 3px rgba(0,0,0,0.1);padding: 1.5rem 2.5rem 2.5rem;box-sizing: border-box;background: #fff;-webkit-transition:all .5s;transition:all .5s;margin-bottom: 0.5rem;} .plan dl dd h5{line-height: 1.4rem;text-align: center;} .plan dl dd h5 a{font-size: 1rem;color: #333;font-weight: normal;} .plan dl dd h5 a:hover,.plan dl dd ul li a:hover,.plan dl dd.plan_dd01 a:hover{color: #159143;} .plan dl dd ul{display: inline-block;width: 100%;margin-top: 1rem;border-bottom: #e2e2e2 1px solid;} .plan dl dd ul li{width: 50%;height: 2rem;float: left;border-bottom: #e2e2e2 1px solid;} .plan dl dd ul li a{font-size: 0.8rem;color: #666;display: block;line-height: 2rem;padding-left: 1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .plan dl.cur dd.plan_dd01{border: none;} .plan dl.cur dd.plan_dd02{bottom: 0;} .plan_m dl:nth-child(3n){margin-right: 0;} .plan_m dl:nth-child(1) dd ul li:nth-child(3), .plan_m dl:nth-child(2) dd ul, .plan_m dl:nth-child(3) dd ul, .plan_m dl:nth-child(4) dd ul li:nth-child(3), .plan_m dl:nth-child(5) dd ul{border-bottom: none;} .plan_m dl:nth-child(6):hover dd.plan_dd01,.plan_m dl:nth-child(6).cur dd.plan_dd01{border: #eee 1px solid;} .plan_btn{width: 36.45%;margin: 0 auto;} .plan_btn a{width: 100%;height: 3.5rem;background: #159143;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: #fff;border-radius: 3rem;} .plan_btn em{width: 3.8rem;height: 1.5rem;line-height: 0;padding-left: 1.5rem;} .plan_btn em img{width: 3.8rem;height: 1.5rem;} .plan_btn a:hover,.ys_btn a:hover{animation:shake .9s linear;-webkit-animation:shake .9s linear;} /*浼樺娍*/ .plan_tit{font-size: 2.5rem;color: #333;width: 100%;text-align: center;height: 5rem;line-height: 2.5rem;overflow: hidden;} .plan_tit i{color: #159143;} .plan_tit span{display: block;font-size: 1.2rem;color: #666;font-weight: normal;line-height: 1.3rem;padding-top: 0.8rem;} .sup-m{width: 100%;background: url(../images/ys_bg.jpg) no-repeat center top;background-size: 100% 40rem;height: 40rem;overflow: hidden;margin-top: 2rem;} .sup-m dl{width: 25%;float: left;position: relative;color: #fff;padding: 0 2.6rem;box-sizing: border-box;z-index: 1;height: 40rem;overflow: hidden;} .sup-m dl:before{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.15);position: absolute;top: 0;left: 0;} .sup-m dl:after{content: "";width: 0;height: 100%;background: rgba(21,145,67,0.9);position: absolute;top: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;z-index: -1;} .sup-m dl:first-child:before{background: none;} .sup-m dl dt{width: 100%;margin-top: 11.5rem;-webkit-transition:all .5s;transition:all .5s;position: relative;height: 4.8rem;overflow: hidden;} .sup-m dl dt h5{font-size: 2.1rem;line-height: 2.4rem;} .sup-m dl dt h5 i{display: block;font-size: 1.2rem;} .sup-m dl dt b{ font-family:Verdana, Geneva, sans-serif;font-size: 3.5rem;line-height: 3.5rem;display: block;position: absolute;top: -3.5rem;left: 0;} .sup-m dl dd{padding-top: 2.5rem;width: 100%;position: relative;} .sup-m dl dd p{font-size: 0.9rem;line-height: 1.8rem;height: 7.2rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; text-overflow: ellipsis;} .sup-m dl dd b{ font-family:Verdana, Geneva, sans-serif;font-size: 3.5rem;line-height: 3rem;display: block;position: absolute;top: 11.5rem;right: 0;} .ys_btn{width: 55.55%;display: block;position: absolute;top: 14rem;left: -100%;-webkit-transition:all .5s;transition:all .5s;} .ys_btn a{width: 100%;height: 2.5rem;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;color: #333;border-radius: 3rem;} .ys_btn em{width: 2.4rem;height: 1.1rem;line-height: 0;padding-left: 0.8rem;} .ys_btn em img{width: 2.4rem;height: 1.1rem;} .sup-m dl.cur:after{width: 100%;} .sup-m dl.cur dt{height: 11.5rem;border-bottom: rgba(255,255,255,0.1) 1px solid;margin-top: 4rem;} .sup-m dl.cur dt b{top: 0;} .sup-m dl.cur dt h5{padding-top: 5rem;} .sup-m dl.cur dd b{display: none;} .sup-m dl.cur dd .ys_btn{left: 0;} /*妗堜緥*/ .case{padding: 4.5rem 0 3rem;width: 100%;background: url(../images/case_bg.jpg) no-repeat center 16rem;background-size: 100% 19.1rem;} .case_nav{margin: 1.6rem 0 0;height: 4rem;border-top: #e5e5e5 1px solid;border-bottom: #e5e5e5 1px solid;} .case_nav ul li{width: 16.66%;float: left;height: 4rem;} .case_nav ul li a{display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: #333;width: 100%;height: 4rem;} .case_nav ul li em{width: 1.7rem;height: 1.7rem;line-height: 0;overflow: hidden;margin-right: 0.7rem;} .case_nav ul li em img{width: 1.7rem;height: 1.7rem;} .case_nav ul li a:hover,.case_nav ul li.cur a{color: #159143;font-weight: bold;} .case_list{margin-top: 2.5rem;position: relative;} .case_list .tempWrap{margin: 0 auto;} .case_list ul li{width: 25.5rem;float: left;margin-right: 1.6rem;position: relative; overflow:hidden;} .case_list ul li em{display: block;width: 100%;line-height: 0;overflow: hidden;height: 19.1rem;} .case_desc{width: 100%;height: 19.1rem;position: absolute;top: -20rem;left: 0;background: rgba(21,145,67,0.9);padding: 2.5rem;box-sizing: border-box;-webkit-transition:all .5s;transition:all .5s;z-index: 5;} .case_desc h5{height: 2.5rem;line-height: 2.5rem;font-size: 1.3rem;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case_desc div{font-size: 0.9rem;color: #fff;padding: 0.5rem 0 0;} .case_desc p{height: 3rem;line-height: 3rem;overflow: hidden;border-bottom: rgba(255,255,255,0.3) 1px solid;} .case_list ul li img,.partner ul li img,.news_m dl dd p img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .case_list ul li b{display: block;font-size: 1rem;color: #333;height: 2rem;line-height: 2rem;padding: 1rem 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case_list ul li:hover .case_desc{top:0;} .case_list ul li:hover b{color: #159143;} .case_lico,.case_rico{width: 4rem;height: 4rem;position: absolute;top: 7rem;z-index: 10;} .case_lico a,.case_rico a{width: 4rem;height: 4rem;display: block;} .case_lico a{background: url(../images/team_lico.png) no-repeat;background-size: 4rem 4rem;} .case_lico a:hover{background: url(../images/team_lico02.png) no-repeat;background-size: 4rem 4rem;} .case_rico a{background: url(../images/team_rico.png) no-repeat;background-size: 4rem 4rem;} .case_rico a:hover{background: url(../images/team_rico02.png) no-repeat;background-size: 4rem 4rem;} .case_lico{left: -5.4rem;} .case_rico{right: -5.4rem;} /*鍚堜綔瀹㈡埛*/ .partner{padding-bottom: 2.5rem;} .part_tit{height: 2.5rem;line-height: 2.5rem;overflow: hidden;position: relative;z-index: 1;} .part_tit:before{content: "";width: 100%;height: 1px;background: #e2e2e2;position: absolute;top: 50%;left: 0;z-index: -1;} .part_tit a{font-size: 1.5rem;color: #333;display: block;font-weight: normal;width: 41.25%;text-align: center;height: 2.5rem;background: #fff;margin: 0 auto;} .part_tit i{color: #159143;} .partner ul{padding-top: 1.5rem;} .partner ul li{width: 16.25%;float: left;line-height: 0;overflow: hidden;margin-right: 0.5%;margin-bottom: 0.4rem;transition: all 0.5s;} .partner ul li:nth-child(6n){margin-right: 0;} .partner ul li:hover{transform: translateY(-2px);box-shadow: 0 3px 6px 3px rgba(0,0,0,0.1);} /*涓撳鍥㈤槦*/ .team{background: #f5f5f5;padding: 4.5rem 0 5.5rem;} .team .plan_tit,.honor .plan_tit{height: 3rem;line-height: 3rem;} .team_txt{font-size: 0.9rem;color: #666;line-height: 1.6rem;text-align: center;padding: 1rem 0 0;height: 3.2rem;overflow: hidden;} .team_m{margin-top: 3.3rem;} .team_l{width: 34.28%;float: left;} .team_l dl{background: url(../images/team_ico01.png) no-repeat 0 top;background-size: 2.6rem 2.3rem;padding: 4rem 0 0;} .team_l dl dt{font-size: 1rem;color: #333;height: 5rem;line-height: 2.5rem;} .team_l dl dt b{display: block;font-size: 2rem;} .team_l dl dd{padding: 2rem 0 0;font-size: 0.8rem;color: #666;line-height: 1.6rem;} .team_l dl dd em{width: 9.5rem;height: 2.2rem;display: block;line-height: 0;padding: 3rem 0 0;} .team_l dl dd em img{width: 9.5rem;height: 2.2rem;} .team_r{float: right;width: 62.85%;margin-right: -3rem;position: relative;} .sup_bm{width: 100%;height: 28rem;} .team_r ul li{width: 47.73%;height: 28rem;margin-right: 1rem;line-height: 0;float: left;position: relative;} .team_r ul li:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;} .team_r ul li img{display: block;width: 100%;} .team_r ul li.on:before{display:none;} .team_r p{width: 5.5rem;height: 5.5rem;cursor: pointer;position: absolute;left: -2.5rem;bottom: 2.5rem;z-index: 10;} .team_r p img{width: 5.5rem;height: 5.5rem;} /*鑽h獕璧勮川*/ .honor{width: 100%;background: url(../images/honor_bg.jpg) no-repeat center bottom;background-size: 100% 20rem;overflow: hidden;padding: 5rem 0 5.5rem;} .honor ul{margin-top: 2.5rem;height: 10rem;} .honor ul li{font-size: 1rem;color: #333;line-height: 1.6rem;position: relative;width: 25%;float: left;text-align: center;transition: all 0.5s;} .honor ul li:before{content: "";width: 1px;height: 7rem;background: #e2e2e2;position: absolute;top: 0;left: 0;} .honor ul li em{width: 3.3rem;height: 2.7rem;display: block;line-height: 0;overflow: hidden;margin: 0 auto 1rem;} .honor ul li em img{width: 3.3rem;height: 2.7rem;} .honor ul li i{display: block;} .honor ul li:first-child:before{background: none;} .honor ul li:hover{transform: translateY(-10px);} .honor ul li:hover img{animation: flipInY 1s;} .honor p{width: 100%;line-height: 0;position: relative;overflow: hidden;} .honor p:before{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); } .honor p:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .honor p img{display:block;width:100%;} /**/ .news{padding: 4.5rem 0 5rem;} .news_tit{height: 3.6rem;line-height: 3.6rem;overflow: hidden;} .news_tit a{font-size: 2.5rem;color: #333;} .news_nav{position: absolute;top: 5rem;right: 0;width: 19.375%;} .news_nav ul li{width: 45.2%;float: left;margin-left: 4.8%;} .news_nav ul li a{font-size: 0.9rem;color: #333;display: block;width: 100%;height: 2.4rem;line-height: 2.4rem;text-align: center;border: #e2e2e2 1px solid;border-radius: 3rem;} .news_nav ul li a:hover,.news_nav ul li.on a{background: #159143;color: #fff;border: #159143 1px solid;} .news_m{border-top: #e2e2e2 1px solid;border-bottom: #e2e2e2 1px solid;width: 100%;margin-top: 2rem;} .news_m dl{padding: 2.5rem 1.4rem;width: 22.2%;float: left;position: relative;border-left: #e2e2e2 1px solid;} .news_m dl dt{height: 9.5rem;} .news_m dl dt h5{height: 1.8rem;line-height: 1.8rem;overflow: hidden;} .news_m dl dt h5 a{font-size: 1rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_m dl dt h5 a:hover,.news_btn a:hover{color: #159143;} .news_m dl dt span{display: block;font-size: 1rem;color: #999; font-family:Verdana, Geneva, sans-serif;height: 1.5rem;line-height: 1.5rem;} .news_m dl dt p{font-size: 0.8rem;color: #666;line-height: 1.5rem;padding-top: 0.6rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; } .news_m dl dd{position: relative;} .news_m dl dd p{width: 100%;line-height: 0;overflow: hidden;} .news_btn{width: 36.6%;display: block;padding: 1.5rem 0 0;} .news_btn a{width: 100%;height: 2rem;line-height: 2rem;font-size: 0.8rem;color: #333;display: block;} .news_btn b{width: 2.4rem;height: 1.1rem;line-height: 0;display: block;float: right;margin-top: 0.5rem;position: relative;} .news_btn b em{position:absolute;width:0;height:100%;overflow:hidden;top:0;left:0;-webkit-transition:all .6s;transition:all .6s;} .news_btn b img{width: 2.4rem;height: 1.1rem;} .news_btn:hover b em{width:100%;} .news_m dl:first-child{border-left: none;padding-left: 0;} .news_m dl:nth-child(4){padding-right: 0;} .news_video{position: absolute;left: 0;top: 0;z-index: 5;width:100%;height:10rem;} /**/ .ban01{width: 100%;background: url(../images/ban01.jpg) no-repeat center top;background-size: 100% 8rem;overflow: hidden;padding: 1.2rem 0;height: 5.4rem;line-height: 0;} .ban01 em{display: block;width: 57.29%;margin: 0 auto;} .ban01 img{display: block;width: 100%;} /*鍙嬫儏閾炬帴*/ .f_link{height: 4rem;line-height: 4rem;overflow: hidden;margin: -4rem 0 0 62.5%;width: 37.5%;} .f_link b{display: block;float: left;font-size: 0.7rem;color: rgba(255,255,255,0.8);width: 12%;text-align: right;font-weight: normal;} .f_link p{font-size: 0.7rem;color: rgba(255,255,255,0.8);float: left;width: 88%;} .f_link p a{font-size: 0.7rem;color: rgba(255,255,255,0.8); padding:0 10px 0 0;} .f_link p a:hover{color: #fff;} /**/ @-webkit-keyframes shake{ from,to{-webkit-transform:translate3d(0, 0, 0);} 20%,60%{-webkit-transform:translate3d(-10px, 0, 0);} 40%,80%{-webkit-transform:translate3d(10px, 0, 0);} } @keyframes shake { from,to{transform:translate3d(0, 0, 0);} 20%,60%{transform:translate3d(-10px, 0, 0);} 40%,80%{transform:translate3d(10px, 0, 0);} } /*鍥炬爣鎶栧姩*/ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }