/*清楚样式*/ body{ overflow-x:hidden ; } ul,li,dd,dl{ list-style: none; margin-bottom: 0; padding: 0; } i{ font-style: normal; } /*end*/ /*自定义字体*/ @font-face { font-family: '庞门正道标题体3.0'; src: url('../fonts/庞门正道标题体3.0.eot'); /* IE9 Compat Modes */ src: url('../fonts/庞门正道标题体3.0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/庞门正道标题体3.0.woff') format('woff'), /* Modern Browsers */ url('../fonts/庞门正道标题体3.0.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/庞门正道标题体3.0.svg#YourWebFontName') format('svg'); /* Legacy iOS */ } /*end*/ /*导航样式*/ header{ height: 90px; display: flex; background: rgba(255,255,255,0.6); } .logo{ display: flex; align-items: center; height: 100%; } .logo a{ text-decoration: none; } .en_logo{ margin-left: 18px; margin-top: 4px; } .nav_ul{ display: flex; justify-content: space-between; align-items: center; height: 100%; } .nav_ul li{ height: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid ; border-bottom-color: rgba(0,0,0,0); position: relative; } .nav_ul li a{ font-size: 18px; color: #000000; text-decoration: none; } .nav_ul li a:hover{ color: #EA5413; } .nav_ul li:hover{ border-bottom: 2px solid #EA5413; } .hover > a{ color: #EA5413 !important; } .hover{ border-bottom: 2px solid #EA5413 !important; } .nav_ul dl{ display: flex; position: absolute; top: 90px; height: 0; left: -200%; overflow: hidden; background: rgba(255,255,255,0.8); transition: all 0.5s; padding: 0 10px; } .nav_ul dl dd{ width: auto; height: 117px; margin: 0 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .nav_ul dl dd a{ /*min-width: 159px;*/ display: block; white-space: nowrap; color: #EA5413; } .nav_ul li:hover dl{ height: 117px; } .nav_ul li:hover .chanpin_son{ display: block; } .nav_son_icon{ width: 50px; height: 50px; border-radius:10px ; background: #EA5413; margin-bottom: 13px; display: flex; align-items: center; justify-content: center; padding: 10px; } .nav_son_icon img{ max-width: 100%; max-height: 100%; } /*end导航样式*/ /*轮播图*/ .intro{ position: absolute; bottom: 239px; right: 416px; } .intro h1 { font-size: 56px; color: #EA5413; /* font-weight: bold; */ font-family: '庞门正道标题体3.0'; } .intro p { color: #EA5413; font-size: 28px; } /*end轮播图*/ /*产品中心*/ #product{ width: 100%; height: auto; background: url("../images/cq_bg.png") no-repeat; background-size: cover; padding: 85px 0; position: relative; } .title{ display: flex; align-items: flex-end; justify-content: center; margin-bottom: 53px; } .title h1{ font-size: 50px; color: #EA5413; margin-right: 21px; background: url("../images/title_icon.png") no-repeat left center; padding-left: 50px; font-weight: bold; } .title p{ color: #8D8D8D; font-size: 27px; position: relative; text-transform:uppercase } .title span{ width: 211px; height: 3px; background: #EA5413; display: block; margin-left: 73px; } .product_type{ position: relative; /*height: 500px;*/ display: block; transition: all 0.5s; } .product_type .type_img{ width: 100%; /*height: 500px;*/ } .product_type p{ width: 100%; height: 110px; background: rgba(0,0,0,0.4); position: absolute; bottom: 0; display: flex; align-items: center; margin: 0; padding: 0 20px; } .product_type p img{ width: 52px; height: 60px; margin-right: 20px; } .product_type p span{ color: #ffffff; font-size: 26px; display: flex; flex-direction: column; } .product_type p span i{ font-style: normal; } .shu:nth-child(1) p img{ width: 51px; height: 42px; } .shu:nth-child(2){ margin-top: 37px; } .shu:nth-child(2) p img{ width: 51px; height: 53px; } .box{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9; top: 0; left: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.5s; } .product_type:hover .box{ opacity: 1; } /*BET体育365简介*/ #companyprofile{ width: 100%; height: auto; /*min-height: 100vh;*/ background-image: url("../images/about_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 159px; padding-bottom: 216px; } .about_img{ width: 100%; height: 423px; background: #F29268; display: flex; justify-content: center; position: relative; margin-top: 100px; } .about_img img{ position: absolute; top: 78px; left: 64px; } .about_img_xian{ width: 73px; height: 6px; background: #F29268; display: block; position: absolute; bottom: -30px; left: 32px; } .about_title{ flex-direction: column; align-items: flex-start; margin-bottom: 38px; } .about_title h1{ background: none; padding-left: 0; } .about_title span{ width: 78px; height: 6px; margin-left: 0; } .about_nr{ color: #666666; text-align: justify; font-size: 16px; } .about_more{ width: 265px; height: 49px; /*background: #EA5413;*/ border-radius: 17px; color: #ffffff; font-size: 25px; text-align: center; line-height: 49px; margin-top: 69px; transition: all 0.3s; position: relative; } .about_more a{ color: #EA5413; text-decoration: none; } .about_more:hover .more_xian{ width: 0; } .more_xian{ width: 100%; height: 2px; background: #EA5413; display: block; transition: all 0.3s; position: absolute; right: 0; } /*endBET体育365简介*/ /*新闻中心*/ .news_type{ position: relative; display: block; height: 359px; } .news_type img{ width: 100%; height: 100%; object-fit: cover; } .news_type .news_nr{ position: absolute; right: 0; bottom: 0; display: flex; align-items: center; width: 399px; height: 93px; background: url("../images/index-hone-bg.png") no-repeat; background-size: 100% 100%; } .news_time i{ font-style: normal; display: block; } .news_time{ display: flex; justify-content: center; flex-direction: column; align-items: center; margin-left: 36px; margin-top: 13px; } .year{ color: #ffffff; font-size: 18px; font-weight: bold; } .day{ color: #ffffff; font-size: 50px; font-weight: bold; margin-top: -17px; } .news_title_des{ width: 51%; } .news_title_des i,.news_title_des .news_des{ color: #ffffff; font-style: normal; border-bottom: 1px solid #ffffff; padding-bottom:2px; display: inline; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news_title{ font-size: 20px; margin-bottom: 5px; } .news_des{ font-size: 15px; } .news_shu{ width: 3px; height:100%; background: #ffffff; margin-left: 30px; margin-right: 25px; } .news_type{ overflow: hidden; transition: all 0.5s; } .news_type img{ transition: all 0.5s; } .news_type:hover img{ transform: scale(1.1); } .news_two a{ color: #000000; font-size: 18px; display: flex; justify-content: space-between; margin-top: 23px; transition: all 0.2s; } .news_two a:hover,.news_right a:hover{ color: #EA5413; text-decoration: none; } .news_right_title a{ width: 100%; color: #000000; font-size: 16px; } .news_right_nr{ margin: 0; } .news_right_title{ margin-bottom: 0px; } .news_right_nr a{ color: #666666; font-size: 14px; line-height: 24px; } .news_right{ padding-bottom: 21px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; } .news_right a{ transition: all 0.2s; } /*end新闻中心*/ /*解决方案*/ #solution{ padding-top: 90px; } #solution .title p span{ width: 91px; margin-left: 75px; } .solution_type p{ height: auto; display: flex; flex-direction: column; background: none; align-items: flex-start; padding-bottom: 21px; } .solution_type p span{ font-size: 20px; color: #EA5413; } .solution_type p img{ width: 49px; height: 49px; margin-bottom: 15px; } .solution_type:nth-child(2) p img{ width: 51px; height: 51px; } .solution_type:nth-child(3) p img{ width: 60px; height: 53px; } /*end解决方案*/ /*底部*/ .footer{ width: 100%; height: 270px; background: #969696; padding-top: 67px; margin-top: 70px; } .footer a,.footer p{ color: #5B5B5B; font-size: 16px; } .footer_img{ display: flex; align-items: center; justify-content: center; } .bootom{ /*height: 83px;*/ color: #5B5B5B; border-top: 1px solid #E9E9E9; text-align: center; padding-top: 23px; } /*end底部*/ /*左右*/ .container{ position: relative; } .product_left_mk{ position: absolute; left: -33%; top: 0; } .about_mk{ position: absolute; right: -33%; bottom: -100px; } .mk_heng_box{ width: 152px; height: 65px; background: #EA5413; margin-bottom: 450px; } .about_left_shu{ width: 17px; height: 269px; position: absolute; left: -20%; bottom: 0; background: #EA5413; } .cp_left_shu{ width: 17px; height: 269px; position: absolute; right: -20%; bottom: -190px; background: #EA5413; } /**/ /*走进BET体育365投注官网*/ .inside{ min-height: 610px; } .neiye .inside_img,.neiye .inside_text{ min-height: 510px; } .inside .row{ display: flex; } .inside_img,.inside_text{ min-height: 610px; display: flex; align-items: center; } .inside_text{ justify-content: center; } .inside_title{ font-size: 65.59px; color: #EA5413; display: block; font-weight: bold; margin-bottom: 17px; } .inside_en{ font-size: 39.22px; color: #EA5413; display: block; } .zoujin_title{ display: flex; align-items: center; margin-bottom: 47px; } .zoujin_title h3{ font-size: 34px; color: #EA5413; margin-left: 5px; margin-right: 8px; } .zoujin_title span{ font-size: 28px; color: #9C9C9C; } .gongsi_js_img{ position: relative; } .gongsi_js_img .zhu_img{ position: absolute; left: 23px; top: 21px; } .js_img_kuang{ width: 140px; height: 150px; background: #EA5413; position: absolute; left: 0; top: 0; opacity: 0.6; } .fu_img{ position: absolute; right: 0; bottom: 0; } .gongsi_jianjie{ margin-bottom: 67px; } .gongsi_js_nr p{ text-align: justify; } .zhujin_title{ font-size: 24px; color: #EA5413; margin-bottom: 37px; font-weight: bold; padding-left: 118px; } .zhujin_des{ font-size: 18px; color: #666666; margin-top: 17px; font-weight: bold; } .anli_box{ position: relative; display: block; margin-bottom: 29px; overflow: hidden; } .anli_box img{ max-width: 100%; max-height: 100%; transition: all 0.3s; } .anli_box:hover img{ transform: scale(1.1); } .anli_nr{ position: absolute; bottom: 0; left: 0; width: 100%; height: 56px; background: #EA5413; color: #ffffff; padding:0 10px; transition: all 0.3s; } .anli_box:hover .anli_nr{ background: #ffffff; color: #EA5413; } .anli_title{ font-size: 20px; } .anli_des{ font-size: 16px; } .crumb{ color: #EA5413; margin-top: 25px; margin-bottom: 36px; background: url("../images/home_icon.png") left no-repeat; padding-left: 28px; } .crumb a{ color: #EA5413; } .nr_title{ text-align: center; font-size: 28px; color: #666666; margin-bottom: 31px; } /*end走进BET体育365投注官网*/ /*新闻中心*/ .news_li{ padding-bottom: 50px; margin-left: 22px; position: relative; display: flex; flex-direction: column; } .news_li:nth-child(1n){ margin-left: 0; } .news_li_right_title{ color: #333333; font-size: 20px; } .news_li_right_title:hover ,.news_li_right_des:hover{ color: #EA5413; } .news_li_right_des{ font-size: 14px; line-height: 30px; color: #666666; } .news_li_right_time{ width: 100%; color: #999999; font-size: 14px; height: 35px; border-bottom: 2px solid #666666; padding-bottom: 10px; } .news_li_right a{ text-decoration: none; } .news_li_right:hover{ } .news_li a{ overflow: hidden; } .news_li_left{ width: 100%; margin-bottom: 27px; height: 216px; display: block; } .news_li_left img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } .news_li_left img:hover{ transform: scale(1.1); } .news_li:nth-child(2){ margin-right: 0; } .news_li:first-of-type{ flex: 0 0 62%; max-width: 62%; margin-right: 0px; padding: 0; margin-left: 16px; margin-bottom: 50px; } .news_li:first-of-type .news_li_right_des{ display: none; } .news_li:first-of-type .news_li_left{ height: 509px; } .news_li:first-of-type .news_li_left img{ width: 100%; height: 509px; object-fit: cover; } .news_li:first-of-type .news_li_right{ position: absolute; left: 0; bottom: 0; width: 100%; height: 47px; line-height: 47px; background: #3F3F3F; color: #ffffff; } .news_li:first-of-type .news_li_right .news_li_right_title{ color: #ffffff; text-align: center; } .news_li:first-of-type .news_li_left{ padding: 0; margin-bottom: 0; } .page{ display: flex; justify-content: center; } .page li{ min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 5px 10px; border: 2px solid #EA5413; margin-right: 10px; } .page li.active{ color: #ffffff; background: #EA5413; } .page li a{ color: #EA5413; } /*end新闻中心*/ /*客户服务*/ .xiaoshou_right .filter-cen{ padding-left: 40px; } .xiaoshou_right .filter-cen a{ display: inline-block; min-width: 88px; height: 43px; border: 2px solid #E95412; border-radius: 16px; color: #E95412; font-size: 24px; line-height: 37px; text-align: center; text-decoration: none; cursor: pointer; margin-top: 18px; margin-right: 16px; padding: 0 10px; } .xiaoshou_right .filter-cen a b{ font-weight: normal; } .xiaoshou_right .filter-cen a:hover{ background: #E95412; color: #ffffff; } .xiaoshou_right .filter-cen a.active{ background: #E95412; color: #ffffff; } .xiaoshou_right .filter-tit{ font-size: 30px; color: #333333; } .xiaoshou_right .filter-box{ margin-bottom: 43px; } .khfw_title{ color: #333333; font-size: 34px; margin-bottom: 48px; margin-left: 16px; } .shouhou{ margin-top: 105px; } /*end客户服务*/ /*联系我们*/ .tjyouxiang{ height: 71px; background: #E2E2E2; text-align: center; line-height: 71px; font-size: 28px; color: #EA5413; margin-bottom: 50px; } .jianli_t{ margin-bottom: 53px; } .jianli_title h1{ font-size: 26px; } .jianli_title p{ color:#6195EB; } .jianli_center h3{ font-size: 18px; text-align: center; } .jianli_b p{ margin-bottom: 10px; } .jianli_center p{ color: #999999; font-size: 16px; text-align: center; } .jinali_right{ font-size: 24px; color: #FF663E; text-align: right; } .jianli_b_title p{ font-size: 20px; color: #EA5413; } .jianli_nr{ font-size: 17px; color: #666666; } /*end联系我们*/ /*解决方案*/ .jiejue_h1{ font-size: 38px; color: #666666; text-align: center; margin-bottom: 64px; } .jiejue_more{ width: 190px; height: 60px; margin: 0 auto; margin-top: 61px; font-size: 27px; color: #FFFFFF; text-align: center; line-height: 60px; background: #EA5413; border-radius: 14px; cursor: pointer; } .jiejue_more:hover{ background: #b1410f; } .shebei_li, .keshi_li{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 50px; cursor: pointer; } .shebei_li img, .keshi_li img{ border-radius: 27px; width: 120px; height: 120px; object-fit: cover; } .shebei_li.active img ,.keshi_li.active img{ border: 2px solid #EA5413; } .shebei_li.active span, .keshi_li.active span{ color: #EA5413; } .shebei_li:hover img, .keshi_li:hover img{ border: 2px solid #EA5413; } .shebei_li:hover span, .keshi_li:hover span{ color: #EA5413; } .shebei_li span, .keshi_li span{ display: inline-block; font-size: 20px; margin-top: 10px; height:90px; width:140px; overflow:hidden; text-align: center; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .shebei_li:nth-child(8n), .keshi_li:nth-child(8n){ margin-right: 0; } .xuanzhe_javascript:void(0);title{ text-align: center; margin-top: 47px; margin-bottom: 50px; } .keshi_li .keshi_li_img{ height: 116px; background: url("../images/keshi_li_bg.png") no-repeat; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .active .active_img{ display: block; } .active .no_active{ display: none; } .active .keshi_li_img{ background-image: url("../images/keshi_li_bg_active.png"); } .buju_li{ width: calc(90%/ 2); height: 397px; overflow: hidden; border: 2px solid #EA5413; border-radius: 0px; padding: 21px 30px; color: #EA5413; margin-right: 55px; cursor: pointer; margin-bottom: 55px; } .buju_li img{ width: 100%; } .buju_li:hover{ color: #ffffff; background:#EA5413 ; } .buju_li.active{ color: #ffffff; background:#EA5413 ; } .buju_li:nth-child(3n){ margin-right: 0; } .buju_li_title{ margin-bottom: 1px; font-size: 28px; text-align: center; } .fangan{ width: 603px; height: 95px; background: url("../images/fangan_bg.png") no-repeat; margin: 0 auto; color: #FFFFFF; font-size: 38px; text-align: center; padding-top: 5px; background-size: 100%; } .form_li{ margin-bottom: 20px; } .form_li input{ width:460px ; height: 60px; border: 2px solid #EA5413; border-radius: 14px; outline: none; padding: 0 20px; font-size: 20px; } .form_li label{ font-size: 28px; } .form_book{ display: flex; justify-content: center; align-items: center; flex-direction: column; } .form_book button{ width: 101px; height: 45px; background: #EA5413; border-radius: 14px; font-size: 27px; color: #ffffff; border: none; margin-top: 10px; } /*end解决方案*/ /*产品中心*/ .chanpin_son{ position: fixed; left: 0; top: 90px; width: 100%; height: 445px; background: rgba(0,0,0,0.6); display: none; z-index: 99999999999999999999999; } .chanpin_son_li{ position: initial !important; } .chanpin_son_li a{ } .chanpin_son_li_title{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 116px; width: 200px; color: #ffffff !important; font-size: 16px; text-decoration: none !important; } .chanpin_son_li:hover .chanpin_son_li_title{ background: rgba(255,255,255,0.2); } .chanpin_son_li:hover .chanpin_sun{ display: flex; } .chanpin_son_li:hover{ border-bottom: none !important; } .chanpin_son .active .chanpin_son_li_title{ background: rgba(255,255,255,0.2); } .chanpin_son .active .chanpin_sun{ display: flex; } .chanpin_son_li_img_box{ width: 50px; height: 50px; border: 2px solid #FFFFFF; border-radius: 10px; padding: 7px; display: flex; align-items: center; justify-content: center; margin-bottom: 13px; } .chanpin_son_li_img_box img{ max-width: 100%; max-height: 100%; } .chanpin_sun{ width: 100%; position: absolute; top: 116px; left: 0; background: rgba(255,255,255,0.2); height: 246px; display: none; flex-direction: column; flex-wrap: wrap; } .chanpin_sun_title{ font-size: 20px; color: #ffffff; } .chanpin_sun li { height: auto !important; border-bottom: none !important; } .chanpin_sun li a{ color: #ffffff; } .chanpin_nr img{ width: 100%; } .chanpin_nr_text{ } .chanpin_nr_title{ display: flex; align-items: center; width: 100%; height: 50px; background: #DCDCDC; padding-left: 19px; } .chanpin_nr_title .shu{ width: 2px; height: 23px; display: inline-block; background: #EA5413; margin-right: 20px; } .chanpin_nr_title p{ color: #EA5413; font-size: 22px; font-weight: bold; margin-bottom: 0; margin-right: 10px; } .chanpin_nr_title span{ color: #EA5413; font-size: 18px; font-weight: bold; } .chanpin_nr_type{ width: 132px; height: 38px; background: url("../images/juxing.png") no-repeat; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #ffffff; margin-top: 23px; margin-bottom: 36px; } .chanpin_nr_p p{ color: #666666; font-size: 16px; } /*end产品中心*/ #newscenter{ margin-top: 60px; } @media (min-width: 768px){ .chanpin_li{ width: 329px; max-width: 329px; height: 366px; background: url("../images/li_bg.png") no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; margin-right: 29px; padding: 46px; position: relative; margin-bottom: 32px; } } .chanpin_li{ width: 329px; max-width: 329px; height: 366px; background: url("../images/li_bg.png") no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; margin-right: 29px; padding: 0; position: relative; margin-bottom: 32px; } .chanpin_li > a{ display: block; overflow: hidden; width: 100%; height: 100%; } .chanpin_ul{ margin-left: 30px; } .chanpin_li_title{ width: 100%; height: 74px; text-align: center; margin-top: 10px; color: #ffffff; background: url("../images/li_bottom.png") no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; padding: 0 20px; padding-top: 42px; display: flex; justify-content: space-between; margin-bottom: 0; } .chanpin_li:nth-child(3n){ margin-right: 0; } .chanpin_li img{ width: 100%; height: 100%; transition: all 0.3s; object-fit: cover; /*max-height: 275px;*/ } .chanpin_li .img{ width: 100%; height: 100%; } .chanpin_li:hover .img img{ transform: scale(1.1); } .chanpin_logo{ position: absolute; left: 12px; top: 14px; } .shengchengdingdain{ width: 853px; min-height: 1309px; margin: 0 auto; background: #666666; padding: 0 119px; padding-top: 78px; padding-bottom: 78px; } .shengchengdingdain h2{ text-align: center; color: #EA5413; } .shengchengdingdain h1{ text-align: center; color: #EA5413; } .shengchengdingdain_title{ display: flex; align-items: center; color: #EA5413; font-size: 34px; } .shengchengdingdain_title img{ margin-right: 16px; } /*.xzshebei{*/ /* margin-top: 96px;*/ /*}*/ .shengchengdingdan_nr{ margin-top: 45px; display: flex; justify-content: center; flex-wrap: wrap; } .shengchengdingdan_nr::after { content: ''; flex: auto; /* 或者flex: 1 */ } .shengchengdingdan_nr .shebei_li, .shengchengdingdan_nr .keshi_li { width: 116px; margin-right: 26px; align-content: flex-start; } .shengchengdingdain .buju_li { width: 500px; height: auto; margin-right: 0; padding: 6px 12px; } .address a{ display: inline-block; color: #ea5413; height: auto; background: url("../images/address_icon.png") no-repeat left center; padding-left: 29px; transition: all 0.3s; font-size: 24px; } .address a:hover{ color: #333333; background: url("../images/address_icon_active.png") no-repeat left center; } .tip_box{ width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 9999999999999999999999999; } .tip_box .tip{ width: 343px; height: 243px; background: url("../images/tip_bg.png") no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .tip_text{ font-size: 30px; text-align: center; color: #333333; margin-top: 16px; } .tip_title{ font-size: 38px; text-align: center; color: #ea5413; margin-top: 37px; } .button{ width: 100px; height: 42px; font-size: 22px; background-size: 100% 100%; text-align: center; line-height: 38px; margin: 0 auto; color: #FFFFFF; cursor: pointer; position: absolute; bottom: 8px; left: 0; right: 0; border: 2px solid #ffff; border-radius: 10px; } .up{ margin: 0;margin-right: 20px;color: #EA5413;background: none;border: 2px solid #EA5413 } .up:hover{ background: #EA5413; color: #FFFFFF; } .mobile_top{ display: none; } .news_two .news_right_nr{ display: none; } .news_title_a span{ width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .pc_address{ display: block !important; } .phone_address{ display: none !important; } .mobile_top{ padding: 0 30px; background: rgba(255, 255, 255, 0.6); position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999999; display: none; align-items: center; } .mobile_ul{ position: fixed; top: 90px; left: 0; width: 100%; /*background: rgba(255, 255, 255, 0.6);*/ background: #FFFFFF; border-bottom: 3px solid #EA5413 ; display: none; } @media (max-width: 768px) { body, html { overflow-x: hidden; } .mobile_top{ display: flex; } #content{ padding-top: 94px; } .jjfn > div{ margin-bottom: 10px; } .logo{ overflow: hidden; } .list_click{ font-size: 20px; } .list_click svg{ width: 35px; height: 35px; } .down_svg{ width: 60px; height: 45px; border-left: 1px solid #ddd; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; } .down_svg.active svg{ transform: rotate(180deg); } .mobile_ul li > a{ padding: 10px 20px; border-top: 1px solid #ddd; position: relative; display: block; text-decoration: none; color: #333333; } .mobile_ul li > a:hover{ color: #EA5413; } .nav_son dd >a:hover{ color: #EA5413; } .nav_son dd >a{ padding: 10px 20px; border-top: 1px solid #ddd; position: relative; display: block; text-decoration: none; color: #333333; } .mobile_ul li.hover{ border-bottom: none !important; } .nav_son { display: none; } .nav_son dd a{ padding-left: 30px; } .nav_sons2 dd a{ padding-left: 40px; } .logo a{ display: flex; align-items: center; } .logo a img{ width: 42%; } .en_logo{ width: 28% !important; } .fixed-top{ display: none; } .inside{ display: none; } .nr img{ width: 100%; } .title h1{ font-size: 33px; } .title p{ font-size: 17px; margin-bottom: 0; } .title span{ width: 60px; margin-left: 56px; } .about_title span{ width: 138px; margin-left: 0; } .about_img img{ width: 81%; position: absolute; top: 35px; left: 30px; } .about_mk{ display: none; } .cp_left_shu{ display: none; } .mk_heng_box{ display: none; } .mk_anme{ display: none; } .shu{ margin-top: 30px; } .about_more{ margin-top: 21px; } .about_img{ order:0; margin-top: 60px; height: 270px; } #companyprofile{ padding-top: 37px; padding-bottom: 98px; } .news_type .news_nr{ width: 93%; position: absolute; top: 25px; left: 11px; display: flex; align-items: center; } .news_type img{ width: 100%; } .news_two{ /*display: none;*/ padding-bottom: 21px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; } .news_two a{ font-size: 16px; overflow: hidden; } .news_two .news_right_nr{ display: block; } .news_two .news_right_nr a{ font-size: 14px; margin-top: 0; } .footer{ height: auto; padding-top: 25px; } .bootom{ margin-top: 18px; padding-bottom: 30px; } .swiper-container{ height: 450px !important; } .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; } .intro{ position: absolute; bottom: 68px; right: 36px; } .intro h1 { font-size: 47px; color: #EA5413; /* font-weight: bold; */ font-family: '庞门正道标题体3.0'; } .intro p { color: #EA5413; font-size: 18px; } #solution .title p span{ margin-left: 24px; } .solution_li{ margin-bottom: 20px; } #solution{ padding-top: 48px; } /*新闻中心*/ .news_li:first-of-type{ flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-bottom: 20px; padding-right: 15px; padding-left: 15px; } .news_li:first-of-type .news_li_right{ position: absolute; left: 15px; right: 15px; bottom: 0; width: 91.4%; height: 47px; line-height: 47px; background: #3F3F3F; color: #ffffff; } .news_li:first-of-type .news_li_left{ height: auto !important; } .phone_ul{ margin: 0; padding: 0; } .news_li{ padding-bottom: 5px; } /*客户服务*/ .mingpian_li img{ width: 100%; } .xiaoshou_right{ margin-top: 20px; } .xiaoshou_right > div{ padding-left: 20px; } .shouhou{ margin-top: 0px; } .gongsi_jianjie{ margin-bottom: 20px; } /*联系我们*/ .jianli_center{ display: none; } /*解决方案*/ .shebei_li, .keshi_li{ margin-bottom: 21px; } .buju_li{ width: auto; height:auto; border: 2px solid #EA5413; border-radius: 0px; padding: 21px 30px; color: #EA5413; margin-right: 0; cursor: pointer; margin-bottom: 55px } .shengchengdingdain{ width: 100%; padding: 0 13px; padding-top: 35px; padding-bottom: 0px; min-height: auto; } .fangan{ width: 100%; font-size: 20px; } .form_li{ width: 100%; } .form_li input{ width: 100%; } .gongsijieshao img{ width: 100%; } .phone_jieshao{ margin-top: 10px; } /*产品中心*/ .chanpin_li{ height: 267px; margin-right: 0; } .chanpin_li img{ max-height: initial; } .chanpin_li .img{ height: 160px; } .chanpin_li_title{ height: 55px; padding-top: 27px; font-size: 14px; } /*产品详情页*/ .chanpin_nr .gallery-thumbs{ display: none; } .chanpin_nr_title .shu{ margin-top: 3px; } .chanpin_nr_text{ margin-top: 20px; } /*综合标题*/ .zoujin_title h3{ font-size: 25px } .zoujin_title span{ font-size: 20px; } /*走进BET体育365投注官网*/ .zhujin_title{ padding-left: 0; } .zhujin_title{ font-size: 18px; font-weight: 600; } .zhujin_des{ font-size: 14px; } .fuwu_anli .container{ width: auto; } .fuwu_anli .col-6{ padding: 0; padding-right: 5px; } .anli_nr{ height: 42px; } .anli_title{ font-size: 14px; } .anli_des{ font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_li:first-of-type .news_li_left img{ height: 216px; } .news_title_a span{ width: 65%; float: left; } .news_right_title a{ overflow: hidden; display: block; } /*联系我们*/ .tjyouxiang{ font-size: 18px; } .jianli_title h1{ font-size: 20px; } .jianli_title p{ font-size: 12px; } .jinali_right{ font-size: 15px; padding-left: 0; } .jianli_title h1{ font-size: 18px; } .jianli_b_title{ padding: 0; } .jianli_b_title p{ font-size: 15px; text-align: center; padding: 0; } .jianli_t{ margin-bottom: 10px; } .jianli_nr{ font-size: 13px; } .jianli li{ margin-bottom: 20px !important; } .pc_address{ display: none !important; } .phone_address{ display: block !important; } .product_type p img{ width: 44px; height: 46px; margin-right: 20px; } .product_type p span{ font-size: 20px; } #product .product_type p span i:last-of-type{ font-size: 15px !important; } .chanpin_nr_title p{ font-size: 18px; } .chanpin_nr_title span{ font-size: 14px; } #product .product_type p{ height: 78px; } #product .container{ padding: 0; } .zoujin_title{ margin-bottom: 19px; } .gongsi_js_img{ height: 249px; } .address_info{ padding-top: 20px !important; } .jiejue_h1{ font-size: 28px; margin-bottom: 23px; } .jiejue_more{ height: 50px; line-height: 50px; font-size: 22px; } .about_title span{ height: 2px; } .about_title{ display: none; } .about_title_box{ order:1 } .about_img{ order:0; margin-top: 0; margin-bottom: 60px; } .about_phone{ display: block !important; padding-left: 20px; } .footer_img .one{ width: 90%; } .footer_img .two{ width: 75%; } .footer_img .three{ width: 64%; } } @media (max-width: 576px) { body, html { overflow-x: hidden; } .mobile_top{ display: flex; } #content{ padding-top: 94px; } .jjfn > div{ margin-bottom: 10px; } .logo{ overflow: hidden; } .list_click{ font-size: 20px; } .list_click svg{ width: 35px; height: 35px; } .down_svg{ width: 60px; height: 45px; border-left: 1px solid #ddd; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; } .down_svg.active svg{ transform: rotate(180deg); } .mobile_ul li > a{ padding: 10px 20px; border-top: 1px solid #ddd; position: relative; display: block; text-decoration: none; color: #333333; } .mobile_ul li > a:hover{ color: #EA5413; } .nav_son dd >a:hover{ color: #EA5413; } .nav_son dd >a{ padding: 10px 20px; border-top: 1px solid #ddd; position: relative; display: block; text-decoration: none; color: #333333; } .mobile_ul li.hover{ border-bottom: none !important; } .nav_son { display: none; } .nav_son dd a{ padding-left: 30px; } .nav_sons2 dd a{ padding-left: 40px; } .logo a{ display: flex; align-items: center; } .logo a img{ width: 42%; } .en_logo{ width: 28% !important; } .fixed-top{ display: none; } .inside{ display: none; } .nr img{ width: 100%; } .title h1{ font-size: 33px; } .title p{ font-size: 17px; margin-bottom: 0; } #solution .title p span{ width: 60px; } .title span{ width: 60px; margin-left: 56px; } #solution .title p span{ width: 60px; } #product .title p span{ margin-left: 20px; } .about_title span{ width: 138px; margin-left: 0; } .tip_box .tip{ width: 80%; } #product .title p span{ margin-left: 20px; } #newscenter .title p span{ margin-left: 15px; } .about_img img{ width: 81%; position: absolute; top: 35px; left: 30px; } .about_mk{ display: none; } .cp_left_shu{ display: none; } .mk_heng_box{ display: none; } .mk_anme{ display: none; } .shu{ margin-top: 30px; } .about_more{ margin-top: 21px; } .about_img{ order:0; margin-top: 60px; height: 270px; } #companyprofile{ padding-top: 37px; padding-bottom: 98px; } .news_type .news_nr{ width: 93%; position: absolute; top: 25px; left: 11px; display: flex; align-items: center; } .news_type img{ width: 100%; } .news_two{ /*display: none;*/ padding-bottom: 21px; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; } .news_two a{ font-size: 16px; overflow: hidden; } .news_two .news_right_nr{ display: block; } .news_two .news_right_nr a{ font-size: 14px; margin-top: 0; } .footer{ height: auto; padding-top: 25px; } .bootom{ margin-top: 18px; padding-bottom: 30px; } .swiper-container{ height: 450px !important; } .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; } .intro{ position: absolute; bottom: 68px; right: 36px; } .intro h1 { font-size: 47px; color: #EA5413; /* font-weight: bold; */ font-family: '庞门正道标题体3.0'; } .intro p { color: #EA5413; font-size: 18px; } #solution .title p span{ margin-left: 24px; } .solution_li{ margin-bottom: 20px; } #solution{ padding-top: 48px; } /*新闻中心*/ .news_li:first-of-type{ flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-bottom: 20px; } .phone_ul{ margin: 0; padding: 0; } .news_li{ padding-bottom: 5px; } /*客户服务*/ .mingpian_li img{ width: 100%; } .xiaoshou_right{ margin-top: 20px; } .xiaoshou_right > div{ padding-left: 20px; } .shouhou{ margin-top: 0px; } .gongsi_jianjie{ margin-bottom: 20px; } /*联系我们*/ .jianli_center{ display: none; } /*解决方案*/ .shebei_li, .keshi_li{ margin-bottom: 21px; margin-right: 0; } .buju_li{ width: auto; height:auto; border: 2px solid #EA5413; border-radius: 0px; padding: 21px 30px; color: #EA5413; margin-right: 0; cursor: pointer; margin-bottom: 55px } .shengchengdingdain{ width: 100%; padding: 0 13px; padding-top: 35px; padding-bottom: 0px; min-height: auto; } .fangan{ width: 100%; font-size: 20px; } .form_li{ width: 100%; } .form_li input{ width: 100%; } .gongsijieshao img{ width: 100%; } .phone_jieshao{ margin-top: 10px; } /*产品中心*/ .chanpin_li{ height: 267px; margin-right: 0; } .chanpin_li img{ max-height: initial; } .chanpin_li .img{ height: 160px; } .chanpin_li_title{ height: 55px; padding-top: 27px; font-size: 10px; } /*产品详情页*/ .chanpin_nr .gallery-thumbs{ display: none; } .chanpin_nr_title .shu{ margin-top: 3px; } .chanpin_nr_text{ margin-top: 20px; } /*综合标题*/ .zoujin_title h3{ font-size: 25px } .zoujin_title span{ font-size: 20px; } /*走进BET体育365投注官网*/ .zhujin_title{ padding-left: 0; } .zhujin_title{ font-size: 18px; font-weight: 600; } .zhujin_des{ font-size: 14px; } .fuwu_anli .container{ width: auto; } .fuwu_anli .col-6{ padding: 0; padding-right: 5px; } .anli_nr{ height: 42px; } .anli_title{ font-size: 14px; } .anli_des{ font-size: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news_li:first-of-type .news_li_left img{ height: 216px; } .news_title_a span{ width: 65%; float: left; } .news_right_title a{ overflow: hidden; display: block; } /*联系我们*/ .tjyouxiang{ font-size: 18px; } .jianli_title h1{ font-size: 20px; } .jianli_title p{ font-size: 12px; } .jinali_right{ font-size: 15px; padding-left: 0; } .jianli_title h1{ font-size: 18px; } .jianli_b_title{ padding: 0; } .jianli_b_title p{ font-size: 15px; text-align: center; padding: 0; } .jianli_t{ margin-bottom: 10px; } .jianli_nr{ font-size: 13px; } .jianli li{ margin-bottom: 20px !important; } .pc_address{ display: none !important; } .phone_address{ display: block !important; } .product_type p img{ width: 44px; height: 46px; margin-right: 20px; } .product_type p span{ font-size: 20px; } #product .product_type p span i:last-of-type{ font-size: 15px !important; } .chanpin_nr_title p{ font-size: 18px; } .chanpin_nr_title span{ font-size: 14px; } #product .product_type p{ height: 78px; } #product .container{ padding: 0; } .zoujin_title{ margin-bottom: 19px; } .gongsi_js_img{ height: 249px; } .address_info{ padding-top: 20px !important; } .jiejue_h1{ font-size: 28px; margin-bottom: 23px; } .jiejue_more{ height: 50px; line-height: 50px; font-size: 22px; } .about_title span{ height: 2px; } #newscenter .title p span{ margin-left: 15px; } .tip_box .tip{ width: 80%; } .about_title{ display: none; } .about_title_box{ order:1 } .about_img{ order:0; margin-top: 0; margin-bottom: 60px; } .about_phone{ display: block !important; padding-left: 20px; } .footer_img .one{ width: 90%; } .footer_img .two{ width: 75%; } .footer_img .three{ width: 64%; } .title{ padding: 0 20px; } .title h1 { font-size: 26px; } .title p { font-size: 16px; margin-bottom: 0; } .gallery-top{ height: 300px !important; } }