.f16{font-size:16px;} .spic li p{line-height:35px;} /*li img{width:100%;}*/ /*h3,h4{line-height:1.5em;} h3{font-size:1.468rem;}*/ .nav{padding-top:8px} .-m25{margin-top:-25px} .-m35{margin-top:-35px} .mbt{margin-bottom:15px;} .noSee{display:none;} #allmap {height: 500px;width:100%;overflow: hidden;} .sub{vertical-align: super; font-size: 10px;} .BottomTxt{ display:inline-block; position: absolute; bottom: 0px; margin: 0px } #two-nav{width:100%;border-bottom:0px solid #d9d9d9;z-index:2;opacity:1;background-color:#f3f3f5; -moz-box-shadow:0px 0px 0px 0px #cecece; box-shadow:0px 0px 0px 0px #cecece; } #two-nav ul{margin:0 auto;} #two-nav ul li{width:auto;} #two-nav a:link{font-size:1.2879rem;color:#686868;height:4rem;line-height:4rem;margin-top:-16px;} #two-nav a:visited{font-weight:bold;} #two-nav a:hover{color:red;font-weight:bold;} #two-nav a:active{color:#999;} #two-nav .small-text a:link{font-size:0.95rem;color:#686868;height:2rem;line-height:2rem;} #two-nav .small-text a:visited{font-size:0.95rem;} #two-nav .small-text a:hover{font-size:0.95rem;} #two-nav .small-text a:active{font-size:0.95rem} #two-nav .small-text .now{color:red;font-weight:bold;} .border_pp{border-color:#d8d8da;} .newscon p{font-size:1.1287em;line-height:2em;} .newscon img { display: block; margin: 0 auto; padding: 0; max-width: 100%; } .s{margin:0 auto;width:170px;height:100px;} .service li.s1{background: url(../images/w1.png) no-repeat;background-position:top center;} .service li.s1:hover{background: url(../images/w1_b.png) no-repeat;background-position:top center;} .service li.s2{background: url(../images/w2.png) no-repeat;background-position:top center;} .service li.s2:hover{background: url(../images/w2_b.png) no-repeat;background-position:top center;} .service li.s3{background: url(../images/w3.png) no-repeat;background-position:top center;} .service li.s3:hover{background: url(../images/w3_b.png) no-repeat;background-position:top center;} .service li.s4{background: url(../images/w4.png) no-repeat;background-position:top center;} .service li.s4:hover{background: url(../images/w4_b.png) no-repeat;background-position:top center;} #good .text-white,a.text-white:link,#good a.text-white:visited{color:#fff;} #good li h3{font-size:1.168rem;margin-top:0px;margin-bottom:10px;height:45px;line-height:45px;} #good li p{margin:15px;} @media (max-width:640px){ .s{margin:0 auto;width:0;height:0;} .service li.s1,.service li.s2,.service li.s3,.service li.s4{background: none;} .service li.s1:hover,.service li.s2:hover,.service li.s3:hover,.service li.s4:hover{background:none;} .service p{font-size:10px} } @media (max-width:759px){ nav .nav-inline li{float:left;width:50%;text-align:center} .nav .drop-menu{display:none;} .padding-large-top{padding-top:10px} .margin-large-top{marin-top:10px} .margin-top{margin-top:0px;} .height-big{line-height:18px;} /*007 2019-10-25 change*/ } @media (max-width:999px) and (min-width:760px){.logo .img2{display:none} } @media (min-width:760px){ nav .nav-inline{margin:26px -10px 0;text-align:right} nav .nav-inline li a{padding:5px 7px;font-size:0.8rem;} } @media (min-width:1000px){ nav .nav-inline{margin:23px -13px 0;font-size:1pc} nav .nav-inline li a{padding:5px 13px;font-size:1rem;} #good li{float:left;height:auto;} } @media (min-width:1200px){ /*顶部导航菜单自定义*/ nav .nav-inline{margin:23px -21px 0;font-size:1.2rem;} nav .nav-inline li a{padding:0px 16px;font-size:1.2rem;} nav .nav-inline li a:hover{color:#004ea2;} nav .nav-inline .drop-menu li{padding:0px;margin:0;height:2.1rem;line-height:2.1rem;font-size:1.05rem;} nav .nav-inline .drop-menu li a{padding:0px;margin:0;height:2.1rem;line-height:2.1rem;font-size:1.05rem;} /*顶部导航菜单自定义*/ .nav-sub a:hover{font-size:1rem;color:#fff;font-weight:bold;} #good li{float:left;height:150px;height:auto!important;} #two-nav ul{width:100%;margin:0 auto;} } .about,.area,.news,.product,.service,.solution{font-size:1.04rem;} .news li p{font-size:0.8rem;} .logo img{float:left} @media (max-width:759px){ .logo img{width:auto;margin-top:0px;} .logo img.img2{display:none;} .text-large{font-size:1rem;} p{font-size:0.875em;} #index h1{font-size:1.3883em;padding:5px 0 0 0;font-weight:bold;} #index h2{font-size:1.2612em;padding:5px 0 0 0;font-weight:bold;} #index h3{font-size:1.1612em;padding:1px 0 0 0;font-weight:bold;line-height:1.2612em;} #index h4{font-size:1.0012em;padding:1px 0 0 0;font-weight:bold;line-height:1.2412em;height:1.2412em;} .margin-big{margin:0.875em;} .padding-big{padding:0.875em;} .margin-big-top{margin-top:10px;padding-top: 20px;}.margin-big-bottom{margin-bottom:10px;} .margin-large-top{margin-top:8px;}.margin-large-top{margin-bottom:8px;}. .padding-big-top{padding-top:10px;}.padding-big-bottom{padding-bottom:10px;} .padding-large-top{padding-bottom:8px;}.padding-large-bottom{padding-bottom:8px;} } @media (min-width:760px){ .logo img{margin-top:0px;} .logo img.img2{margin-top:7px;} /*#index p{font-size:0.875em;}*/ #index h1{font-size:2.5883em;padding:5px 0 0 0;font-weight:bold;} /*#index h2{font-size:2.1612em;padding:5px 0 0 0;font-weight:bold;}*/ #index h2{font-size:2.1612em;padding:30px 0 0 0;font-weight:bold;} /*#index h3{font-size:1.2612em;padding:2px 0 0 0;font-weight:bold;}*/ } .button-group .drop-menu{background:#FFF;} .button-group .drop-menu li{line-height:1rem} .icon-navicon{margin-top:20px;} .nav-menu li{font-weight:bold;} nav .drop-menu{background-color:hsla(0,0%,100%,.9)} nav .menu-product{position:absolute;left:0;width:100%;background-color:hsla(0,0%,100%,.9);z-index:10000;display:none;overflow-y:hidden} nav .menu-product .container{padding:28px 0 0} nav .menu-product .container li{padding-bottom:33px} nav .menu-product .container h3{padding-bottom:1pc} nav .menu-product .container h3 a{font-size:18px;line-height:24px;font-weight:100;color:#d40000;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease} nav .menu-product .container h3 a:hover{color:#ef011c;font-size:20px} nav .menu-product .container img{margin:0 auto;padding:0;} nav .menu-product .container h5,nav .menu-product .container img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)} nav .menu-product .container h5{font-size:1pc;color:#656565;font-weight:100;padding:4px 0 1pc} nav .menu-product .container a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)} nav .menu-product .container a:hover h5{color:#ef011c} nav .menu-product a.menu-more{font-size:1pc} /*#index h3{font-size:1.3612em;padding:0px;font-weight:bold;}*/ #index .news h4{font-size:1rem;margin:0;padding:0;font-weight:bold;} #index .v-box{position: relative} #index .v-box video{position: relative;width:100%;} #index .v-box .v-r{position:absolute;top:0;right:0;height:99%;width:100%;background-color:rgba(35,45,51,.75);} #index .v-box .v-r h3{color:#da251d;font-size:2.4286em} #index .v-box .v-r h4{font-size:1.57143em;padding:4px 0 10px;border-bottom:3px solid #da251d;margin-bottom:14px} #index .v-box .v-r p{line-height:28px} @media (min-width:450px){ #index .v-box .v-r{padding:92px 34px 34px;} } @media (min-width:760px){ #index .v-box .v-r p{font-size:1pc} #index .v-box .v-r{width:48.5%;max-width:436px} } .bg{background:#f7f7f7;} .bg_w{background:#fff;} .bg_g{background:#f2f2f2;} .bg_gray{background:#ebebeb;} .bg_g7{background:#d7d7d7;} .bg_gray2{background:#5c6064;} .bg_gray3{background:#f4f2ef;} .bg_gray4{background:#e9e9e9;} .bg_t1{background:#004d9f;} .bg_r{background:#c59e17;} .bg_re{background:#c70707;} .bg_b{background:#004ea2;} .bg_about{background:#004ea2;} .bg_fz_bt{background:#afafaf;} .bg_case{ background-image: url(../images/bg_case1.jpg); background-repeat: no-repeat; background-position: center;} .bg_blueA{background:#005bac;} .bg_blueB{background:#305dc4;} .bg_blueC{background:#4a5eda;} .bg_bt{background:#f4f7f9;} .bg_line{height:21px; background-image: url(../images/line.png); background-repeat: no-repeat; background-position: center;} /*专题背景*/ .bg_zt1{background: url(../images/bg_1.jpg) no-repeat;background-position:top center;} .bg_zt2{background: url(../images/bg_2.jpg) no-repeat;background-position:top center;} .bg_hc1{background: url(../images/bg-1.png) no-repeat;background-position:top center;} .bg_hc2{background: url(../images/bg-2.png) no-repeat;background-position:top center;} .bg_hc3{background: url(../images/bg-3.png) no-repeat;background-position:top center;} /*雷蒙磨专题*/ .bg_lmm_1{background: url(../images/bg_lmm_1.jpg) no-repeat;background-position:top center;background-size:100%;} .bg_lmm_2{background: url(../images/bg_lmm_2.jpg) no-repeat;background-position:top center;background-size:100%;} .bg_lmm_3{background: url(../images/bg_lmm_3.jpg) repeat-x;background-position:top right;background-size:container;} .bg_lmm_4{background: url(../images/bg_lmm_4.jpg) no-repeat;background-position:top center;background-size:100%;} .bg_lmm_5{background: url(../images/bg_lmm_5.jpg) no-repeat;background-position:bottom right;background-size:100%;} .bg_hc{background: url(../images/bg_hc.jpg) no-repeat;background-position:top center;} .bg_date{background:url(../images/bg_date.png) no-repeat;background-position:top center;background-size:contain; } .bg_da{width:50px;height:50px;background:#004ea2;padding:10px 0;display:inline-block;vertical-align:top;text-align:center;} .bg_shm_red{background: url(../images/bg_xstm.gif) no-repeat;background-position:top center;} /*粉煤灰*/ .bg_fmh_1{background: url(../images/bg_fmh1.png) no-repeat;background-position:top center;background-size:100%;} .bg_fmh_2{background: url(../images/bg_fmh2.png) no-repeat;background-position:top center;background-size:100%;} .bg_fmh_mo{background: url(../images/bg_fmh_mo.png) no-repeat;background-position:top center cover;background-size:100%;} .bg_fmh_gy{background: url(../images/bg_fmh_gy.png) no-repeat;background-position:top center cover;background-size:100%;} .bg_mf_1{background: url(../images/bg_mf1.jpg) no-repeat;background-position:top center;background-size:100%;} /*矿渣*/ .bg_kz_1{background: url(../images/kz_bg_01.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_kz_2{background: url(../images/kz_bg_02.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_kz_3{background: url(../images/kz_bg_03.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_kz_4{background: url(../images/kz_bg_04.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_kz_5{background: url(../images/kz_bg_05.jpg) repeat-y;background-position:top center;background-size:100%;} /*石油焦*/ .bg_syj_1{background: url(../images/bg_syj_01.jpg) repeat-y;background-position:top left;background-size:100%;} .bg_syj_2{background: url(../images/bg_syj_02.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_syj_3{background: url(../images/bg_syj_03.jpg) no-repeat;background-position:top center;background-size:100%;} .bg_syj_4{background: url(../images/bg_syj_04.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_syj_5{background: url(../images/bg_syj_05.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_syj_c1{background:#c18d50;} .bg_syj_c2{background:#080505;} .f_color{color:#c18d50;} /*重晶石*/ .bg_zjs_1{background: url(../images/bg_zjs.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_zjs_2{background: url(../images/bg_zjs_01.png) repeat-y;background-position:top center;background-size:100%;} .bg_zjs_3{background: url(../images/bg_zjs_02.png) no-repeat;background-position:top right;background-size:container;} .bg_zjs_4{background: url(../images/bg_zjs_03.png) no-repeat;background-position:top center;background-size:40%;} .bg_zjs_5{background: url(../images/bg_zjs_04.png) no-repeat;background-position:bottom right;background-size:100%;} .bg_zjs_6{background: url(../images/bg_zjs_05.png) no-repeat;background-position:bottom right;background-size:100%;} /*石英石*/ .bg_sys_1{background: url(../images/bg_sys_01.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_sys_2{background: url(../images/bg_sys_02.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_sys_3{background: url(../images/bg_sys_03.png) repeat-y;background-position:top center;background-size:100%;} .bg_sys_4{background: url(../images/bg_sys_04.png) no-repeat;background-position:top center;background-size:100%;} .bg_sys_5{background: url(../images/bg_sys_05.png) no-repeat;background-position:top center;background-size:100%;} /*品牌专题*/ .bg_pp_1{background: url(../images/bg_pp_1.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_pp_2{background: url(../images/bg_pp_2.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_pp_3{background: url(../images/bg_pp_3.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_pp_4{background: url(../images/bg_pp_4.jpg) repeat-y;background-position:top center;background-size:100%;} .bg_pp_5{background: url(../images/bg_pp_5.jpg) repeat-y;background-position:bottom right;background-size:100%;} .bg_pp_jj{background: url(../images/bg_pp_jj.png) no-repeat;background-position:top center;background-size:100%;} /*石灰石专题*/ .bg_shs_1{background: url(../images/bg_shs_01.png) no-repeat;background-position:top center;background-size:100%;} .bg_shs_2{background: url(../images/bg_shs_02.png) no-repeat;background-position:top center;background-size:100%;} .bg_shs_2_sj{background: url(../images/bg_shs_02_sj.png) repeat-y;background-position:top center;background-size:100%;} /*磨粉机SEO页*/ .bg_mofenji_seo{background: url(../images/pro_banner.jpg) no-repeat;background-position:top center;background-size:100%;} .bg_pp_fz_gray{background: url(../images/bg_hongcheng_01.png) no-repeat;background-position:top center;background-size:100%;} .bg_pp_fz_red{background: url(../images/bg_hongcheng_02.png) no-repeat;background-position:top center;background-size:100%;} @media(min-width:760px){ .bg_pp_fz_li li{background: url(../images/bg_hongcheng_03.png) no-repeat;background-position:top left;background-size:contain;padding-left:1em;} .bg_pp_fz_li li.first{background: url(../images/bg_hongcheng_03_a.png) no-repeat;background-position:top left;background-size:contain;padding-left:1em;} } @media(max-width:759px){ ul.bg_pp_fz_li li{list-style-position: inside;list-style:square;line-height:1.5em;margin-left:1em;padding-bottom:0.3em;margin-bottom:0.3em;} .bg_pp_fz_li li.first{list-style-position: inside;list-style:square;} } @media(min-width:300px){.bg_zjs_5,.bg_zjs_6{background:#fff;}} @media(min-width:760px){.bg_zjs_5,.bg_zjs_6{background:#fff;}} @media(min-width:1000px){ .bg_zjs_5{background: url(../images/bg_zjs_04.png) no-repeat;background-position:bottom right;background-size:100%;} .bg_zjs_6{background: url(../images/bg_zjs_05.png) no-repeat;background-position:bottom right;background-size:100%;} } .z_color{color:#2264db;} .box-shadow-m{ box-shadow:-2px 0 13px -1px rgba(0, 0, 0, 0.1), 0 -2px 15px -1px rgba(0, 0, 0, 0.1), 0 25px 25px -1px rgba(0, 0, 0, 0.1), 2px 0 3px -1px rgba(0, 0, 0, 0.1); } .box-shadow-rb{ box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0),/*上边阴影*/ 0px 0px 0px 0px rgba(0, 0, 0, 0),/*左边阴影*/ 0 25px 25px -1px rgba(0, 0, 0, 0.1),/*右边阴影*/ 0px 0px 0px 0px rgba(0, 0, 0, 0.1);/*下边阴影*/ } .date{background-color:#f4f4f4;color:#555555;padding:0.3em;} .date .d{font-weibht:bold;line-height:32px;margin:0;padding:0;font-size:1.8286rem;} .date .m{background-color:#f4f4f4;font-size:0.5rem;margin:0;padding:0;} .text-g{color:#666} .text-gray2{color:5c6064} .text-b{color:#49494b} .text-t{color:#595959} .text-blueA{color:#004ea2;} .num{font-family: Arial;} /*roll*/ #roll{position:relative;} #roll img{float:left;} #roll .tit{bottom:0px;HEIGHT:32px;LINE-HEIGHT:32px;} .doc-radius div{width:27px;height:27px;font-family: Arial;padding:2px 0;display:inline-block; vertical-align:top; text-align:center;} nav .nav-menu .drop-menu{z-index:10000} .pageNav { width:99%;HEIGHT: auto;CLEAR: both; PADDING-LEFT: 20px; FONT-SIZE: 14px; MARGIN: 18px 0px; LINE-HEIGHT:30px;FONT-FAMILY: Arial, Helvetica, sans-serif; } .pageNav A { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px; } .pageNav STRONG { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px } .pageNav SPAN { PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px } .pageNav A { BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px } .pageNav SPAN { BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 20px } .pageNav A.f12 { FONT-SIZE: 12px } .pageNav STRONG.f12 { FONT-SIZE: 12px } .pageNav SPAN { FONT-SIZE: 12px } .pageNav A:hover { TEXT-DECORATION: none } .pageNav STRONG { LINE-HEIGHT: 24px; HEIGHT: 22px } .pageNav .mor { FLOAT:right;BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px } .pageNav .na { COLOR: #dbe1e6 } .pageNav .close { BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px; } .pageNav .close:before{content:"";} .pageNav .count { BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px } .pageNav .selfpage { BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px;color:white;background:red; } footer li{line-height:22px;} .menu-p dt{ margin:0;height:28px;line-height:28px;} .menu-p dd{ margin:0;height:22px;line-height:22px;} .menu-p dd a:link{color:#656565} .hover-shadow { overflow:hidden; position: relative; top: 0; transition: all 0.2s linear; } .hover-shadow:hover { top: -4px; box-shadow: 0 15px 30px #e5e5e5; transition: translate3d(0, -2px, 0); } .hover-shadow img{ transition: all 0.2s linear; } .hover-shadow:hover img{ opacity: 1; -webkit-transform: scale3d(1.25,1.25,1); transform: scale3d(1.05,1.05,1); } .hover-shadow .hover-text { position: relative; width:170px;margin:0 auto; top: -50px; transition: all 0.25s linear; } .hover-shadow:hover .hover-text { top: 0; width:170px;margin:0 auto; opacity: 0.8; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .hover-shadow .hover-content { position: relative; margin:0 auto; top: -50px; transition: all 0.25s linear; } .hover-shadow:hover .hover-content { top: 0; margin:0 auto; opacity: 0.8; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .btn { transition:background 1s; } .btn:hover { background:red; color:white; } .Anli li .imgBox{position:relative} .Anli li .textBox{ position:absolute; bottom:0; display:block; width:100%; height:33px; overflow:hidden; margin:0 auto; line-height:33px; background:rgba(0,78,162,0.6); filter:alpha(opacity=60); transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;/* Firefox 4 */ -webkit-transition:all .5s ease-in-out;/* Safari and Chrome */ -o-transition:all .5s ease-in-out;/* Opera */ } .Anli li:hover .textBox{ left:0; bottom:0; width: 100%; height: 100%;/*设置子盒子继承父盒子的100%高度*/ position: absolute; padding-top:25px; background:rgba(0,78,162,0.8); filter:alpha(opacity=80); } .Anli .go{ left:0; bottom:0; width: 100%; height: 100%;/*设置子盒子继承父盒子的100%高度*/ line-height: 100%; position: absolute; padding-top:25px; background:rgba(0,78,162,0.8); filter:alpha(opacity=80); } #index .v{margin-top:15px;position:relative} #index .v .b-bg{background-position:center;background-repeat:no-repeat;-webkit-transition:all .3s ease;transition:all .3s ease;height:552px;position:relative;overflow: hidden;display: none} #index .v .v-box video{position: relative} #AnliSel .normal{background:#d7f7f7;color:#000;font-weight:normal;} #AnliSel .normal a:link{color:#000;font-weight:normal;} #AnliSel .normal a:hover{color:#000;font-weight:normal;} #AnliSel .normal a:active{color:#000;font-weight:normal;} #AnliSel .normal a:visited{color:#000;font-weight:normal;} #AnliSel .now{background:#004ea2;color:#fff;font-weight:bold;} #AnliSel .now a:link{color:#000;font-weight:normal;} #AnliSel .now a:hover{color:#fff;font-weight:normal;} #AnliSel .now a:active{color:#000;font-weight:normal;} #AnliSel .now a:visited{color:#fff;font-weight:normal;} /*页右边新闻选择*/ #NewsSel .normal{background:#d7f7f7;color:#000;font-weight:normal;} #NewsSel .normal a:link{color:#000;font-weight:normal;} #NewsSel .normal a:hover{color:#000;font-weight:normal;} #NewsSel .normal a:active{color:#000;font-weight:normal;} #NewsSel .normal a:visited{color:#000;font-weight:normal;} #NewsSel .now{background:#004ea2;color:#fff;font-weight:bold;} #NewsSel .now a:link{color:#000;font-weight:normal;} #NewsSel .now a:hover{color:#fff;font-weight:normal;} #NewsSel .now a:active{color:#000;font-weight:normal;} #NewsSel .now a:visited{color:#fff;font-weight:normal;} /*页右边在线窗口*/ #zixun { z-index:1000000; position:fixed; right:-105px; top:355px; width:165px; height:61px; background:url(../images/onliner.png) no-repeat; overflow:hidden; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;/* Firefox 4 */ -webkit-transition:all .5s ease-in-out;/* Safari and Chrome */ -o-transition:all .5s ease-in-out;/* Opera */ } #zixun p { position:relative; font-family:microsoft yahei; float:right; width:115px; height:61px; line-height:61px; font-size:24px; font-weight:bold; text-align:center; color:#fff; } #zixun a{color:#fff;} #zixun:hover { right:0px; } #Tel { z-index:1000001; position:fixed; right:-165px; top:416px; width:225px; height:61px; background:url(../images/onlinet.png) no-repeat; overflow:hidden; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;/* Firefox 4 */ -webkit-transition:all .5s ease-in-out;/* Safari and Chrome */ -o-transition:all .5s ease-in-out;/* Opera */ } #Tel:hover { right:0px; } #Ma { z-index:1000002; position:fixed; right:0px; top:477px; width:60px; height:61px; background:url(../images/onlinem.png) no-repeat; } #Ma .MaP { position:fixed; opacity: 0; right:0px; top:477px; width:192px; height:134px; background:url(../images/weixin.png) no-repeat; overflow:hidden; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;/* Firefox 4 */ -webkit-transition:all .5s ease-in-out;/* Safari and Chrome */ -o-transition:all .5s ease-in-out;/* Opera */ } #Ma .MaP:hover { opacity: 1; right:0px; top:477px; } /*抖音*/ #Douyin { z-index:1000004; position:fixed; right:-165px; top:538px; width:225px; height:61px; background:url(../images/o_douyin.png) no-repeat; overflow:hidden; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;/* Firefox 4 */ -webkit-transition:all .5s ease-in-out;/* Safari and Chrome */ -o-transition:all .5s ease-in-out;/* Opera */ } #Douyin:hover { right:0px; } #Back { z-index:1000003; position:fixed; right:0px; top:599px; width:60px; height:61px; background:url(../images/onlineb.png) no-repeat; } /*页右边在线窗口*/ .tansuangai .x12{width:98%;} .line-big .x12{width:100%} @media(min-width:300px){ #nbox p img{display:block;width:100%;max-width:100%;height:auto} #caseBox p img{display:block;align:center;width:100%;max-width:100%;height:auto} .xy-move{ transform:translate(0rem,0rem); -webkit-transform:translate(0rem,0rem); /*兼容-webkit-引擎浏览器*/ -moz-transform:translate(0rem,0rem); /*兼容-moz-引擎浏览器*/ } } @media(min-width:760px){ #nbox p img{display:block;width:100%;max-width:100%;height:auto} #caseBox p img{display:block;align:center;width:100%;max-width:100%;height:auto} .xy-move{ transform:translate(0rem,-2rem); -webkit-transform:translate(0rem,-2rem); /*兼容-webkit-引擎浏览器*/ -moz-transform:translate(0rem,-2rem); /*兼容-moz-引擎浏览器*/ } } @media(min-width:1000px){ #nbox p img{display:block;width:80%;max-width:80%;height:auto} #caseBox p img{display:block;align:center;width:95%;max-width:95%;height:auto} .xy-move{ transform:translate(0rem,-1rem); -webkit-transform:translate(0rem,-1rem); /*兼容-webkit-引擎浏览器*/ -moz-transform:translate(0rem,-1rem); /*兼容-moz-引擎浏览器*/ } } @media(min-width:1200px){ #nbox p img{display:block;max-width:60%;height:auto} #caseBox p img{display:block;align:center;width:95%;max-width:95%;height:auto} .xy-move{ -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; } .xy-move:hover{ -webkit-transform: translate(0,-1em); -moz-transform: translate(0,-1em); -o-transform: translate(0,-1em); -ms-transform: translate(0,-1em); transform: translate(0,-1em); } } /* mouse hover box move Up */ .moveUp{padding: 50px 0;color:#555555; } .moveUp h3{font-size: 1rem; color: #27b04c;text-align: center;padding-top:25px;line-height: 30px;} .moveUp ul li{ float: left; margin-top: 30px; transform: translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); -moz-transform: translate(0); transition: ease .6s; -webkit-transition: ease .6s; -moz-transition:ease .6s; -o-transition:ease .6s; } .moveUp ul li:hover{ transform: translate(0, -1rem); -webkit-transform: translate(0, -1rem); -ms-transform: translate(0, -1rem); -o-transform: translate(0, -1rem); -moz-transform: translate(0, -1rem); transition: ease .2s .1s; -webkit-transition: ease .2s .1s; -moz-transition: ease .2s .1s; -o-transition: ease .2s .1s;} .require_focus{ height:100px; width:100%; background:#f4f7f9; padding:5px;border:solid 0px #ddd;display:block;border-radius:8px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.075) inset;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; } /*图片遮罩效果css*/ .demo{padding: 2em 0;} :root{ --color_1: #fff; --main-color: #1dd1a1; } .box{ font-family: 'Niramit', sans-serif; text-align: center; position: relative; overflow: hidden; } .box:before, .box:after, .box-content:before, .box-content:after{ content: ''; /**/background: linear-gradient(transparent 10%,rgba(1, 77, 129, 0.95)); /*background:#000; background:rgba(1, 77, 129, 0.75);*/ height: 100%; width: 25%; transform: translateY(-100%); position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.3s; } .box:hover:before, .box:hover:after, .box:hover .box-content:before, .box:hover .box-content:after{ transform: translateY(0); } .box:after{ left: 25%; } .box .box-content:before{ left: 50%; } .box .box-content:after{ left: 75%; } .box:hover:before{ transition-delay: 0.225s; } .box:hover:after{ transition-delay: 0.075s; } .box:hover .box-content:before{ transition-delay: 0.15s; } .box:hover .box-content:after{ transition-delay: 0s; } .box img{ width: 100%; height: auto; transition: all 0.3s ease 0s; } .box:hover img{ /*filter: opacity(20%);filter:opacity(50%);filter: blur(10px);*/filter:opacity(50%);} .box .box-content{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.2s; } .content{ width: 100%; padding: 7px 0; opacity: 0; position: absolute; left: 0; bottom: -30px; z-index: 2; transition: all 0.3s ease 0.1s; } .box:hover .content{ opacity: 1; bottom: 5px; } .box .title{ color:#fff; font-size: 1.4879em; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; margin: 0; padding-bottom:1em; } .box .post{ color: #fff; font-size: 16px; text-transform: capitalize; letter-spacing: 1px; margin-bottom: 10px; display: block; } .box .icon{ padding: 0; margin: 0; list-style: none; transform: translateX(-50%); position: absolute; top: 15px; right: -10px; z-index: 2; transition: all 0.5s ease 0.3s; } .box .icon li{ opacity: 0; transform: scale(0) rotate(360deg); transition: all 400ms; } .box:hover .icon li{ opacity: 1; transform: scale(1) rotate(0); } .box .icon li a{ color: var(--color_1); background-color: var(--main-color); font-size: 20px; line-height: 40px; height: 40px; width: 40px; margin-bottom: 10px; border-radius: 50%; display: block; position: relative; transition: all 0.3s; } .box .icon li a:hover{ text-decoration: none; color: var(--main-color); background-color: var(--color_1); border-radius: 0 20px 0 20px; } @media only screen and (max-width:990px){ .box{ margin-bottom: 30px; } } @media only screen and (max-width:479px){ .box .title{ font-size: 20px; } }