@charset "utf-8";

/*首页样式*/
body { max-width: 6.4rem; margin: 0 auto; padding-bottom: 0.8rem; background: #f7f7f7 }
.bg_b { width: 100%; margin: 0 auto; position: relative; text-align: center; }
.bg_b  img, .bg_b1 img, .bg_b2 img { display: block; margin: 0 auto; width: 100%; }
.bg_b>a, .bg_b1>a, .bg_b2>a { display: block; margin: 0 auto; width: 100%; }
.bg_b a.a1 { width: 1.34rem; height: 0.34rem; position: absolute; right: 0.25rem; top: 0.5rem; background-image: url(../images/index_img07.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.bg_b1 { margin: 0 0.25rem 0.1rem; }
.bg_b2 { display: block; width: 100%; margin: 0 0 4% }

/*banner轮播图*/
.banners { width: 3.53rem; height: 2.82rem; margin: 0 auto; position: absolute; overflow: hidden; top: 0.35rem; left: 0.52rem; z-index: 99; }
.banners li { width: 100%; height: auto; float: left; position: relative; }
.banners li .img_b img { display: block; width: 100%; }
.banners li .title { width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0.3rem; padding: 0.18rem 0; position: absolute; z-index: 20; margin-top: -0.71rem; }
.banners li .title a { padding-left: 0.4rem; color: #fff; }
.img_ctrl { position: absolute; z-index: 100; right: 1.98rem; top: 2.95rem; }
.img_ctrl>div { width: 6px; height: 6px; border-radius: 100%; float: left; background-color: #cf0b19; }
.img_ctrl>div+div { margin-left: 0.04rem; }
.img_ctrl>div.now { background-color: #191919; }
#hidd1 { display: block; }
#hidd2 { display: none; }

/*首页导航*/
.index_nav { width: 100%; background-color: #b91200; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; }
.index_nav .pos_b { display: block; width: 100%; margin: 0 auto; position: relative; }
.index_nav a { width: 46%; float: left; display: block; background-repeat: no-repeat; background-position: 5% center; padding-left: 15%; box-sizing: border-box; line-height: 2; margin: 5% 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_nav a { color: #f7efdd; font-size: 0.35rem; font-weight: bold; }
.index_nav a:nth-child(1) { background-image: url(../images/img1.png); background-size: 20%; border-right: 0.02rem solid #c74133 }
.index_nav a:nth-child(2) { background-image: url(../images/img2.png); background-size: 20% }
.index_nav a:nth-child(3) { background-image: url(../images/img3.png); background-size: 20%; border-right: 0.02rem solid #c74133 }
.index_nav a:nth-child(4) { background-image: url(../images/img4.png); background-size: 20% }
.nav_line { display: block; width: 90%; border-bottom: 0.02rem solid #c74133; position: absolute; left: 5%; top: 50%; }

/*热门产品*/
.hot_b { height: 3.78rem; background-color: #f0f0f0; }
.hot_b .limg { float: left; width: 3.29rem; height: 2.54rem; margin-top: 0.7rem; margin-left: 0.04rem; }
.hot_b .limg img { display: block; width: 100%; }
.hot_b .rinfo { float: left; text-align: left; padding-top: 0.8rem; margin-left: 0.2rem; width: 2.8rem; }
.hot_b .stitle { font-size: 0.2rem; color: #000; }
.hot_b .mtitle { font-size: 0.26rem; color: #181818; padding-top: 0.2rem; }
.hot_b .line { width: 2.65rem; border-bottom: 1px dashed #d5d5d5; margin-top: 0.45rem; }
.hot_b .price { background-image: url(../images/index_img04.png); background-size: 1.37rem 0.58rem; background-repeat: no-repeat; min-width: 1.37rem; height: 0.58rem; font-size: 0.36rem; line-height: 0.36rem; color: #e60003; margin-top: 0.3rem; display: block; }
.hot_b .price div { padding-left: 0.44rem; }
.hot_c { clear: both; }
.hot_c .col_b { overflow: hidden; float: left; width: 2.75rem; height: 2.70rem; position: relative; margin: 0 0 0.3rem 0.3rem; }
.hot_c .img_b { width: 2.75rem; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.hot_c .img_b img { display: block; width: 100%; }
.hot_c .info { display: block; width: 2.73rem; height: 0.5rem; text-align: center; }
.hot_c .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; font-size: 0.24rem; line-height: 0.5rem; height: 0.5rem; }
.hot_c .price { min-width: 0.72rem; height: 0.43rem; background-size: 0.72rem 0.43rem; float: left; background-repeat: no-repeat; background-image: url(../images/index_img05.png); }
.hot_c .price div { font-size: 0.3rem; line-height: 0.3rem; color: #e60003; padding-left: 0.1rem; }
.hot_d { width: 100%; margin: 0 auto; height: auto; }
.hot_d>.title { text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #fff; padding: 0.25rem 0; }
.hot_d>.title span { font-weight: bold; padding-left: 0.1rem; }
.hot_d .col_b { overflow: hidden; float: left; width: 100%; position: relative; margin: 0 0 0.2rem 0; }
.hot_d .line { width: 0.02rem; height: 2.92rem; float: left; background-color: #e0e0e0; margin-top: 0.5rem; }
.hot_d .img_b { width: 5.84rem; height: 3.22rem; margin: 0 auto; overflow: hidden; }
.hot_d .img_b img { display: block; width: 100%; }
.hot_d .info { position: absolute; left: 0.04rem; bottom: 0.15rem; width: 1.8rem; background: #ae8045; height: 0.36rem; }
.hot_d li .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #222; font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; text-align: center; }
.hot_d .price { min-width: 0.72rem; height: 0.43rem; background-size: 0.72rem 0.43rem; float: left; background-repeat: no-repeat; background-image: url(../images/index_img05.png); }
.hot_d .price div { font-size: 0.3rem; line-height: 0.3rem; color: #e60003; padding-left: 0.1rem; }
.hot_e { width: 100%; height: 4.9rem; background: #000; }
.hot_e>.title { text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #fff; padding: 0.25rem 0; }
.hot_e>.title span { font-weight: bold; padding-left: 0.1rem; }
.hot_e ul { width: 6.4rem; margin: 0 auto; }
.hot_e .col_b { overflow: hidden; float: left; width: 2.11rem; position: relative; margin: 0 0.035rem 0.035rem 0 }
.hot_e .col_b:nth-child(3n) { margin-right: 0; }
.hot_e .img_b { width: 2.11rem; height: 1.58rem; margin: 0 auto; }
.hot_e .img_b img { display: block; width: 100% }

/*优势所在*/
.spec_b { width: 100%; height: 6rem; background-image: url(../images/index_img07.jpg); background-size: 6.4rem 6rem; }
.spec_b .item { width: 2.8rem; float: right; margin-right: 0.2rem; text-align: left; clear: both; padding-right: 0.1rem; }
.spec_b .name { font-size: 0.2rem; line-height: 0.2rem; color: #cf0b19; }
.spec_b .msg { font-size: 0.2rem; color: #fff; line-height: 0.24rem; padding-top: 0.18rem; }

/*底部信息*/
.web_info { width: 100%; height: auto; background-color: #383332; padding: 0.1rem 0 0.1rem; font-size: 0.24rem; }
.web_info .call { width: 94%; height: 0.5rem; margin: 0 auto; backgr/ound-image: url(../images/index_img08.jpg); backgr/ound-size: 6rem 0.5rem; display: block; text-align: left; line-height: 0.5rem; color: #fff; }
.web_info .call img { width: 0.36rem; display: inline-block; vertical-align: middle; margin-right: 0.2rem }
.web_info .call b { display: inline-block; background: #211e1d; text-align: center; width: 85%; border-radius: 0.1rem }
.d_email { width: 94%; margin: 0.1rem auto; height: 0.5rem; color: #fff; }
.d_email  img { float: left; width: 0.36rem; margin-top: 0.1rem; vertical-align: middle; margin-right: 0.2rem }
.d_email  span { float: left; background: #211e1d; text-align: center; width: 90%; border-radius: 0.1rem; color: #fff; line-height: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.foo_er { width: 100%; padding-bottom: 20px; background: #383332 }
.foo_er img { display: block; width: 100%; }
.foo_fra { background: #383332; padding: 5% 0 0; }
.f_head { width: 100%; text-align: center; }
.f_head img { display: inline-block; width: 100% }

/*尾部*/
.footer { width: 100%; height: 0.6rem; padding: 0.1rem 0; position: fixed; bottom: 0; background-color: #b91200; max-width: 6.4rem; z-index: 999; display: -webkit-flex; display: flex; }
.footer a { flex-grow: 1; text-align: center; font-size: 0.2rem; color: #000; margin: 0 1%; border-radius: 0.15rem; background-repeat: no-repeat; background-position: 0.2rem center; background-size: 0.34rem 0.34rem; background-color: #f7eedd }
.footer a+a { border-/left: 0.02rem solid #695240; }
.footer a span { display: inline-block; padding-top: 0.16rem; padding-left: 0.3rem }

/*列表页*/
.header {width: 6.4rem;max-width: 6.4rem;height: 1rem;position: fixed;top: 0;background: #fff;z-index: 100;}
.header .return { width: 0.6rem; height: 0.6rem; float: left; background-image: url(../images/list_icon01.png); background-repeat: no-repeat; background-position: center; background-size: 0.18rem 0.32rem; }
.header .title { float: left; width: 5.2rem; text-align: center; line-height: 0.6rem; font-size: 0.3rem; color: #fff; }
.header .menu {width: 0.6rem;height: 0.6rem;float: right;background-image: url(../images/menu.png);background-repeat: no-repeat;background-position: center;cursor: pointer;background-size: 0.34rem 0.34rem;margin-top:  .2rem;}
.nav { width: 100%;    /* height: 0.6rem; */ max-width: 6.4rem; display: -webkit-flex; display: flex; background-color: #fff; flex-flow: wrap; }
.nav a { flex-grow: 1; text-align: center; font-size: 0.24rem; line-height: 0.6rem; color: #6c6c6c; padding: 0 0.2rem; border-bottom: 0.02rem solid #e6e6e6; }
.nav a.now { color: #1f1f1f; }
.nav a + a { border-left: 0.02rem solid #e6e6e6; }
.list_title { h/eight: 1.54rem; text-align: left; padding: 0.2rem; }
.list_title .title { font-size: 0.26rem; line-height: 0.26rem; color: #222; padding-top: 0.25rem; }
.list_title .msg { font-size: 0.24rem; color: #8e8e8e; padding-top: 0.15rem; }

/*三个热门商品*/
.pros_col { width: 6rem; margin: 0 auto; height: 2.6rem; }
.pros_col .col { float: left; width: 1.9rem; height: 2.2rem; background-color: #fff; }
.pros_col .col+.col { margin-left: 0.15rem; }
.pros_col .col .img { width: 1.9rem; height: 1.7rem; overflow: hidden; }
.pros_col .col .img img { display: block; width: 100%; }
.pros_col .col .title { font-size: 0.24rem; height: 0.45rem; line-height: 0.45rem; color: #5d5d5d; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*商品列表*/
.prolist { clear: both; width: 6.2rem; margin: 0 auto; }
.prolist:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.prolist .item { float: left; width: 2.95rem; height: 4.04rem; background-color: #fff; margin-left: 0.1rem; margin-top: 0.1rem; }
.prolist .item .img { width: 2.95rem; height: 2.9rem; overflow: hidden; background-size: cover; background-position: top center; background-repeat: no-repeat; }
.prolist .item .name { font-size: 0.24rem; color: #222; line-height: 0.46rem; height: 0.46rem; padding-left: 0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.prolist .item .stitle { font-size: 0.18rem; color: #aeaeae; width: 1.9rem; line-height: 0.24rem; padding-left: 0.1rem; height: 0.48rem; overflow: hidden; float: left; }
.prolist .item .icon { float: right; width: 0.55rem; height: 0.55rem; background-image: url(../images/list_icon03.jpg); background-size: cover; margin-right: 0.12rem; }

/*商品详细*/
.cheader { height: 0.6rem; width: 6rem; margin: 0 auto; }
.cheader .return { width: 0.6rem; height: 0.6rem; float: left; background-image: url(../images/view_icon01.png); background-repeat: no-repeat; background-position: center; background-size: 0.18rem 0.32rem; }
.cheader .links { float: left; width: 4.8rem; text-align: center; }
.cheader .links a { display: inline-block; font-size: 0.24rem; line-height: 0.56rem; color: #747171; }
.cheader .links a+a { margin-left: 0.2rem; }
.cheader .links a.now { color: #000; border-bottom: 0.04rem solid #cf0b19; }
.viewban { width: 6.4rem; height: 6.34rem; margin: 0 auto; position: relative; }
.viewbans { width: 6.4rem; height: 6.34rem; margin: 0 auto; overflow: hidden; }
.viewbans li { width: 100%; height: auto; float: left; position: relative; }
.viewbans li .img_b img { display: block; width: 100%; }
.viewban .img_ctrl { position: absolute; z-index: 100; right: 1.98rem; top: 2.95rem; }
.viewban .img_ctrl>div { width: 6px; height: 6px; border-radius: 100%; float: left; background-color: #cf0b19; }
.viewban .img_ctrl>div+div { margin-left: 0.04rem; }
.viewban .img_ctrl>div.now { background-color: #191919; }
.viewban .num_b { position: absolute; right: 0.1rem; bottom: 0.2rem; color: #fff; font-size: 0.28rem; background: rgba(0, 0, 0, 0.4); padding: 0.05rem 0.1rem; border-radius: 0.1rem }
.vname_b { clear: both; width: 6rem; margin: 0 auto; }
.vname_b:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.vname_b .title { font-size: 0.3rem; color: #000; padding-top: 0.2rem; }
.vname_b .stitle { width: 4.7rem; font-size: 0.18rem; color: #f12222; padding-top: 0.1rem; float: left; }
.vname_b .icon { width: 1.2rem; height: 0.46rem; background-image: url(../images/view_icon02.jpg); background-size: cover; float: right; }
.para_b { clear: both; width: 6rem; margin: 0 auto; margin-top: 0.5rem; }
.para_b td { padding-left: 0.5rem; height: 0.4rem; border-bottom: 0.02rem solid #e5e5e5; font-size: 0.24rem; }
.para_b .title { color: #e83437; width: 1.3rem; }
.para_b td+td { border-left: 0.02rem solid #e5e5e5; }
.cont { width: 6rem; margin: 0 auto; font-size: 0.24rem; color: #000; text-in/dent: 2em; padding: 0.6rem 0; }
.cont p { padding-bottom: 0.4rem; }
.cont p img { width: 100%; display: inline-block; }
.get_more { width: 6rem; height: 0.5rem; background-color: #f5f5f5; display: block; margin: 0 auto; text-align: center; line-height: 0.5rem; font-size: 0.26rem; color: #333; }

/*d*/
.d_fra { width: 100%; }
.d_tou { position: relative; width: 100%; }
.d_tou img { display: block; width: 100% }
.d_tou a.a1 { width: 1.34rem; height: 0.34rem; position: absolute; right: 0.25rem; top: 0.5rem; background-image: url(../images/index_img07.jpg); background-size: 100% 100%; background-repeat: no-repeat; }
.ifra { width: 100%; background-image: url(../images/bg.jpg); background-size: 100%; background-repeat: repeat-y; }
.d_head { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; text-align: center; }
.d_head img { width: 100%; display: inline-block; }
.d_head1 { width: 100%; height: 1.06rem; background-size: cover; background-repeat: no-repeat; background-position: center top; }
.index_about { width: 100%; padding: 2% 0; }
.index_about .head_b img { display: block; width: 100% }
.index_about .head_b { text-align: center; font-weight: bold; font-size: 0.45rem; color: #000000 }
.index_about .acontent { width: 6rem; margin: 2% auto; color: #000000; font-size: 0.24rem; line-height: 1.5; border: 0.02rem dashed #a3d644; border-radius: 0.2rem; padding: 0.1rem; box-sizing: border-box; }
.about_t span { font-weight: bold; font-size: 0.55rem; color: #b91200; display: block; line-height: 1rem; b; border-bottom: 1px solid #e4e2e2; }
.about_t { text-align: center; background: url(../images/aboutt.jpg) no-repeat bottom center; background-size: 0.47rem; }
.about_t font { margin-bottom: 0.1rem; line-height: 1; font-weight: bold; font-size: 0.45rem; color: #22262c; display: block; padding-top: 0.2rem; }
.about_t p { font-size: 0.25rem; line-height: 0.8rem; color: #333; }
.alist {padding-bottom: 0.3rem;display:  flex;flex-wrap:  wrap;justify-content: space-around;width:  96%;margin:  0 auto;}
.about_t h3 { font-weight: bold; font-size: 0.3rem; color: #000; line-height: 0.5rem; }
.about_t a { padding: 0.1rem 0.2rem; font-size: 0.2rem; color: #fff; background: #b91200; }
.ainfo { font-size: 0.2rem; padding: 0.2rem 0.5rem; line-height: 0.4rem; color: #333; }
.alistp {display: flex;flex-wrap: wrap;justify-content: center;width: 98%;margin:  0 auto;}
.alistp li {width: 32%;margin-bottom:  .1rem;padding: 0 .6%;}
.alistp li img{ width: 100%; }
.index_slide1 { margin: 0 auto; width: 6.2rem; border: 1px solid #ae8a60; box-sizing: border-box; position: relative; }
.index_slide2 { padding-top: 1.3rem; padding-bottom: 0.33rem; padding-left: 0.2rem; padding-right: 0.2rem; -webkit-background-size: cover; background-size: cover; }
.index_slide2 .swiper-pagination { bottom: 0 !important; background: rgba(91, 40, 4, 0.7); padding: 0.13rem 0; }
.index_slide2 .swiper-pagination-bullet-active { background: #a88357 !important; }
.swiper1_t { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(160, 46, 20, 0.7); color: #fff; text-align: center; line-height: 0.37rem; }
.index_slide1 .swiper-pagination { width: 2rem !important; right: 0 !important; bottom: 0.1rem !important; left: auto !important; }
.index_slide1 .swiper-pagination-bullet-active { background: #ffb919 !important; }
.index_slide1ico { position: absolute; bottom: 0; left: 0; background: url(../images/slide1.png) no-repeat  center left; background-size: 1.17rem; width: 1.17rem; height: 1.3rem; z-index: 9999 }
.about_t h4 {
    font-size: 0.2rem;
    color: #a29c9b;
    line-height: 0.5rem;
    padding-bottom: .2rem;
    font-weight: normal;
}

.red{background: #b91200;/* margin: .2rem 0; */padding:  .2rem 0;/* margin-bottom: 0; */}
.about_tt { text-align: center;  }
.about_tt font { color: #22262c; font-size: 0.36rem; margin-bottom: 0.1rem; line-height: 1; font-weight: bold; font-size: 0.55rem; color: #fff;display: block; padding-top: 0.2rem; }
.about_tt i{color: #ffc686;font-style: normal;}
.about_tt p { font-size: 0.25rem; line-height: 0.8rem; color: #fff; }
.about_tt .alist a {padding: 0.1rem 0.25rem;font-size: 0.2rem;color: #b91200;background: #f7eedd;/* height:  0.5rem; */display:  block;margin-bottom:  10px;border-radius: 5px;box-shadow: bisque;}


@media only screen and (min-width:1025px) {
	body { padding-bottom: 70px }

	/*index*/
	#hidd1 { display: none; }
	#hidd2 { display: block; }
	.index_nav a { width: 21%; float: left; display: block; font-size: 30px; padding-left: 6%; margin: 2%; background-position: left center; }
	.nav_line { display: none; }
	.index_nav a:nth-child(1) { border-right: 2px solid #c74133 }
	.index_nav a:nth-child(2) { border-right: 2px solid #c74133 }
	.index_nav a:nth-child(3) { border-right: 2px solid #c74133 }
	.hot_c .col_b { overflow: hidden; float: left; width: 245px; height: auto; position: relative; margin: 0 5px 20px; box-sizing: border-box; }
	.hot_c .img_b { width: 245px; height: 240px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; background-position: center top; background-size: cover; }
	.hot_c .img_b img { display: block; width: 245px; height: 240px; }
	.bg_b1 { float: left; width: 325px; margin: 0 8px; }
	.bg_b1 img { width: 325px; }
	.hot_c { padding: 10px 0 }
	.index_about .head_b { font-size: 45px; }
	.index_about .acontent { font-size: 24px; border: 2px dashed #a3d644 }
	.web_info { float: left; width: 55%; font-size: 18px; }
	.foo_er { float: left; width: 45%; margin-top: 30px; }
	.d_email  img { width: 6%; margin-right: 4% }
	.web_info .call { height: 50px; line-height: 50px; }
	.web_info .call img { width: 6%; margin-right: 4% }
	.d_email { height: 50px; }
	.d_email  span { line-height: 50px; }
	.f_head img { display: inline-block; width: 50%; margin-bottom: 10px; }
	.d_fra { padding-top: 3% }

	/*footer*/
	.footer { height: 50px; padding: 10px 0 }
	.footer a { font-size: 20px; background-size: 30px; border-radius: 15px; margin: 0 5% }
	.footer a span { padding-top: 13px; padding-left: 10px }
	.footer a[title="电话"] { display: none; }
	.footer a[title="短信"] { display: none; }

	/*商品列表*/
	.nav a { font-size: 24px }
	.list_title .title { font-size: 26px; }
	.list_title .msg { font-size: 24px; }
	.pros_col .col .title { font-size: 24px; }
	.prolist .item { width: 1.9rem; height: 2.5rem; }
	.prolist .item .img { width: 1.9rem; height: 1.7rem; }
	.prolist .item .name { font-size: 24px; line-height: 50px; height: 50px; }
	.prolist .item .stitle { font-size: 18px; width: 1.3rem; line-height: 30px; height: 60px; }
	.prolist .item .icon { width: 0.3rem; height: 0.3rem; }

	/*商品详细*/
	.para_b .title { width: 1.8rem }
	.viewban { float: left; width: 2.5rem; height: 2.3rem; margin-top: 30px; }
	.viewbans { width: 2.5rem; height: 2.3rem; }
	.vname_b { clear: none; padding-left: 0.1rem }
	.vname_b .title { font-size: 30px }
	.vname_b .stitle { font-size: 18px; width: 3.5rem; max-height: 1.8rem; overflow: hidden; }
	.vname_b .icon { width: 120px; height: 46px }
	.para_b td { font-size: 24px }
	.cont { font-size: 24px; }
	.page_fy li .syt { width: 149px !important; font-size: 24px }
	.page_fy li .syb { font-size: 24px; }
	.viewban .num_b { font-size: 28px; }
	.para_b { padding-top: 50px }
}

/*一个内容层*/
.wjitem { padding: 1em; margin: 0 0 1em 0; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; border: 1px solid #545353; }
.wjitem img { width: 100%; margin-bottom: 10px; }
.juejie { display: flex; flex-wrap: wrap; }
.juejie .project {border-right: 0px solid #23323A !important;box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);border-radius: 3px;/* margin: 10px 20px 0 0; */overflow: hidden;width: 48%;margin: 0 1%;margin-bottom: 0.2rem;}
.project-image {position: relative;line-height: 0;}
/* .project-image:after {
    content: "中国铜仕15070815685";
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 9;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    opacity: 0.6;
} */
/* .ww{ position:relative}
.ww:after {
    content: "中国铜仕15070815685";
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 9;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    opacity: 0.6;
} */

.project-image img { width: 100%; transition: transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; }
.project:hover .project-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.portfolio-2column .project-hover { right: 50%; }
.project-hover { position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; }
.project:hover .project-hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.project-hover>a { width: 58px; height: 38px; margin: 0 5px; display: inline-block; background-color: #2a3b45; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/hover-icons.png); border: 4px solid #eee; border: 4px solid rgba(238, 238, 238, 0.12); color: #fff; text-align: center; font-size: 24px; padding-top: 15px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: transform .3s, opacity .6s, background .3s; -webkit-transition: -webkit-transform .3s, opacity .6s, background .3s; -moz-transition: -moz-transform .3s, opacity .6s, background .3s; }
.project:hover .project-hover>a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.project-hover>a:hover { background-color: rgba(218, 1, 1, 1); }
.project-hover>a.search-icon { background-position: 0 0; }
.project-hover>a.link-icon { background-position: -50px 0; }
.project-meta {/* padding: 12px 20px 12px; */position: relative;/* height: 114px; *//* background: #2a3b45; */transition: background .3s;-webkit-transition: background .3s;-moz-transition: background .3s;}
.project_chanp .project-meta {padding: 0.15rem 0;position: relative;text-align:  center;/* height:90px;*/background: #333232;transition: background .3s;-webkit-transition: background .3s;-moz-transition: background .3s;}
.project-meta:before { content: ''; display: block; position: absolute; top: -10px; left: 20px; width: 10px; height: 10px; border-right: 10px solid transparent; border-left: 10px solid transparent;/* border-bottom: 8px solid #2a3b45; */ }
.project:hover .project-meta { background: rgba(218, 1, 1, 1); }
.project-meta h4 {margin-bottom: 0;color: #fff;font-size: 0.2rem;font-weight: 300;}
.project-meta h4 a { color: #fff; }
.project-meta span.project-category { font-size: 11px; margin: 0; text-transform: uppercase; color: #97a4ad; }
.project-like { position: absolute; right: 20px; top: 40px; vertical-align: top; }
.project-like .iconfont { font-size: 24px; color: #3c525e; transition: color .3s; -webkit-transition: color .3s; -moz-transition: color .3s; cursor: pointer; }
.project-like:hover .iconfont, .project-like.post-liked .iconfont { color: #dd6c62; }
.project-like span.like-count { font-size: 11px; font-weight: 300; vertical-align: top; color: #97a4ad; }
.project-grid { padding: 0; }
.loadMore { margin: 0 auto; margin-top: 60px; width: 50%; height: 52px; background: #fc2f07 url(../images/btn1.png) no-repeat center center; cursor: pointer; }
.ab_con { line-height: 35px; font-size: 16px; }