@charset "utf-8"; /* CSS Document */ * { margin: 0 auto; padding: 0; border: 0; font-family: "微软雅黑", "Microsoft YaHei"; font-size: 12px; } a { text-decoration: none; color: #333; } img { display: block; max-width: 100%; height: auto !important; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .big img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } ul { margin: 0; padding: 0; } li { list-style: none; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .w { width: 1300px; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .hidden { display: none; } .mt20 { margin-top: 20px; } .mt50 { margin-top: 50px; } /* 头部 */ .top { background: #333; height: 32px; position: relative; } .top a { padding-left: 20px; line-height: 32px; color: #fff; float: right; margin-right: 15px; } #wechat { background: url(../../images/n/ico1.jpg) no-repeat 7px center #515151; padding: 0 8px 0 35px; position: relative; } #contact { background: url(../../images/n/ico2.jpg) no-repeat 3px center; } .wechatimg { display: none; position: absolute; top: 32px; left: 0; width: 150px; z-index: 2000; } #wechat:hover .wechatimg { display: block; } #buy { background: url(../../images/n/ico3.jpg) no-repeat 2px center; } #lang { background: url(../../images/n/ico4.jpg) no-repeat right center; padding-left: 10px; border-left: 1px solid #fff; padding-right: 15px; height: 14px; line-height: 14px; margin-top: 8px; } #tmall{ background: url(../../images/n/ico-tmall.png) no-repeat 2px center; padding-left:30px;} .search { float: right; margin:3px 15px 0 0; border-radius: 18px;border: 1px solid #707070; } .search-input { background:none; padding:4px 10px; width: 80px; color: #ccc; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;outline: none; overflow: hidden; float:left;} .search-btn{ background:url(../../images/n/search.png) no-repeat center center; width:20px; margin:4px 5px 0 0; float:left;} .search-input:hover{width: 150px;} .head { position: relative; } .logo { width: 180px; height: 30px; margin: 28px auto 0; } .menuBtn { display: none; position: relative; z-index: 9; float: right; width: 30px; height: 30px; margin: 20px 5px 0 0; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .menuBtn b { display: block; height: 5px; background-color: #0d4ccd; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .menuBtn.open { } .menuBtn.open b { display: none; margin: 0; position: absolute; left: 0px; top: 50%; margin-top: -5px; width: 30px; } .menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .nav { width: 70%; } .nav ul li { position: relative; } .nav ul li a { width: 16.6%; display: block; float: left; text-align: center; font-size: 16px; font-weight: bold; line-height: 84px; } .nav ul li:hover a, .nav ul li.on a { background: #0f50c4; color: #fff; } .nav ul li:hover .sub a, .nav ul li.on .sub a { background: none; color: #333; } .nav .sub { display: none; position: absolute; top: 84px; z-index: 1000; width: 960px; background: #fff; /*background:url(../../images/n/shadow-b.png) repeat-x bottom center; padding-bottom:8px;*/ border-top: 1px solid #e1e1e1; box-shadow: 3px 5px 8px 0px rgba(0,0,0,.4); } .nav .sub.sub1 { left: -300px; } .nav .sub.sub2 { left: -250px; } .nav .sub.sub3 { left: -200px; } .nav .sub.sub4 { right: 100px; } .nav .sub.sub5 { right: 50px; } .nav .sub.sub6 { right: 0; } .nav ul li:hover .sub { display: block; } .nav .sub .tit { background: #f1f1f1; width: 280px; padding: 70px 0 103px; } .nav .sub .tit h2 { font-size: 18px; color: #0f50c4; text-align: center; line-height: 40px; } /*.nav .sub .con{ width:680px; background:#fff;}*/ .nav .sub .con { width: 260px; padding-top: 80px; } .nav .sub .con.p { padding-top: 50px; } .nav .sub .con a { font-size: 16px; width: auto; padding-left: 85px; line-height: 35px; color: #333; font-weight: normal; } .nav .sub .con a.on { color: #0f50c4; } .nav .sub .pic { width: 320px; padding: 50px; } /*.nav .sub .shadow{ width:4px; height:310px; background:url(../../images/n/shadow-r.png) repeat-y right center;}*/ .banner { height: 570px; } .banner ul.slick-slider, .banner ul .slick-list, .banner ul .slick-track, .banner ul .slick-slide { height: 100%; } .banner ul a { display: block; height: 100%; } .banner ul .slick-slide { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner ul .slick-dots { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 99; } .banner ul .slick-dots li { display: inline-block; margin: 0 2px; } .banner ul .slick-dots li a { display: block; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: 999px; background-color: #fff; border-radius: 50%; margin: 0 3px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .banner ul .slick-dots li.slick-active a { background-color: #0092CE; } .mbanner { display: none; } .mbanner ul.slick-slider, .mbanner ul .slick-list, .mbanner ul .slick-track, .mbanner ul .slick-slide { height: 100%; } .mbanner ul a { display: block; height: 100%; } .mbanner ul .slick-slide { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mbanner ul .slick-dots { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; z-index: 99; } .mbanner ul .slick-dots li { display: inline-block; margin: 0 2px; } .mbanner ul .slick-dots li a { display: block; width: 10px; height: 10px; font-size: 0; line-height: 0; text-indent: 999px; background-color: #fff; border-radius: 50%; margin: 0 3px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .mbanner ul .slick-dots li.slick-active a { background-color: #0092CE; } /* 首页 */ .bar { height: 70px; margin: 20px auto 15px; position: relative; } .biao { margin-top: 10px; } .slogan { text-align: right; } .slogan h2 { font-size: 30px; color: #0d4ccd; } .slogan p { font-size: 18px; color: #000; } .cl { width: 100px; float: left; height: 35px; border-left: 1px solid #333; position: relative; z-index: 3000; } .cl span { height: 30px; display: block; } .cl p { position: absolute; display: none; background: #0f50c4; font-size: 20px;/* font-weight:bold;*/ color: #fff; width: 100%; text-align: center; padding: 15px 0; bottom: 35px; } .cl p i { font-style: normal; display: block; font-size: 20px; } .i1 span { background: url(../../images/n/car1.png) no-repeat top center; } .i2 span { background: url(../../images/n/car2.png) no-repeat top center; } .i3 span { background: url(../../images/n/car3.png) no-repeat top center; } .i4 span { background: url(../../images/n/car4.png) no-repeat top center; } /*.i5 span { background: url(../../images/n/cart5.png) no-repeat top center; }*/ .i5 span { background: url(../../images/n/car5.png) no-repeat top center; } .cl.on { border-left: 1px solid #fff; background: #0f50c4; } .cl.on p { display: block; } .cl.on span { background-position: center -30px; border-bottom: 10px solid #0f50c4; } .cl.no, .no1 { border-left: 1px solid #fff; } .inews, .iproduct, .iculture { width: 32%; margin-left: 2%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .inews { border: 1px solid #cfcfcf; margin-left: 0; } .iproduct a, .iculture a { position: relative; display: block; } .iproduct h2, .iculture h2, .iproduct p, .iculture p, .iculture .bg { position: absolute; } .iproduct h2 { font-size: 26px; color: #0e4ab7; background: #fff; border-radius: 30px; padding: 0px 30px; top: 45px; left: 15px; line-height: 50px; } .iproduct p { font-size: 16px; color: #fff; top: 115px; left: 30px; width: 117px; } .iculture h2 { font-size: 28px; color: #fff; bottom: 40px; left: 25px; } .iculture p { font-size: 16px; color: #fff; bottom: 10px; left: 25px; } .iculture .bg { background: #0f50c4; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; width: 100%; height: 87px; bottom: 0; } .i { margin: 40px auto 55px; } .i h2 { font-size: 20px; color: #333; font-weight: normal; line-height: 50px; } .i span { font-size: 14px; color: #666; } .brand { background: #f6f6f6; overflow: auto; } .brand ul { margin: 20px auto; overflow: auto; } .brand ul li { float: left; margin: 18px 20px; } /*.brand ul li a img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); opacity: .25; filter: alpha(opacity=25); } .brand ul li a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0); opacity: 1; filter: alpha(opacity=100); }*/ .brand ul .slick-prev, .brand ul .slick-next { width: 14px; height: 27px; display: block; position: absolute; bottom: 30px; } .brand ul .slick-prev { background: url(../../images/n/arrows-left.png) no-repeat center center; left: 0; } .brand ul .slick-next { background: url(../../images/n/arrows-right.png) no-repeat center center; right: 0; } .brand ul .slick-list { width: 90%; margin: 0 auto; } /* 内页卡塔尔世界杯亚搏体育官网平台 */ .nbanner { height: 372px; } .position { margin: 35px auto; font-size: 14px; line-height: 30px; color: #333; } .position a { font-size: 14px; color: #333; } .page, .page * { font-size: 14px; line-height: 180%; } .page h3 { padding-left: 20px; background: url(../../images/n/ico10.jpg) no-repeat left center; } .page .tit { background: #0f50c4; line-height: 40px; font-size: 16px; color: #fff; padding: 0 30px; display: inline-block; font-weight: bold; margin: 25px auto; } .left { width: 980px; } .right { width: 300px; margin-bottom: 50px; } .right dl { overflow: auto; } .right dl dt { background: #e5e5e5; line-height: 60px; padding-left: 64px; font-size: 16px; margin-bottom: 1px; } .right dl dt a { font-size: 16px; display: block; } .right dl dd { display: none; margin-bottom: 1px; } .right dl dd a { font-size: 14px; display: block; background: url(../../images/n/ico5.jpg) no-repeat 64px center #f6f6f6; line-height: 40px; padding-left: 80px; } .right dl.on dt, .right dl dt:hover { background: #0f50c4; } .right dl.on dt a, .right dl dt:hover a { color: #fff; } .right dl.on dd { display: block; } .right dl dd a.on, .right dl dd a:hover { color: #0f50c4; } .right .ad { margin: 10px auto; } .pages { width: 100%; text-align: center; margin: 15px auto; line-height: 40px; font-size: 14px; float: left; } .pages a, .pages span { margin: 0 5px; padding: 3px 10px; border: 1px solid #666; } .pages a:hover, .pages span { background: #0f50c4; border: 1px solid #0f50c4; color: #fff; } /* 关于我们单页 */ .about, .cultrue, .history, .page { background: #f8f8f9; padding: 60px; margin-bottom: 50px; overflow: auto; } .about .num { width: 40%; } .about .num h2 { font-size: 98px; font-weight: bold; color: #0f50c4; } .about .num p { font-size: 14px; color: #333; } .about .content { width: 60%; text-align: justify; } .about .content * { font-size: 16px; } .about .con { margin: 50px auto; } /* 企业文化单页 */ .cultrue1 { overflow: auto; margin: 30px auto; } .cultrue1 div { width: 33.3%; float: left; text-align: center; } .cultrue1 div h2 { font-size: 26px; color: #333; font-weight: normal; line-height: 200%; } .cultrue1 div p { font-size: 14px; color: #000; } .cultrue .con { margin: 80px auto 50px; } /* 企业资质单页 */ .honor { } .honor .num { margin: 0 auto 20px; overflow: auto; } .honor .num .counter h2 { font-size: 98px; color: #0f50c4; width: 210px; float: left; line-height: 140%; } .honor .num .counter .con { float: left; margin-top: 60px; } .honor .num .counter .con p { font-size: 14px; } /* 大事记单页 */ .history { } .history .box { background: url(../../images/n/line.jpg) repeat-y center center; overflow: auto; position: relative; } .history .box .con { width: 47%; padding-top: 60px; } .history .box .con.fl { text-align: right; } .history .box .con h2 { color: #0f50c4; font-size: 40px;} .history .box .con.fl h2 { background: url(../../images/n/ico6.jpg) no-repeat center right; padding-right: 50px; margin-right: -7px; right: 50%; top: 0; position: absolute; } .history .box .con.fr h2 { background: url(../../images/n/ico6.jpg) no-repeat center left; padding-left: 50px; margin-left: -7px; left: 50%; top: 0; position: absolute; } .history .box .con.fl dl dt { margin-right: 20px; } .history .box .con.fr dl dt { margin-left: 22px; } .history .box .con.fl dl dd { margin-right: 5px; } .history .box .con.fr dl dd { margin-left: 7px; } .history .box .con dl { margin: 10px auto; overflow: auto; } .history .box .con dl dt { font-size: 20px; line-height: 150%; } .history .box .con dl dd { margin: 10px auto; line-height: 150%; font-size: 14px; } .history .box .con.fl dl dd { background: url(../../images/n/ico7.jpg) no-repeat right 7px; padding-right: 15px; } .history .box .con.fr dl dd { background: url(../../images/n/ico7.jpg) no-repeat left 7px; padding-left: 15px; } /* 反馈 */ .feedback { width: 100%; max-width: 510px; overflow: auto; } .feedback label { width: 100%; display: block; font-size: 14px; line-height: 30px; margin: 5px auto; position: relative } .feedback label input { line-height: 30px; ; } .feedback label span { margin-left: 10px; color: #FF0000; } .feedback label input, .feedback label textarea { background: #ececec; max-width: 480px; width: 94%; font-size: 14px; } .feedback label textarea { height: 150px; } .feedback label img { position: absolute; right: 30px; bottom: 0; } .feedback label .btn { width: 95px; line-height: 35px; text-align: center; font-size: 14px; border: 1px solid #e7e6e6; color: #333; display: block; float: right; margin-right: 30px; background: #fff; margin-top: 30px; } /* 视频 */ .videolist { } .videolist li { overflow: auto; margin-bottom: 80px; } .videolist li .pic { width: 49%; position: relative; } .videolist li .pic .play { position: absolute; bottom: 0; } .videolist li .txt { width: 46%; padding-left: 5%; border-top: 1px solid #000; } .videolist li .txt h2 { } .videolist li .txt h2 a { font-size: 18px; line-height: 250%; } .videoshow { text-align: center; } .videoshow iframe { width: 100%; max-width: 800px; height: 450px; } /* 学堂 */ .school { padding: 0px 75px 50px; } .school .tit { background: #0f50c4; line-height: 45px; font-size: 21px; color: #fff; padding: 0 30px; display: inline-block; font-weight: bold; margin: 25px auto; } .school .con { line-height: 250%; overflow: auto; margin-bottom: 30px; } .school .con h3 { font-weight: normal; color: #000; font-size: 16px; } .school .con span { color: #3a3a3a; font-size: 18px; width: 100%; float: left; display: block; } .school .con table { width: 100%; } .school .con p { font-size: 16px; color: #3a3a3a; } .school .con dl { width: 100%; color: #3a3a3a; } .school .con dl h3 { font-size: 18px; } .school .con dl dt { font-size: 16px; background: url(../../images/n/ico9.jpg) no-repeat left 14px; padding-left: 20px; } .school .con dl dd { padding-left: 20px; font-size: 14px; } .school .con dl.hf { width: 45%; } .school .con dl.hf.fr { float: right !important; } /* 招聘 */ .type { margin: 0 auto 10px; position: relative; width: 100%; float: left; } .type a { padding: 0 15px; line-height: 35px; text-align: center; float: left; margin: 0 2px; background: #fff; display: block; } .type a:hover, .type a.on { background: #208ec6; color: #fff; } .type .job51 { background: none; margin: 0 auto; float: none; position: absolute; right: 0; bottom: 0; padding: 0; } .joblist { overflow: auto; width: 100%; } .joblist p { text-align: right; font-size: 14px; color: #333; line-height: 35px; } .joblist dt { border-bottom: 1px solid #000; border-top: 1px solid #000; line-height: 40px; color: #000; margin-bottom: 15px; } .joblist dd { line-height: 35px; } .joblist dt, .joblist dd { overflow: auto; } .joblist span { display: block; float: left; font-size: 14px; line-height: 40px; } .joblist dd { border-bottom: 1px solid #d2d2d2; } .joblist dd span, .joblist dd span a { color: #666; line-height: 35px; } .joblist .w1 { width: 29%; padding-left: 4%; } .joblist .w2 { width: 12%; text-align: center; } .joblist .w3 { width: 12%; text-align: center; } .joblist .w4 { width: 12%; text-align: center; } .joblist .w5 { width: 15%; text-align: center; } .joblist .w6 { width: 12%; text-align: center; } .jobshow .title span { text-align: right; font-size: 14px; display: block; border-bottom: 1px solid #000; line-height: 30px; margin-bottom: 10px; } .jobshow .title h2 { font-size: 24px; line-height: 200%; font-weight: normal; } .jobshow .title h2 a { float: right; margin-top: 10px; } .jobshow .content { margin: 20px auto; } .jobshow .content h2 { font-size: 16px; line-height: 40px; } .jobshow .content .con { font-size: 14px; line-height: 180%; } .jobshow .btm { font-size: 14px; color: #333; border-top: 1px solid #000; line-height: 35px; margin-top: 80px; font-weight: bold; } /* 营销网络 */ .page.net * { font-size: 12px; } .net .tit { background: #0f50c4; line-height: 40px; font-size: 18px; color: #fff; padding: 0 30px; display: inline-block; font-weight: bold; margin: 0 auto -30px; z-index: 100; } .net .tit.mb0 { margin-bottom: 10px; } .mapTipText { width: 180px; font-size: 14px; line-height: 30px; background: rgba(255,255,255,0.70); padding-left: 20px; border: 1px solid #ccc; } .mapTipList { height: 30px; line-height: 30px; } /* 产品页面 */ .prolist { overflow: auto } .prolist li { width: 31%; margin: 0 2% 2% 0; float: left; background: url(../../images/n/probg.jpg) no-repeat center center / 100% 100%; overflow: auto; } .prolist li span { width: 60%; margin-top: 15%; /*background: url(../../images/n/shadow.png) no-repeat bottom center / 100%;*/ padding-bottom: 5.5%; display: block; position: relative; } .prolist li span .shadow { position: absolute; bottom: 0; } .prolist li span .line { height: 1px; background: #666; width: 80%; } .prolist h2 { font-size: 38px; color: #0f50c4; text-align: center; border-bottom: 1px solid #c0c0c0; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .prolist p { width: 70%; font-size: 16px; line-height: 40px; margin-bottom: 15px; } .prolist p i { float: right; margin-top: 10px; } .prolist p i img { height: 18px !important; } .product { background: #f4f4f4; overflow: auto; margin-bottom: 45px; } .product .print { margin: 20px 0 0 25px; width: 90px; line-height: 30px; } .product .print a { color: #fff; text-align: center; display: block; background: #0f50c4; } .product .content { margin-bottom: 10px; } .product .content .pic { width: 35%; margin-left: 9%; } .product .content .pic span { padding-bottom: 25px; display: block; position: relative; } .product .content .pic span .shadow { position: absolute; bottom: 0; width: 100%; } .product .content .pic i { width: 62%; border-top: 1px solid #000; margin-top: 40px; overflow: auto; display: block; } .product .content .pic i img { float: left; margin: 30px 5px 20px 0; height: 18px !important; } .product .content .pic p { width: 62%; font-size: 16px; font-weight: bold; } .product .content .pic .small { width: 62%; margin: 10px auto; } .product .content .pic .small img { margin-left: 0; } .product .content .pic .size { width: 70%; text-align: center; padding: 10px 0; line-height: 110%; background: #ccc; color: #000; margin-top: 15px; } .product .content .pic .size pre { line-height: 110%; font-size: 14px; } .product .content .txt { width: 39%; margin-left: 8%; } .product .content .txt h2 { font-size: 50px; color: #000; line-height: 120%; margin: 30px auto 80px; word-wrap: break-word; } .product .content .txt .tit { font-size: 20px; color: #0f50c4; line-height: 30px; } .product .content .txt .con img { margin: 10px 0 0 0; display: initial; } .product .content .txt .con * { line-height: 25px; } .product .content .txt .con.line { border-bottom: 1px solid #000; padding-bottom: 30px; margin-bottom: 30px; } .product .content .txt .notice { padding-left: 30px; background: url(../../images/n/notice.png) no-repeat left center; } .product .content .txt .proposal { padding-left: 30px; background: url(../../images/n/proposal.png) no-repeat left center; } .product .content .txt .trait { padding-left: 30px; background: url(../../images/n/trait.png) no-repeat left center; } .product .content .txt .ico8 { margin: 20px auto; } .product .content .txt .ico8 p { background: url(../../images/n/ico8.png) no-repeat left 10px; padding-left: 20px; margin: 15px auto; } .product .content.mt50 { margin-bottom: 50px; } .product .content table.tab { width: 96%; max-width: 820px; min-width: 680px; border-bottom: 1px solid #9e9e9e; } .product .content table.tab th { background: #000; color: #fff; line-height: 100%; font-size: 14px; padding: 10px 0; } .product .content table.tab th p { color: #fff; line-height: 100%; font-size: 16px; } .product .productcon { margin: 50px auto 60px; max-width: 780px; font-size: 14px; } .product .content .pic.half { margin-top: 5%; } .product .content .pic.half .shadow { display: none; } .product .content .pic.half span { padding: 0; } .product .content .pic.half i { width: 70%; margin-top: 0; } /* 新闻页面 */ .newslist { overflow: auto; } .newslist li { margin-bottom: 15px; overflow: auto; border: 1px solid #eee; } .newslist li .pic { width: 40%; height: 0; padding-bottom: 26%; overflow: hidden; } .newslist li .pic img { width: 100%; } .newslist li .txt { width: 52%; padding: 2% 0; } .newslist li .txt i { font-style: normal; font-size: 14px; text-align: right; color: #797979; display: block; margin-right: 30px; } .newslist li .txt h2 { line-height: 50px; } .newslist li .txt h2 a { font-size: 16px; } .newslist li .txt span { font-size: 14px; color: #666; display: block; padding-right: 18%; } .newslist li .txt p a { font-size: 14px; color: #142f79; margin-top: 35px; display: block; } .newslist li .txt.nopic { width: 100%; padding-left: 30px; box-sizing: border-box; } .news { padding: 30px 60px 80px; background: #f8f8f8; margin-bottom: 100px; } .news .tit { margin-bottom: 20px; } .news .tit h2 { font-size: 30px; color: #0f50c4; line-height: 32px; margin: 25px auto 45px; } .news .tit p { border-bottom: 1px solid #999; font-size: 14px; line-height: 40px; } .news .tit p span { float: right; } .news .tit p span i { font-style: normal; font-size: 14px; } .content * { font-size: 14px; color: #333; line-height: 180%; } /* 工作环境 */ .work { } .work .box { margin: 40px auto; overflow: auto; } .work .box .txt { background: #000; text-align: center; width: 40%; max-width: 317px; padding: 30px 0 0; min-height: 130px; } .work .box .txt img { width: 20%; } .work .box .txt p { font-size: 20px; color: #999; } .work .box:hover .txt { background: #0f50c4; } .work .box:hover .txt p { color: #fff; } .work .box .pic { width: 55%; margin-left: 5%; overflow: hidden; position: relative; } .work .box .pic .slick-prev, .work .box .pic .slick-next { width: 30px; height: 30px; display: block; position: absolute; top: 65px; background-size: 100% !important; } .work .box .pic .slick-prev { background: url(../../images/n/ico11.png) no-repeat center center; left: 0; } .work .box .pic .slick-next { background: url(../../images/n/ico12.png) no-repeat center center; right: 0; } .work .box .pic .slick-list { width: 80%; max-width: 317px; margin: 0 auto; height: 160px; } /* 活动花絮 */ .piclist { } .piclist li { width: 45%; float: left; margin-right: 5%; margin-top: 5%; } .piclist li span { display: block; width: 100%; height: 0; padding-bottom: 65%; overflow: hidden; } .piclist li p { font-size: 14px; color: #666; line-height: 300%; } /* 投资页面 */ .investor table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .investor table td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .investor .charts { margin-top: 30px; text-align: center; } .investorlist { overflow: auto; } .investorlist li { margin-bottom: 15px; overflow: auto; border: 1px solid #eee; } .investorlist li .pic { width: 60px; height: 60px; padding: 20px 10px 0 4px; overflow: hidden; } .investorlist li .pic img { width: 44px; } .investorlist li .txt { padding: 2% 0; } .investorlist li .txt i { font-style: normal; font-size: 14px; color: #797979; } .investorlist li .txt h2 { margin: 5px 5px 10px 0; } .investorlist li .txt h2 a { font-size: 16px; line-height: 120%; } .investorlist li .txt p a { font-size: 14px; color: #142f79; display: block; float: right; margin-right: 10px; } /* 搜索页面 */ .searchlist { overflow: auto; } .searchlist li { overflow: auto; border-bottom: 1px dotted #ccc; padding-bottom:10px;} .searchlist li .pic { float: left; width: 60px; margin: 10px; } .searchlist li .txt { width: auto; } .searchlist li .txt h2 { font-size: 14px; margin-top: 15px; } /* 底部 */ .foot { background: #444; overflow: auto; } .foot dl { border-left: 1px solid #666; width: 13%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; margin: 80px 0 30px; } .foot dl dt a { font-size: 14px; color: #ccc; line-height: 250%; } .foot dl dd a { font-size: 14px; color: #999; line-height: 180%; } .foot .wechat { float: right; width: 200px; text-align: center; margin-top: 80px; } .foot .wechat img { max-width: 140px; margin-bottom: 10px; } .foot .wechat span, .foot .wechat p { font-size: 14px; line-height: 150%; color: #ccc; } .foot .link { margin: 50px auto; border-left: 1px solid #666; line-height: 16px; } .foot .link a { border-right: 1px solid #666; padding: 0 45px; float: left; font-size: 14px; line-height: 16px; color: #ccc } .copyright { background: #333; line-height: 30px; color: #808080; font-size: 12px; } .copyright span { float: right; } .copyright i { font-style: normal; }