/*public*/ /* public */ @charset "utf-8"; html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; } img {} ul,li,dl,dd,dt { list-style-type: none; } i,em,cite { font-style: normal; } body { -webkit-tap-highlight-color: rgba(0,0,0,0); /* 解决点击链接时候在安卓系统下出现蓝色框 */ -webkit-text-size-adjust: none;/*苹果移动设备上会识别,用于保证文字大小*/} a{ text-decoration: none; } .clear,.cle {clear:both;} html{font-size: 62.5%;} /* end_public */ /*public*/ /*ea_h*/ /*logo*/ .logo{text-align: center;} .logo img{ margin-top: 0.26875rem; width: 5.14rem; /* height: 0.5625rem; */} /*end_logo*/ /*h_top*/ .h_top{background: #161616;position: relative;height: 1.5rem;line-height: 1.5rem} .h_dao{position: absolute;left: 3%;top: 27%;width: 0.71875rem;height: 0.53125rem;background: no-repeat;z-index: 99;background-size:100%;} /*end_h_top*/ /*ea_h*/ /*ea_n*/ /*xn_mn_1_wrap*/ #ea_n{overflow:visible !important;} .xn_mn_1_wrap{display: none;position: absolute;left: 0;top: 0;z-index: 99;width: 60%;min-width: 3.125rem;background: #161616; /* background: -moz-linear-gradient(bottom, #161616 0%, #161616 100%); gradient overlay */ /*background: -o-linear-gradient(bottom, #161616 0%, #161616 100%); gradient overlay */ /*background: -webkit-linear-gradient(bottom, #161616 0%, #161616 100%); gradient overlay */ /*background: linear-gradient(bottom, #161616 0%, #161616 100%); gradient overlay */ } .xn_mn_1_wrap ul { width: 100%; } .xn_mn_1_wrap ul li { width: 100%; height:1.5rem; border-bottom: 1px solid #2d2d2d; } .xn_mn_1_wrap ul li a { display: block; height: 1.5rem; line-height:1.5rem; text-align: left; padding-left: 35%; color: #fff !important; font-size:0.4375rem; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-transform:uppercase; } .nav_home_curr,.nav_one_curr{background: #cf2222;} .xn_mn_1_wrap ul li a:hover { -moz-box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ -webkit-box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ background: -moz-linear-gradient(bottom, #cf2222 0%, #cf2222 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #cf2222 0%, #cf2222 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #cf2222 0%, #cf2222 100%); /* gradient overlay */ background: linear-gradient(bottom, #cf2222 0%, #cf2222 100%); /* gradient overlay */ color:#fff; } /*导航当前焦点*/ .nav_cur, .nav_cur a{ -moz-box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ -webkit-box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ box-shadow: inset 1px 0.03125rem 0.046875rem rgba(0,0,0,.3); /* inner shadow */ background: -moz-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -o-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: -webkit-linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ background: linear-gradient(bottom, #3591d3 0%, #014f87 100%); /* gradient overlay */ color:#fff; } /*导航线*/ .nav_line{ width:0rem; background: #ccc; border-right:0rem solid #000;} #typecli_n0 a{background: no-repeat;background-position: 10%} #typecli_n2 a{background: no-repeat;background-position: 10%} #typecli_n3 a{background: no-repeat;background-position: 10%} #typecli_n8 a{background: no-repeat;background-position: 10%} #typecli_n1 a{background: no-repeat;background-position: 10%} #typecli_n7 a{background: no-repeat;background-position: 10%} /*end_xn_mn_1_wrap*/ /*ea_n*/ /*ea_ba*/ /*xn_index_mba_1_wrap*/ .xn_index_mba_1_wrap{position:relative; overflow:hidden;background: #f3f3f2; } .xn_index_mba_1_main{width:100%;margin:0 auto;overflow: hidden;} .xn_index_mba_1_ul{overflow: hidden;position: relative;} .xn_index_mba_1_li{float: left;background:#fff;} .xn_index_mba_1_li img{width: 100%; margin-bottom: -0.046875rem;} .xn_index_mba_1_lights{width:100%;position:absolute; bottom:0.15625rem;text-align:center;} .xn_index_mba_1_lights span{display:inline-block; height:0.09375rem;width:0.546875rem; background-color:#fff; margin:0 0.078125rem;cursor: pointer;} .xn_index_mba_1_lightscurr{background:#007d5e !important;} /*end_xn_index_mba_1_wrap*/ /*ea_ba*/ /*ea_c*/ /*xn_mc_index_6_wrap*/ .xn_mc_index_6_wrap{width: 100%;height: auto;overflow: hidden;position: relative;} .xn_mc_index_6_wrap ul{overflow: hidden;} .xn_mc_index_6_wrap ul li{width: 33.33%;height: 3.109375rem;float: left;box-sizing:border-box;} .xn_mc_index_6_wrap ul li a{display: block;padding: 40% 0 0 10%;color: #b4b3b8;font-size: 0.3375rem;} .xn_mc_index_6_wrap #typecli_n2 a{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n2 a:hover{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n3 a{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n3 a:hover{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n8 a{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n8 a:hover{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n1 a{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n1 a:hover{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n7 a{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap #typecli_n7 a:hover{background: no-repeat;background-position: 10% 10%;background-size: 25%;} .xn_mc_index_6_wrap .c_nav_one_curr{background: #007d5e !important;} .xn_mc_index_6_wrap .c_nav_one_curr a,.xn_mc_index_6_wrap .c_nav_one_curr a p{color: #fff;} .xn_mc_index_6_wrap ul li a p{font-size: 0.375rem;color: #929292;padding: 0.078125rem 0 10% 0;} .xn_mc_index_6_wrap #typecli_n0,.xn_mc_index_6_wrap #typecli_n4,.xn_mc_index_6_wrap #typecli_n25,.xn_mc_index_6_wrap #typecli_n14,.xn_mc_index_6_wrap #typecli_n26,.xn_mc_index_6_wrap #typecli_n27,.xn_mc_index_6_wrap #typecli_n28{} .xn_mc_index_6_wrap #typecli_n0 a{font-size:0rem;background:none;padding:0rem;} .xn_mc_index_6_wrap #typecli_n0{background: url(/uploads/image/mipublic/cgage1ppps-ayogqaab1botl420604.jpg) no-repeat;background-size:100% 100%;} .xn_mc_index_6_wrap #index_6_pic_1{background: url(/uploads/image/mipublic/cgage1ppptcat6-baacvt_l3jvi564.jpg) no-repeat;background-size:100% 100%;} .xn_mc_index_6_wrap #index_6_pic_2{background: url(/uploads/image/mipublic/cgage1ppptgayfzbaaduwxcwb4m517.jpg) no-repeat;width:66.66%;background-size:100% 100%;} .xn_mc_index_6_wrap #typecli_n2,.xn_mc_index_6_wrap #typecli_n1{background:#f1f1f1;} /*end_xn_mc_index_6_wrap*/ /*ea_c*/ /*ea_b*/ /*xn_mb_1_wrap*/ span.xn_brand { display: none !important; } .xn_mb_1_wrap{min-height: 2.75rem;line-height: 1.25rem;background: #f8f8f8;border-top: 0.03125rem solid #fff;} .xn_mb_1_copy{font-size: 0.8em;line-height: 1.0125rem; color: #707171; width: 74%; padding-left: 3%; text-overflow: ellipsis; /*溢出省略号,支持ie、safari(webkit)*/ -o-text-overflow: ellipsis; /*溢出省略号,支持opera*/ overflow: hidden;/*溢出隐藏*/ -moz-binding: ;/*溢出省略号,支持firefox*/} span.xn_brand {display: none !important;} /*end_xn_mb_1_wrap*/ /*ea_b*/ /*ea_bg*/ /*ea_bg*/ /*ea_sh*/ /*ea_sh*/ /*ea_mu*/ /*xn_mu_1_wrap*/ .xn_mu_1_wrap{width: 100%; color:#fff; height:1.5rem; background: #161616;position: fixed;bottom: 0;} .xn_mu_1_wrap ul {width:100%;height:100%;margin:auto;} .xn_mu_1_wrap ul li {float: left;font-size:0.21875rem;width:33%;text-align:center;} .xn_mu_1_wrap ul li:hover{background: #cf2222;} .xn_mu_1_wrap a{display: block;border-right: 1px solid #3d3d3d;} .xn_mu_1_li5{width:15%;} .xn_mu_1_li6{background:none } .xn_mu_1_line{width:1px !important; height:0.625rem; margin:0 !important; padding:0 !important; background: #690000; border-right:1px solid #ff0000;} .xn_mu_1_bottom_bq1,.xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq3,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq5,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq7,.xn_mu_1_bottom_bq8,.xn_mu_1_bottom_bq9,.xn_mu_1_bottom_bq10{display: block; color: #fff;font-size: 0.375rem;line-height: 0.5625rem;padding-bottom: 0.125rem;} .xn_mu_1_bottom_bq2,.xn_mu_1_bottom_bq4,.xn_mu_1_bottom_bq6,.xn_mu_1_bottom_bq8{ display:none;} .icon-phone{background: no-repeat center;font-size: 0 !important;background-size: 40%;} .icon-bubbles{background: url(/uploads/image/mipublic/cgage1ppkgoatnb9aaanya5der4269.png) no-repeat center;font-size: 0 !important;background-size: 40%;} .icon-location{background: no-repeat center;font-size: 0 !important;background-size: 40%;} .icon-phone{background: no-repeat center;font-size: 0 !important;background-size: 35%;} .icon-bubbles{background: url(/uploads/image/mipublic/cgage1ppkgoatnb9aaanya5der4269.png) no-repeat center;font-size: 0 !important;background-size: 35%;} .icon-location{background: no-repeat center;font-size: 0 !important;background-size: 35%;} /*图标生成样式*/ @font-face { font-family: 'icomoon'; src:; src: format('embedded-opentype'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-envelope, .icon-phone, .icon-screen, .icon-location, .icon-bubbles, .icon-cog,.icon-share,.icon-pencil{ font-family: 'icomoon'; speak: none; font-size: 0.4375rem; color: #fff; margin-right:0.078125rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:0.64375rem; -webkit-font-smoothing: antialiased; display:block; padding-top:0.1125rem; padding-bottom:0.15625rem; } .icon-undo,.icon-home{ font-family: 'icomoon'; speak: none; font-size:0.25rem; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height:0.0625rem; -webkit-font-smoothing: antialiased; display:block; padding-top:0.15625rem; padding-bottom:0.15625rem; text-align:center; color:#29658f; } .icon-cog{padding-top:0.234375rem;float:left;} .icon-pencil{ padding-left:0.125rem;} /*首页*/ .icon-home:before { content: "\e001"; color:#29658f; } /*返回*/ .icon-undo:before { content: "\e003"; color:#29658f; } /*邮箱*/ .xn_mu_1_li4{display: none;} .icon-envelope:before { content: "\e000"; } /*电话*/ .icon-phone:before { content: "\e004"; } /*电脑*/ .icon-screen:before { content: "\e002"; } /*地图标记*/ .icon-location:before { content: "\e006"; } .icon-bubbles:before { content: "\e005"; } /*设计*/ .icon-cog:before { content: "\e007"; color: #000; font-size:1em; } /*分享*/ .icon-share:before { content: "\e008"; } /*留言*/ .xn_mu_1_li5{display: none;} .icon-pencil:before { content: "\e009"; } /*end_xn_mu_1_wrap*/ .weixin{display:none;} .weixin img {position: fixed; top: 40%; width: 6rem; margin-top: -3rem; left: 50%; margin-left: -3rem; z-index: 6; } img.guanbi { width: 1rem; margin-top: 3.5rem; margin-left: -0.5rem; } .zhezhao {display:none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.51); z-index: 2; top: 0; } /*ea_mu*/