@charset "utf-8"; /* css document */ .top{ height: 450px; padding-top: 50px; background: url(/uploads/image/wsimages/bg.jpg) center top no-repeat; background-size: 100% 500px } .top h1{ text-shadow: 2px 2px 2px #073b8a; line-height: 80px } .top input{ vertical-align:middle } .inp01{ width: 50%; height: 40px; line-height:40px; border:1px solid white; border-radius: 5px 0 0 5px; background-color: white; text-indent: 10px; color: #999 } .btn01{ width: 100px; height: 40px; border: 1px solid #00ae66; border-radius: 0 5px 5px 0; background-color: #00ae66; color: white; cursor: pointer } .hot a{ cursor: pointer; color: white; padding: 0 10px } .hot a:hover{ text-decoration: underline } .col1{ width: 328px } .col2{ width: 488px } .col3{ width: 232px } .box{ position: relative } .box a{ display: block } .box .bg01{ position: absolute; left: 0; top: 0; width: 0; height: 0; background-color:red; z-index:-1 } .box:hover .bg01{ transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04); -moz-transform:scale(1.04); -webkit-transform:scale(1.04); transition:.3s; -ms-transition:.3s; -o-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s } .foot{ height:190px; background-color:#ddd } .f_t{ height:70px; line-height:70px; border-bottom:1px solid #c6c6c6 } .f_t a{ padding:0 5px } .f_b{ color:#666; line-height:30px } .slide_btn{ position:absolute; left:50%; margin-left:-121px; bottom:0; width:242px; height:48px; line-height:44px; color:white; text-indent:-20px; cursor:pointer; background:url(/uploads/image/wsimages/slide_btn.gif) top left no-repeat } .top .cur{ color:#2670a9; background:url(/uploads/image/wsimages/slide_btn.gif) bottom left no-repeat } .slidebox{ position:absolute; top:450px; left:0; height:215px; width:100%; background:white; border:#f2f2f2 solid 1px; border-top:none; box-shadow:0 4px 5px -3px #999; z-index:2 } .se01,.se02,.se03,.se04,.inp03{ width:150px; height:45px; line-height:40px; border:2px solid #e3e4e8; border-radius:5px; text-indent:5px; z-index:1; cursor:pointer; color:#777; text-align:left } .inp03_small{ width:150px; height:35px; line-height:40px; border:2px solid #e3e4e8; border-radius:5px; text-indent:5px; z-index:1; cursor:pointer; color:#777; text-align:left } .se04{ width:75px } .inp03{ width:187px; font-size:16px } .inp03_small{ width:135px; font-size:16px } .se01 a, .se02 a, .se03 a, .se04 a, .se05 a{ display:block; width:100% } .se01 img, .se02 img, .se03 img, .se04 img{ position:absolute; right:1px; top:0 } .se01 .select, .se02 .select, .se03 .select, .se04 .select{ position:absolute; width:150px; top:39px; left:-2px; border:2px solid #e3e4e8; border-top:1px dotted white; background-color:white; z-index:2; text-align:left; display:none } .se04 .select{ width:75px } .select li{ cursor:pointer } .select li:hover{ background-color:#dfdfdf } .slidebox { display:none } .slidebox td{ padding:0 5px; padding-top:25px } .btn02{ width:98px; height:46px; border:0; background:url(/uploads/image/wsimages/btn01.gif) no-repeat; cursor:pointer } .slidenav{ width:55px; height:58px; background:url(/uploads/image/wsiinner_images/slide_btn.gif) no-repeat; cursor:pointer }