/*头部样式*/
#header {
width: 1200px;
margin: 0 auto;
}
.logo {
float: left;
line-height: 146px;
}
.top-ad {
line-height: 146px;
margin-left: 70px;
}
.topLink {
float: right;
position: relative;
z-index: 9999;
background: url(../images/hao.png) no-repeat;
}
.translate {
width: 100px;
position: absolute;
left: 0;
top: 10px;
z-index: 9999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../images/dot4.png) no-repeat 88% 11px;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
.topLink .f_count {
color: #ff0000;
font-size: 13px;
font-weight: bold;
}
.topLink .k1 {
line-height: 32px;
padding-top: 5px;
}
.topLink .k2 {
margin-top: 30px;
}
.hh {
background: url(../images/top.png) repeat-x;
height: 244px;
}
.hh1 {
font: 400 14px/43px "Microsoft Yahei";
color: #666666;
}
.k1 {
font: 400 14px/43px "Microsoft Yahei";
color: #666666;
}
.k1 a {
color: #666666;
}
.kkw {
width: 174px;
height: 133px;
}
.chan {
width: 1200px;
margin: 0 auto;
}
.cp {
text-align: center;
color: #666666;
}
.cp_t {
font: 400 28px/33px "Microsoft Yahei";
color: #666666;
}
.cp_y {
font: 400 16px/33px "Microsoft Yahei";
color: #666666;
}
/*热门搜烦*/
.ss {
background: #575757;
height: 69px;
}
.search {
width: 1200px;
margin: 0 auto;
}
.hotSearch {
float: left;
height: 69px;
line-height: 69px;
font-weight: normal;
color: #999999;
font-size: 16px;
}
.hotSearch span {
color: #fe0000;
}
.hotSearch a {
color: #999999;
}
#search-type {
float: left;
width: 100px;
height: 24px;
border: 1px solid #c8c8c8;
margin-right: 5px;
}
.com-img {
display: inline;
overflow: hidden;
margin: 0 auto;
display: table;
}
.com-img img {
transition: all 0.5s ease-in 0s;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
}
.com-img:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/*M样式*/
#container {
width: 1200px;
margin: 0 auto;
margin-top: 10px;
}
.container {
width: 1200px;
margin: 0 auto;
}
.product-bg {
background: #f7f7f7;
padding: 62px 0;
}
.p-left {
width: 233px;
height: 712px;
background: url(../images/t1.png) no-repeat top center;
}
.sort1 {
padding: 0 18px;
padding-top: 206px;
}
.sort1 li {
background: url(../images/sort.png) no-repeat center center;
margin-bottom: 22px;
height: 41px;
}
.sort1 li a {
display: block;
text-align: center;
color: #b71929;
font-size: 18px;
line-height: 41px;
}
.sort1 li:hover {
background: url(../images/sorth.png) no-repeat center center;
}
.sort1 li:hover a {
color: #fff;
}
.fen-erq {
text-align: center;
color: #fff;
line-height: 26px;
font-size: 13px;
}
.p-right {
width: 940px;
}
.product_list1 {
margin: 0 -30px;
}
.product_list1 li {
float: left;
margin: 0 30px;
margin-bottom: 24px;
_display: inline;
}
.product_list1 li a.img {
display: block;
}
.product_list1 li a.img img {
width: 273px;
height: 183px;
}
.product_list1 li .img1 img {
width: 295px;
height: 199px;
}
.product_list1 li h3 {
text-align: center;
padding-top: 13px;
}
.product_list1 li h3 a {
font-weight: normal;
color: #b71929;
font-size: 18px;
}
.product_list1 li:hover h3 a {
color: #ff2d2e;
}
.ad-bg {
background: url(../images/bj1.jpg) no-repeat top center;
height: 889px;
overflow: hidden;
}
.ad-index {
margin-top: 190px;
}
.ad-list li {
float: left;
background: url(../images/tt1.png) no-repeat top center;
height: 633px;
width: 277px;
margin: 0 11px;
}
.ad-list li h3 {
background: url(../images/tt2.png) no-repeat top center;
height: 77px;
width: 69px;
color: #fff;
line-height: 77px;
text-indent: 8px;
font-size: 18px;
}
.ad-list li a img {
display: block;
text-align: center;
width: 116px;
height: 116px;
margin: 0 auto;
margin-top: 64px;
}
.ad-list li p {
padding: 0 42px;
font-size: 18px;
color: #ffffff;
line-height: 32px;
margin-top: 60px;
height: 125px;
overflow: hidden;
}
.ad-list li h2 {
text-align: center;
color: #fff;
font-size: 18px;
margin-top: 40px;
}
.ad-list li:hover {
background: url(../images/tt1h.png) no-repeat top center;
}
.ad-list li:hover h3 {
background: url(../images/tt2h.png) no-repeat top center;
}
.case-title {
margin-top: 56px;
}
.case-index {
position: relative;
margin-top: 65px;
}
.l_btn,
.r_btn {
position: absolute;
top: 22%;
cursor: pointer;
}
.l_btn {
left: -92px;
}
.r_btn {
right: -92px;
}
.product_list2 li {
float: left;
margin-left: 12px;
margin-right: 12px;
_display: inline;
}
.product_list2 li a.img {
display: block;
}
.product_list2 li a.img img {
width: 280px;
height: 180px;
}
.product_list2 li h3 {
text-align: center;
padding-top: 10px;
}
.product_list2 li h3 a {
font-weight: normal;
font-size: 20px;
color: #b71929;
}
.product_list2 li:hover h3 a {
color: #ff2d2e;
}
.roll_product {
float: left;
}
.about-bg {
background: url(../images/about.jpg) no-repeat top center;
height: 700px;
overflow: hidden;
margin-top: 60px;
}
.about-index {
padding-top: 67px;
}
.ab-left {
width: 532px;
}
.ab-right {
width: 636px;
}
.ab-con {
background: rgba(0, 0, 0, .31);
height: 302px;
overflow: hidden;
margin-top: 45px;
padding: 5px;
}
.ab-right p {
font-size: 16px;
color: #ffffff;
line-height: 28px;
text-align: justify;
}
.ab-img1 {
margin-top: 17px;
}
.ab-img1 p img {
margin-right: 30px;
}
.l_btn1,
.r_btn1 {
position: absolute;
top: 22%;
cursor: pointer;
}
.l_btn1 {
left: -92px;
}
.r_btn1 {
right: -92px;
}
.wen-bg {
background: url(../images/bj2.jpg) no-repeat top center;
height: 380px;
overflow: hidden;
margin-top: 70px;
}
.wen-index {
padding-top: 30px;
}
.wen-left {
width: 480px;
}
.wen-left p {
padding-left: 40px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
line-height: 24px;
font-style: italic;
}
.wen-left p:nth-of-type(1) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
}
.wen-left p:nth-of-type(4) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
margin-top: 40px;
}
.wen-left p:nth-of-type(6) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
margin-top: 40px;
}
.wen-right {
width: 540px;
}
.wen-right p {
padding-left: 40px;
font-size: 12px;
color: #fff;
text-transform: uppercase;
line-height: 24px;
font-style: italic;
}
.wen-right p:nth-of-type(1) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
}
.wen-right p:nth-of-type(4) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
margin-top: 40px;
}
.wen-right p:nth-of-type(6) {
background: url(../images/tt3.png) no-repeat left center;
font-size: 18px;
color: #f82a20;
font-style: normal;
line-height: 38px;
margin-top: 22px;
}
.wen-right p:nth-of-type(7) {
font-size: 18px;
color: #f82a20;
font-style: normal;
}
.news-bg {
background: #f5f5f5;
margin-top: 49px;
}
.news-title {
padding-top: 50px;
text-align: center;
}
.news-index {
padding-top: 55px;
padding-bottom: 50px;
}
.news1 {
width: 356px;
}
.news_list1 {
background: #fff;
height: 188px;
overflow: hidden;
padding-top: 32px;
position: relative;
}
.news_list1::before {
content: "";
position: absolute;
left: 0;
top: 159px;
width: 356px;
height: 1px;
background: #898989;
}
.news_list1 li a {
display: block;
font-size: 20px;
color: #b71929;
}
.news_list1 li strong {
font-weight: normal;
padding: 0 28px;
}
.news_list1 li h2 {
font-weight: normal;
font-size: 16px;
color: #666666;
line-height: 24px;
padding: 10px 28px;
}
.news_list1 li h3 {
margin-top: 6px;
line-height: 34px;
height: 58px;
}
.news_list1 li h3 span {
display: inline-block;
font-size: 14px;
color: #666666;
font-weight: normal;
line-height: 56px;
padding: 0 30px;
}
.news_list1 li h3 span i {
font-style: normal;
font-size: 18px;
color: #666666;
}
.news_list1 li h3 span.more {
float: right;
background: url(../images/more.png) no-repeat top center;
height: 34px;
width: 34px;
margin-top: 11px;
}
.news_list1 li:hover h3 {
background: #fe2c31;
color: #fff;
}
.news_list1 li:hover h3 span {
color: #fff;
}
.news_list1 li:hover h3 i {
color: #fff;
}
.news_list1 li:hover h3 span.more {
background: url(../images/moreh.png) no-repeat top center;
}
.news_list2 {
margin-top: 22px;
}
.news_list2 li {
line-height: 50px;
position: relative;
}
.news_list2 li a {
line-height: 50px;
color: #666666;
font-size: 14px;
}
.news_list2 li a:hover {
text-decoration: none;
color: #e87518;
}
.news_list2 li span {
color: #999999;
z-index: 0;
line-height: 50px;
font-size: 14px;
position: absolute;
right: 0px;
top: 0px;
}
.news_list2 li:hover a {
color: #fe2c31
}
.news_list2 li:hover span {
color: #fe2c31
}
.news2 {
margin-left: 75px;
}
.news3 {
width: 312px;
}
#ydemo {
overflow: hidden;
margin: 0 auto;
position: relative;
height: 525px;
}
#yindemo {
height: 100%;
}
#ydemo1 {}
#ydemo2 {}
.news_list3 li {
padding-left: 35px;
padding-right: 22px;
border: 1px solid #c2c2c2;
padding-top: 8px;
padding-bottom: 23px;
margin-bottom: 12px;
}
.news_list3 li a {
display: block;
font-size: 20px;
background: url(../images/wen.png) no-repeat left center;
line-height: 36px;
padding-left: 56px;
margin-bottom: 12px;
}
.news_list3 li span {
font-size: 16px;
color: #666666;
line-height: 28px;
background: url(../images/da.png) no-repeat left center;
padding-left: 56px;
height: 36px;
display: inline-block;
}
.menu_cate {
width: 220px;
float: left;
}
.cate_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.about {
width: 460px;
float: left;
margin-left: 12px;
padding-bottom: 5px;
}
.about_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.about .content {
padding: 5px;
padding-bottom: 12px;
text-indent: 20px;
}
.navigation {
float: right;
width: 100px;
}
.index-title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.index-table td {
border: solid #add9c0;
border-width: 0px 1px 1px 0px;
padding: 10px 5px;
}
.index-table {
border: solid #add9c0;
border-width: 1px 0px 0px 1px;
margin-top: 10px;
}
/*----- Common css ------*/
.fl {
float: left;
}
.fr {
float: right;
}
.di {
_display: inline;
}
.fwn {
font-weight: normal;
}
.dib {
*display: inline;
_zoom: 1;
_display: inline;
_font-size: 0px;
}
/*首页新闻*/
.news_company {
width: 280px;
float: right;
}
.news1_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.news_company .content {
padding: 5px;
}
/*首页左侧联系我们*/
.contact {
width: 218px;
float: left;
padding-bottom: 5px;
margin-top: 10px;
}
.contact_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.contact .content {
padding: 5px;
padding-left: 8px;
}
/*工程案例*/
.case {
width: 460px;
float: left;
margin-left: 12px;
padding-bottom: 5px;
margin-top: 10px;
}
.case_title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.case .content {
padding: 5px;
padding-bottom: 12px;
text-indent: 20px;
}
.news2_company {
margin-top: 10px;
}
/*产品推荐*/
.recommend_product {
margin-top: 10px;
width: 692px;
float: left;
}
.recommend_product .title {
line-height: 31px;
padding-left: 15px;
font-weight: bold;
font-family: "微Y雅黑";
background: url(../images/nav.png) no-repeat 0% 100%;
font-size: 14px;
color: #000;
}
.recommend_product .content {
padding-top: 15px;
padding-bottom: 14px;
}
.roll_product li {
padding-bottom: 0px;
}
/*品牌列表*/
.brand-list {
margin: 20px 0px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.brand-list li {
margin: 5px 8px;
}
.brand-list li:hover {
box-shadow: 2px 1px 5px;
}
.brand-list li img {
width: 150px;
height: 120px;
}
/*前台多页{?/
.news {
width: 1000px;
float: left;
margin-top: 10px;
}
.tab {
position: relative;
}
.tab li {
float: left;
width: 100px;
height: 30px;
display: block;
line-height: 30px;
border: 1px solid #ccc;
margin-right: 8px;
text-align: center;
color: #333;
font-size: 12px;
cursor: pointer;
}
.tab li.cur {
color: #fff;
text-decoration: none;
font-size: 12px;
background: #3a78c1;
border-color: #3a78c1;
}
.tt {
display: none;
}
.list1 {
padding: 8px 10px;
}
.list1 li {
line-height: 27px;
position: relative;
vertical-align: middle;
}
.list1 li a {
background: url(../images/list_dot1.gif) left center no-repeat;
padding-left: 12px;
line-height: 27px;
color: #555555;
}
.list1 li a:hover {
color: #e87518;
text-decoration: none;
}
.list1 li span {
position: absolute;
right: 0px;
line-height: 30px;
top: 0;
color: #999;
}
/*友情链接*/
.link {
background: url(../images/link.png) no-repeat top center;
height: 100px;
overflow: hidden;
padding-bottom: 48px;
}
.f_link {
width: 1200px;
margin: 0 auto;
text-indent: 378px;
padding-top: 20px;
}
.f_link a {
font-size: 18px;
color: #575757;
}
/*面底部*/
.foot-bg {
background: #b71929;
}
#footer {
position: relative;
width: 1200px;
margin: 0 auto;
padding-top: 70px;
padding-bottom: 56px;
}
#footer a {
color: #d4d4d4;
}
#footer a:hover {
color: #e87518;
text-decoration: none;
}
.foot-list {
width: 1028px;
margin: 0 auto;
margin-bottom: 90px;
}
.foot-list li {
float: left;
margin: 0 20px;
}
.foot-list li span {
font-size: 18px;
color: #d4d4d4;
display: block;
}
.foot-list li p {
font-size: 22px;
color: #fe2c31;
}
.foot-list li .f-right {
margin-left: 15px;
}
.foot1 {
width: 190px;
padding-left: 60px;
}
.foot-title {
font-size: 22px;
color: #d4d4d4;
font-weight: normal;
padding-bottom: 40px;
}
#footer .sec1 a {
display: block;
font-size: 18px;
line-height: 30px;
color: #999999;
}
.erq {
font-size: 18px;
color: #999999;
line-height: 100px;
text-align: center;
}
.nav_foot {}
.foot-bg2 {
background: #b71929;
border-top: 1px solid #999999;
padding: 25px 0;
}
/*------------内页-------------------*/
.left {
width: 224px;
float: left;
}
.left .box {
margin-bottom: 10px;
}
.left .box h3 {
line-height: 60px;
padding-left: 34px;
background: #b71929;
font-size: 18px;
color: #fff;
font-weight: 400;
position: relative
}
.left .box h3::after {
content: "";
position: absolute;
width: 5px;
height: 20px;
top: 20px;
left: 15px;
background: #fff
}
.left .box .content {
padding: 5px 0px;
}
.prodescription {
border: 1px solid #e5e5e5;
background: #f9f9f9;
line-height: 24px;
padding: 10px;
margin-bottom: 15px;
text-indent: 20px;
}
.n_banner {
width: 1920px;
margin: 0 auto;
margin-left: -960px;
position: relative;
left: 50%;
}
.n_banner img {
width: 1920px;
margin: 0 auto;
margin-left: -960px;
position: relative;
left: 50%;
}
.left {
width: 225px;
float: left;
}
.sort_menu h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.sort_product {
margin-top: 10px;
}
.sort_product h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.n_contact {
margin-top: 10px;
}
.n_contact h3 {
background-color: #ececec;
line-height: 28px;
padding-left: 15px;
font-weight: bold;
}
.n_contact .content {
padding: 5px;
line-height: 24px;
}
.right {
width: 960px;
float: right;
padding-bottom: 10px;
}
.sitemp {
border-bottom: 1px solid #eee;
}
.sitemp h2 {
width: 340px;
float: left;
line-height: 40px;
text-align: left;
font-size: 16px;
color: #333;
}
.sitemp .site {
width: 380px;
float: right;
text-align: right;
line-height: 40px;
}
.right .content {
padding: 10px;
padding-top: 15px;
overflow: hidden;
line-height: 24px;
}
.sort_album {
margin-top: 15px;
} Ʒŷһ,һػ¼Ѳ,뾫Ʒþþþ..,һ˳AƬ,һƷþ,