body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} table { border-collapse: collapse; border-spacing: 0;} audio, canvas, video { display: inline-block; *display: inline; *zoom: 1;} fieldset, img { border: 0;} address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;} ol, ul { list-style: none;} caption, th { text-align: left;} h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} q:before, q:after { content: '';} abbr, acronym { border: 0; font-variant: normal;} sup { vertical-align: text-top;} sub { vertical-align: text-bottom;} input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;} input, textarea, select { *font-size: 100%;} body { line-height: 1;} a { text-decoration: none; color: #646464; cursor: pointer;} a:hover{ color: #e60000;} a:visited { color: none;} i { font-style: normal;} :focus { outline: 0;} .f-l{ float: left;} .f-r{ float: right;} .B{font-weight:bold;} .text-C{text-align: center;} .hide { display: none;} img { vertical-align: top;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {zoom:1;} html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0) ;} html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100px; overflow-y: scroll; -webkit-tap-highlight-color: transparent; min-width: 320px; height: 100%; overflow-x: hidden ;} body {font-size:100%; font-size: 14px\9;font-size: 0.14rem; background:#fff; color: #646464;font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;} .container { width:100%;max-width:1290px\9;max-width: 12.9rem; margin: 0 auto; overflow: hidden;} /*头部*/ .header_top{width:100%;height:40px\9;height:.4rem;background: #e0e0e0;} .header_top .content {width: 100%; max-width:1290px\9;max-width:12.90rem; margin:0px auto;height:40px\9;height: 0.4rem;line-height: 40px\9; line-height: .4rem;} .header_top .top1{float:left;} .header_top .top1 ul {float: left;} .header_top .top1 li {display: inline-block; padding-right: 8px;} .header_top .top1 li i {color: #b2b2b2; font-size: 1.5em;transition: all 0.5s ease-in-out;} .header_top .top1 li i:hover{color: #e60000; padding-left: 10px;} .header_top .top1 .email { float: left; height:30px\9; height:0.3rem; padding-left: 0.1rem; color: #b2b2b2; margin-top: 0.05rem; border-left: 1px solid #b2b2b2; line-height: 30px\9; line-height: 0.3rem;} .header_top .top1 .email .iconfont{font-size: 1.7em;transition:all .5s ease-in-out;} .header_top .top1 .email .iconfont:hover{color: #e60000; padding-left: 10px;} .header_top .top1 .email a {text-decoration: underline; color: #b2b2b2;} .header_top .content p {float: right; height:40px\9;height:0.4rem;line-height:40px\9;line-height:0.4rem;font-size: 12px\9;font-size: 0.12rem; color: #b2b2b2;overflow: hidden;text-align: right;margin-right:10px\9;margin-right:0.1rem;} .header {position:relative;width:100%; max-width:1290px;height:160px\9;height:1.6rem;margin:0px auto;/*overflow:hidden;*/padding:20px 0px\9;padding:.2rem 0px;} .header .logo { float: left;width:12%;} .header .logo img{height:auto;} .header .nav{float: left;width:80%;font-size:25px\9;font-size:0.25rem;line-height:160px\9;line-height:1.6rem;text-align: center;} .header .nav ul{text-align: center;} .header .nav ul li{display:inline-block;margin:0px 35px\9;margin:0px 0.35rem;} .header .nav ul li a{transition: all 0.5s ease-in-out;} .header .nav ul li a:hover{padding-left:10px;} .search{position:absolute;right:-50px\9;right:-0.5rem;bottom:40px\9;bottom:0.4rem;width:13%;color:#fff;} .search input[type="text"] { background: url(../images/search_icon.png) no-repeat 15px 8px #aaa; width:70px; padding: 16px 15px 16px 35px; line-height:46px\9; line-height:0.46rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color:#fff; text-align:center; border:none; font: bold 12px Arial,Helvetica,Sans-serif; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;} .search input[type="text"]:focus { background: url(../images/search_icon.png) no-repeat 15px 8px #aaa; width: 150px; outline:0;} .search .sub { position:absolute; left:0px; top:0px; cursor: pointer; background: none; width: 40px; height: 100%; border: none;} @media screen and (min-width: 320px) and (max-width: 1024px) { .header_top .content p {float: right;width:40%;font-size: 0.12rem; color: #8a9c67;display: none ;} .header {height:1.4rem;} .header .logo img{width:auto;height:0.6rem;padding-left:0.1rem;} .header .nav{float: left;width:100%;font-size:0.25rem;line-height:0.5rem;text-align: center;} .header .nav ul{text-align: center;} .header .nav ul li{display:inline-block;margin:0px 0.08rem;} .search{right:1.2rem;bottom:0.65rem;width:13%;} .search input[type="text"] { background-size: 25% 50%; width:70px; padding: 10px 15px 10px 35px; line-height:0.26rem;} .search input[type="text"]:focus { background-size: 18% 50%; width: 100px; outline:0;} } /*轮播*/ .am-slider-img{width:100%;/*height:160px;*/overflow:hidden;background:#fff;} .am-slider-img img{width:auto;height:auto;} .am-slider-default .am-control-nav {bottom: 10px;} /*轮播图控制点*/ .am-slider-default{margin: 0 0 0px;}/*轮播图*/ .am-slider-a4{margin-bottom:0px;} .am-slider-a4 .am-control-nav{bottom:20px\9;bottom:0.2rem;} .am-slider-a5 .am-control-nav{display:none;} /* 隐藏数字*/ .am-slider-a5 { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0);} .am-slider-a4 .am-control-nav li a { width: 15px\9; width: 0.15rem; height: 15px\9; height: 0.15rem; background-color: rgba(118, 121, 145, 0.8);} .am-slider-a4 .am-control-nav li a.am-active { background-color: #fff; cursor: default;} .am-slider-a4 .am-control-nav li { margin: 0 2px; display: inline-block;} @media screen and (min-width: 320px) and (max-width: 414px) { .am-slider-img img{width:100%;height:auto;} } /*模块标题*/ .module_title{font-size:50px\9;font-size:0.5rem;text-align:center;font-weight:100;padding:60px\9 0px;padding:0.6rem 0px;} .module_title strong{font-weight: bold;} /*产品*/ .product{} .product ul{width:1320px\9;width:13.2rem;} .product ul li{position:relative;float:left;width:300px\9;width:3rem;height:300px\9;height:3rem;margin:10px 30px 10px 0\9;margin:0.1rem 0.3rem 0.1rem 0;} .product ul li img{width:100%;height:100%;} .product ul li .name{position: absolute;left:0px;bottom:20px\9;bottom:0.2rem;width:100%;text-align:center;} .product ul li{transition: all 0.5s ease-in-out;} .product ul li:hover{transform: translateY(5px);} @media screen and (min-width: 320px) and (max-width: 1024px) { .product ul{width:100%;} .product ul li{float:left;width:49%;height:3.2rem;margin:0rem 0rem 0.1rem 0;} .product ul li:nth-child(even){margin-left:2%;} .product ul li img{width:100%;height:auto;} .product ul li a{display:table-cell;vertical-align: middle;height:3.2rem;} } /*视频*/ .vedio{width:100%;overflow:hidden;margin-top:80px\9;margin-top:0.8rem;} .vedio .left{float:left;width:50%;height:500px\9;height:5rem;text-align: center;border:#646464 0px solid;overflow:hidden;} .vedio .right_text{float:left;width:50%;height:500px\9;height:5rem;padding:110px 60px\9;padding:1.1rem 0.6rem;background: #646464;border-top-right-radius:2px;border-bottom-right-radius:2px;} .vedio .right_text p{color:#fff;width:80%;margin:0px auto;font-size:22px\9;font-size:0.22rem;line-height:30px\9;line-height:0.3rem;} @media screen and (min-width: 320px) and (max-width: 1024px) { .vedio .left{float:none;width:96%;height:auto;margin:0px auto;} .vedio .right_text{float:none;width:96%;height:auto;margin:0px auto;padding:0.6rem 0.2rem 0.6rem 0.3rem;border-bottom-left-radius:4px;border-right-bottom-radius:4px;border-top-right-radius:0px;} .vedio .right_text p{width:100%;} } /*why*/ .why{width:100%;overflow:hidden;} .why ul{width:1320px\9;width:13.2rem;overflow: hidden;} .why ul li{position:relative;width:410px\9;width:4.1rem;height:600px\9;height:6rem;float:left;margin-right:30px\9;margin-right:0.3rem;border-radius: 4px\9;border-radius: 0.04rem;padding-top:70px\9;padding-top:0.7rem;} .why ul li.bg01{background:#a0d3ff;} .why ul li.bg02{background:#ffc9c9;} .why ul li.bg03{background:#c5e093;} .why ul li h4{width:83%;margin:0px auto;font-size:30px\9;font-size:0.3rem;margin-bottom:20px\9;margin-bottom:0.2rem;} .why ul li p{width:83%;margin:0px auto;font-size:22px\9;font-size:0.22rem;line-height:32px\9;line-height:0.32rem;} .why ul li .icon{position:absolute;bottom:10%;left:0;width:100%;text-align: center;color:#fff;} .why ul li .iconfont{font-size:60px\9;font-size:0.6rem;} @media screen and (min-width: 320px) and (max-width: 1024px) { .why ul{width:100%;} .why ul li{float:none;width:96%;height:3.5rem;margin:0px auto;margin-bottom:0.1rem;} .why ul li:last-child{width:96%;margin:0px auto;} .why ul li .icon{bottom:6%;left:0;} } /*联系我们*/ .contact{width:100%;height:1000px\9;height:10rem;background: url(../images/map_bg.jpg) no-repeat center center;overflow:hidden;font-size:26px\9;font-size:0.26rem;} .contact .content{width:100%;max-width:1290px\9;max-width:12.90rem;margin:0px auto;overflow:hidden;} .contact .content .form{float:left;width:50%;height:600px\9;height:6rem;overflow: hidden;background: #fff;padding-top:50px\9;padding-top:0.5rem;} .contact .content .form ul{width:80%;margin:0 auto;} .contact .content .form ul li{margin:15px 0\9;margin:0.15rem 0;text-align: right;} .contact .content .form ul li span{display:inline-block;} .contact .content .form ul li textarea,.contact .content .form ul li input{border:#aaa 1px solid;padding:10px 0\9;padding:0.1rem 0;transition: all 0.5s ease-in-out;border-radius: 4px;} .contact .content .form ul li textarea:hover,.contact .content .form ul li input:hover{border:#e60000 1px solid;} .contact .content .tele{float:left;width:50%;height:600px\9;height:6rem;background: #a0d3ff;padding-top:50px\9;padding-top:0.5rem;} .contact .content .tele p,.contact .content .tele ul{width:60%;margin:0 auto;} .contact .content .tele p{line-height:36px\9;line-height:0.36rem;} .contact .content .tele ul{margin-top:120px\9;margin-top:1.2rem;} .contact .content .tele ul li{margin:10px 0\9;margin:0.10rem 0;line-height:45px\9;line-height:0.45rem;} .contact .content .tele ul li img{padding-right:10px\9;padding-right:0.1rem;transition: all 0.5s ease-in-out;} .contact .content .tele ul li img:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);} .contact_btn{display:inline-block;padding:15px 70px\9;padding:0.15rem 0.7rem;border-radius:4px\9;border-radius:0.04rem;border:1px solid transparent;background: #c5e093;margin-top:10px\9;margin-top:0.1rem;transition: all 0.5s ease-in-out;} .contact_btn:hover{background: #afc783;} @media screen and (min-width: 320px) and (max-width: 1024px) { .contact{height:auto;padding-bottom:0.5rem;} .contact .content .form ul{width:85%;margin:0 auto;} .contact .content .form{float:none;width:96%;height:auto;margin:0 auto;overflow: hidden;padding:0.3rem 0;} .contact .content .tele{float:none;width:96%;height:auto;margin:0 auto;padding-top:0.5rem;} .contact .content .tele ul{margin-top:0.5rem;padding-bottom:0.5rem;} .contact .content .tele ul li img{width:30px;padding-right:0.1rem;} } /*销售*/ .sale{width:100%;height:500px\9;height:5rem;background: #646464;margin-top:90px\9;margin-top:0.9rem;overflow: hidden;} .sale .content{width:100%;max-width:1290px\9;max-width:12.90rem;margin:0px auto;} .sale .title{float:left;width:25%;height:500px\9;height:5rem;line-height:500px\9;line-height:5rem;font-size:50px\9;font-size:0.5rem;color:#fff;font-weight:200;text-align: center;} .sale .title strong{font-weight:bold;} .sale .product{float:left;width:75%;} .sale .product ul{margin-top:100px\9;margin-top:1rem;} .sale .product ul a li{transition: all 0.5s ease-in-out;} .sale .product ul a li:hover{transform: translateY(5px);} .sale .product ul li{float:left;width:300px\9;width:3rem;height:300px\9;height:3rem;margin:0 10px\9;margin:0 0.1rem;} .sale .product ul li img{width:100%;height:100%;} @media screen and (min-width: 320px) and (max-width: 1024px) { .sale{height:auto;padding-bottom:0.8rem;} .sale .title{width:100%;height:1rem;line-height:1rem;text-align: center;} .sale .product{float:left;width:100%;} .sale .product ul{text-align: center;margin-top:0.4rem;} .sale .product ul li{float:none;width:32%;height:auto;display:inline-block;margin:0 0rem;} } /*底部*/ .footer{width:100%;background: #646464;color:#fff;overflow: hidden;} .footer a{color:#fff;} .footer a:hover{color:#e60000;} .footer .content{width:100%;max-width:1290px\9;max-width:12.90rem;margin:0px auto;padding:100px 0px\9;padding:1rem 0px;} .footer .content ul li{float:left;width:25%;font-size:20px\9;font-size:0.2rem;} .footer .content ul li h4{font-size:25px\9;font-size:0.25rem;margin-bottom:40px\9;margin-bottom:0.4rem;} .footer .content ul li .text p{line-height:30px;line-height:0.3rem;} .footer .content ul li .intro img,.footer .content ul li .intro span{display:block;float:left;} .footer .content ul li .intro img{width:40%;} .footer .content ul li .intro span{width:55%;line-height:24px\9;line-height:0.24rem;margin-left:2%;} .footer .content ul li .nav ul li{float:none;margin:10px 0\9;margin:0.1rem 0;width:100%;} .footer .content ul li .icon img{transition: all 0.5s ease-in-out;} .footer .content ul li .icon img:hover{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);} .footer .more{margin-top:35px\9;margin-top:0.35rem;} .footer .more a{color:#e2ffab;} .footer .more a:hover{color:#fff;} .footer_line{width:100%;height:58px\9;height:0.58rem;background: #484848;} .footer_line .box{width:100%;max-width:1290px\9;max-width:12.90rem;margin:0px auto;line-height: 58px\9;line-height: 0.58rem;} .footer_line p{float:left;} .footer_line .icon{float:right;} .footer_line .icon li {display: inline-block; padding-right: 8px;} .footer_line .icon li i {color: #fff; font-size: 1.5em;transition: all 0.5s ease-in-out;} .footer_line .icon li i:hover{color: #e60000; padding-left: 10px;} @media screen and (min-width: 320px) and (max-width: 1024px) { .footer .content{padding:0.6rem 0px;} .footer .content ul li:first-child{width:24%;margin-left:1%;} .footer .content ul li .intro span{width:55%;line-height:0.24rem;margin-left:2%;font-size:0.10rem;} .footer .content ul li .intro img,.footer .content ul li .intro span{display:block;float:none;} .footer .content ul li .nav ul li img{width:20px;} .footer_line p{width:100%;text-align: center;font-size:.1rem;} .footer_line .icon{display: none;} } /*===============内容页==============*/ .topBanner{width:100%;height:400px;overflow:hidden;} .topBanner .content{width:1920px;height:400px;display:block; position:absolute; left:50%; margin-left:-960px;} @media screen and (min-width: 320px) and (max-width: 640px) { .topBanner{height:auto;} .topBanner .content{position:inherit;width:100%;height:auto;left:0;margin-left:0;} .topBanner .content img{width:100%;height:auto;} } #about{ width:100%; overflow:hidden; background:#fff;} .about{ width:100%; height:70px/9;height:0.7rem; border-bottom:2px solid #e6e6e6; margin-top:50px;} .about_left{ float:left; width:250px; padding-bottom:50px; height:660px; background:url(../images/bjz.jpg) no-repeat right; background-color:#fafafa;} .about_right{ float:right; width:825px; padding-bottom:80px; overflow:hidden;} .abf_top{ height:70px; background:#296EDA; line-height:70px; padding-left:10px; color:#fff; font-size:24px; border-bottom:1px solid #737373;} /*内容页左边分类*/ .subNavBox{width:100%;background: #296EDA;} .subNav{border-bottom:solid 1px #737373;cursor:pointer;font-weight:bold;font-size:16px;color:#fff;line-height:45px;padding-left:10px;background:url(../images/jiantou1.png) no-repeat;background-position:95% 50%;} .subNav:hover{color:#ccc;} .currentDd{color:#ccc;} .currentDt{background-image:url(../images/jiantou.png);} .navContent{display: none;border-bottom:solid 1px #737373;} .navContent li a{display:block;width:100%;heighr:28px;text-align:left;text-indent:25px;font-size:14px;line-height:28px;color:#fff;} .navContent li a:hover{color:#fff;background-color:#7d7d7d;} /*左边product*/ .abp{ margin-top:20px; overflow:hidden;} .abp li,.abp ul{ padding:10px 0px; width:250px; clear:both;} .abp li .img{ float:left; width:100px; border:1px solid #eee;transition: all 0.5s ease-in-out;} .abp li .img:hover{transform: translateY(5px);} .abp li .img img{ display:block; width:100%; height:100%;} .abp li .content{ float:right; width:140px;} .abp li .content .title{ padding:0px 0px 5px;} .abp li .content .title a:hover,.product li .title a:hover,.abt1 li .title a:hover,.box2_left dd .heading a:hover,.su .bd li .title a:hover,.new1_left li a:hover,.cs_con li .title a:hover,.lrt_con li .title a:hover,.lft1 li a:hover,.blief dl dd .dd_top a:hover,.bm1 li a:hover,.news li a:hover,.bief dt a:hover,.pro2 li .title a:hover,.bm11 dd a:hover{color:#e60000;} .blief dl dd .dd_top a:hover,.nav li a:hover,.bief dt a:hover{ text-decoration:none;} .abp li .content .title a{ color:#000; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .abp li .content p{ line-height:117%; max-height:70px; overflow:hidden;} .abp li .content p a{ font-size:13px; font-family:Arial, Helvetica, sans-serif;} .about_left .lft1 dt a,.about_left .lft1 dd a{ color:#333;} .about_left .lft1 dt:hover{ background:#8DD255;} .about_left .lft1 dt:hover a{ color:#fff;} .ab{ width:1100px; margin:0px auto;} .abm_top{ width:100%; height:30px; line-height:30px; padding-left:10px; font-size:18px; color:#fff;background:#646464;} .abr_top{ width:99%; height:70px; line-height:70px;} .abr_top p{ float:left; color:#000; font-size:24px; text-transform:uppercase;} .abr_top .abr1{ float:right; font-size:12px;} .abr_top .abr1 a{font-size:12px;} .abr_top .abr1 a:hover{ color:#296EDA;} .abr{ line-height:160%; padding:20px 0px 50px;overflow:hidden;} .abr h1{font-size:24px;text-align: center;margin-bottom:15px;} .abr img{max-width:100%;} .abr p{margin:10px 0;} a.pro_list{display: none;} .ab_title{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #ddd;} .ab_title p{ font-size:24px/9;font-size:.24rem; color:#000; float:left;} .ab_title a.more{ display:block; float:right; text-decoration:underline; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* 右边产品列表*/ .abt1{overflow: hidden;} .abt1 ul{width:950px;padding:15px 0px;} .abt1 li{ float:left; width:227px;margin-right:10px;margin-bottom:10px;} .abt1 li .img{ padding:5px; border:1px solid #eee; width:100%; overflow:hidden;} .abt1 li img{ display:block; width:100%; height:215px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;} .abt1 li .img:hover img{ transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);} .abt1 li .title{ padding:15px 0px 10px; line-height:18px;} .abt1 li .title a{font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .abt1 li .content{ line-height:150%; height:60px; overflow: hidden;} .abt1 li .content a{ font-family:Arial, Helvetica, sans-serif;} /*页码*/ .am-pagination-default{font-size:12px;float: right;} .am-pagination{margin:20px 70px 15px;} .am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus { z-index: 2; color: #fff; background-color: #646464; border-color: #646464; cursor: default;} .pages .jump{float:right;margin:20px 0px 0px 10px;} .pages .jump input{width:40px;height:27px;border:1px solid #E5E5E5;text-align: center;outline: 0;} .pages .jump input:focus{border:#646464 1px solid;} .pages .jump button{height:27px;border:1px solid #ddd;background-color:#fff;padding:3px 10px;outline: 0;} .pages .jump button:hover{background:#646464;color:#fff;border: 1px solid #646464;} /*右边产品推荐*/ .abt2{overflow: hidden;margin-top:30px;} .abt2 ul{width:950px;padding:15px 0px;} .abt2 li{ float:left; width:180px;margin-right:10px;margin-bottom:10px;} .abt2 li .img{ padding:5px; border:1px solid #eee; width:100%; overflow:hidden;} .abt2 li img{ display:block; width:100%; height:170px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;} .abt2 li .img:hover img{ transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);} .abt2 li .title{ padding:15px 0px 10px; line-height:18px;} .abt2 li .title a{font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .abt2 li .content{ line-height:150%; height:60px; overflow: hidden;} .abt2 li .content a{ font-family:Arial, Helvetica, sans-serif;} @media screen and (min-width: 320px) and (max-width: 640px) { .about_right{padding-bottom:0.1rem;} .about{position:relative;border-bottom:none;margin-top:0px;} .subNavBox{position:absolute;top:45px;right:0px;z-index:9;width:80%;display:none;background:rgba(100,100,100,0.9);} .subNav,.navContent{border-bottom:solid 1px rgba(147,147,147,0.8);} a.pro_list{float:right;display:block;color:#6889EA;padding:0 0.1rem;} .abf_top{display:none;} .ab_title{height:0.5rem;line-height:0.5rem;margin-top:0.2rem;margin-bottom:0.15rem;} .ab_title a.more{display:none;} .ab_title p{text-indent:0.05rem;} .about_left{width:0px;} .ab{width:100%;} .about_right{float:left;width:100%;} .abt1 ul{width:100%;padding:0;} .abt1 ul li{float:left;width:49%;height:auto;margin:0rem 0rem 0.1rem 0;} .abt1 ul li:nth-child(even){margin-left:2%;} .abt1 li .img{width:100%;height:3rem;padding:0px;border:#eee 1px solid;} .abt1 ul li .img a{display:table-cell;vertical-align:middle;height:3rem;} .abt1 li img{width:100%;height:auto;} .abt1 li .title{padding:0.15rem 0 0.1rem 0.05rem;} .abt1 li .content{height:1.1rem;padding-left:0.05rem;} .abt2{display: none;} .abr1{display: none;} .abr_top{overflow:hidden;height:45px;line-height:45px;} .abr_top p{font-size:0.36rem;text-indent: 0.1rem;} } /*为常见视窗大小快速适配*/ @media screen and (min-width:320px) { html { font-size:42.66px;} @media screen and (min-width:360px) { html { font-size:48px;} } @media screen and (min-width:375px) { html { font-size:50px;} } @media screen and (min-width:480px) { html { font-size:64px;} } /*详细内容*/ .news_title{ margin:auto;width:100%; height:auto; text-align:center; line-height:35px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} .news_title span{ font-size:20px; color:#000;} .news_at{ margin:auto;width:100%; height:auto; margin-top:5px;} .news_author{ float:left;width:49%; padding-right:1%; text-align:right;} .news_author span{ font-size:15px; color:#666;} .news_time{float:right;width:49%; padding-left:1%; text-align:left;} .news_time span{ font-size:15px; color:#666;} .v_news_content{ width:100%; height:auto;} .v_news_content span{ color:#000;} .news_content{ width:100%; height:auto;} .news_content span{ color:#000;} .news_count{ margin:auto;width:100%; height:auto; text-align:left; line-height:35px;} .news_count span{ font-size:15px; color:#000;}