@charset "utf-8"; /* CSS Document */ /*关于亚洲bet356体育唯一 -- start*/ .about_banner { min-width: 1000px; max-width: 1200px; height: 100%; margin: 0 auto; position: relative; z-index: 2; } .about_banner .p1 { width: 100%; height: 70px; position: relative; top: 37%; font-size: 2.4em; text-align: center; color: #fff; } @media only screen and (min-width: 1440px) and (max-width: 2000px) { .about_banner .p1 { font-size: 48px; } } .about_banner .text { width: 680px; height: 140px; margin: 0 auto; position: relative; top: 45%; } .about_banner .text ul { height: 100%; } .about_banner .text li { width: 25%; *width: 24.98%; height: 100%; float: left; } .about_banner .text li .first { margin: 0px 25px; height: 100%; position: relative; } .about_banner .text li .first span { width: 78px; height: 78px; display: block; margin: 0 auto; background: url(../img/aboutB.png) no-repeat; } .about_banner .text li .first .icoo1 { background-position: 0px 0px; } .about_banner .text li .first .icoo2 { background-position: 0px -100px; } .about_banner .text li .first .icoo3 { background-position: 0px -200px; } .about_banner .text li .first .icoo4 { background-position: 0px -299px; } .about_banner .text li .first .p2 { width: 162px; height: 24px; line-height: 24px; position: absolute; bottom: 10px; left: 50%; margin-left: -81px; color: #fff; text-align: center; } .about_banner .text li.active .first .p2 { background: url(../img/aboutB.png) no-repeat 0px -401px; color: #C30211; } @media only screen and (min-width: 320px) and (max-width: 1200px) { .about_banner .p1 { top: 30%; } .about_banner .text { top: 30%; } } .about_jianjie { width: 100%; height: auto; background: #fff; } .about_jianjie .box { width: 100%; height: 514px; position: relative; padding: 30px 0px 108px 0; } .about_jianjie .box .left, .about_jianjie .box .right { width: 50%; height: 514px; position: absolute; top: 30px; } .title.about{ padding:44px 0 45px 0; } .about_jianjie .box .left { left: 0px; } .about_jianjie .box .right { right: 0px; background: #F5F5F5; } .about_jianjie .box .left .first, .about_jianjie .box .right .first { height: 514px; position: absolute; } .about_jianjie .box .left .first { width: 960px; right: 0px; background: url(../img/aboutbg1.jpg) no-repeat; } .about_jianjie .box .right .first { left: 0px; } .about_jianjie .box .right .first .text { min-width: 500px; max-width: 670px; height: 514px; } .about_jianjie .box .right .first .text .about_con { margin: 0px 36px; height: 100%; position: relative; } .about_jianjie .box .right .first .text .about_con .ico { display: block; width: 300px; height: 130px; background: url(../img/logo2023.png) no-repeat ; background-position: 0px 54px; background-size: contain; } .about_jianjie .box .right .first .text .about_con p { font-size: 14px; color: #333; line-height: 32px; padding: 15px 0px; } .about_jianjie .box .right .first .text .about_con p strong { font-weight: normal; } .about_jianjie .box .right .first .text .about_con a { position: absolute; bottom: 50px; left: 0px; } .about_licheng { width: 100%; height: 916px; background: url(../img/aboutbg2.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; } .about_licheng .box { min-width: 1000px; max-width: 1200px; height: 630px; margin: 0 auto; } .about_licheng .box .about_list { width: 100%; height: 36px; line-height: 36px; position: relative; } .about_licheng .box .about_list .first { margin: 0px 60px; height: 36px; position: relative; overflow: hidden; } .about_licheng .box .about_list .first ul { position: absolute; left: 0px; top: 3px; } .about_licheng .box .about_list .first li { width: 100px; height: 32px; line-height: 32px; text-align: center; float: left; margin: 0px 10px; background: url(../img/about.png) no-repeat 0px -199px; cursor: pointer; color: #CAC8C8; } .about_licheng .box .about_list .first li:hover { background-position: 0 -299px; color: #CA0303; } .about_licheng .box .about_list .first li.active { background-position: 0 -299px; color: #CA0303; } .about_licheng .about_art { width: 740px; height: 550px; margin: 50px auto 0px; position: relative; overflow: hidden; } .about_licheng .about_art .about_lishi { width: 740px; height: 100%; position: absolute; left: 0px; top: 0px; display: none; } .about_licheng .about_art .about_lishi .shu_xian { width: 2px; height: 100%; background: #DF0E1A; margin: 0 auto; display: block; } .about_licheng .about_art .about_lishi .about_rw { width: 100%; height: 160px; position: absolute; top: 20px; left: 0px; overflow: hidden; } .about_licheng .about_art .about_lishi .about_rw.about_true { background: url(../img/about.png) no-repeat 171px -2132px } .about_licheng .about_art .about_lishi .about_rw.about_false { background: url(../img/about.png) no-repeat 363px -2336px } .about_licheng .about_art .about_lishi .about_rw.about_true .img, .about_licheng .about_art .about_lishi .about_rw.about_false .img { width: 160px; height: 160px; border-radius: 50%; background-position:center; background-size:190px 190px; overflow: hidden; position: absolute; } .about_licheng .about_art .about_lishi .about_rw.about_true .img { left: 0px; } .about_licheng .about_art .about_lishi .about_rw.about_false .img { right: 0px; } .about_licheng .about_art .about_true .arrTc, .about_licheng .about_art .about_false .arrTc { width: 50%; height: 70px; position: absolute; top: 42px; } .about_licheng .about_art .about_true .arrTc { right: 0px; } .about_licheng .about_art .about_false .arrTc { left: 0px; } .about_licheng .about_art .about_true .arrTc dl { margin-left: 34px; } .about_licheng .about_art .about_false .arrTc dl { margin-right: 34px; } .about_licheng .about_art .about_true .arrTc dl dt, .about_licheng .about_art .about_true .arrTc dl dd { text-align: left; } .about_licheng .about_art .about_false .arrTc dl dt, .about_licheng .about_art .about_false .arrTc dl dd { text-align: right; } .about_licheng .about_art dl dt { height: 40px; line-height: 40px; font-size: 20px; color: #fff; } .about_licheng .about_art dl dd { height: 30px; line-height: 30px; font-size: 14px; color: #fff; } .title.about1{ padding:70px 0 86px 0; } .about_licheng .about_art .about_lishi .about_rw.about_true dl { right: 50%; } .about_licheng .about_art .about_lishi .about_rw.about_false dl { left: 50%; } .about_wenhua { width: 100%; height: auto; background: #fff; padding-bottom: 128px; } .about_wenhua .box { min-width: 1000px; max-width: 1180px; height: auto; margin: 0 auto; position: relative; overflow: hidden } .about_wenhua .box a.left, .about_wenhua .box a.right { position: absolute; display: block; width: 36px; height: 36px; background: url(../img/button.png) no-repeat; z-index: 10; top: 151px; } .about_wenhua .box a.left { left: 5px; background-position: -150px -350px; } .about_wenhua .box a.right { right: 5px; background-position: -150px -400px; } .about_wenhua .box ul { position: relative; } .about_wenhua .box li { width: 25%; *width: 24.96%; float: left; position: relative; overflow: hidden; padding-top:20px; padding-bottom:20px; } .about_wenhua .box li .first { border: solid 1px #E3E3E3; height: 100%; border-right: 0px; z-index:1; } .about_wenhua .box li.t .first { border-right: solid 1px #e3e3e3; } .about_wenhua .box li .first .text { width: 100%; height: 100%; } .about_wenhua .box li .first img { width: 100%; height: auto; } .about_wenhua .box li .first .text dl { width: 100%; height: 100px; overflow: hidden; text-align: center; } .about_wenhua .box li .first .text dt { height: 60px; line-height: 100px; font-size: 20px; } .about_wenhua .box li .first .text dd { height: 34px; line-height: 34px; font-size: 14px; } .about_wenhua .box li .posi { width: 100%; height: 112%; position: absolute; left: 0px; top: 0px; border: solid 1px #CCACAD; z-index:2; } .about_wenhua .box li .posi.icoo1 { background: url(../img/ifa/wenhua1.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi.icoo2 { background: url(../img/ifa/wenhua4.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi.icoo3 { background: url(../img/ifa/wenhua2.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi.icoo4 { background: url(../img/ifa/wenhua3.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi.icoo5 { background: url(../img/ifa/wenhua5.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi.icoo6 { background: url(../img/ifa/wenhua6.jpg) no-repeat 0px 0px; background-size: 100% 100%; behavior: url(../css/backgroundsize.min.htc); } .about_wenhua .box li .posi .t { width: 100%; height: 100%; background: rgba(211, 8, 8, 0.8); position: absolute; top: 0px; left: 0px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccE00D0D, endColorstr=#ccE00D0D); } .about_wenhua .box li .posi dl { position: relative; z-index: 2; top: 34%; } .about_wenhua .box li .posi dt { height: 60px; line-height: 60px; color: #fff; font-weight: bold; font-size: 18px; text-align: center; } .about_wenhua .box li .posi dd { height: 32px; line-height: 32px; padding-top:18px; .padding-top:10px;/*ie7 ie8*/ font-size: 14px; color: #fff; text-align: center; } .about_wenhua .box li .posi .xian { width: 20px; height: 2px; background: #fff; display: block; position: relative; margin: 0 auto; top: 50%; } .about_zizi { width: 100%; background: url(../img/git.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 85px; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; } .about_zizi .box { min-width: 1000px; max-width: 1200px; margin: 0 auto; position: relative; margin-top: 50px; } .about_zizi .box .first { margin: 0 100px; overflow: hidden; position: relative; } .about_zizi .box .first ul { width: 100%; height: 390px; position: relative; } .about_zizi .box .first li { width: 20%; *width: 19.98%; float: left; } .about_zizi .box .first li img { width: 100%; *width: 98%; height: auto; border: solid 2px #fff; box-sizing: border-box; cursor: pointer; } .about_zizi .box .first li.active img { border-color: #DD0817; } .about_zizi .box .left, .about_zizi .box .right { width: 36px; height: 36px; display: block; background: url(../img/about.png) no-repeat; position: absolute; top: 50%; margin-top: -19px; } .about_zizi .box .left { left: 10px; background-position: 0px -400px; } .about_zizi .box .right { right: 10px; background-position: 0px -605px; } .about_zizi .box .left:hover { background-position: 0px -505px; } .about_zizi .box .right:hover { background-position: 0px -705px; } .about_zizi .p { width: 100%; height: 50px; line-height: 100px; font-size: 18px; color: #fff; text-align: center; } .about_lianxi { width: 100%; height: auto; background: #fff; } .about_lianxi .box { min-width: 1000px; max-width: 1200px; margin: 0 auto; height: auto; overflow: hidden; padding-top: 40px; } /*.about_lianxi .ditu{ height:px; }*/ .about_lianxi .box li { width: 50%; *width: 49.98%; height: 100%; float: left; position: relative; } .about_lianxi .box li .first { position: relative; overflow: hidden; } .about_lianxi .box li .first.t { border: solid 3px #ddd; height: 360px; } .about_lianxi .box li .first .diimg { width: 100%; height: 360px; } .about_lianxi .box li .first.t1 { margin-left: 38px; height: 100%; } .about_lianxi .box li { height: 100%; } .about_lianxi .box li .first .text { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .about_lianxi .box li .first .text dl { height: 100%; } .about_lianxi .box li .first .text dt { width: 100%; /*height: 39%;*/ border-bottom: solid 1px #ddd; } .about_lianxi .box li .first .text dd { width: 100%; height: auto; display: none; padding-top: 5px; } .about_lianxi .box li .first .text dt p { height: 40%; line-height: 200%; font-weight: bold; font-size: 22px; color: #333; margin-bottom:10px; } .about_lianxi .box li .first .text dt div { /*height: 60%;*/ position: relative; overflow:hidden; } .about_lianxi .box li .first .text dt div a { width: 98px; height: 28px; line-height: 26px; margin-right: 12px; float: left; margin-top: 10px; text-align: center; color: #767676; font-size: 14px; position: relative; z-index: 2; } .about_lianxi .box li .first .text dt div a.active { font-weight: bold; color: #fff; background: url(../img/about.png) no-repeat 0px -2567px; } .about_lianxi .box li .first .text dd a { width: 100%; height: 41px; display: block; text-indent: 30px; font-size: 14px; color: #464646; line-height: 60px; background: url(../img/about.png) no-repeat; } .about_lianxi .box li .first .text dd a.icoo1 { background-position: 0px -880px; } .about_lianxi .box li .first .text dd a.icoo2 { background-position: 0px -1081px; } .about_lianxi .box li .first .text dd a.icoo3 { background-position: 0px -1281px; } .about_lianxi .box li .first .text dd a.icoo4 { background-position: -3px -1481px; } .about_lianxi .box li .first .text dd a.icoo5 { background-position: 0px -1681px; } .about_lianxi .box li .first .text dd a.icoo6 { background-position: 0px -1881px; } .about_lianxi .box li .first .text dd a:hover { color: #DF0E1A; } .about_lianxi .box li .first .text dd a:hover.icoo1 { background-position: 0px -980px; } .about_lianxi .box li .first .text dd a:hover.icoo2 { background-position: 0px -1181px; } .about_lianxi .box li .first .text dd a:hover.icoo3 { background-position: 0px -1381px; } .about_lianxi .box li .first .text dd a:hover.icoo4 { background-position: -3px -1582px; } .about_lianxi .box li .first .text dd a:hover.icoo5 { background-position: 0px -1781px; } .about_lianxi .box li .first .text dd a:hover.icoo6 { background-position: 0px -1982px; } @media only screen and (min-width: 320px) and (max-width: 1200px) { .about_lianxi .box li .first .text dd a { font-size: 12px; height: 32px; line-height: 32px; } .about_lianxi .box li .first .text dd a.icoo1 { background-position: 0px -894px; } .about_lianxi .box li .first .text dd a.icoo2 { background-position: 0px -1093px; } .about_lianxi .box li .first .text dd a.icoo3 { background-position: 0px -1295px; } .about_lianxi .box li .first .text dd a.icoo4 { background-position: -3px -1496px; } .about_lianxi .box li .first .text dd a.icoo5 { background-position: 0px -1697px; } .about_lianxi .box li .first .text dd a.icoo6 { background-position: 0px -1895px; } .about_lianxi .box li .first .text dd a:hover { color: #DF0E1A; } .about_lianxi .box li .first .text dd a:hover.icoo1 { background-position: 0px -994px; } .about_lianxi .box li .first .text dd a:hover.icoo2 { background-position: 0px -1193px; } .about_lianxi .box li .first .text dd a:hover.icoo3 { background-position: 0px -1395px; } .about_lianxi .box li .first .text dd a:hover.icoo4 { background-position: -3px -1597px; } .about_lianxi .box li .first .text dd a:hover.icoo5 { background-position: 0px -1797px; } .about_lianxi .box li .first .text dd a:hover.icoo6 { background-position: 0px -1996px; } } .about_lianxi .about_gd { width: 130px; height: 24px; padding: 100px 0px 70px 0; line-height: 24px; text-align: center; position: relative; margin: 0 auto; } .about_lianxi .about_gd .t { width: 130px; height: 11px; border-bottom: solid 1px #333; display: block; } .about_lianxi .about_gd a { width: 72px; height: 24px; font-size: 14px; text-align: center; color: #333; display: block; left: 30px; top: 99px; background: #fff; position: absolute; } .about_lianxi .about_gd a:hover { color: #DF0E1A; } .about_zizi .box .d_prev { position: absolute; left: 9%; background-position: -150px -450px; } /*关于亚洲bet356体育唯一 -- end*/ /*产品特点 -- start*/ .goods_tedi { width: 100%; height: auto; background: #fff; } .goods_tedi .box { min-width: 1000px; max-width: 1210px; height: auto; margin: 0 auto; position: relative; } .goods_tedi .box li { width: 16.66%; *width: 16.56%; height: 264px; float: left; position: relative; top: -264px; opacity: 0; filter: alpha(opacity=0); } .goods_tedi .box li .first { height: 262px; margin: 0px 5px; position: relative; border-radius: 2px; } .goods_tedi .box li .first .text { padding: 0px 20px; height: 100%; position: relative; box-shadow: 1px 1px 2px #ddd; background: #ECECEC; z-index: 2; } .goods_tedi .box li .first .ico { width: 40px; height: 40px; display: block; left: 20px; top: 46px; background: url(../img/goods.png) no-repeat; position: absolute; } .goods_tedi .box li .first .icoo1 { background-position: 0px 0px } .goods_tedi .box li .first .icoo2 { background-position: 0px -100px } .goods_tedi .box li .first .icoo3 { background-position: 0px -200px } .goods_tedi .box li .first .icoo4 { background-position: 0px -300px } .goods_tedi .box li .first .icoo5 { background-position: 0px -400px } .goods_tedi .box li .first .icoo6 { background-position: 0px -500px } .goods_tedi .box li .first dl { position: relative; top: 100px; } .goods_tedi .box li .first dt { height: 70px; line-height: 70px; font-size: 16px; font-weight: bold; } .goods_tedi .box li .first dd { wdith: 100%; height: 60px; line-height: 24px; font-size: 12px; overflow: hidden; } .goods_tedi .box li .first .t { width: 16px; height: 2px; background: #333; position: absolute; top: 160px; } .goods_tedi .box li .first .goods_po { width: 100%; height: 100%; background: #D20001; position: absolute; top: 0px; left: 0px; border-radius: 2px; } .goods_tedi .box li .first:hover .goods_po { z-index: 3; } .goods_tedi .box li .first .goods_po .goods_tv { margin: 0px 20px; } .goods_tedi .box li .first .goods_po dl { top: 50px; } .goods_tedi .box li .first .goods_po dt { color: #fff; } .goods_tedi .box li .first .goods_po dl { color: #fff; } .goods_tedi .box li .first .goods_po .t { top: 108px; background: #FFF; } .goods_tedi ol { padding: 45px 0; height: 10px; width: 100%; text-align: center; } .goods_tedi ol li { width: 9px; height: 9px; margin-right: 10px; display: inline-block; background: url(../img/goods.png) no-repeat -1px -600px; cursor: pointer; *display: inline; *zoom: 1; } .goods_tedi ol li.active { background-position: 0px -700px; } .goods_list { width: 100%; background: url(../img/goodsbg1.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 50px; } .goods_list .box { min-width: 1000px; max-width: 1240px; margin: 0 auto; padding-top: 50px; padding-bottom: 70px; } .goods_list .box li { width: 20%; *width: 19.98%; float: left; cursor: pointer; } .goods_list .box li .first { height: auto; margin: 0px 20px; position: relative; } .goods_list .box li .first img { width: 100%; height: auto; } .goods_list .box li .first dl { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .goods_list .box li .first dt { height: 26px; line-height: 26px; text-align: center; color: #fff; font-size: 20px; position: relative; top: 30%; } .goods_list .box li .first dd { width: 94px; height: 26px; border: solid 1px #fff; line-height: 26px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto; cursor: pointer; position: relative; top: 40%; } .goods_list .box li .first .text { width: 110%; background: #CF0212; padding: 50px 0px; color: #fff; border-radius: 6px; box-shadow: 1px 1px 1px #333; text-align: center; position: absolute; top: 50%; left: -5%; overflow: hidden; display: none; } .goods_list .box li .first .text strong { font-size: 20px; fong-weight: normal; } .goods_list .box li .first .text a { width: 100%; display: block; color: #fff; font-size: 14px; height: 32px; line-height: 32px; } .goods_list .box li .first .text span { width: 100%; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; } .goods_list .goods_btg { width: 100%; margin: 30px auto 0; text-align: center; } .goods_list .goods_btg p { height: 28px; line-height: 28px; font-size: 18px; color: #fff; text-align: center; } .goods_shiyong { width: 100%; background: url(../img/goodsbg3.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 50px; } .goods_shiyong .box { min-width: 1000px; max-width: 1280px; height: 210px; margin: 0 auto; } .goods_shiyong .box li { width: 20%; *width: 19.98%; height: 210px; float: left; } .goods_shiyong .box li .first { margin: 0 40px; position: relative; } .goods_shiyong .box li .first p { width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 14px; } .goods_shiyong .box li .first a { width: auto; height: auto; display: block; position: relative; } .goods_shiyong .box li .first img { width: 80%; height: auto; top: 0px; left: 10%; *left: 0; } .goods_shiyong .box li .first img.t1 { z-index: 2; position: relative; } .goods_shiyong .box li .first img.t2 { z-index: 1; position: absolute; } .goods_shiyong .box li .first:hover img.t2 { z-index: 3; } /*产品特点 -- end*/ /*** 证书轮播 */ #d_tab29 ul, #d_tab29 li { margin: 0; padding: 0; list-style: none } #d_tab29 img { border: 0; vertical-align: top } #d_tab29 { position: relative; height: 400px; text-align: left } #d_tab29 .d_img { position: relative; margin: 0 auto; width: 860px; height: 100% } #d_tab29 .d_img li { position: absolute; display: none; z-index: 0 } #d_tab29 .d_img .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;} #d_tab29 .d_img li img { width: 100%; border:1px solid #888; -webkit-box-shadow:0 0 4px 4px rgba(33,33,33,.5); -moz-box-shadow:0 0 4px 4px rgba(33,33,33,.5); box-shadow:0 0 4px 4px rgba(33,33,33,.5); } #d_tab29 .d_img img{cursor:pointer;} #d_tab29 .d_img li.d_pos1 { display: block; width: 200px; left: 0; top: 60px; z-index: 1 } #d_tab29 .d_img li.d_pos2 { display: block; width: 250px; left: 20%; top: 40px; z-index: 2 } #d_tab29 .d_img li.d_pos3 { display: block; width: 300px; left: 40%; top: 20px; z-index: 3 } #d_tab29 .d_img li.d_pos4 { display: block; width: 250px; right: 20%; top: 40px; z-index: 2 } #d_tab29 .d_img li.d_pos5 { display: block; width: 200px; right: 0; top: 60px; z-index: 1 } #d_tab29 .d_menu { position: absolute; bottom: -55px; width: 100%; text-align: center } #d_tab29 .d_menu li {display:none;} #d_tab29 .d_menu li.d_select { display: inline-block; zoom: 1; *display:inline; cursor: pointer;color:#fff} #d_tab29 .d_menu li.d_select a{color:#fff;text-shadow:#000 2px 2px 6px;} #d_tab29 .d_next, #d_tab29 .d_prev{ display: block; width:40px; height:40px; top: 140px; z-index: 10; cursor: pointer ; background: url("../img/button.png"); } #d_tab29 .d_prev { position: absolute; left: 9%; background-position: -150px -350px; } #d_tab29 .d_next { position: absolute; right: 9%; background-position: -150px -399px; } .about_lianxi .box .BMapLib_nav_tab_content li{width:100%;} @media only screen and (min-width: 320px) and (max-width: 1200px) { .about_jianjie .box .right .first .text .about_con p { font-size: 12px; } .about_licheng .box .about_list .first { width: 837px; margin: 0px auto; } } /*** 证书轮播 */ #NewCoolBImg{background:transparent url(../img/ifa/about.jpg?ver=1.3) no-repeat center center;} #about_banner .first{cursor:default;} #BMapLib_transBox0{ padding:0px; }