ggmain2@charset "utf-8"; /* CSS Document */ /*CSS reset*/ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} .fl{ float:left} .fr{ float:right} .clear{ clear:both} a:hover{ color:#024fb5} a{ text-decoration:none; color:#646464;} ul{ padding:0px; margin:0px;} h1,h2,h3,h4{ padding:0px; margin:0px; font-weight:normal} p{ padding:0px; margin:0px;} @font-face { font-family:Barlow-Bold; src: url('/Html/fonts/Barlow-Bold.ttf'); } @font-face { font-family:Barlow-Regular; src: url('/Html/fonts/Barlow-Regular.ttf'); } @font-face { font-family: 'PingFang'; src: url(/Html/fonts/AkzidenzGrotesk-BoldCondAlt.otf); } @font-face { font-family: 'PingFang_reg'; src: url(/Html/fonts/PingFang-ExtraLight.woff2); } @font-face { font-family: 'iconfont'; src: url('/Html/font/iconfont.woff2?t=1689738565086') format('woff2'), url('/Html/font/iconfont.woff?t=1689738565086') format('woff'), url('/Html/font/iconfont.ttf?t=1689738565086') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ margin:0 auto;padding:0px;width:100%;font-size:16px;color:#616161; margin:0px;font-family: Microsoft YaHei; } .header{ width:76%; margin:0 auto; padding-top:7px; padding-bottom:7px;} .header .logo .logo_a{ } .header .logo .logo_a img{max-height:40px;} .header .logo .logo_a p{ text-align:center; font-size:12px; color:#00479d} .header .logo .logo_b{ color:#00469b; margin-left:10px; margin-top:5px;} .header .logo .logo_b .name1{ font-size:20px; } .header .logo .logo_b .name2{ font-size:9.8px; ; margin-top:3px;} .flex{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} /*导航*/ .nav{ width:100%; margin:0 auto; background:#f1f1f1} .nav ul{width:76%; margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; } .nav li { display: inline-block;list-style: none;text-align: center;position: relative; width:11.1%; } .nav li a {display: block;text-align: center;position: relative;color: #000000; font-size:15px;line-height:46px; text-transform:uppercase;} .nav li.hover a, .nav li:hover a {color: #FFF;} .nav li:hover a{ color:#114e9e; background:#e5e5e5;} .nav li:hover .subnav a{ background:#114e9e;} .nav li.hover{ color:#114e9e;} .nav li .subnav { width:100%;background: #002860;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left:0px;overflow: hidden;position: absolute;top: 46px; z-index: 99999999;} .nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); } .nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 14px;font-weight: 500;line-height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%; padding-left:0px;padding-right:0px; border-bottom:1px solid rgba(255,255,255,0.1);} .nav li .subnav a:hover {text-indent: 3px; background:#003a8b} .header .head_y{ height:30px; height:40px; overflow:hidden; margin-top:13px;} .header .head_y .search .searchinput{ line-height:28px;font-size:14px;border:#fefefe solid 0px;float:left;outline:none; background:none; color:#b5b5b3; padding-left:20px; } .header .head_y .search .fr{} .header .head_y .search .fl{ width:80%} .header .head_y .search .fr button{ border:0px; background:none!important; margin-top:5px; margin-right:10px; } .icon-sousuo{ font-size:20px!important; color:#555!important} .header .head_y .search {background:#eeeeee; border:1px solid #b4b4b4; border-radius:25px; width:220px; height:28px; line-height:28px; } .header .head_y .search:hover button{ background:none} .header .head_y .yuyan ul li:nth-child(1){ background:#525252; margin-right:15px;margin-left:15px;} .header .head_y .yuyan { margin-top:3px;} .header .head_y .yuyan ul li:nth-child(1) a{ color:#fff; padding-left:10px; padding-right:10px; } .header .head_y .yuyan ul li{ float:left;} .header .head_y .yuyan ul li a{ color:#060608;font-size:11px;line-height:20px;} /*首页威廉希尔官网地址简介*/ .index_about{ width:100%; background:#f7f7f7 } .about_pic img{ width:100%; display:block;object-fit: cover; transition: all 0.8s;/* height:320px;*/} .about_pic { width:42%; overflow:hidden} .about_pic:hover img {transform: scale(1.105);overflow:hidden!important;} .about_pic{ overflow:hidden} .about_txt{ width:54.5%; margin-top:-5px;} .abnr{line-height:24px; color:#2c2c2c;text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:10;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:14px;} .abnr p{ margin-bottom:12px; text-indent:2em;text-align: justify;} .biaoyu{ color:#034495; font-size:15px; text-align:center; letter-spacing:20px; margin-top:5px;} /*首页产品*/ .teshu{ padding-bottom:25px!important;} .prolei ul{display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin:0 auto; position:relative; text-align:center} .prolei ul li a{ color:#303030; font-size:14px;} .prolei ul li{ margin-top:20px; height:20px; line-height:20px; text-align:center; position:relative; padding:0 21px; display:inline-block;border-left:1px solid #303030;} .prolei ul li:hover a{ color:#024fb5} .prolei ul li:last-child{ border-right:1px solid #303030;} .prolei ul li:nth-child(9){ border-right:1px solid #303030;} .prolei ul li:nth-child(17){ border-right:1px solid #303030;} /*.prolei ul li{font-size: 15px;transition: 0.2s;display: inline-block; color:#333;} .prolei ul li:not(:last-child){margin-right: 2vw;padding-right: 2vw;position: relative;} .prolei ul li:nth-child(1){margin-right: 2vw!important;padding-left: 2vw!important;position: relative;} .prolei ul li:not(:last-child)::after{content:'|';font-size: 10px;position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);color:#303030;} .prolei ul li:nth-child(1){ border-left:1px solid #303030;} .prolei ul li:hover,.prolei ul li.active{color:#00807c ; }*/ .pyingyong{ width:65%} .index_pro{margin-top:20px; margin-bottom:20px;} .pyingyong ul li:nth-child(2n){ float:right} .pyingyong ul li{margin-bottom:20px; width:49%; float:left; position:relative; } .pyingyong ul li .pytitle{ position:absolute;text-shadow: 3px 3px 3px #333; font-size:20px; color:#fff; left:20px; top:20px; z-index:111} .pyingyong ul li .pyimg{ overflow:hidden;} .pyingyong ul li .pyimg img{transition: all 0.8s;width:100%;height:220px;object-fit: cover; } .pyingyong ul li .pyimg:hover img{transform: scale(1.108);} .pyingyong ul li:nth-child(3){ margin-bottom:0px;} .pyingyong ul li:nth-child(4){ margin-bottom:0px;} .plingyu{ background:#024fb5; width:33.5%;} .plingyu ul{ padding:30px;} .plingyu ul li{ background:url(/Html/images/tdian.png) no-repeat left; padding-left:50px; border-bottom:1px solid rgba(255,255,255,0.2) ; line-height:63px;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .plingyu ul li a{ color:#fff; font-size:19px;} .plingyu ul li:hover{ transform: translate(5px,0); -webkit-transform: translate(5px,0); -moz-transform: translate(5px,0); -o-transform: translate(5px,0); -ms-transform: translate(5px,0);} /*品牌实力*/ .shili{ background:url(/Html/images/ssbg.png) no-repeat center;} .shili .wd1300{ padding-top:90px; padding-bottom:90px;} .stitle{ background:#024fb5; color:#fff; font-size:22px; line-height:50px; text-align:center} .shili ul li .simg{ overflow:hidden} .shili ul li .simg img{ width:100%; height:150px; object-fit: cover;transition: all 0.8s;} .shili ul li .smiao .mmde:last-child{ margin-bottom:0px;} .shili ul li .smiao .mmde{margin-bottom:10px; display: flex; /*flex-wrap: wrap;justify-content: space-between;*/ line-height:20px; font-size:13px; } .shili ul li .smiao .mmde .zzz{ color:#054595; margin-right:10px; font-size:25px;} .shili ul li .smiao .mmde .zzb{} .shili ul li:hover .simg img{transform: scale(1.1);} .shili ul{ margin-top:30px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;align-items: stretch;} .shili ul li{ cursor:pointer; width:31.5%;box-shadow: 9px 9px 5px rgba(51,51,51,.2); background:#fff} .shili ul li .smiao{ background:#fff; padding:25px;height:220px;/*border:1px solid #090; padding-top:0px!important; padding-bottom:0px!important;*/} .shili ul li:nth-child(1) .smiao .mmde{line-height:19px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:17.5px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:25.5px;} /*首页视频*/ .title{ color:#054595; font-size:30px; } .index_news ul{ margin-top:30px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .index_news ul li{ width:31.5%;box-shadow: 9px 9px 5px rgba(51,51,51,.2);} .index_news ul li:hover .nimg img{transform: scale(1.1);} .index_news ul li:hover{box-shadow: 9px 9px 5px rgba(51,51,51,.4);} .index_news ul li:hover .ntbk .ntitle{ color:#054595} .index_news ul li .nimg{ overflow:hidden} .index_news ul li .nimg img{ width:100%; height:150px; object-fit: cover;transition: all 0.8s;} .index_news ul li .ntbk{ border:1px solid #b6b6b6; border-top:0px; padding:20px;} .index_news ul li .ntbk .ntitle{ color:#434343; font-size:14px; ;text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;} .index_news ul li .nrp{ color:#a0a0a0; margin-top:20px;} .index_news ul li .nrp p{ font-size:12px;} .index_news ul li .nrp span{ font-size:12px;} /*首页视频*/ .video{ background:url(/Html/images/vbg.jpg) no-repeat center;} .video .wd1300 img{display:flex; text-justify:center; text-align:center; margin:0 auto; margin-top:80px;margin-bottom:80px; height:90px;} /*首页广告*/ .guang{ background:url(/Html/images/gbg.jpg) no-repeat center;} .guang .wd1300{ text-align:center; color:#fff;} .guang .wd1300 .biao1{ font-size:30px; } .guang .wd1300 .biao2{ font-size:22px; margin-top:15px;} .wd1300{ width:76%; margin:0 auto; padding-top:70px; padding-bottom:70px;} /*底部*/ .foot{ background:#626262;} .foot .wd1300{ padding-top:60px; padding-bottom:30px;} .foot .fmenu{ padding-top:20px; padding-bottom:20px; border-bottom:1px solid #494949} .foot .fmenu ul{margin:0 auto;/*display: flex; flex-wrap: wrap;justify-content: space-between;*/position: relative; text-align: center; } .foot .fmenu ul li a{ color:#fff; font-size:13px;} .foot .fmenu ul li a:hover{ opacity:0.8;} .foot .fmenu ul li{position:relative; text-align:center;padding:0 23px; text-align:center; height:15px; line-height:15px; border-right: 1px solid #fff; display: inline-block;} /*.foot .fmenu ul li:after{ content:"";left:0px; width:1px; height:20px; background:#fff; position:absolute; right:0; top:2px; } .foot .fmenu ul li:first-child:after{display:none;}*/ .foot .fmenu ul li:last-child{ border-right:0px solid #fff;} .foot .wd1300 { color:#fff; font-size:13px; padding-top:30px; padding-bottom:30px} .foot .wd1300 .fadd .add1:nth-child(2){/* margin-top:15px; margin-bottom:15px;*/} .foot .wd1300 .fadd { line-height:30px;} .foot .wd1300 .fadd a{color:#fff; } .foot .wd1300 .flian a{color:#fff; } .foot .wd1300 .fadd .add1{/* line-height:30px;*/} .foot .wd1300 .fewm p{ text-align:center; color:#fff; padding-top:10px;} /*.fadd{ width:38%; } .flx{ width:35%;} .fewm{ width:27%; text-align:center}*/ /*.gcdiz ul li{line-height:30px; margin-top:20px;} .gcdiz ul li:nth-child(1){ width:38%;} .gcdiz ul li:nth-child(2){ width:35%} .gcdiz ul li:nth-child(3){ width:27%}*/ .foot .flx{} .gcdiz ul li{ margin-bottom:10px; line-height:27px;} .foot .wd1300 .fewm img{ width:105px;} .foot .wd1300 .flian{/* line-height:30px;*/} .foot .wd1300 .ftel{/* margin-top:19px; margin-bottom:19px;*/} .foot .wd1300 .ftel strong{ font-size:16px;} .fbq{ background:#535353; color:#c9c9c9} .fbq .wd1300{ padding-top:30px; padding-bottom:30px;} a.zzb07link{font-family: Arial, Helvetica, sans-serif;text-decoration:none;color:#c9c9c9; font-size:13px;} a.zzb07link:hover {text-decoration: underline;color:#c9c9c9} .zzb07tail{font-family:Arial, Helvetica, sans-serif;color:#c9c9c9;font-size:13px;} .nyyy{ background:url(/Html/images/nyyy.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:140% auto; object-fit: cover;} .nyjob{ background:url(/Html/images/nyjob.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:100% auto; object-fit: cover;} .nyabout{ background:url(/Html/images/nyabout.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:100% auto; object-fit: cover;} .nypro{ background:url(/Html/images/nypro.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:100% auto; object-fit: cover;} .nynews{ background:url(/Html/images/nynews.jpg) no-repeat center ; height:450px; margin:0 auto; background-size:130% auto; object-fit: cover;} .nytz{ background:url(/Html/images/nytz.jpg) no-repeat center ; height:450px; margin:0 auto; width:100%;background-size:150% auto; object-fit: cover;} .nycon{ background:url(/Html/images/nycon.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:120% auto; object-fit: cover;} .nymenu{background: linear-gradient(45deg,#085ab9,#2ba4d9);} .nymenu ul{ width:76%; margin:0 auto;display: flex; /*flex-wrap: wrap;*/justify-content: space-between; padding-top:10px; padding-bottom:10px;} .nymenu ul li a{ font-size:15px; color:#fff; padding:3px 20px;} .nymenu ul li {text-align:center;/*padding: 3px 20px;*/} .nymenu ul li.active a{border:1px solid #fff;border-radius:25px;} /*.nymenu ul li:nth-child(1).active {border:1px solid #fff;border-radius:25px; } .nymenu ul li:last-child.active {border:1px solid #fff;border-radius:25px;}*/ .nymenu_ts ul{ display:block; } .nymenu_ts ul li{/* width:6%;*/ display:inline-block} .weizhi{ width:76%; margin:0 auto; padding-top:30px; padding-bottom:30px;font-size:15px; color:#0b0b0b} .dingwei{ background:url(/Html/images/home.png) no-repeat left; padding-left:30px; background-size:auto 20px} .dingwei a{ color:#0b0b0b} .dingwei span{ padding-left:8px; padding-right:8px;} .nymain{ width:76%; margin:0 auto;padding-bottom:60px; line-height:30px; } .job p{ margin-bottom:15px;} .job table{ border-top:1px solid #ddd;border-left:1px solid #ddd; margin-bottom:15px;} .job table td{ padding:5px; border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .job table td p{ margin-bottom:0px;} .content1{ color:#000; font-size:15px; line-height:30px; padding-bottom:0px; } .content1 p{ margin-bottom:25px; text-indent:2em;} .content1 p strong{ color:#024fb5;} .content1 .atu{ float:right; width:47%;margin-left: 40px;} .content1 .atu img{ display:block; width:100%;} .content1 .atu img:nth-child(1){ margin-bottom:20px;} .content2 img{ width:100%} .content3{ background: linear-gradient(45deg,#0095d9,#32b16d); width:100%; height:50px;} .gsbt{ color:#00459a; font-size:20px; padding-top:30px; padding-bottom:30px;} .gmbg{ background:#f2f2f2; padding-top:70px; padding-bottom:70px;} .gmbg img{ margin:0 auto; display:flex; text-justify:center; text-align:center; max-width:90%; } .content5 { margin-top:50px; } .content5 .tuaa{ float:left; margin-right: 100px;} .content5 .conzz img{ border:1px solid #000; display:block; width:25%;} .content5 .conzz h2{ color:#00459a; font-size:16px;margin-bottom:20px;} .content5 .conzz{ font-size:15px; line-height:30px; color:#000000} .content5 .conzz p{ margin-bottom:20px;} .content5 .btu{ width:38%; margin-top:-80px;} .content5 .btu img:nth-child(1){ margin-bottom:20px;} .content5 .btu img{ display:block; width:100%;} .content5 .conzz_2 .btxt h2{ color:#00459a; font-size:16px; margin-bottom:20px;} .content5 .conzz_2{ display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .content5 .conzz_2 .btxt{font-size:15px; line-height:30px; color:#000000; width:57%; margin-top:50px;} .content5 .conzz_2 .btxt p{ margin-bottom:20px;} /*企业风貌*/ .imglist ul li{text-align:center;display:inline-block;width:23%;/*height:180px;*/ margin:1%;overflow:hidden; border: #e4e4e4 0px solid;} .imglist ul li img{background:#FFFFFF;width:100%;height:180px; border-radius:5px;object-fit: cover;} .imglist ul li span{line-height:24px;height:24px;display:block;background:#F3F3F3; text-align:center} .fname{ font-size:15px;} /*翻页*/ .contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #555; line-height: 30px; text-decoration: none; clear:both; } .contentPage a:link {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #555; font-weight: normal;} .contentPage a:visited {color: #555; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #555; padding:4px 7px; font-weight: normal;} .contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#555;font-weight:normal;} .contentPage .current{color:#e73b00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #009631; padding:4px 7px; font-weight: normal;} .contentPage .zi{font-size:12px; font-weight:bold; float:none!important;} .contentPage .zi form{ display:inline;} .contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;} .contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;} /*企业声誉*/ .honor p { margin-bottom:15px;} .biaozhun{ margin-bottom:30px;} /*专利标准*/ .imglist1 ul li .hname{ line-height:23px; height:23px; padding-left:10px; padding-right:10px; padding-bottom:10px; color:#555} .imglist1 ul li:hover .hname{ color:#00469b} .imglist1 ul li{text-align:center;display:inline-block;width:23%;margin:1%;overflow:hidden; border: #e4e4e4 0px solid;box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07);} .imglist1 ul li img{background:#FFFFFF;max-width:100%;max-height:180px; border-radius:5px;object-fit: cover; transition: all 0.8s;} .imglist1 ul li span{line-height:24px;height:24px;display:block;background:#F3F3F3; text-align:center} .imglist1 ul li:hover img{transform: scale(1.1);} .ztitle{ text-align:center; color:#fff; line-height:30px; font-size:18px; padding-top:10px; padding-bottom:10px;background: linear-gradient(45deg,#085ab9,#2ba4d9);margin-bottom:20px;} .zgengduo{ text-align:center; margin:0 auto; background:#ddd; line-height:35px; width:200px; margin-top:30px;} /*新闻*/ .xwzx_con1_u1 .divBox{font-size: 0; width:100%} .xwzx_con1_u1 li{position: relative; float:left; width:100%; background:#f6f6f6} .xwzx_con1_u1 li a{display: block;padding: 30px 0;position: relative;z-index: 2;} .xwzx_con1_u1 li:nth-child(even) {background: #ffffff;} .xwzx_con1_u1 li:after{content: '';display: block;width: 100%;height: 100%;background:#1685e1;background-size: cover; position: absolute;top: 0;left: 0;transition: 0.3s ease-in-out;opacity: 0;} .xwzx_con1_left{display: inline-block;vertical-align: middle;width: 248px;overflow: hidden;} .xwzx_con1_left img{width:229px; height:147px;transition: 0.3s ease-out; margin-left:10%} .xwzx_con1_middle{width: 10%;display: inline-block;vertical-align: middle;text-align: center;} .xwzx_con1_right{width: calc(100% - 40%);display: inline-block;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-left: 20px; padding-right: 0px;position: relative;transition: 0.3s ease-out;} .xwzx_con1_right h2{font-size: 16px;color: #282828;transition: 0.3s ease-out; text-align:left} .xwzx_con1_right h2:before{content: '';display: inline-block;width: 0;height: 1px;background:#282828;vertical-align: middle;transition: 0.3s ease-in-out;} .xwzx_con1_right p{font-size: 14px;color: #999999;margin-top: 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; line-height: 25px;} .xwzx_con1_middle b { font-weight:normal;font-size: 35px;color: #2c3238;font-family: arial;transition: 0.3s ease-out;} .xwzx_con1_middle em {font-size: 16px;color: #999;font-family: arial;transition: 0.3s ease-out;} /*.xwzx_con1_middle b {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}*/ .xwzx_con1_middle prc04 {display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;} .xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{width: 20px;margin-right: 10px; color:#fff!important} .xwzx_con1_u1 li:hover .xwzx_con1_left img{transform: scale(1.05);} .xwzx_con1_u1 li:hover .xwzx_con1_right:after{transform: rotate(180deg);color: #fff;} .xwzx_con1_u1 li:hover:after{opacity: 1;} .xwzx_con1_u1 li:hover .xwzx_con1_right{border-left: 1px solid rgba(250,250,250,.2);} .xwzx_con1_u1 li:hover .xwzx_con1_right h2{color: #fff!important;} .xwzx_con1_u1 li:hover .xwzx_con1_right p{color: #fff;} .xwzx_con1_u1 li:hover .xwzx_con1_middle b{color: #fff;} .xwzx_con1_u1 li:hover .xwzx_con1_middle em{color: #fff;} .xwzx_con1_u1 li:hover .xwzx_con1_right h2:before{background:#fff; color:#fff!important} .cuti{ color:#073572; font-size:17px; border-bottom:0px dashed #d8d8d8; text-align:center; margin-bottom:10px; line-height:40px;} .shi1{ text-align:center;color:#cccccc; padding-bottom:30px;} .xxx table{ background:#fff; width:100%!important; /*border-collapse: collapse;*/ border-top:1px solid #ddd; border-right:1px solid #ddd;} .xxx table td{ padding:5px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } .xxx table td p{ margin-bottom:0px;} .xxx{ padding-top:40px; font-size:15px; line-height:30px; } .xxx p{ margin-bottom:10px;} .xxx img{ max-width:100%!important; height:auto!important; width:100%} .hui14{ border-bottom:5px solid #f1f1f1; padding-bottom:40px;} .pnpage{ padding-top:40px;} .touzi{ line-height:40px; font-size:18px;} .touzi img{ margin-top:30px;} .ltitle a{ color:#003a8b;} .ltitle{ color:#003a8b; font-size:18px; margin-bottom:20px;} .lianxi2 ul{ display:flex} .lianxi2 ul li{ width:31%;margin-right:2%;box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07); padding:20px; line-height:30px;} .lianxi1 ul{ display:flex; margin-bottom:30px;justify-content: space-between;} .lianxi1 ul li{box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07); padding:2.5%; width:20%} .lianxi1 ul li:nth-child(1) {width: 36%;} .lianxi1 ul li:nth-child(2) {width: 26.5%;} .ditu{ margin-top:50px; margin-bottom:50px;} /*order*/ .dingdan{ background:#fafafa; padding:50px;} .shuoming{ font-size:18px; color:#e60012; padding-bottom:10px;} .ss{ font-size:17px; padding-bottom:20px;} .liuyan .contact_2_1{ width:100%; margin:0 auto} .contact_2_1 ul li{ margin-bottom:10px;width:48%;display: inline-flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .contact_2_1 ul li:nth-child(5){ width:100%;} .contact_2_1_mid{ background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em; width:85%} .teshuw{ width:93.8%} .contact_2_1_mid input{ color:#555; border:none!important; background:none!important; width:100%; font-size:16px;outline:none;} .contact_2_1_mid textarea{color:#555; width:100%; border:0; background:none; font-size:16px;outline:none;} .tixing{padding-right:20px; line-height:50px;} .anniu { margin:0 auto;border:0PX; font-size:1.125em; display:block; color:#fff; background-color:#003a8b; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;} .anniu { margin-top:2.5em;} .anniu:hover{ background-color:#999;} /*应用服务*/ .ab12 ul{overflow:hidden; width:100%; } .ab12 ul li:nth-child(2n){ float:right} .ab12 ul li{display:block;float:left; line-height:50px; margin-bottom:10px; width:46%; border:#d7d7d7 solid 1px;text-align:left; padding-left:20px; margin-bottom:25px;} .ab12 ul li a{ } .ab12 .line{height:50px;position:relative;} .ab12 .line:after { content: ""; width: 0; height:2px; background:#003a8b; position: absolute; top: 100%; left: 0%; transition: all .5s; } .ab12 .line:hover:after {left:0%;width: 100%;} .yname{ font-size:17px; color:#000;} .yingyong{ margin-bottom:30px;color:#616161} .yingyong ul li a{ color:#616161} .yingyong ul li { line-height:30px; width:33%; display:inline-block} .yingyong ul { margin-top:30px; margin-bottom:30px;} .ggmain2{ width:76%; margin:0 auto; padding-top:225px!important; } .ggmain{ width:76%; margin:0 auto; padding-top:85px; } .zxn3{width:100%;} .ba_con1 {background:rgba(255,255,255,0.5);padding:30px 40px 40px 40px; } .htop{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; } .ba_con1 h2 { font-size: 40px; font-weight:bold;line-height: 62px;color: #00469b;} .zxn3{width:100%;} .zxn3 ul{width:100%; /*text-align:center;*/ font-size:15px; margin-top:15px; } .zxn3 ul li{ float:left; line-height:38px;width:19.2%; margin-right:0.5%; text-align:center; margin-top:5px; position:relative;border:#0a519c solid 1px; background:#0a519c; color:#fff; display:block } .zxn3 ul li.active{ background:#00469a; color:#fff; border:1px solid #00469b} .zxn3 ul li:hover{ background:#00469a;color:#fff; border:1px solid #00469b } .zxn3 ul li:hover a,.zxn3 ul li.active a{color:#fff;} .zxn3 li .subss { width:100%;background: #00469a;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left:0px;overflow: hidden;position: absolute;top: 40px; z-index: 99999999;} .zxn3 li .subss {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .zxn3 li:hover .subss {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0); } .zxn3 li .subss a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff;display: block;font-size: 14px;font-weight: 500;line-height35px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%; padding-left:0px;padding-right:0px; border-bottom:1px solid rgba(255,255,255,0.1);} .zxn3 li .subss a:hover {text-indent: 5px; background:#00469a} .p_search{margin-top:15px;} .form_control{ background-color: #FFFFFF; border-radius: 30px 0 0 30px; padding: 0px 0px; float:left; font-size:16px; padding-left:20px; height: 38px; width:350px; border:#FFFFFF solid 1px; } .default_btn{ background-color: #00469b; border-radius: 0 30px 30px 0;border:#00469b solid 1px; color: #fff; height: 40px;font-size:18px; width:100px; } .default_btn:hover{ cursor: pointer;} .cc1{ color:#FFFFFF; font-size:16px!important; font-weight:600; padding-top:5px; padding-bottom:5px;} .miaoshu{ font-size:14px; color:#616161; line-height:28px; margin-bottom:30px;} .miaoshu p{font-size:14px!important; color:#616161; line-height:28px; } .proxiang table td{ font-size:14px;line-height:25px;} .cuti1 { color: #fff; font-size: 17px; background: #bababa; text-align: center; margin-bottom: 10px; line-height: 25px; padding-top: 10px; padding-bottom: 10px; } .zuoce{ width:20%; padding-top: 45px; padding-bottom: 50px; padding-left: 2%; padding-right: 2%; float: left; background: #EBEBEB; border-radius: 10px; margin-bottom: 55px;} .zuoce ul li a{ border-radius: 20px; font-size:15px; width: 95%; padding:5px 2.5%; background-color: #FFF; border: solid 1px #EBEBEB; margin:0 0 10px 0; display: inline-block; text-align: center; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .zuoce ul li a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; border-radius: 20px; background:linear-gradient(90deg,#00469a,#00469a); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .zuoce ul li a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .zuoce ul li a:hover { color: #fff; } .zuoce ul li .active{ background:#00469a; color:#fff;} .zuoce h2{ color:#333; font-size:25px; text-align:center; padding-bottom:25px;} .youce{ width:70%;} .dda{ font-size:14px; line-height:20px;} .profenlei{width:100%;/* background:#00469b; */margin-bottom:30px; border-bottom:2px solid #eaeaea; padding-bottom:40px;} .profenlei ul{/* padding:30px 40px; text-align:center;*/ font-size:15px; } .profenlei ul li a{ color:#333; font-size:15.5px; border:#ddd solid 1px; display:block;line-height:38px;} .profenlei ul li{ cursor:pointer; float:left;line-height:38px;width:19%; margin-right:0.5%; margin-left:0.5%;text-align:center; margin-top:1%; color:#333;} .profenlei ul li.active{ background:#00469b; } .profenlei ul li.active a{color:#fff;border:1px solid #00469b;} .profenlei ul li:hover{ background:#00469b; } .profenlei ul li:hover a,.profenlei ul li.active a{ color:#fff;border:1px solid #00469b} dl,dd,dt,ul,li{ margin:0; padding:0; list-style:none;} #wenzhang{ margin-top:10px; text-align:center; } #wenzhang dd { width:19%; margin-left:0.5%; margin-right:0.5%; float:left; color:#fff; line-height:38px; height:38px; font-size:16px; font-weight:normal; border:0px; margin-bottom:1%; padding:0px;} #wenzhang dd dl dt{background:#0a519c!important;} #wenzhang dd dl dd dl dd { float:none; width:100%; padding:0px; margin:0px; background:#fff; line-height:25px; height:auto; position:relative; text-align:left; } #wenzhang dd dl dd { float:none; width:100%; padding:0px; margin:0px; background:#fff; line-height:25px; height:auto; position:relative; text-align:center; } #wenzhang dd dl dd dl{ width:100%; display:block} #wenzhang dd dl dd dl dt{ position:relative; z-index:11; background:#257fde!important; line-height:35px!important; height:35px!important; font-size:14px!important;width:100%;/*border-top:1px solid #dedede; background:#f2f2f2; height:25px; line-height:25px; font-weight:bold;*/} #wenzhang dd dl dd dl dt{/* background:#f9f9f9;*/ } #wenzhang dd dl dd dl dt dd{background:#fff; padding:10px; line-height:25px;} #wenzhang ul{ padding:10px;} #wenzhang ul li { text-align:left;display:inline-block;} #wenzhang ul li a{ font-size:13px; color:#0a519c;} #wenzhang ul li:last-child span{ display:none} #duke ul li{background:#fff;} /*内页新闻*/ #ny_xinwen {} #ny_xinwen ul {} #ny_xinwen ul li:nth-child(1){ padding-top:0px;} #ny_xinwen ul li{ border-bottom:1px solid #e7e7e7; padding-top:35px; padding-bottom:35px;} #ny_xinwen ul li .ntime{ width:7%; text-align:center;border-top:2px solid #6d6d6d;} #ny_xinwen ul li .ntime span { font-family: Arial, Helvetica, sans-serif; font-size: 35px; color: #6d6d6d; line-height: 57px; text-align: center; } #ny_xinwen ul li .ntime font { font-size:13px;font-family: Arial, Helvetica, sans-serif; line-height: 25px; color: #6d6d6d; height: 25px; } #ny_xinwen ul li .newstxt{ width:63%;} #ny_xinwen ul li .newstxt_2{ width:88%; float:right;} #ny_xinwen ul li .newstxt_2 h2{ color:#000;text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:17px;} #ny_xinwen ul li .newstxt h2{ color:#000;text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:17px;} #ny_xinwen ul li .newstxt .nmiao{text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;font-size: 13px; line-height: 28px; color: #848484; margin-top:10px;} #ny_xinwen ul li .newstxt_2 .nmiao{text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;font-size: 13px; line-height: 28px; color: #848484; margin-top:10px;} #ny_xinwen ul li .newstxt_2 em { font-size: 13px; line-height: 30px; margin-top:20px; color: #0065ad; height: 30px; width: 95px; display:block; border: 1px solid #0065ad; font-style: normal; text-align: center; } #ny_xinwen ul li .newstxt em { font-size: 13px; line-height: 30px; margin-top:20px; color: #0065ad; height: 30px; width: 95px; display:block; border: 1px solid #0065ad; font-style: normal; text-align: center; } #ny_xinwen ul li .ntupian{ width:22%; background:#E6E6E6;height:133px; display: flex;justify-content: center; align-items: center;} #ny_xinwen ul li .ntupian img{max-width:100%;max-height:133px; transition: all 0.8s; object-fit: cover;} #ny_xinwen ul li:hover img{transform: scale(1.1);} #ny_xinwen_da { width:1140px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #ny_xinwen_da h3 { font-size: 28px; line-height: 33px; color: #333; text-align: center; float: left; padding-bottom:20px; width:1140px; margin-top: 55px; font-weight: normal; } .xinwen_zz { font-size: 13px; line-height: 32px; color: #bbbbbb; float: left; height: 46px; width:1140px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e7e7e7; text-align: center; } /* -------------------------------- Main Components -------------------------------- */ .cd-accordion-menu { width: 100%; } .sanji li a{ color:#fff;} .cd-accordion-menu ul { /* by default hide all sub menus */ display: none; } .sanji{ background:#fff; padding:10px; text-align:left;} .sanji li:last-child a span{ display:none} .sanji li a{ font-size:13px!important; background:none!important; border-bottom:0px!important;box-shadow: inset 0 0px #41444a!important; line-height:25px!important; color:#333;} .sanji li{ display:inline-block; } .cd-accordion-menu label.active{color: #fff; background:#00469b; border: 1px solid #00469b;} .erji label{ color:#fff!important; font-size:15px!important;} .cd-accordion-menu li ul li.erji{ width:100%; margin-left:0px; margin-right:0px; position:relative; z-index:11} .cd-accordion-menu li.yiji { height:38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;cursor: pointer; float: left; line-height: 38px; width: 19%; margin-right: 0.5%; margin-left: 0.5%; text-align: center; margin-top: 1%; color: #333; } .cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; } .cd-accordion-menu label:last-child, .cd-accordion-menu a{border-bottom:0px solid rgba(255,255,255,0.1);} .cd-accordion-menu label, .cd-accordion-menu a { position: relative; border-bottom:1px solid rgba(255,255,255,0.1); display: block; padding: 0px 0px 0px 0px; background: #0a519c ; color: #fff; font-size: 16px; } .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d; } .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { /* icons */ content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu label { cursor: pointer; } .cd-accordion-menu label::before/*, .cd-accordion-menu label::after*/ { /* background-image: url(/Html/css/__DEFAULT__/images/jian.png); background-size:16px 16px; background-repeat: no-repeat;*/ } .cd-accordion-menu label::before { /* arrow icon */ /* right: 5px; background-position: 0 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } .cd-accordion-menu label::after { /* folder icons */ /* left: 41px; background-position: -16px 0;*/ } .cd-accordion-menu a::after { /* image icon */ /* left: 36px; background: url(/Html/css/__DEFAULT__/images/jian.png) no-repeat;*/ } .cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ /* -webkit-transform: translateY(-50%) rotate(-270deg); -moz-transform: translateY(-50%) rotate(-270deg); -ms-transform: translateY(-50%) rotate(-270deg); -o-transform: translateY(-50%) rotate(-270deg); transform: translateY(-50%) rotate(-270deg);*/ } .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #257fde; box-shadow: inset 0 -1px #41444a; } .no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { background: #3c3f45; } .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; } .cd-accordion-menu ul label::before { right: 5px; } .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 59px; } .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a { padding-left: 0px; } .cd-accordion-menu ul ul label::before { left: 54px; } .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 77px; } .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a { padding-left: 118px; } .cd-accordion-menu ul ul ul label::before { left: 72px; } .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after { left: 95px; } .cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } /*应用领域最终效果鼠标脱离后隐藏*/ .chanpinfenlei ul li { float:left; width:18%; margin-left:1%; margin-right:1%; margin-top:15px; height:38px;} .chanpinfenlei ul li .yiji{color:#fff; background:#00469b;cursor: pointer; font-size:16px; line-height:38px; text-align:center; height:38px; /*position:absolute; z-index:9; width:100%;*/ } .chanpinfenlei ul li .erji .erji_name{ color:#fff;background: #257fde;cursor: pointer;font-size:15px; line-height:38px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); } .chanpinfenlei ul li .erji {position:relative; z-index:1} .chanpinfenlei ul li .sanji{ background:#fff} .ba_con1{ height:500px;} .erji{ display: none; } .sanji{ display: none; } .sanji_bk{ padding:10px;} .sanji .lie{ text-align:left;display:inline-block; line-height:20px;font-size:13px; color:#0a519c;} .sanji .lie a{ font-size:13px; color:#0a519c;} .sanji .lie:last-child span{ display:none} /*项目案例*/ .newNmaeLink { color: #000; font-weight: bold; font-size: 18px; } .p_news .time{ font-size:16px;} .p_news { width:100%; margin: 0; /* width: inherit;*/ height: auto; padding: 0; overflow: hidden; } .xNewList { position: relative; background: #fff; width: 100%; height: 0px; padding-bottom: 22%; transition: all 600ms ease; margin: 30px 0px; } /*.listContents { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; }*/ .listContents a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; } .listContent { position: relative; width: 85%; padding: 35px; overflow: hidden; background-color: #eee; } .newPic { width: 50%; overflow: hidden; background-color: #000; } .listContents:after { content:""; background:#00469b; height:45px; width:3px; display:block; position:absolute; top:28px; transition:all .45s; } .p_news .xNewList:nth-child(2n) .listContents a{ flex-direction:row-reverse; } .p_news .xNewList:hover .listContents:after { content:""; background:#00469b; height:50%; top:0px; } .p_news .listSumray { line-height:24px; font-size:13px; text-align:justify; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:19px; color:#666; } .p_news .pic { width:100%; height:100%; transition:all 800ms ease; } .p_news .xiangqing { display: block; width: 100px; text-align: center; background: #13489d; margin-top: 10px; color: #fff; border-radius: 100px; padding:3px 10px; font-size: 14px; } .juli{ margin-left:80px;} .content1 .atu img{margin-bottom:16px;} /*联系威廉希尔官网地址联系传真内外贸脱离*/ .gaodu{ margin-top:60px;} @media screen and (max-width: 640px) { .gaodu{ margin-top:0px;} /*项目案例*/ .newNmaeLink { color: #000; font-weight: bold; font-size: 14px; } .p_news .time{ font-size:14px;} .p_news { width:100%;} .xNewList { position: relative; background: #fff; width: 100%; height:150px!important; padding-bottom: 22%; transition: all 600ms ease; margin: 30px 0px; } .listContent {padding: 20px;} .newPic {width: 100%;} .listContents:after { content:""; background:#00469b; height:45px; width:3px; display:block; position:absolute; top:28px; transition:all .45s; } .p_news .xNewList:nth-child(2n) .listContents a{ flex-direction:row-reverse; } .p_news .xNewList:hover .listContents:after { content:""; background:#00469b; height:50%; top:0px; } .p_news .listSumray { line-height:24px; font-size:13px; text-align:justify; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:19px; color:#666; } .p_news .xiangqing {width: 80px;font-size: 12px;} .xNewList:nth-child(1){ margin-top:0px;} } .cuti_case{ margin-top:50px;color: #073572; font-size: 22px; border-bottom: 0px dashed #d8d8d8; text-align: center; line-height: 40px;} .shi1_case{ font-size:17px; margin-top:0px; color:#555; text-align:center} .line_case{ background:#d8d8d8; margin-top:30px; margin-bottom:30px; height:1px; width:100%} .case_fanye ul{ padding-top:20px;} /*声誉*/ #certify { position: relative; width: 100%; margin: 0 auto; padding-top:10px;} #certify .swiper-container { padding-bottom: 60px; padding-top:30px; } #certify .swiper-slide { width: 480px; height: 450px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { padding-top: 0; text-align: center; color: #636363; font-size: 17px; margin: 0; } #certify .swiper-slide .htht{display: flex;justify-content: center; align-items: center; height:400px;} #certify .swiper-slide .htht img{max-width:90%;max-height:350px; transition: all 0.8s;} #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;display:none } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -0px; width: 45px; height: 45px; background: url(/Html/images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -0px; width: 45px; height: 45px; background: url(/Html/images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .history .xxxx{display: flex; padding-bottom:20px; position:relative;} .history .xxxx .yuan{cursor: pointer; background:#00a0e9; width: 10px; height: 10px; border-radius:50px; line-height: 25px; margin-right:10px; margin-top:10.5px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center; } .history .xxxx .yuan::before { width: 0; height: 49px; padding-bottom:0px; border: 1px solid transparent; border-right-color: transparent; border-right-color: transparent; border-right-color: #bfbfbf; display: inline-block; position: absolute; top: 18px; left: 3px; content: ""; } .history .xxxx:last-child .yuan::before { display:none;} .history .xxxx:last-child { padding-bottom:0px!important;} @media only screen and (min-width: 1550px) { .foot .wd1300 .fadd { line-height:40px;} .gaodu{ margin-top:90px;} .gcdiz ul li{ line-height:38px;} .juli{ margin-left:100px;} .history .xxxx .yuan{margin-top:14px; } .history .xxxx .yuan::before {height: 53px;} /*.gcdiz ul li{line-height:40px;} */ .fname{ font-size:15px;}{ font-size:19px;} /*项目案例*/ .newNmaeLink { font-size: 22px;} .p_news .time{ font-size:20px;} .p_news .listSumray { line-height:35px; font-size:17px;} .p_news .xiangqing {font-size: 17px;} .cc1{ color:#FFFFFF; font-size:20px!important; font-weight:600; padding-top:5px; padding-bottom:5px;} .prolei ul li{ padding:0 28.5px;} .zxn3 ul li{font-size:19px;} .chanpinfenlei ul li .yiji{font-size:19px;} .profenlei ul li a{ color:#333; font-size:19px;} .p_search{margin-top:15px;} .form_control{ font-size:20px; } .default_btn{height: 40px;font-size:20px; } .default_btn:hover{ cursor: pointer;} .cc1{font-size:20px; font-weight:600} .miaoshu{ font-size:19px; line-height:40px; } .miaoshu p{ font-size:19px!important} .proxiang table td{ font-size:20px;} .cuti1 {font-size: 23px; padding-top: 15px;padding-bottom: 15px;} .nynews{ background:url(/Html/images/nynews.jpg) no-repeat center bottom; height:450px; margin:0 auto; width:100%;/*background-size:150%*/background-size:110% auto;} .nytz{ background:url(/Html/images/nytz.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;/*background-size:150%*/background-size:140% auto;} .nyyy{ background:url(/Html/images/nyyy.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;/*background-size:150%*/background-size:110% auto;} .nypro{ background:url(/Html/images/nypro.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:110% auto;object-fit: cover;} .nyabout{ background:url(/Html/images/nyabout.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:100% auto; object-fit: cover; } .ggmain2{ width:1550px; margin:0 auto; padding-top:215px!important; } .ggmain{ width:1550px; margin:0 auto; padding-top:85px; } body{ font-size:20px;} .header{width:1550px; /*width:88.8%;*/padding-top:10px; padding-bottom:10px;} /*.header .logo .logo_a img{max-height:80px;} .header .logo .logo_b { margin-left:15px; margin-top:10px;} .header .logo .logo_b .name1{ font-size:35px; font-weight:normal} .header .logo .logo_b .name2{ font-size:18px; } .header .logo .logo_a p {font-size: 18px;}*/ .header .logo .logo_a img{max-height: 70px;} .header .logo .logo_b { margin-left:15px; margin-top:10px;} .header .logo .logo_b .name1{font-size: 32px;font-weight:normal} .header .logo .logo_b .name2{font-size: 16.5px;} /*导航*/ .nav ul{width:1550px;} .nav li a { font-size:22px;line-height:65px;} .nav li .subnav {top: 65px; left:0px;} .nav li .subnav a {font-size: 18px;line-height: 50px;} .header .head_y{ height:54px; margin-top:25px;} .header .head_y .search .searchinput{line-height:40px;font-size:20px;} .header .head_y .search .fr button{ border:0px; background:none; margin-top:5px; margin-right:10px; } .icon-sousuo{ font-size:30px!important;} .header .head_y .search { width:300px; height:40px; } .header .head_y .yuyan ul li:nth-child(1){ height:30px;} .header .head_y .yuyan { margin-top:7px; margin-left:25px;} .header .head_y .yuyan ul li a{font-size:18px; ;line-height:30px;} /*首页威廉希尔官网地址简介*/ .about_pic { width:42%} .about_pic img{ /*height:550px;*/} .about_txt{margin-top:0px;width: 54%;} .abnr{line-height:35px;font-size:20px;-webkit-line-clamp:10;} .biaoyu{font-size:23px; margin-top:15px;} /*首页产品*/ .teshu{ padding-bottom:65px!important;} .prolei ul li a{font-size:22px;} .prolei ul li{ margin-top:35px;} .pyingyong ul li .pytitle{ font-size:35px; left:30px; top:30px; } .pyingyong ul li .pyimg img{height:340px; } .plingyu{ background:#024fb5; width:33.5%;} .plingyu ul{ padding:50px;} .plingyu ul li{ line-height:90px} .plingyu ul li a{font-size:30px;} /*品牌实力*/ .shili{background-size:200%;} .stitle{font-size:32px; line-height:90px;} .shili ul li .simg img{ height:250px;} .shili ul li .smiao .mmde{line-height:35px; margin-bottom:15px; font-size:21px;} .shili ul li .smiao{ background:#fff; padding:30px; } .shili ul{ margin-top:40px;} .shili ul li .smiao{ background:#fff; padding:25px;height:310px;} .shili ul li:nth-child(1) .smiao .mmde{line-height:27px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:25px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:36.5px;} /*首页视频*/ .title{font-size:50px;} .index_news ul{ margin-top:40px;} .index_news ul li .nimg img{ height:270px;} .index_news ul li .ntbk{ padding:30px;} .index_news ul li .ntbk .ntitle{font-size:22px; } .index_news ul li .nrp{ margin-top:80px;} .index_news ul li .nrp p{ font-size:20px;} .index_news ul li .nrp span{ font-size:20px;} /*首页视频*/ .video{background-size:200%;} .video .wd1300 { padding-top:140px; padding-bottom:140px;} .video .wd1300 img{ margin-top:110px;margin-bottom:110px; height:auto; width:200px;} /*首页广告*/ .guang{ background-size:200%;} .guang .wd1300{ padding-top:110px; padding-bottom:110px;} .guang .wd1300 .biao1{ font-size:50px;} .guang .wd1300 .biao2{ font-size:30px;} .wd1300{width:1550px; padding-top:70px; padding-bottom:70px;} /*底部*/ .foot{ background:#626262;} .foot .wd1300{ padding-top:60px; padding-bottom:30px;font-size:21px;} .foot .fmenu{ padding-top:40px; padding-bottom:40px; } .foot .fmenu ul li a{ font-size:21px;} .foot .wd1300 {font-size:21px; padding-top:60px; padding-bottom:60px} .foot .wd1300 .fadd .add1{ line-height:40px;} .foot .wd1300 .fewm{ text-align:center} .foot .wd1300 .fewm img{ width:145px;} .foot .wd1300 .flian{ line-height:40px;} .foot .wd1300 .fbt{ font-size:22px;} .foot .wd1300 .ftel strong{ font-size:22px;} .fbq .wd1300{/* font-size:21px;*/padding-top:40px; padding-bottom:40px;} a.zzb07link{ font-size:21px;} .zzb07tail{font-size:21px;} .nymenu ul{ width:1550px; padding-top:10px; padding-bottom:10px;} .nymenu ul li {/* width:14.5%; */padding:5px 25px;} .nymenu ul li a{ font-size:20px;} .weizhi{ width:1550px; padding-top:50px; padding-bottom:50px;font-size:22px;} .nymain{ width:1550px; color:#616161; line-height:40px; } .content1{ color:#000; font-size:22px; line-height:48px;padding-bottom:30px; } .content1 p{ margin-bottom:25px; text-indent:2em;} .content1 p strong{ color:#024fb5;} .content1 .atu{ float:right; width:47%;margin-left: 60px;} .content1 .atu img{ display:block; width:100%;} .content1 .atu img:nth-child(1){ margin-bottom:20px;} .content2 img{ width:100%} .content3{ background: linear-gradient(45deg,#0095d9,#32b16d); width:100%; height:70px;} .gsbt{ color:#00459a; font-size:34px; ; padding-top:50px; padding-bottom:50px;} .gmbg{ background:#f2f2f2; padding-top:70px; padding-bottom:70px;} .gmbg img{ margin:0 auto; display:flex; text-justify:center; text-align:center; } .content5 { margin-top:70px; } .content5 .tuaa{ float:left; margin-right: 100px;} .content5 .conzz img{ border:1px solid #000; display:block; width:30%;} .content5 .conzz h2{ color:#00459a; font-size:22px; ; margin-bottom:20px;} .content5 .conzz{ font-size:22px; line-height:45px; color:#000000} .content5 .conzz p{ margin-bottom:30px;} .content5 .btu{ width:38%; margin-top:-200px;} .content5 .btu img:nth-child(1){ margin-bottom:20px;} .content5 .btu img{ display:block; width:100%;} .content5 .conzz_2 .btxt h2{ color:#00459a; font-size:22px; margin-bottom:20px;} .content5 .conzz_2{ display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .content5 .conzz_2 .btxt{font-size:22px; line-height:45px; color:#000000; width:57%; margin-top:80px;} .content5 .conzz_2 .btxt p{ margin-bottom:30px;} /*企业风貌*/ .imglist ul li{/*height:250px;*/} .imglist ul li img{height:250px;} .fname{ font-size:19px;} /*企业声誉*/ .honor p span{font-size:20px!important} .honor p { margin-bottom:30px; line-height:40px; } .biaozhun{ margin-bottom:30px;} .ztitle{font-size:23px; } .zgengduo{line-height:45px;} /*翻页*/ .contentPage a:link {font-size: 17px; } .contentPage a:visited {font-size: 17px; } .contentPage a:hover {font-size: 17px;} .contentPage .current{font-size: 17px; } .contentPage .zi{font-size:17px; } /*新闻*/ .xwzx_con1_right h2{font-size: 23px;} .xwzx_con1_middle b {font-size: 45px;} .xwzx_con1_middle em {font-size: 18px;} .cuti{ color:#073572; font-size:23px; border-bottom:0px dashed #d8d8d8; text-align:center; margin-bottom:10px; line-height:40px;} .shi1{ text-align:center;color:#cccccc; padding-bottom:30px;} .xxx p{ line-height:40px; /*border-top:1px solid #ddd; */padding-top:0px; margin-bottom:30px; font-size:20px!important; } .xxx{ line-height:40px; /*border-top:1px solid #ddd; */padding-top:40px; margin-bottom:30px; font-size:20px; } .xxx img{width:100%!important; height:auto!important} .hui14{ border-bottom:5px solid #f1f1f1; padding-bottom:40px;} .pnpage{ padding-top:40px;} .touzi{ line-height:45px; font-size:25px;} .touzi img{ margin-top:30px;} .ltitle a{ color:#003a8b;} .ltitle{ color:#003a8b; font-size:23px; margin-bottom:20px;} .lianxi2 ul{ display:flex} .lianxi2 ul li{ width:31%;margin-right:2%;box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07); padding:20px; line-height:45px;} .lianxi1 ul{ display:flex; margin-bottom:30px;} .lianxi1 ul li{ width:31%;margin-right:2%;box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07); padding:20px;line-height:45px;} .ditu{ margin-top:50px; margin-bottom:50px;} /*order*/ .dingdan{ background:#fafafa; padding:50px;} .shuoming{ font-size:23px;} .ss{ font-size:20px;} .contact_2_1_mid input{ font-size:20px;} .contact_2_1_mid textarea{font-size:20px;} .yname{ font-size:25px; color:#000;} .yingyong{ margin-bottom:30px;color:#616161; line-height:40px;} .yingyong ul li a{ color:#616161} .yingyong ul li { line-height:40px; width:33%; display:inline-block} .yingyong ul { margin-top:30px; margin-bottom:30px;} } @media only screen and (min-width: 1500px) and (max-width:1550px) { .shili ul li:nth-child(1) .smiao .mmde{line-height:20px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:21px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:25px;} .abnr{ line-height:30px;} .prolei ul li{ padding:0 28px;} } @media only screen and (min-width: 1450px) and (max-width:1499px) { .shili ul li:nth-child(1) .smiao .mmde{line-height:20px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:19.5px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:25px;} .abnr{ line-height:25px;} .prolei ul li{ padding:0 23px;} } @media only screen and (min-width: 1399px) and (max-width:1450px) { .shili ul li:nth-child(1) .smiao .mmde{line-height:20.5px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:22px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:25px;} } @media only screen and (min-width: 1000px) and (max-width:1200px) { .abnr{line-height:24px; font-size:14px; text-align:justify} } @media only screen and (min-width: 1200px) and (max-width:1250px) { .nyabout{ background:url(/Html/images/nyabout.jpg) no-repeat center; height:450px; margin:0 auto; width:100%;background-size:100% auto; object-fit: cover;} body{ font-size:15px;} .header{ width:76%; margin:0 auto; padding-top:7px; padding-bottom:7px;} .header .logo .logo_a{ } .header .logo .logo_a img{max-height:40px;} .header .logo .logo_a p{ text-align:center; font-size:12px; color:#00479d} .header .logo .logo_b{ color:#00469b; margin-left:10px; margin-top:5px;} .header .logo .logo_b .name1{ font-size:21px; } .header .logo .logo_b .name2{ font-size:11px; margin-top:3px; /*letter-spacing:-1px;*/} .flex{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} /*导航*/ .nav{ width:100%; margin:0 auto; background:#f1f1f1} .nav ul{width:76%; margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between; } .nav li { display: inline-block;list-style: none;text-align: center;position: relative;} .nav li a { display: block;text-align: center;position: relative;color: #000000; font-size:15px;line-height:40px; text-transform:uppercase; } .nav li.hover a, .nav li:hover a {color: #FFF;} .nav li:hover a{ color:#114e9e} .nav li.hover{ color:#114e9e;} .nav li .subnav {top: 40px;} .nav li .subnav a {color: #fff;font-size: 14px;line-height: 40px;} .header .head_y{ height:30px; height:40px; overflow:hidden; margin-top:13px;} .header .head_y .search .searchinput{ line-height:28px;font-size:14px;border:#fefefe solid 0px;float:left;outline:none; background:none; color:#b5b5b3; padding-left:20px; } .header .head_y .search .fr{} .header .head_y .search .fl{ width:80%} .header .head_y .search .fr button{ border:0px; background:none; margin-top:5px; margin-right:10px; } .icon-sousuo{ font-size:20px!important; color:#555!important} .header .head_y .search {background:#eeeeee; border:1px solid #b4b4b4; border-radius:25px; width:220px; height:28px; line-height:28px; } .header .head_y .search:hover button{ background:none} .header .head_y .yuyan ul li:nth-child(1){ background:#525252; margin-right:15px;margin-left:15px;} .header .head_y .yuyan { margin-top:3px;} .header .head_y .yuyan ul li:nth-child(1) a{ color:#fff; padding-left:10px; padding-right:10px; } .header .head_y .yuyan ul li{ float:left;} .header .head_y .yuyan ul li a{ color:#060608;font-size:11px; line-height:20px; line-height:30px;} /*首页威廉希尔官网地址简介*/ .about_pic { width: 40%;} .about_txt{ width:58%; margin-top:-5px;} .abnr{line-height:25px; font-size:14px; text-align:justify} .biaoyu{ font-size:15px;margin-top:5px;} /*首页产品*/ .teshu{ padding-bottom:25px!important;} .prolei ul li a{ font-size:14px;} .prolei ul li{ margin-top:20px; height:20px; line-height:20px; padding:0 20px;} .prolei ul li:hover a{ color:#024fb5} .prolei ul li:last-child{ border-right:1px solid #303030;} .index_pro{margin-top:20px; margin-bottom:20px;} .pyingyong ul li .pytitle{ font-size:20px; left:20px; top:20px; } .pyingyong ul li .pyimg img{height:220px; } .plingyu ul{ padding:30px;} .plingyu ul li{ padding-left:50px ; line-height:63px;} .plingyu ul li a{font-size:19px;} /*品牌实力*/ .guang{background-size:auto 100%} .shili .wd1300{ padding-top:90px; padding-bottom:90px;} .stitle{ font-size:22px; line-height:50px;} .shili ul li .simg img{ height:150px; } .shili ul li .smiao .mmde{/*line-height:20px;*/ margin-bottom:10px; font-size:13px;} .shili ul li .smiao .mmde span{font-size:25px;} .shili ul li .smiao{ padding:25px; } /*.shili ul li:nth-child(1) .smiao .mmde{line-height:20.5px;} .shili ul li:nth-child(2) .smiao .mmde{line-height:19px;} .shili ul li:nth-child(3) .smiao .mmde{line-height:25px;}*/ /*首页视频*/ .title{ color:#054595; font-size:30px; } .index_news ul{ margin-top:30px;display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .index_news ul li{ width:31.5%;box-shadow: 9px 9px 5px rgba(51,51,51,.2);} .index_news ul li:hover .nimg img{transform: scale(1.1);} .index_news ul li:hover{box-shadow: 9px 9px 5px rgba(51,51,51,.4);} .index_news ul li .nimg img{height:150px;;} .index_news ul li .ntbk{ padding:20px;} .index_news ul li .ntbk .ntitle{ font-size:14px; } .index_news ul li .nrp{ margin-top:20px;} .index_news ul li .nrp p{ font-size:12px;} .index_news ul li .nrp span{ font-size:12px;} /*首页视频*/ .video{ background:url(/Html/images/vbg.jpg) no-repeat center;} .video .wd1300{ padding-top:70px; padding-bottom:70px;} .video .wd1300 img{ margin-top:80px;margin-bottom:80px; height:90px; width:auto} /*首页广告*/ .guang{background-size:auto 100%} .guang .wd1300{ padding-top:70px; padding-bottom:70px;} .guang .wd1300 .biao1{ font-size:30px; } .guang .wd1300 .biao2{ font-size:22px; margin-top:15px;} .wd1300{ width:76%; margin:0 auto; padding-top:70px; padding-bottom:70px;} /*.index_about .wd1300{ width:88.8%;} .abnr p{ margin-bottom:18px;} */ /*底部*/ .foot{ background:#626262;} .foot .wd1300{ padding-top:60px; padding-bottom:30px;} .foot .fmenu{ padding-top:20px; padding-bottom:20px; } .foot .fmenu ul li a{ font-size:13px;} .foot .wd1300 .fbt{ font-size:13px;} .foot .wd1300 { color:#fff; font-size:13px; padding-top:30px; padding-bottom:30px} .foot .wd1300 .fadd .add1:nth-child(1){ margin-bottom:25px;} .foot .wd1300 .fadd .add1{ line-height:30px;} .foot .wd1300 .fewm img{ width:105px;} .foot .wd1300 .flian{ line-height:30px;} .foot .wd1300 .ftel strong{ font-size:16px;} .fbq .wd1300{ padding-top:20px; padding-bottom:20px;} a.zzb07link{font-size:13px;} a.zzb07link:hover {font-size:13px;} } @media only screen and (min-width: 1250px) and (max-width:1300px) { .abnr{ line-height:25.5px;} } .pc_daohang{ display:block} .wap_daohang{ display:none} .wap_foot{ display:none} .pc_yccontent{ display:block} .wap_ycontent{ display:none} .ccca td { border-bottom:1px solid #a2a2a2;} .td1,.td3{ background:#007bc1; text-align:center; color:#fff; font-size:20px!important;} .td2{ background:#09991d; text-align:center; color:#fff; font-size:20px!important;} .bgyanse{ padding:20px; background:#fff;} .bgyanse p{ margin-bottom:10px;} .dingdana { padding:30px;} .dingdana table{ border-top:1px solid #9e9e9e; border-right:1px solid #9e9e9e;} .dingdana table td{ padding:5px 15px; border-bottom:1px solid #9e9e9e; border-left:1px solid #9e9e9e;} .dhxx{ text-align:center; font-weight:bold; margin-bottom:12px; font-size:16px!important} .bgaa{ background:#e0f9fd; text-align:center; font-size:20px!important; color:#000; line-height:30px!important; padding-left:20px; padding-right:20px;} .bgaa a{ color:#000;} .dingdana p{ margin-bottom:10px;} .dingdana table p{ margin-bottom:0px;} .bgbb{ vertical-align:top!important; padding-top:60px;} @media screen and (max-width: 640px) { .td1,.td3{font-size:15px!important;} .td2{font-size:15px!important;} .bgyanse{ padding:20px;} .bgyanse p{ margin-bottom:10px;} .dingdana { padding:20px;} .dingdana table{ font-size:13px;} .dingdana table td{ padding:3px 5px; font-size:13px!important; line-height:20px!important; word-break: break-all;} .dhxx{font-size:14px!important} .bgaa{ font-size:15px!important; line-height:25px; } .bgbb{ vertical-align:top!important; padding-top:30px;} .juli{ margin-left:70px;} .gaodu{ height:auto;} .pc_daohang{ display:none} .wap_daohang{ display:block} .wap_foot{ display:none} .pc_yccontent{ display:none} .wap_ycontent{ display:block} .icon-sousuo { font-size: 30px!important; color: #555!important; } #banner {width: 100%;margin:0px;padding:0px;overflow: hidden;} #banner img{width: 100%; display:block;} .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden; } .focus .shanghl00{ width:100%; height:11px; position:absolute; z-index:1; bottom:6px; text-align:center; } .focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .shanghl00 ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0; margin:0px; padding:0px; overflow: hidden; } .focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;} .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 作废链接高亮 */ } .wdwap{ width:95%; margin:0 auto; padding-top:25px; padding-bottom:25px;} .wtitle{font-size:20px;color: #00479d; margin-bottom:10px;} .wline{ background:#0872c0; height:2px; width:100%} /*产品应用*/ .yy1 ul li{ margin-bottom:15px; width:49%; float:left;} .yy1 ul li:nth-child(2n){ float:right} .yy1 ul li .yy1pic{ width:100%; height:120px; overflow:hidden} .yy1 ul li .yy1pic img{ width:100%;object-fit: cover; height:100%} .yy1 ul li .yy1name{ background:#f0f0f0; font-size:16px; text-align:center; line-height:40px; color:#333;} .yy2 ul li{margin-top:5px; width:49%; float:left; background:#00a2e7; line-height:40px; text-align:center} .yy2 ul li a{ color:#fff; text-align:center; font-size:16px;} .yy2 ul li:nth-child(2n){ float:right} /*新闻资讯*/ .wapnews{ padding-top:0px!important} .wapnews .flex{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between;} .wapnews ul li{ padding-top:15px; padding-bottom:15px;} .wapnews ul li .wtime{ width:20%; border:1px solid #b2b2b2; text-align:center} .wapnews ul li .wtime h2{ background:#00a2e7; color:#fff; font-size:20px; line-height:35px;} .wapnews ul li .wtime h3{ font-size:15px; line-height:35px;} .wapnews ul li .wtxt{ width:75%;} .wapnews ul li .wtxt .nntitle{text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:17px; color:#333;} .wapnews ul li .wtxt .nntr{text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:22px; color:#999999; margin-top:5px;} .wapnews ul li:last-child{ padding-bottom:0px;} /*底部*/ .wfoot{ background:#00a2e6; margin:0 auto; padding-top:20px; padding-bottom:13px;} .wfoota{ width:95%; margin:0 auto;} .wapbanquan{ color:#95bbf3; background:#007ae9; padding:20px 15px;} .wapbanquan a.zzb07link{color:#95bbf3; font-size:13px;} .wapbanquan a.zzb07link:hover {color:#95bbf3} .wapbanquan .zzb07tail{color:#95bbf3;font-size:13px;} .wfoota .fadd{ /*padding-bottom:20px;*/ color:#fff; font-size:15px; line-height:28px;} .wfoota .dizhi1 a{ color:#fff;} .wfoota .dizhi1{ color:#fff; text-align:left} /*股票代码*/ .daima{ color:#00a4ec; font-size:22px; text-align:center} .fen ul li{ margin-top:35px; width:30%; text-align:center; margin-bottom:10px} .fen ul li .ftu{ margin:0 auto; background:rgba(69,178,208,1); width:65px; height:65px; border-radius:50px; border:3px solid #56d8fc; display: flex;justify-content: center; align-items: center;} .fen ul li .ftu img{ width:40px; display:flex; text-justify:center; text-align:center; margin:0 auto;} .fen ul li .fname{ color:#333; margin-top:10px; font-size:16px;} .fen ul li:nth-child(2) .ftu{background:#6867a9; border:3px solid #878acd; } .fen ul li:nth-child(3) .ftu{background:#d55a55; border:3px solid #fdbdbd; } .wvideo { background: url(/Html/images/vbg.jpg) no-repeat center; background-size:auto 100% } .wvideo .wdwap{ padding-top:50px; padding-bottom:40px; text-align:center; margin:0 auto} .wvideo img{ margin:0 auto; text-align:center} .wenzi{ width:85%; margin:0 auto; color:#fff; font-size:16px;/* letter-spacing:20px; */padding-bottom:30px;} /*品牌实力*/ .wapshili{ padding-top:0px!important} .tab1{width:95%; margin:0 auto; padding-bottom:10px;} .menu{} .menu ul{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; } .menu li:nth-child(2){ margin-left:3px; margin-right:3px;} .menu li{ display:inline-block;float:left;width:100%; text-align:center;overflow:hidden;transition: all 0.3s;} .menu li.off{ border-bottom:none; width:230%} .menudiv{} .menudiv div{} .tab1 .mmde:last-child{ margin-bottom:0px;} .tab1 .mmde{margin-bottom:0px; display: flex; /*flex-wrap: wrap;justify-content: space-between;*/ line-height:22px; font-size:14px; padding-bottom:10px; border-bottom:1px solid #ddd; padding-top:10px; } .tab1 .mmde .zzz{ color:#054595; margin-right:8px; font-size:20px;} .tab1 .mmde .zzb{} .tab1 .biankuang{ padding:15px; padding-top:5px;} .tab1 .stitle{ background:#00a2e7; color:#fff; font-size:16px; line-height:40px; text-align:center} .tab1 .simg{ overflow:hidden} .tab1 .simg img{ width:100%; height:90px; object-fit: cover;} /*内页*/ .nyyy{ height:150px;background-size:140% auto;} .nyjob{ height:150px;background-size:140% auto;} .nyabout{ height:150px;background-size:140% auto;} .nypro{ height:360px;background-size:240% auto;} .nynews{ height:150px;background-size:140% auto;} .nytz{ height:150px;background-size:140% auto;} .nycon{ height:150px;background-size:140% auto; } .cc1{ color:#FFFFFF; font-size:14px!important; font-weight:600; padding-top:5px; padding-bottom:5px;} .miaoshu{ font-size:14px; color:#616161; line-height:28px; margin-bottom:30px;} .miaoshu p{font-size:14px!important; color:#616161; line-height:28px; } .proxiang table td{ font-size:14px;line-height:25px;} .weizhi{ display:none; width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;font-size:15px; color:#0b0b0b} .nymenu{ display:none} .nymain{ width:95%;padding-bottom:20px; line-height:27px; padding-top:30px; font-size:14px; } /*内页联系威廉希尔官网地址*/ .ltitle a{ color:#003a8b;} .ltitle{ color:#003a8b; font-size:18px; margin-bottom:20px;} .lianxi2 ul{ display:block} .lianxi2 ul li{ width:92%;margin-right:0%;box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07); padding:4%; line-height:30px;} .lianxi1 ul{ display:block; margin-bottom:30px;} .lianxi1 ul li{ width:92%;margin-right:0%;padding:4%;} .lianxi1 ul li:nth-child(2){ margin-top:15px; margin-bottom:15px;} .lianxi1 ul li:nth-child(1){ width:92%!important} .lianxi1 ul li:nth-child(2){ width:92%!important} .ditu { margin-top:30px; margin-bottom: 30px; } /*order*/ .dingdan{ padding:20px;} .shuoming{ font-size:15px; padding-bottom:10px;} .ss {font-size: 15px;} .liuyan .contact_2_1{ width:100%; margin:0 auto} .contact_2_1 ul li{width:100%;} .contact_2_1 ul li:nth-child(5){width:100%;} .contact_2_1_mid{line-height:40px;} .teshuw{ width:95%} .contact_2_1_mid input{font-size:14px;} .contact_2_1_mid textarea{font-size:14px;} .tixing{padding-right:0px; line-height:40px;} .contact_2_1 ul li img{ height:40px!important;} .anniu {font-size:1em;} .anniu { margin-top:3em;} /*内页人才招聘*/ .job table tr td { font-size:12px!important;} .job table tr td p{ font-size:12px;} .job table tr td:nth-child(3){ width:60%!important;} .job table tr td:nth-child(4){ width:20%!important;} /*投资者关系调研*/ .touzi {line-height: 30px;font-size: 16px;} .touzi img{ max-width:100%!important; height:auto!important} /*企业风貌*/ .imglist ul li:nth-child(2n){ float:right} .imglist ul li{width:48%;/*height:180px;*/ margin:0%; margin-left:1%; margin-bottom:2%;} .imglist ul li ig{height:150px;} .fname{ font-size:14px;} /*公司声誉*/ #certify .swiper-container { padding-bottom: 40px; padding-top:10px; } #certify .swiper-slide { width: 240px; height:280px; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { font-size: 14px;} #certify .swiper-slide .htht{height:250px;} #certify .swiper-slide .htht img{max-width:90%;max-height:220px;} /*生长历程*/ .history .xxxx{padding-bottom:10px; } .history .xxxx .yuan{ width:10px; height:10px;margin-right:10px;margin-top:5px;} .history .xxxx .yuan::before {height: 54px; top: 13px;left: 2px;} .history .xxxx:last-child .yuan::before { display:none;} .history .xxxx:last-child {padding-bottom:0px!important;} /*项目案例*/ .profenlei{width:100%;/* background:#00469b; */margin-bottom:30px; border-bottom:2px solid #eaeaea; padding-bottom:40px;} .profenlei ul{/* padding:30px 40px; text-align:center;*/ font-size:14px; } .profenlei ul li a{font-size:14px;line-height:30px;} .profenlei ul li{ line-height:30px;width:48%; margin-right:0.5%; margin-left:0.5%;margin-top:1%;} .cuti_case{ margin-top:30px;font-size: 16px;line-height: 30px;} .shi1_case{ font-size:15px;} .line_case{ background:#d8d8d8; margin-top:20px; margin-bottom:20px; height:1px; width:100%} .case_fanye ul{ padding-top:20px;} .case_fanye ul{ display:block} .shi1{padding-bottom:10px;} .xxx table{ background:#fff; width:100%!important; /*border-collapse: collapse;*/ border-top:1px solid #ddd; border-right:1px solid #ddd;} .xxx table td{ padding:5px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } .xxx table td p{ margin-bottom:0px;} .xxx{ padding-top:0px; font-size:14px; line-height:27px; } .xxx p{ margin-bottom:10px;} .xxx img{ max-width:100%!important; height:auto!important; width:100%} .hui14{ border-bottom:5px solid #f1f1f1; padding-bottom:40px;} .pnpage{ padding-top:40px;} /*专利标准*/ .imglist1 ul li .hname{ height:46px; padding-bottom:10px; color:#555;text-overflow:ellipsis;/*凌驾...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;} .imglist1 ul li:nth-child(2n){ float:right} .imglist1 ul li{width:48%;margin:0%; margin-bottom:2%;} .imglist1 ul li img{max-height:150px;} .ztitle{ line-height:25px; font-size:16px; padding-top:5px; padding-bottom:5px;margin-bottom:20px;} .zgengduo{ line-height:35px; width:130px; margin-top:30px;} /*内页威廉希尔官网地址简介*/ .content1{font-size:14px; line-height:27px; } .content1 p{ margin-bottom:25px; text-indent:2em;} .content1 .atu{width:100%;margin-left: 0px;display: block; /*flex-wrap: wrap;*/ justify-content: space-between; margin-bottom:10px;} .content1 .atu img{display:block; width:100%;object-fit: cover; height:auto; margin-bottom:13px;} .content1 .atu img:nth-child(1){ margin-bottom:10px;} .content2 img{ width:100%} /* .content1{font-size:14px; line-height:27px; } .content1 p{ margin-bottom:25px; text-indent:2em;} .content1 .atu{width:100%;margin-left: 0px;display: flex; justify-content: space-between; margin-bottom:20px;} .content1 .atu img{display:block; width:49%;object-fit: cover; height:110px} .content1 .atu img:nth-child(1){ margin-bottom:0px;} .content2 img{ width:100%}*/ .content3{ height:30px;} .gsbt{ color:#00459a; font-size:20px; padding-top:30px; padding-bottom:30px;} .gmbg{ background:#f2f2f2; padding-top:70px; padding-bottom:70px;} .gmbg img{ margin:0 auto; display:flex; text-justify:center; text-align:center; max-width:90%; } .content5 { margin-top:30px; } .content5 .tuaa{ float:left; margin-right: 20px;} .content5 .conzz img{width:45%;} .content5 .conzz h2{ color:#00459a; font-size:15px;margin-bottom:20px;} .content5 .conzz{ font-size:14px; line-height:27px;} .content5 .conzz p{ margin-bottom:20px;} .content5 .btu{ width:100%; margin-top:30px; } .content5 .btu img{} .content5 .btu img:nth-child(1){ margin-bottom:20px;} .content5 .btu img{ display:block; width:100%;} .content5 .conzz_2 .btxt h2{ color:#00459a; font-size:15px; margin-bottom:20px;} .content5 .conzz_2{display: flex; width:100%; flex-wrap: wrap; flex-direction: column-reverse; } .content5 .conzz_2 .btxt{font-size:14px; line-height:27px; width:100%; margin-top:30px;} .content5 .conzz_2 .btxt p{ margin-bottom:20px;} /*应用服务*/ .ab12 ul{overflow:hidden; width:100%; } .ab12 ul li:nth-child(2n){ float:left} .ab12 ul li{ line-height:40px; margin-bottom:5px; width:94%; padding-left:5%; margin-bottom:15px;} .ab12 ul li a{ } .ab12 .line{height:40px;position:relative;} .yname{ font-size:16px;} .yingyong{ margin-bottom:20px;} .yingyong ul li {line-height:30px; width:48%;} .yingyong ul {margin-top:10px; margin-bottom:10px;} .cuti{font-size:16px; text-align:center; margin-bottom:0px; line-height:30px;} /*内页新闻*/ #ny_xinwen {} #ny_xinwen ul {} #ny_xinwen ul li:nth-child(1){ padding-top:0px;} #ny_xinwen ul li{padding-top:20px; padding-bottom:20px;} #ny_xinwen ul li .ntime{ width:18%; } #ny_xinwen ul li .ntime span {font-size: 30px;line-height: 45px;} #ny_xinwen ul li .newstxt{ width:55%;} #ny_xinwen ul li .newstxt_2{ width:78%; float:right;} #ny_xinwen ul li .newstxt h2{-webkit-line-clamp:2;font-size:15px;} #ny_xinwen ul li .newstxt .nmiao{ display:none;} #ny_xinwen ul li .newstxt em { font-size: 12px; line-height: 30px; margin-top:10px; color: #0065ad; height: 30px; width:85px; display:block; border: 1px solid #0065ad; font-style: normal; text-align: center; } #ny_xinwen ul li .ntupian{ width:22%; background:#E6E6E6;height:80px; display: flex;justify-content: center; align-items: center;} #ny_xinwen ul li .ntupian img{max-width:100%;max-height:80px; transition: all 0.8s; object-fit: cover;} #ny_xinwen ul li:hover img{transform: scale(1.1);} #ny_xinwen_da { width:1140px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #ny_xinwen_da h3 { font-size: 28px; line-height: 33px; color: #333; text-align: center; float: left; padding-bottom:20px; width:1140px; margin-top: 55px; font-weight: normal; } .xinwen_zz { font-size: 13px; line-height: 32px; color: #bbbbbb; float: left; height: 46px; width:1140px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e7e7e7; text-align: center; } /*内页产品中心*/ .ggmain2{ width:95%; padding-top:65px!important; } .ggmain{ width:95%; margin:0 auto; padding-top:85px; } .zxn3{width:100%;} .ba_con1 {background:rgba(255,255,255,0.5);padding:15px; } .htop{display: flex; /*flex-wrap: wrap;*/ justify-content: space-between; } .ba_con1 h2 { font-size: 17px; font-weight:bold;line-height: 30px;} .zxn3{width:100%;} .zxn3 ul{width:100%; /*text-align:center;*/ font-size:14px; margin-top:15px; } .zxn3 ul li{ float:left; line-height:30px;width:48%; margin-right:0.5%; text-align:center; margin-top:5px; position:relative;border:#0a519c solid 1px; background:#0a519c; color:#fff; display:block } .zxn3 ul li.active{ background:#00469a; color:#fff; border:1px solid #00469b} .zxn3 ul li:hover{ background:#00469a;color:#fff; border:1px solid #00469b } .zxn3 ul li:hover a,.zxn3 ul li.active a{color:#fff;} /*应用领域最终效果鼠标脱离后隐藏*/ .chanpinfenlei ul li { float:left; width:48%; margin-left:1%; margin-right:1%; margin-top:15px; height:30px;} .chanpinfenlei ul li .yiji{color:#fff; background:#00469b;cursor: pointer; font-size:14px; line-height:30px; text-align:center; height:30px; /*position:absolute; z-index:9; width:100%;*/ } .chanpinfenlei ul li .erji .erji_name{ color:#fff;background: #257fde;cursor: pointer;font-size:15px; line-height:38px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); } .chanpinfenlei ul li .erji {position:relative; z-index:1} .chanpinfenlei ul li .sanji{ background:#fff} .ba_con1{ height:500px;} .erji{ display: none; } .sanji{ display: none; } .sanji_bk{ padding:10px;} .sanji .lie{ text-align:left;display:inline-block; line-height:20px;font-size:13px; color:#0a519c;} .sanji .lie a{ font-size:13px; color:#0a519c;} .sanji .lie:last-child span{ display:none} .tbottom{ height:3.5rem;} #BottomNav { background-color:#fff; bottom: 0; height: 4.5em; left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 39; box-sizing:border-box; } #BottomNav ul li { float: left; box-sizing:border-box; text-align: center; width: 20%; padding-top:0.7em; } #BottomNav ul li a { color: #555; display: block; } #BottomNav ul li a div { font-size:14px; padding-bottom:0.7rem; padding-top:0.3em; } #BottomNav .a { background-image: url(/Html/images/shl-a3.png); } #BottomNav .b { background-image: url(/Html/images/shl-b3.png); } #BottomNav .c { background-image: url(/Html/images/shl-c3.png); } #BottomNav .d { background-image: url(/Html/images/shl-d3.png); } #BottomNav .e { background-image: url(/Html/images/shl-e3.png); } #BottomNav .f { background-image: url(/Html/images/shl-f3.png); } #BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem; background-size: auto 1.4em; } .m-header { height:70px; width: 100%; background: #ffffff; z-index:999999999 } .sousuo{/* background:url(/Html/images/wap_sea.png) no-repeat center;text-align: center; background-position: center center; background-size: auto 30px; height:45px;*/} .m-header.cur { position: absolute; } .ce-table .table-bot .item .i{ display: inline-block; vertical-align: middle; line-height: 1.5; } .m-header .w-header.fixed { width: 100%; position: fixed; top: 0; left: 0; background: #ffffff; } .m-header .w-header { position: relative; padding: 0 0px; padding-right: 0; width: 100%; box-sizing: border-box; z-index: 444444444444; height: 70px; /* box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);*/ background: #fff; } .glasslist-list .items .words .p span{ font-size: 150%; color:#0aadb1; } .m-header .welcome-a { float: left; /* width: 50%;*/ height: 100%; margin-top:0px; /* line-height: 48px; position: relative;*/ } .m-header .welcome-a img { max-height: 100%;top:0px; /* display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;*/ } .m-header .welcome-a h2{text-align: center; font-size: 12px; color: #00479d;} .m-header .search-cover { float: right; width: 50px; height: 48px; display: block; line-height: 48px; } .m-header .search-cover img { width: 100%; vertical-align: middle; } .m-header .uibox { float: right; height: 100%; border-left: 0px solid #e1e1e1;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;} .m-header .uio { float: right; height: 100%; width: 65px; border-left: 0px solid #e1e1e1; } .m-header .search-bg { position: fixed; left: 0; top: 48px; width: 100%; height: 150px; z-index: 10; background: #ffffff; display: none; } .m-header .subsearch { padding-right: 15px; border-right: 1px solid #d2d2d2; box-sizing: border-box; } .m-header .subsearch .sp { width: 35px; height: 35px; background-size: 80%; } .m-header .subsearch img { height: 100%; } .m-header .search-bg .m-close-search { display: block; width: 10px; height: 10px; background-size: 100% auto; position: fixed; right: 4%; top: 10px; cursor: pointer; z-index: 11; } .m-header .search-bg .m-search-box { width: 92%; margin: 0 auto; border-bottom: 1px solid #f2f2f2; position: absolute; left: 3%; top: 48px; height: 40px; z-index: 11; } .m-header .search-bg .m-search-box .tex { border: none; font-size: 14px; color: #a7a7a7; height: 41px; padding-left: 5px; box-sizing: border-box; width: 60%; background: none; } .m-header .search-bg .m-search-box .search-btn { border: none; width: 30px; height: 30px; background-size: 100%; margin-top: 6px; } .m-header .btn-na { margin-right: 15px; } .m-header .nav-btn { position: absolute; right: 21px; top: 50%; width: 22px; height: 17px; vertical-align: middle; cursor: pointer; margin-top: -8px; } .m-header .nav-btn .line { position: absolute; display: block; width: 100%; height: 2px; background-color: #333333; left: 0; border-radius: 4px; } .m-header .nav-btn .line1 { top: 0px; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .m-header .nav-btn .line2 { top: 7px; } .m-header .nav-btn .line3 { bottom: 0px; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .m-header .nav-btn.active { -webkit-animation: rotate 0.3s linear 0s; animation: rotate 0.3s linear 0s; } .m-header .nav-btn.hover .line { left: 6px; } .nav0 { position: relative; border-left: 1px solid #e1e1e1; cursor: pointer; } .nav0:hover .nav-btn .line { background: #059ea0; transition: .5s ease-in-out; } .nav0 .nav-btn { position: absolute; left: 0; top: 0; width: 20px; height: 12px; vertical-align: middle; cursor: pointer; bottom: 0; right: 0; margin: auto; } .nav0 .nav-btn .line { position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; transition: .5s ease-in-out; left: 0; border-radius: 4px; } .nav0 .nav-btn .line1 { top: 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .nav0 .nav-btn .line2 { top: 5px; } .nav0 .nav-btn .line3 { bottom: 0; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .nav0 .nav-btn.active { -webkit-animation: rotate 0.3s linear 0s; animation: rotate 0.3s linear 0s; } .nav0 .nav-btn.hover .line { left: 6px; } .m-header .sub-menu { width: 100%; height: 100%; padding: 14px 0 0; display: none; position: fixed; left: 0; top: 70px; background-color: white; z-index: 1999999990; color: #666; overflow-y: auto; } .m-header .sub-menu li .sub-tit { padding: 0 3%; box-sizing: border-box; } .m-header .sub-menu li .sub-tit .tu-box { padding: 13px 0; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; position: relative; } .m-header .sub-menu li .sub-tit .tu-box .imgbox { position: absolute; left: 0; top: 0; width: 20px; height: 20px; bottom: 0; margin: auto; } .m-header .sub-menu li .sub-tit.on .tu-box { border-bottom-color: transparent; } .m-header .sub-menu li a { display: block; } .m-header .sub-menu .tit { display: block; width: 100%; padding: 10px 3%; text-transform:uppercase; box-sizing: border-box; line-height: 33px; color: #666; position: relative; font-size: 15px; line-height: 20px; } .m-header .sub-menu .tit a { color: #666; } .menu-text { text-align: center; margin-top: 35px; } .menu-text .li { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #f2f2f2; line-height: 50px; margin: 0 15px; } .menu-text .li img { width: 23px; display: inline-block; } .case-ul.w1480 { line-height: 1; font-size: 1px; /*margin-top: -32px;*/ margin-bottom: 52px; } .headsearch-box { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 150; top: 0; left: 0; display: none; touch-action: none; } .headsearch-box input[type="text"] { text-align: center; color:#fff; position: absolute; width: 100%; left: 0; height: 100%; } .headsearch-box input[type="submit"] { position: absolute; text-indent: -9999px; right: 0; top: 0; bottom: 0; margin: auto; height: 35px; width: 35px; background: url(/Html/images/ser-black.png) no-repeat center; } .headsearch-box input { border: none; background: none; outline: none; } .headsearch-box .x-box .x-o { position: absolute; right: 0; top: 20%; cursor: pointer; } .headsearch-box .x-box { /*height:960px;*/ width: 1200px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .headsearch-box .x-p { text-align: center; width: 1200px; margin: 0 auto; height: 110px; line-height: 110px; border-bottom: 1px solid #606060; font-size: 24px; color: #606060; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .m-header .sub-menu .tit1 { display: block; width: 100%; text-transform:uppercase; line-height: 33px; color: #666; position: relative; font-size: 15px; line-height: 18px; box-sizing: border-box; } .m-header .sub-menu .sub-tit.on.on .btn-v { background: url(/Html/images/img6a.png) center center no-repeat; background-size: 100%; } .m-header .sub-menu .btn-v { display: inline-block; height: 20px; width: 20px; float: right; margin-right: 16px; margin-top: 0; background: url(/Html/images/img5a.png) center center no-repeat; background-size: 100%; } .m-header .sub-menu .sub-tit1.on { background-color: #ff0001; color: #fff; } .m-header .sub-menu .sub-tit.on:after { background-size: 100% auto; } .m-header .sub-menu .sec-list { line-height: 28px; padding: 1px 4%; display: none; background: #f2f2f2; } .m-header .sub-menu .sec-list p { height: 43px; background: url(/Html/images/dian.png) no-repeat left center; background-size: auto; background-size: 3px auto; font-size: 14px; line-height: 43px; font-size: 13px; border-top: 1px solid #e8e8e8; box-sizing: border-box; } .m-header .sub-menu .sec-list p:nth-child(1) { border-top: none; } .header2 .sub-menu .sec-list p { } .m-header .sub-menu .sec-list a { text-transform:uppercase; padding-left: 10px; color: #888; display: block; } .bocweb-header.ff { background: #ffffff; } .imgd { position: relative; } .imgd img { display: block; vertical-align: middle; } .imgd .i1, .imgd .i2 { position: absolute; top: 0; left: 0; opacity: 0; } .nav-pro { position: relative; } .search-close.show { transform: scale(1); z-index: 3; } .header-search-wrap .submit { position: absolute; top: 0; right: 0; z-index: 5; width: 36px; height: 43px; background: url(/Html/images/ser-black.png) no-repeat center; border: none; box-sizing: border-box; } .hide1, .hide1.header.active { transform: scale(0) !important; opacity: 0; transition: .6s ease-in-out; transition-duration: .5s; } .search-close { position: absolute; z-index: -1; display: block; right: -1.5rem; top: 50%; margin-top: -12px; width: 24px; height: 24px; background:url(/Html/images/close2.png) no-repeat center; background-size: 24px !important; cursor: pointer; transition-duration: .5s; transform: scale(0); } .header-search-wrap { position: absolute; z-index: 10; left: 50%; top: 10px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; width: 600px; height: 44px; margin-left: -300px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #666; line-height: 44px; transition: all 0.5s; /*background: #fff;*/ padding-right: 50px; } .header-search-wrap .submit { position: absolute; top: 0; right: 0; z-index: 5; width: 36px; height: 43px; background: url(/Html/images/ser-black.png) no-repeat center; border: none; box-sizing: border-box; } .header-search-wrap .ser-input { width: 100%; height: 43px; position: relative; border: none; background: none; box-sizing: border-box; text-indent: 20px; } .header { width: 100%; color: #4c4c4c; top: 0; left: 0; height: 70px; background: #ffffff; transition: .5s ease-in-out; line-height: 70px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header .nav-btn .line { background: #353535; } .header.active { color: #fff; position: fixed; background: transparent; } .header.active .nav0 { border-left: 1px solid rgba(255, 255, 255, 0.1); } .header.active a { color: #ffffff; } .header.active .icon-sousuo { border-left: 1px solid rgba(255, 255, 255, 0.1); } .header.active .bocweb-logo .i0 { opacity: 1; } .header.active .bocweb-logo .i1 { opacity: 0; } .header.active .navleft-ul .li .imgd .i0 { opacity: 1; } .header.active .navleft-ul .li .imgd .i1, .header.active .navleft-ul .li .imgd .i2 { opacity: 0; } .header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 { opacity: 0; } .header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 { opacity: 0; } .header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 { opacity: 1; } .header a { color: #4c4c4c; } .header .bocweb-logo { width: 165px; height: 70px; position: relative; margin-right: 60px; } .header .bocweb-logo img { position: absolute; top: 0; bottom: 0; margin: auto; } .header .bocweb-logo .i0 { opacity: 0; } .header .bocweb-logo .i1 { opacity: 1; } .header .bocweb-navleft { padding-left:0px; box-sizing: border-box; } .header .navleft-ul .li { float: left; padding-left: 30px; box-sizing: border-box; position: relative; } .header .navleft-ul .li:nth-child(n+2) { margin-left: 40px; } .header .navleft-ul .li .imgd .i2 { opacity: 1; } .header .navleft-ul .li .imgd .i0 { opacity: 0; } .header .navleft-ul .li:hover, .header .navleft-ul .li.active { color: #059ea0; transition: .5s ease-in-out; } .header .navleft-ul .li:hover span, .header .navleft-ul .li.active span { color: #059ea0; transition: .5s ease-in-out; } .header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img { transition: .5s ease-in-out; } .header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 { opacity: 0; } .header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 { opacity: 0; } .header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 { opacity: 1; } .header .navleft-ul .li .imgd { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; } .header .navleft-ul .li.li2 .imgd { top: 4px; } .header .navleft-ul .li .imgd img { transition: .5s ease-in-out; } .header .bocweb-nav .nav-li { float: left; } .header .bocweb-nav .nav-li .li-top { transition: .5s ease-in-out; } .header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top { color: #059ea0; transition: .5s ease-in-out; } .header .bocweb-nav .nav-li:nth-child(n+2) { margin-left: 95px; } .header .bocweb-nav .nav0 { width: 80px; height: 70px; } .header.fixed { position: fixed; top: 0; width: 100%; left: 0; transition: .5s ease-in-out; } .headsearch-box .x-box { width: 90%; } .headsearch-box .x-p { width: 100%; } .mbox { display: block!important; } .maintain-tip .img { width: 160px; } .icon-sousuo { width: 40px; } }