@font-face { font-family: 'iconfont'; src: ; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); } .jiaodian { width: 100%; position: relative; } .main1 { position: absolute; height: 450px; width: 1200px; left: 50%; margin-left: -600px; } .banner { width: 100%; height: 450px; overflow: hidden; position: relative; } .banner-slide { width: 100%; height: 450px; background-repeat: no-repeat; background-size: auto 450px; background-position: center; float: left; display: none; } .slide-active { display: block; } .slide1 { background-image: ; } .slide2 { background-image: ; } .slide3 { background-image: ; } .button { position: absolute; transform: rotate(180deg); top: 50%; left: 5%; height: 80px; width: 40px; margin-top: -40px; background: url(/uploads/image/cmimages/arrow.png) center center no-repeat; } .next { transform: rotate(0deg); left: auto; right: 5%; } .button:hover { background-color: #333; opacity: 0.8; filter: alpha(opacity=80); } .dots { position: absolute; bottom: 24px; right: 0; text-align: right; padding-right: 24px; line-height: 12px; } .dots span { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-left: 8px; background-color: rgba(7, 17, 27, 0.4); cursor: pointer; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset; } .dots span.active { box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset; background-color: #ffffff; } /* menu-box */ .menu-box { background: rgba(0, 0, 0, 0.7); opacity: 0.7; position: absolute; left: 0px; top: 0px; width: 244px; height: 450px; z-index: 1; } .menu-content { position: absolute; left: 0px; top: -42px; width: 244px; z-index: 2; } .menu-item { height: 75px; line-height: 75px; font-size: 12px; cursor: pointer; position: relative; } .ico1 { background: url(/uploads/image/cmimages/ico1.png) 20px center no-repeat; } .ico2 { background: url(/uploads/image/cmimages/ico2.png) 20px center no-repeat; } .ico3 { background: url(/uploads/image/cmimages/ico3.png) 20px center no-repeat; } .ico4 { background: url(/uploads/image/cmimages/ico4.png) 20px center no-repeat; } .ico5 { background: url(/uploads/image/cmimages/ico5.png) 20px center no-repeat; } .ico6 { background: url(/uploads/image/cmimages/ico6.png) 20px center no-repeat; } .menu-item a { display: block; color: #fff; padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 15px; text-align: center; } .menu-item:last-child a { border-bottom: none; } .menu-item i { position: absolute; right: 32px; top: 26px; color: rgba(255,255,255,0.8); font-size: 32px; top: 0px; font-style: normal; font-weight: normal; font-family: "iconfont"; } .sub-menu { border: 1px solid #d9dde1; background: #fff; position: absolute; left: 244px; top: 0px; width: 860px; height: 100%; z-index: 581; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } .hide { display: none; } .menu-title { height: 40px; display: block; width: 100%; background: url(/uploads/image/cmimages/btitle.png) no-repeat #004b92 25px center; } .menu-title h4 { color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-size: 16px; background: url(/uploads/image/cmimages/bdown.png) no-repeat 200px center; } .inner-box { width: 100%; height: 450px; display: none; overflow: hidden; background: url(/uploads/image/cmimages/nav-pull-img.jpg) no-repeat right 320px; padding-bottom: 20px; padding-top: 10px; } .inner-box dl { padding: 10px 0px; margin: 0 20px; border-bottom: solid 1px #eee; } .inner-box dl dt { } .inner-box dl dt a { font-weight: bold; font-size: 15px; line-height: 30px; color: #004b92 } .inner-box dl dt a:hover { text-decoration: underline; } .inner-box dl:after { display: block; content: ""; clear: both; } .inner-box dl dd { float: left; line-height: 28px; padding: 0 18px 0 0; } .inner-box dl dd a { font-size: 13px; color: #666; } .inner-box dl dd a:hover { text-decoration: underline; } /*表单*/ .biaodan { position: absolute; right: 50%; z-index: 5; width: 280px; height: 340px; background: rgba(255, 255, 255, 0.7); top: 50%; margin-top: -160px; margin-right: -600px; } .biaodan-title { } .biaodan-title h5 { font-size: 18px; font-weight: normal; text-align: center; margin: 30px 0 8px 0; background: url(/uploads/image/cmimages/biao3.png) no-repeat center; } .biaodan-title p { font-size: 14px; color: #666; text-align: center; } .biaodan-input { padding: 0 30px; margin: 25px 0; } .biaodan-ico1 input { background: url(/uploads/image/cmimages/biaodan1.png) no-repeat 10px center #fff; } .biaodan-ico2 input { background: url(/uploads/image/cmimages/biaodan2.png) no-repeat 10px center #fff; } .biaodan-input input { height: 50px; border: 0px; padding-left: 60px; width: 160px; font-size: 16px; border-radius: 3px; } .biaodan-submit { padding: 0 30px; } .biaodan-submit input { cursor: pointer; width: 100%; height: 50px; border: 0px; background: #004b92; color: #fff; border-radius: 5px; font-size: 20px; font-family: "微软雅黑"; } .biaodan-submit input:hover { background: rgba(222,16,3,0.7); }