﻿@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*分类图*/
.i_one{ overflow:hidden;background: url(../images/i_bg1.jpg) center center no-repeat;background-size: cover;}
.i_one .wrap{ padding-top:4.5%; padding-bottom:3.5%;}
.i_one ul li{ float:left; margin-right:1.5%; width:32.33%; margin-bottom:1.5%; overflow:hidden;}
.i_one ul li:nth-child(1),.i_one ul li:nth-child(2){ width:49.25%;}
.i_one ul li:nth-child(2),.i_one ul li:nth-child(5){ margin-right:0;}
.i_one ul li .imgs{ overflow:hidden; position:relative;}
.i_one ul li .imgs img{width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one ul li .txts{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.17); text-align:center; overflow:hidden;}
.i_one ul li:hover .txts{background:rgba(0,0,0,0.7); }
.i_one ul li .txts .cons{ position:absolute; width:94%; max-height:100%; left:50%; top:50%;transform: translate(-50%, -50%);opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}
.i_one ul li:hover .txts .cons{opacity:1.0;filter:Alpha(opacity=100);}
.i_one ul li .txts .h2{ color:#fff; font-weight:normal; display:inline-block; position:relative; vertical-align:top; padding-left:26px; padding-right:26px;}
.i_one ul li .txts .h2:before{ content:""; position:absolute; left:0; width:20px; top:50%; height:1px; background:rgba(255,255,255,0.55);}
.i_one ul li .txts .h2:after{ content:""; position:absolute; right:0; width:20px; top:50%; height:1px; background:rgba(255,255,255,0.55);}
.i_one ul li .txts .p{ clear:both; margin-top:3px; overflow:hidden; font-size:14px; color:rgba(255,255,255,0.6); display:block; padding-left:2%; padding-right:2%; line-height:1.6;}
/*新品上市*/
.i_t{ clear:both; font-weight:normal; color:#222; text-align:center; overflow:hidden; margin-top:5%;}

/*热销产品*/
.i_two{ overflow:hidden; background:#f1f1f1;}
/*关于我们*/
.i_three{ overflow:hidden;background: url(../images/i_bg2.jpg) center center no-repeat;background-size: cover;}
.i_three .wrap{ margin-top:8%; margin-bottom:7%;}
.i_three .i_three_r{ float:right; width:50%; max-width:604px; overflow:hidden; color:#e4e4e4; font-size:14px;}
.i_three .i_three_r .txt{ display:block; height:54px; margin-bottom:50px;}
.i_three .i_three_r .p{ overflow:hidden; line-height:26px;}
.i_three .i_three_r .p p{ margin-bottom:10px; overflow:hidden;}
.i_three .i_three_r .imore{ width:155px; height:53px;  overflow:hidden;background: url(../images/i_bg3.png) no-repeat;background-size: 100% 100%; margin-top:50px;}
.i_three .i_three_r .imore a{ overflow:hidden; height:53px;line-height:53px; display:block; background:url(../images/i_bg4.png) 105px center no-repeat;transition:all 0.3s; text-indent:25px; font-size:14px; color:#fff;}
.i_three .i_three_r .imore a:hover{ text-indent:28px; background-position:108px center;}


@media screen and (max-width:960px) {
/*分类图*/
.i_one ul li .txts .p{ font-size:13px;}
/*关于我们*/
.i_three .i_three_r{ width:100%; max-width:none; float:none;}
.i_three .wrap{ margin-top:10%; margin-bottom:9%;}
.i_three .i_three_r .txt{ margin-bottom:5%;}
.i_three .i_three_r .p p{ margin-bottom:6px;}
.i_three .i_three_r .imore{ margin-top:5%;}

}

@media screen and (max-width: 780px) {
/*轮显*/
#a1portalSkin_ctr211899211899_mainArea{ display:none;}
.flash_div{ display:block;}
/*关于我们*/
.i_three .i_three_r .txt{ height:45px;}
.i_three .i_three_r .imore{ width:145px; height:50px;}
.i_three .i_three_r .imore a{ height:50px; line-height:50px; background-position:96px center;}
.i_three .i_three_r .imore a:hover{background-position:99px center;}

}
@media screen and (max-width: 640px) {
/*分类图*/
.i_one .wrap{ padding-top:5%; padding-bottom:3%;}
.i_one ul li{ float:none; width:100%; margin-right:0; margin-bottom:2%;}
.i_one ul li:nth-child(1), .i_one ul li:nth-child(2){ width:100%;}
/*新品上市*/
.i_t{ margin-top:6%;}
/*关于我们*/
.i_three .i_three_r{ font-size:13px;}
.i_three .i_three_r .txt{ height:35px;}

}

@media screen and (max-width: 480px) {
/*关于我们*/
.i_three .wrap{ margin-top:11%; margin-bottom:10%;}
.i_three .i_three_r .txt{ height:30px;}
.i_three .i_three_r .p{ line-height:22px;}
.i_three .i_three_r .imore{ width:130px; height:44px;}
.i_three .i_three_r .imore a{ height:44px; line-height:44px; background-position:88px center; text-indent:20px;}
.i_three .i_three_r .imore a:hover{background-position:91px center; text-indent:23px;}


}

@media screen and (max-width:420px) {
/*关于我们*/
.i_three .i_three_r .txt{ height:25px;}
}
