/*# sourceMappingURL=style.css.map */ .notice,.intera{ max-width: 1500px; margin: 0 auto; padding-left: 30px; padding-right: 30px; } .notice .row .mian{margin-bottom: 30px;} .notice .row .mian .box{ background-color: #f7f7f7; box-sizing:border-box; padding: 50px 11% 45px 15%; } .notice .row .box .title{ font-size: 20px; color: #000; padding-right: 15%; line-height: 26px; height: 54px; margin-bottom: 10px; overflow: hidden; background: url(../../img/img1.png) right top no-repeat; } .notice .row .box .time{ font-size: 16px; line-height: 20px; color: #9d9d9d; } .notice.on,.intera.on{ margin-top:76px; } .intera .row .title{ font-size: 36px; color: #555555; line-height: 40px; font-weight: bold; margin-bottom: 15px; } .intera .row .fa{ font-size: 16px; line-height: 30px; color: #888888; } .intera .row.mt35{ margin-bottom: 35px; } .intera .row .fa span{color: #e60012;} .intera .row a{ line-height: 20px; font-size: 16px; color: #888888; cursor: default; display: inline-block; } .intera .row a:hover{text-decoration:none;} .intera .row .icon1{ padding-left: 25px; background: url(../../img/img6.png) left center no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; cursor: pointer; } .intera .row .icon1:hover{ background: url(../../img/img5.png) left center no-repeat; color: #006cb8; } .intera .row .icon2{ padding-left: 25px; background: url(../../img/img7.png) left 5px no-repeat; } .intera .row .icon3{ padding-left: 25px; background: url(../../img/img8.png) left 3px no-repeat; } .intera .row .icon4{ padding-left: 25px; background: url(../../img/img9.png) left 2px no-repeat; } .intera .row .nopad{ margin-bottom: 20px; } .intera .row h3{ font-size: 20px; color: #555; line-height: 35px; margin: 15px 0 20px; } .intera .row .left ul li,.intera .row .right ul li{ margin-bottom: 24px; } .intera .row .left ul li .lab,.intera .row .right ul li .lab{ width:auto; float: left; display: block; height: 42px; line-height: 42px; font-size: 14px; color: #666666; min-width: 65px; } .intera .row .left ul li label,.intera .row .right ul li label{ margin-bottom: 0; font-weight: normal; color: #666666 } .intera .row .left ul li .lab span,.intera .row .right ul li .lab span{ color: #e60012; } .mr15{margin-right: 15px;} .pr5{padding-left: 5px;} .intera .row .left ul li .inp{ display: block; float: left; width: 85%; border:1px solid #dcdcdc; height: 42px; line-height: 42px; padding: 0 3%; } .intera .row .left ul li .delt{ height: 20px; line-height: 20px; padding: 11px 0; } .intera .row .left ul li .ui-selectbox{ float: left; height: 42px; line-height: 42px; margin-right: 3.5%; border:1px solid #dcdcdc; } .intera .row .left ul li .sel{ height: 42px; line-height: 42px; width: 26%; float: left; } .intera .row .left ul li .inpp{ width: 26%; display: block; float: left; height: 42px; line-height: 42px; padding:0 2%; border:1px solid #dcdcdc; } .intera .row .right ul li .teat{ width: 85%; float: left; height: 373px; border:1px solid #dcdcdc; padding:2% 3%; } .intera .row .right ul li .yzm{ width: 22%; height: 42px; line-height: 42px; padding: 0 2%; border:1px solid #dcdcdc; display: block; float: left; } .intera .row .right ul li .img{ display: block; float: left; height: 29px; width: 82px; margin: 6px 0 0 10px; } .intera .row .right ul li .reset,.intera .row .right ul li .submit{ display: block; width:22%; height: 42px; line-height: 42px; float: left; font-size: 16px; color: #666666; text-align: center; border:0; background-color: #ececec; margin-right: 2%; transition: all 0.5s; -webkit-transition: all 0.5s; } .intera .row .right ul li .submit{ background-color: #0372cd; color: #fff; } .intera .row .right ul li .submit:hover{ background-color: #006cb8; } .intera .row.mt100{ margin-top: 100px; } .intera .list-warp .listt{padding-bottom: 0;margin-bottom: 0;} .intera .list-warp ul{ display: block; width: 100%; height: 100%; margin-bottom: 0; } .intera .list-warp li{ width: 48%; float: left; margin-bottom: 10px; } .intera .list-warp li:nth-child(even){ float: right; } .intera .list-warp li .headline{ position: relative; background-color: #f5f5f5; } .intera .list-warp li.on .headline{ background-color: #eef7ff; } .intera .list-warp li .headline .icon{ display: block; width: 50px; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; height: 100%; background-color: #bbbbbb; transition: all 0.4s; -webkit-transition: all 0.4s; } .intera .list-warp li.on .headline .icon{ background-color: #0372cd } .intera .list-warp li .headline .icon i{ display: block; width: 30px; height: 30px; font-size: 24px; text-align: center; line-height: 30px; position: absolute; top: 50%; font-family: 'arial'; font-style: normal; left: 50%; margin: -15px 0 0 -15px; } .intera .list-warp li .headline .icon em{ display: block; width: 11px; height: 20px; position: absolute; right: -11px; top: 50%; margin-top: -10px; transition: all 0.4s; -webkit-transition: all 0.4s; background: url(../../img/img11.png) center no-repeat; } .intera .list-warp li.on .headline .icon em{ background: url(../../img/img12.png) center no-repeat; } .intera .list-warp li .headline .tit{ line-height: 20px; padding: 15px 100px 15px 80px; margin-bottom: 0; cursor: pointer; font-size: 14px; color: #333; } .intera .list-warp li .headline .time{ position: absolute; right:20px; top: 15px; font-size: 14px; color: #333333; line-height: 20px; } .intera .list-warp li .details{ display: none; padding-top: 8px; } .intera .list-warp li .details,.intera .list-warp li .details p{ font-size: 14px; line-height: 26px; color: #666666; margin-bottom: 0; } .intera .list-warp li .details p.on{ color: #0372cd } @media (min-width:320px) and (max-width:767px) { .notice.on, .intera.on{margin-top: 30px;} .notice, .intera{ padding-left: 4.5%; padding-right: 4.5%; } .notice .row .mian .box{ padding: 35px 7% 30px 9%; } .notice .row .mian{margin-bottom: 20px;} .notice .row .box .title{ font-size: 16px; line-height: 24px; height: 50px; } .notice .row .box .time{ font-size: 14px; line-height: 18px; } .intera .row .fa{ font-size: 14px; line-height: 24px; } .intera .row a{ font-size: 14px; line-height: 24px; } .intera .row .title{ font-size: 20px; line-height: 24px; } .intera .row .nopad{margin-bottom: 5px;} .intera .row h3{ font-size: 18px; line-height: 26px; } .intera .row .left ul li .inp,.intera .row .right ul li .teat{width: 80%;} .intera .row .left ul li .inp,.intera .row .left ul li .inpp,.intera .row .left ul li .ui-selectbox,.intera .row .right ul li .yzm{height: 38px;line-height: 38px;} .intera .row .left ul li .lab, .intera .row .right ul li .lab{width: 55px;min-width: 55px;height: 38px;line-height: 38px;} .intera .row .left ul li .ui-selectbox{margin-right:2%;} .intera .row .left ul li .ui-selectbox-inner{padding-left: 5px;} .intera .row .left ul li .ui-selectbox .ui-selectbox-icon{right: 5px;} .intera .row .left ul li .inpp{width: 24%;} .intera .row .left ul li{margin-bottom: 10px;} .intera .row .right ul li .yzm,.intera .row .right ul li .reset, .intera .row .right ul li .submit{width: 30%;} .intera .row .right ul li .teat{height: 138px;} .intera .row.mt35{margin-bottom: 25px;} .intera .row.mt100{margin-top: 60px;} .intera .list-warp li{ width: 100%; float: none; margin-bottom: 10px; } .intera .list-warp li .headline .tit{padding: 15px 100px 15px 65px;} .intera .list-warp li .headline .time{right: 10px;} .intera .row .left ul li .sel{width: 26%;} } @media (min-width:768px) and (max-width:992px) { .intera .row .nopad{ padding:0 15px; } .intera .row .title{ font-size: 30px; line-height:36px; } .intera .row .right ul li .teat{ padding:8px 10px; } .intera .row .left ul li .inp{ padding: 0 10px; } .intera .row .right ul li .teat{ height: 238px; } .notice.on, .intera.on{margin-top: 30px;} .intera .row .left ul li .inp,.intera .row .right ul li .teat{width: 89%;} .intera .row .left ul li .sel{width: 28%;} .intera .list-warp .listt li{ width: 100%; float: none; } .intera .list-warp .listt li:nth-child(even){ float: none; } } @media (min-width:992px) { .notice .row .mian .box,.notice .row .box .title,.notice .row .box .time{ transition: all 0.4s; -webkit-transition: all 0.4s; } .notice .row .mian .box:hover{ background-color: #006cb8; } .notice .row .box:hover .title{ background: url(../../img/img57.png) right top no-repeat; } .notice .row .box:hover .title,.notice .row .box:hover .time{ color: #fff; } }