@charset "utf-8"; /*公用样式开始*/ *{ font-family: Microsoft YaHei,simsun,Helvetica Neue,Arial,Helvetica,sans-serif; } body{ position: relative; } ul,li{ list-style: none; padding: 0; } a{ font-size: 14px; text-decoration: none; } a:hover,a:focus,a:visited{ text-decoration: none; } .fl{ float: left; } .fr{ float: right; } .col{ color: #E70012; } .red{ color: #ef0c0c; } .bgcol{ background-color: #E70012; } img{ border: none; } p{ margin: 0; } /*公用样式结束*/ /*header开始*/ #head{} /*logo*/ .navbar-brand { height: 75px; padding: 10px 10px; } .logo img{ height: 100%; } .navbar{ /*height: 78px;*/ margin: 0; background-color: rgba(255,255,255,1); border-bottom: 1px solid #eee; /*box-shadow: 0 0 20px rgba(0,0,0,.3);*/ } .nav li a{ line-height: 48px; } .nav .na a{ line-height: 48px; color: #777; background-color: rgba(255,255,255,0); -webkit-transition: line-height 0.66s, color 0.66s, background-color 0.66s; transition: line-height 0.66s, color 0.66s, background-color 0.66s; } .navbar-toggle { margin-top: 20px; } .nav .na a:hover{ line-height: 48px; background-color: rgba(231,0,18,.9) !important; color: #fff !important; } .act0 li:nth-of-type(1) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } .act1 li:nth-of-type(2) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } .act2 li:nth-of-type(3) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } .act4 li:nth-of-type(4) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } .act6 li:nth-of-type(5) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } .act7 li:nth-of-type(6) a{ color: #fff !important; background-color: rgba(231,0,18,.9) !important; } @media(max-width: 768px) { .nav li a{ line-height: 20px !important; } } /*header结束*/ /*立磨优势开始*/ .advantage{ margin: 20px 0; } .adv-title{} .adv-title h2{ color: rgb(255, 86, 86); font-size: 30px; font-weight: bold; } .adv-title span{ color: #eee; font-size: 14px; } .adv-title span em{ color: #999; font-style: normal; margin: 0 10px; } .adv-title p{ color: #999; font-size: 18px; margin: 10px 0 15px; } .adv-nr{ margin: 20px 0; position: relative; } .adv-nr-img{ position: relative; } .adv-nr-img img{ width: 100%; max-width: 378px; } .adv-nr-uls{} .adv-nr-uls:after{ content: ""; display: block; clear: both; } .adv-nr-lis{ width: 460px; } .adv-nr-lis img{ width: 45%; } .adv-nr-lis h5{ width: 70%; color: rgb(255, 86, 86); font-size: 22px; font-weight: bold; line-height: 45px; margin: 0; } .adv-nr-lis p{ width: 70%; color: #999; font-size: 14px; line-height: 30px; } .lis1{ position: absolute; top: 15px; left: 0; } .lis2{ position: absolute; top: 15px; right: 0; } .lis3{ position: absolute; top: 210px; left: 0; } .lis4{ position: absolute; top: 210px; right: 0; } .lis5{ position: relative; top: 0; left: 50%; margin-left: -230px; } .lis5 h5,.lis5 p{ width: 100%; } .lis5 b{ width: 1px; height: 80px; background-color: #ddd; display: block; margin: 0 auto; } .lis1 img,.lis3 b{ position: absolute; top: 20px; right: 0; } .lis1 h5,.lis3 h5,.lis1 p,.lis3 p{ float: left; } .lis2 img,.lis4 b{ position: absolute; top: 20px; left: 0; } .lis2 h5,.lis4 h5,.lis2 p,.lis4 p{ float: right; } .lis3 b,.lis4 b{ width: 45%; height: 1px; background-color: #ddd; display: block; } /*立磨优势结束*/ /*简介开始*/ .introduction{ padding: 20px 0; background: #f74646; } .int-title{ color: #fff; font-size: 33px; } .int-p{ color: #fff; font-size: 16px; margin: 15px 0; } .int-tel{ color: #fff; font-size: 14px; } .int-tel b{ font-size: 26px; } /*简介结束*/ /*关于我们开始*/ .abs{ margin: 20px 0; } .abs h3{ color: #333; font-size: 30px; font-weight: bold; } .abs span{ width: 50px; height: 4px; display: block; margin: 10px auto; background-color: #ff4040; } .abs p{ color: #353535; font-size: 14px; line-height: 30px; text-indent: 2em; } .abs a{ display: block; width: 120px; height: 40px; line-height: 40px; color: rgba(255, 45, 45, 1); font-size: 14px; border: 1px solid rgba(255, 45, 45, 1); border-radius: 5px; margin: 20px auto 15px; transition: all 0.33s; } .abs a:hover{ color: #fff; background-color: rgba(255, 45, 45, 1); } .abs img{ width: 100%; max-width: 600px; } /*关于我们结束*/ /*产品中心开始*/ .cpzx{ padding: 20px 0; background: #f74646; } .cpzx-title{} .cpzx-title h3{ color: #fff; font-size: 30px; font-weight: bold; } .cpzx-title span{ color: #fff; font-size: 14px; } .cpzx-title span em{ font-style: normal; margin: 0 10px; } .cpzx-nr{ margin: 20px 0; } .cpzx-nr:after{ content: ""; display: block; clear: both; } .cpzx-nr li{ width: 25%; float: left; margin: 15px 0; } .cpzx-nr li a{ display: block; padding: 0 15px; } .cpzx-nr li a img{ width: 100%; transition: all 0.33s; } .cpzx-nr li a p{ width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(255,255,255,.7); transition: all 0.33s; } .cpzx-nr li a:hover p{ background-color: rgba(255,255,255,1); } /*产品中心结束*/ /*新闻中心开始*/ .xwzx{ margin: 20px 0; } .xwzx-title{ margin-bottom: 20px; } .xwzx-title h3{ color: rgb(255, 86, 86); font-size: 30px; font-weight: bold; } .xwzx-title span{ color: #eee; font-size: 14px; } .xwzx-title span em{ color: #999; font-style: normal; margin: 0 10px; } .xwzx-img{} .xwzx-img img{ width: 100%; max-width: 517px; } .xwzx-text{} .xwzx-text:after{ content: ""; display: block; clear: both; } .xwzx-text img{ float: left; width: 35px; } .xwzx-text ul{ float: left; padding: 20px 0 20px 20px; } .xwzx-text ul li{ margin: 40px 0; } .xwzx-text ul li a{ color: #333; font-size: 20px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xwzx-text ul li span{ display: block; color: #999; font-size: 14px; } /*新闻中心结束*/ /*页尾开始*/ footer{ padding: 30px 0; background-color: #171717; } .fot-lf{ float: left; width: 60%; } .fot-lf p{ color: #eee; font-size: 16px; line-height: 45px; } .fot-lf p a{ color: #ccc; margin: 0 8px; } .fot-lf p a:hover{ color: rgb(255, 86, 86); } .fot-rg{ float: right; width: 30%; } .fot-rg img{ width: 100%; max-width: 100px; margin-bottom: 15px; } .fot-rg p{ color: #eee; font-size: 16px; line-height: 25px; } /*页尾结束*/ /*关于我们开始*/ .about{ margin: 30px 0; } .about h1{ color: rgb(255, 86, 86); font-size: 32px; line-height: 40px; } .about img:first-of-type{ float: right; width: 100%; max-width: 500px; margin-left: 15px; margin-bottom: 10px; } .about img:last-of-type{ width: 100%; max-width: 740px; } .about p{ color: #333; font-size: 14px; line-height: 30px; text-indent: 2em; margin-bottom: 10px; } /*关于我们结束*/ /*产品中心开始*/ .product{ padding: 30px 0; background-color: #eee; } .pro-title{ text-align: center; } .pro-title a{ color: #333; font-size: 18px; font-weight: bold; padding: 8px 20px; display: inline-block; } .pro-title a:hover,.pro-title .an{ color: #fff; background-color: #fc4949; } .pro-lis{ margin: 20px 0; } .pro-lis:after{ content: ""; display: block; clear: both; } .pro-lis li{ float: left; width: 25%; border: 1px solid #eee; } .pro-lis li:hover{ border: 1px solid #fc4949; } .pro-lis li a{ display: block; padding: 15px; height: 340px; } .pro-lis li a img{ width: 100%; margin: 15px 0; } .pro-lis li a p{ color: #333; font-size: 14px; height: 40px; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*产品中心结束*/ /*新闻中心开始*/ .news{ padding: 30px 0; background-color: #eee; } .new-title{ text-align: center; } .new-title a{ color: #333; font-size: 18px; font-weight: bold; padding: 8px 20px; display: inline-block; } .new-title a:hover,.new-title .an{ color: #fff; background-color: #fc4949; } .new-lis{ margin: 20px 0; } .new-lis:after{ content: ""; display: block; clear: both; } .new-lis li{ float: left; width: 25%; margin: 10px 0; border: 1px solid #eee; } .new-lis li a{ display: block; height: 320px; padding: 5px 15px; background-color: rgba(255,255,255,0); transition: all 0.33s; } .new-lis li a:hover{ background-color: rgba(255,255,255,.9); } .new-lis li a img{ width: 100%; } .new-lis li a p{ color: #333; font-size: 14px; height: 40px; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .new-lis li a:hover p{ color: #fc4949; } .new-lis li a span{ color: #999; font-size: 12px; height: 18px; line-height: 18px; display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*新闻中心结束*/ /*联系我们开始*/ .contact{ margin: 40px 0; } .con-text{ margin-bottom: 30px; } .con-text h1{ color: rgb(255, 86, 86); font-size: 32px; margin-bottom: 2px; } .con-text h1 small{ color: #999; margin-left: 10px; } .con-text span{ color: #aaa; font-size: 14px; line-height: 30px; display: block; margin-bottom: 20px; } .con-text p{ color: #333; font-size: 18px; line-height: 35px; } .con-map{} #dituContent{ width: 100%; height: 350px; } .iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap; } .iw_poi_content { font:12px arial,sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word; } /*联系我们结束*/ /*在线留言开始*/ .message{ margin: 30px 0; } .mes-title{ margin: 20px 0; } .mes-title h1{ color: rgb(255, 86, 86); font-size: 32px; letter-spacing: 4px; } .mes-title span{ color: #ccc; font-size: 14px; } .mes-title span em{ color: #999; font-style: normal; margin: 0 10px; } .mes-title p{ color: #333; font-size: 16px; line-height: 35px; } .mes-img{ margin-bottom: 20px; } .mes-img img{ width: 100%; max-width: 500px; } .mes-form{} #for{} #for label{ width: 80%; margin: 8px 0; } #for label span{ color: #333; line-height: 30px; } #for label span b{ color: #f00; padding-left: 3px; } #for label input{} #for label textarea{} #for label button{ margin-top: 5px; border: none; outline: 0; padding: 8px; background-color: #ff5656; transition: all 0.33s; } #for label button:hover,#for label button:focus,#for label button:visited{ background-color: #ec3d3d; } /*在线留言结束*/ /*产品详情开始*/ .cpxq{ margin: 30px 0; } .cpxq-nr{} .cpxq-title{ color: #ff5656; font-size: 32px; } .cpxq-img{ width: 100%; max-width: 500px; margin: 10px 0; } .cpxq-lis{ margin: 15px 0; } .cpxq-lis h5{ color: #333; font-size: 18px; font-weight: bold; line-height: 35px; } .cpxq-lis div,.cpxq-lis p,.cpxq-lis *{ color: #333; font-size: 16px; text-indent: 2em; line-height: 30px; overflow-y: auto; } .cpxq-pn{ margin: 20px 0 10px; } .cpxq-pn li{ color: #666; font-size: 16px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cpxq-pn li a{ color: #999; } .cpxq-pn li a:hover{ color: #ff5656; } /*产品详情结束*/ /*位置导航开始*/ .position{ background-color: #eee; border-bottom: 1px solid #ccc; } .breadcrumb{ margin-bottom: 0; background-color: transparent; } .position ol li{ color: #666; font-size: 14px; } .position ol li a{ color: #666; font-size: 14px; transition: all 0.33s; } .position ol li a:hover{ color: #E83625; } .position ol li a i{ margin-right: 5px; } /*位置导航结束*/ /*新闻详情开始*/ .newsxq{ margin: 30px 0; } .newsxq-nr{} .newsxq-title{ color: #ff5656; font-size: 30px; text-align: center; } .newsxq-lis{ margin: 15px 0; color: #333; font-size: 16px; line-height: 30px; } .newsxq-lis p,.newsxq-lis div,.newsxq-lis *{ color: #333; font-size: 16px; line-height: 30px; } .newsxq-lis img{ display: block; margin: 10px auto; width: 100%; max-width: 500px; } .newsxq-pn{ margin: 20px 0 10px; } .newsxq-pn li{ color: #666; font-size: 16px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .newsxq-pn li a{ color: #999; } .newsxq-pn li a:hover{ color: #ff5656; } /*新闻详情结束*/ @media only screen and (max-width: 1200px) and (min-width: 992px) { .lis1 img, .lis3 b { right: 75px; } .adv-nr-lis img { width: 35%; } .lis2 img, .lis4 b { left: 75px; } .lis3 b, .lis4 b { width: 35%; } .pro-lis li a { height: 290px; } .new-lis li a { height: 270px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .adv-nr-lis { width: 350px; } .lis1 { top: 0; } .adv-nr-lis img { width: 30%; } .lis1 img, .lis3 b { right: 55px; } .lis2 { top: 0; } .lis2 img, .lis4 b { left: 55px; } .adv-nr-lis p { line-height: 24px; } .lis3 b, .lis4 b { width: 28%; } .lis5 { margin-left: -175px; } .xwzx-text img { width: 22px; } .xwzx-text ul { padding: 15px 0 15px 20px; } .xwzx-text ul li { margin: 5px 0; } .xwzx-text ul li a { font-size: 18px; } .pro-lis li a { height: 235px; } .new-lis li a { height: 213px; } } @media only screen and (max-width: 768px) { .adv-nr-lis { width: 100%; } .adv-nr-uls li{ position: relative; top: 0; left: 0; right: 0; margin: 0; } .adv-nr-uls li img,.adv-nr-uls li b{ display: none; } .adv-nr-uls li h5,.adv-nr-uls li p{ width: 100%; } .cpzx-nr li { width: 50%; } .xwzx-text ul { float: none; padding: 20px 0 20px 50px; } .xwzx-text ul li a { display: block; font-size: 18px; } .fot-lf { width: 100%; } .fot-rg { display: none; } .pro-lis li { width: 33.3%; } .pro-lis li a { height: auto; } .pro-title a { font-size: 16px; } .new-lis li { width: 33.3%; } .new-lis li a { height: auto; } .new-title a { font-size: 16px; } } @media only screen and (max-width: 500px) { .pro-lis li { width: 50%; } .pro-lis li a { padding: 15px 10px; } .pro-title a { font-size: 15px; padding: 8px 16px; } .new-lis li { width: 50%; } .new-lis li a { padding: 15px 10px; } .new-title a { font-size: 15px; padding: 8px 16px; } #for label{ width: 100%; } }