*,::after,::before { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,h1 { margin: 0; padding: 0 } html,body { background: #fff; font-size: 18px; max-width: 750px; min-width: 320px; margin: 0 auto!important; } input,textarea { -webkit-appearance: none; font-size: 12px } li { list-style: none } img { border: 0; margin: 0; padding: 0 } a { text-decoration: none } a img{ border:none; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } /*底部固定电话等-footer.html对应css*/ .chosecolor { background: #2abbb7; position: relative; z-index: 2; } footer { text-align: center; height: 110px } .footer_top { height: 50px; /*background-color: #f9f9f9;*/ border-top: 1px solid #fff; } .footer_top>a { display: block; margin: 9px 10px 0; border: 1px solid #2abbb7; line-height: 30px; height: 30px; color: #fefab5; background-repeat: no-repeat } .footer_top>a:visited { color: #fefefe } .footer_top_mBtn { float: left; font-size: 14px; font-family: "微软雅黑"; width: 44px; padding-left: 24px; background-image: url("nav.png"); background-position: 8px 50%; background-size: 15px auto } .footer_top_rightBtn { width: 30px; background-image: url("top.png"); background-position: 50% 50%; background-size: auto 18px; text-indent: -9999px; position: fixed; z-index: 999; bottom: 10%; right: 5px; } .footer_top_leftBtn { float: left; width: 30px; background-image: url("home.png"); background-position: 50% 50%; background-size: auto 18px; text-indent: -9999px } .footer_top_backBtn { float: left; width: 30px; background-image: url("left.png"); background-position: 50% 50%; background-size: auto 18px; text-indent: -9999px } #footer_version { text-align: center; width: 100%; max-width: 750px; margin: 0 auto; position: fixed; bottom: 0; z-index: 9 } #footer_version a { color: #fff; font-size: 13px; font-family: "微软雅黑"; text-align: center; font-weight: 300 } #footer_version a,#footer_version .tell,#footer_version .mail,#footer_version .map,#footer_version .message { width: 25%; float: left; margin: 0; color: #fff; font-size: 13px; font-family: "微软雅黑"; text-align: center; font-weight: 300; overflow: hidden } #footer_version .mass { width: 25%; margin: 0; padding: 38px 0 0 0; background: url("../images/text.png") no-repeat 8px; overflow: hidden } #footer_version .fenxiang { width: 25%; margin: 0; padding: 38px 0 0 0; background: url("../images/fengxiang.png") no-repeat center 8px; overflow: hidden } #footer_version .message { width: 25%; margin: 0; padding: 38px 0 0 0; background: url(../images/message.png) no-repeat center 8px; overflow: hidden } #footer_version .tell { width: 25%; margin: 0; padding: 38px 0 0 0; background: url("../images/tell.png") no-repeat center 8px; overflow: hidden } #footer_version .mail { width: 25%; margin: 0; padding: 38px 0 0 0; background: url("../images/text.png") no-repeat center 8px; overflow: hidden } #footer_version .map { width: 25%; margin: 0; padding: 38px 0 0 0; background: url("../images/map.png") no-repeat center 8px; overflow: hidden } #footer_version a:visited { color: #fff } .footer_bottom { font-size: 12px; font-family: "微软雅黑"; color: #888; padding-bottom: 10px; padding-top: 10px; /*background: #eee;*/ } .footer_bottom a { color: #663399; } .footer_bottom>div { line-height: 20px } .sliderImgNews { width: 100%; margin: 0 auto; overflow: hidden } .corlorshow { display: none } /*底部固定样式--结束*/ /*文章产品列表页*/ .huise { /*background: #f9f9f9;*/ border-bottom: 1px solid #eee; } .articleHead #mainNav { position: relative; height: 43px; line-height: 43px; clear: both } .articleHead .Logo { float: left; width: 35px; height: 24px; margin: 12px 0 0 12px; display: inline-block; background: url(../images/home.png) no-repeat; background-size: 25px auto } #mainNav .navLine { display: inline-block; float: left; height: 43px; line-height: 43px; width: 1px; overflow: hidden; border-left: 1px solid #eee; } #mainNav .levelOne { padding: 0 18px 0 12px; background-position: right -212px; float: left; color: #888; font-size: 14px; font-family: "微软雅黑"; font-weight: bold; } .gIcon { background: url(../images/header_icon_v3.png) no-repeat 0 0; background-size: 60px auto } #include_product_son_txtli{ overflow: hidden; } #include_product_son_txtli li { width: 33%; float: left; padding: 0; margin-top: 14px; border-radius: 0; background: #fff; overflow: hidden; } #include_product_son_txtli li a { width: 100%; margin: 0 auto; font-size: 14px; font-family: "微软雅黑"; color: #222; line-height: 30px; text-align: center; border-bottom: 1px solid #eee; display: block; } #include_product_son_txtli li a:hover { color: #2abbb7; } #include_product_business{ padding-bottom: 18px; overflow: hidden; } #include_product_business li { width: 50%; float: left; padding: 0; margin-top: 14px; border-radius: 0; background: #fff; } #include_product_business li a { width: 120px; height: 120px; margin: 0 auto; overflow: hidden; } #include_product_business li p{ display: table; margin: auto; padding: 15px; font-weight: bold; background: rgba(255,255,255,0.8); color: #3366cc; margin-top: 30px; } .module_list li { width: 96%; margin: 3px auto; font-size: 13px; font-family: "微软雅黑"; line-height: 40px; border-radius: 0; border-bottom: 1px solid #f0f0f0; overflow: hidden; } .module_list li h1 { width: 72%; font-size: 14px; font-family: "微软雅黑"; color: #6c6c6c; text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .module_list li:hover h1{ color: #2abbb7; } .module_list li span{ display: block; float: right; color: #888; font-size: 12px; } .module_list li p{ width: 100%; float: left; font-size: 13px; line-height: 22px; color: #888; padding-bottom: 10px; } .product { width: 96%; margin: 0 auto; padding-top: 5px; } .product ul{ overflow: hidden; } .product li { width: 50%; float: left; line-height: 28px; font-size: 13px; font-family: "微软雅黑"; text-align: center; margin-bottom: 16px; } .product li a { position: relative; display: inline-block; color: #303030; vertical-align: top; overflow: hidden; margin: 0 2px; border: 1px solid #fff; } .product li a:hover{ -moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc; } .product_hover{ width: 46vmin; height: 28px; line-height: 28px; font-size: 14px; font-family: "微软雅黑"; text-align: center; overflow: hidden; color: #555; white-space:nowrap;/*一行显示*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*用...代替超出部分*/ } .product li a:hover .product_hover{ background: #2abbb7; color: #fff; } .product_pic { vertical-align: middle; width: 46vmin; height: 38vmin; background: #fff; overflow: hidden; margin: auto; } .product_pic img { width: 46vmin; min-height: 38vmin; display:block; overflow: hidden; transition: all 0.6s; } .product li a:hover img{ transform: scale(1.1); } /*文章列表页--结束*/ /*文章详情页*/ a:active { color: #9e9e9e } button,input,select,textarea { font-size: 100%; font-family: "微软雅黑"; vertical-align: middle; outline: 0 } table { border-collapse: collapse; border-spacing: 0 } textarea { resize: none } .fl { float: left } .fr { float: right } .hid { display: none } body .show { display: block } header,footer,article,section,nav,menu,hgroup { display: block; clear: all } .in,.out,.rin,.rout,.picani { -webkit-animation-timing-function: ease-in-out; -webkit-animation-duration: 500ms } .articleTitle { text-align: center; font-size: 13px; line-height: 26px; font-family: "微软雅黑"; } .articleTitle h2{ margin-top: 20px; color: #252525; } .articleTitle p{ color: #aaa; padding-top: 5px; } .articleContent { font-size: 14px; font-family: "微软雅黑"; line-height: 24px; margin-bottom: 10px; padding: 0 8px; padding-top: 10px; color: #2c2c2c; word-wrap: break-word; overflow: hidden; text-align: justify } .articleContent a,.nav a { color: #4e7ebd } .articleContent br { content: ""!important; display: block!important } .articleContent p { margin-bottom: 5px } .articleContent .img_span { text-align: left; color: #787878; font-size: 13px; font-family: "微软雅黑"; line-height: 25px } .articleContent img { max-width: 98% !important; height: auto !important; vertical-align: middle; margin:0px auto !important; display: block; padding: 0px; } .articleContent .video { text-align: center } .articleContent video { width: 290px; margin: 0 auto } .articleContent .videoMessage { text-align: center; padding-top: 1px; font-size: 13px; font-family: "微软雅黑"; padding-bottom: 5px } .articleContent .imgMessage { display: block; padding-top: 10px; color: #787878; font-size: 13px; font-family: "微软雅黑"; line-height: 16px; text-align: center } .articleContent button,.articleContent input,.articleContent select,.articleContent textarea { margin-right: 5px } /*文章详情页--结束*/ /*翻页css--page*/ .pages { text-align: center; padding: 2px; font-size: small; font-family: "微软雅黑"; padding-bottom: 20px; } .pages a { color: #777; display: inline-block; padding: 2px 6px } .pages a:hover { color: #2abbb7; text-decoration: none } .pages strong { font-weight: bold; font-family: "微软雅黑"; background-color: #f3f3f5; display: inline-block; padding: 2px 6px; color: #1176bb } .pages .current { background-color: #333; display: inline-block; padding: 2px 6px; color: #fff } .pagehead { position: relative } /*翻页代码--结束*/ /*置顶css*/ .box_top{ position:fixed; right:4px; bottom: 70px; height:20px; width: 40px; text-align:center; padding-top:20px; border-radius: 10%; background-color: #2abbb7; overflow: hidden; cursor:pointer; z-index: 999; } /*.box_top:hover:before{ top:50% } .box_top:hover .box_htmltop{ visibility: hidden; } .box_top:before{ position: absolute; top: -50%; left: 50%; transform: translate(-50%,-50%); content:'回到顶部'; font-size: 14px; width: 40px; color:#fff; }*/ .box_htmltop{ visibility: visible; display:inline-block; height:14px; width: 14px; border: 3px solid black; border-color: white transparent transparent white; transform:rotate(45deg); } /*在线留言*/ .guestbook{ width: 96%; margin: auto; } .reply_guestbook{ width: 96%; margin: auto; padding-top: 30px; } .guestbook #truename { height: 34px; width: 100%; margin: 0px auto 10px auto; border: 1px solid #ddd; color: #777; font-size: 14px; text-indent: 10px; } .guestbook #telephone { height: 34px; width: 100%; margin: 0px auto 10px auto; border: 1px solid #ddd; color: #777; font-size: 14px; text-indent: 10px; } .guestbook #email { height: 34px; width: 100%; margin: 0px auto 10px auto; border: 1px solid #ddd; color: #777; font-size: 14px; text-indent: 10px; } .guestbook .neirong { height: 100px; width: 100%; margin: 0px auto 10px auto; border: 1px solid #ddd; color: #777; font-size: 14px; text-indent: 10px; } .guestbook .bm_xiangmu{ height: 34; line-height: 34px; width: 100%; margin: 0px auto 10px auto; border: 1px solid #ddd; color: #777; font-size: 14px; text-indent: 10px; } .guestbook #captcha { width: 55%; height: 34px; padding-left: 10px; line-height: 34px; color: #777; font-size: 14px; border: 1px solid #ddd; margin: 0px auto 14px auto; float: left; } .guestbook .anniu { height: 34px; width: 100%; background: #aaa; border: 1px solid #aaa; font-size: 16px; color: #fff; } .guestbook .anniu:hover { background: #2abbb7; border: 1px solid #2abbb7; }