.Sbanner{
	width:100%;overflow:hidden;height:350px;
}

.ContMain{
	width:100%;overflow:hidden;background:#f3f3f3;
}
.ContMain .mainApe{
	width:1000px;margin:0 auto;
}

.ContMain .mainLeft{
	width:230px;float:left;overflow:hidden;background:#fff;margin-top:20px;padding-bottom:25px;
}
.ContMain .mainLeft .tieltP{
	width:100%;overflow:hidden;height:90px;border-top:solid 4px #f96b17;text-align:center;color:#f9d4bd;text-transform:Uppercase;
}
.ContMain .mainLeft .tieltP h5{
	color:#823704;font-size:18px;font-weight:700;margin-top:25px;
}
.ContMain .mainLeft .NavProduct{
	width:100%;overflow:hidden;
}
.ContMain .mainLeft .NavProduct dt a{
	display:block;width:192px;height:47px;line-height:47px;padding-left:38px;background:url(../images/mainprt.jpg) no-repeat left top;overflow:hidden;font-size:16px;color:#fff;
}
.ContMain .mainLeft .NavProduct dd{
	padding:10px 0;
}
.ContMain .mainLeft .NavProduct dd a{
	display:block;width:200px;height:35px;line-height:35px;padding-left:30px;background:url(../images/nav_s.jpg) no-repeat 22px center;overflow:hidden;
}

.ContMain .mainRight{
	width:712px;float:right;background:#fff;padding:20px;margin:20px 0;
}
.ContMain .mainApe .Atitl{
	width:100%;overflow:hidden;height:45px;line-height:35px;font-size:20px;border-bottom:solid 1px #ececec;font-weight:700;
}
.ContMain .mainApe .Atitl em{
	float:right;
}

.ContMain .mainRight .listProuct{ 
	width:100%;overflow:hidden;margin-top:20px;
}
.ContMain .mainRight .listProuct li{ 
	display:block;width:224px;float:left;margin-right:10px;
}
.ContMain .mainRight .listProuct li .imgS{ 
	width:222px;height: 170px;float:left;border:solid 1px #dcdcdc;overflow:hidden;text-align: center;
}
.ContMain .mainRight .listProuct li:hover .imgS{ 
	border:solid 1px #f96b17;
}
.ContMain .mainRight .listProuct li .Stext a{ 
	display:block;width:100%;height:50px;line-height:40px;overflow:hidden;text-align:center;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.flex_der{
    display: flex;
    flex-direction: column;
}



.ContMain .mainApe .piu{
	width:1000px;overflow:hidden;background: #fff; padding: 20px;margin-bottom:20px;
}
.smain{
	width:100%;overflow:hidden;margin-top:30px;
}

.box{width:570px;float:left;}
.left-pro{ width:570px;text-align:left;float:left}
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:458px;text-indent:0;float:left;margin-left:10px;border:solid 1px #eee;}
.left-pro .t2 img{text-indent:0;}
#showArea img{
		cursor:pointer;display:block;margin-bottom:5px;width:96px;padding:1px;border:1px solid #eee;height:89px;float:left
}
#showArea img:hover{
		border:1px solid #f96b17;
}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:0px}
#gobottom{cursor:pointer;display:block;margin-left:0px}
#showArea{height:379px;margin:10px 0;overflow:hidden}

.smain .Ctext{
	width:400px;float:right;overflow:hidden;
}
.smain .Ctext h5{
	font-size:30px;font-weight:700;
}
.smain .Ctext .Ftxts{
	font-size:16px;line-height:25px;margin-top:20px;color:#666;
}
.main .num .cans{
	width:100%;overflow:hidden;
}

.ContMain .mainApe .piu .Ntitle{
	width:100%;height:55px;background:#eee;margin-top:40px;
}
.ContMain .mainApe .piu .Ntitle span{
	display:inline-block;
	font-size:16px;
	color:#f96b17;
	font-weight:700;
	background:#fff;
	border-top:solid 3px #f96b17;
	padding:0 25px;
	height:52px;
	line-height:52px;
	text-transform:capitalize;
}


.ContMain .mainApe .sMainleft{
	width:210px;overflow:hidden;float:left;background:#fff;border-top:solid  10px #f96b17;padding:0 15px;margin:20px 0;
}
.ContMain .mainApe .sMainleft h5{
	font-size:26px;height:92px;line-height:114px;color:#f96b17;font-weight:700;
}
.ContMain .mainApe .sMainleft .Lnav{
	padding: 10px 0px;
	display: flex;
	flex-direction: column;
}
.ContMain .mainApe .sMainleft .Lnav a{
	display:block;font-size:16px;line-height:50px;color:#666;background:#f3f3f3;border-bottom:2px solid #fff;padding-left: 24px;
}
.ContMain .mainApe .sMainleft .Lnav a:nth-child(1){
    order: 2;
}
.ContMain .mainApe .sMainleft .Lnav a:nth-child(2){
    order: 1;
}
.ContMain .mainApe .sMainleft .Lnav a:nth-child(3){
    order: 3;
}

.Lnav .active{
    background: #f96b17!important;
    color: #fff!important;
}

.ContMain .mainApe .sMainleft .Lnav a.cit{
	background:#f96b17;color:#fff;
}
.ContMain .mainApe .sMainleft .Lnav a:hover{
	background:#f96b17;color:#fff;
}

.ContMain .mainApe .sMainright{
	width:700px;overflow:hidden;float:right;background:#fff;padding:20px;margin:20px 0;
}
.ContMain .mainApe .sMainright .Atitl{
	width:100%;overflow:hidden;height:35px;line-height:35px;font-size:20px;border-bottom:solid 1px #ececec;
}
.ContMain .mainApe .sMainright .Atitl em{
	float:right;
}
.ContMain .mainApe .sMainright .txtC{
	width:100%;overflow:hidden;margin-top:20px;font-size:13px;line-height:20px;
}

/* Nhot */
.Nhot{
	width:100%;overflow:hidden;height:218px;background:#f3f3f3;margin-top:30px;
}
.Nhot .pic{
	float:left;
}
}
.Nhot .pic img{
	width:485px;height:256px;
}
.Nhot .Ftext{
	width:295px;float:right;padding: 30px 25px 0 0;
}
.Nhot .Ftext h5 a{
	font-size:16px;font-weight:700;
}
.Nhot .Ftext .time{
	font-size:14px;margin-top:10px;color:#999;
}
.Nhot .Ftext .Gtxt{
	font-size:14px;margin-top:5px;line-height:20px;height:40px;overflow:hidden;
}
.Nhot .Ftext .Alike{
	margin-top:30px;
}

/* sew_n */
.sew_n{
	width:100%;overflow:hidden;margin-top:20px;
}
.sew_n li{
	width:286px;height:134px;float:left;border:solid 1px #f3f3f3;border-left:solid 3px #f3f3f3;padding:25px 25px 0 25px;margin-top:20px;
}
.sew_n li:hover{
	border:solid 1px #f96b17;border-left:solid 3px #f96b17;
}
.sew_n li h5 a{
	font-size:18px;font-weight:700;
}
.sew_n li .txt{
	line-height:20px;height:40px;margin-top:10px;overflow:hidden;
}

/* Ctxt */

.ContMain .mainApe .sMainright .Ctxt h3{
	width:100%;overflow:hidden;text-align:center;font-size:24px;font-weight:700;margin-bottom:0px;padding-bottom:5px;
}
.ContMain .mainApe .sMainright .Ctxt .info_con_tit{
	width:100%;overflow:hidden;text-align:center;font-size:14px;border-bottom:solid 1px #eee;padding-bottom:20px;margin-bottom:20px;
}
.ContMain .mainApe .sMainright .Ctxt .info_con_tit span{
	padding-left:10px;color:#999;
}






@media only screen and (max-width: 1024px) {
    .Sbanner {
        height: 210px;
        margin-top: 50px;
        background-size: cover !important;
    }
    
    
    .ContMain {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
    }
    .ContMain .mainApe {
        width: 100%;
    }
    .ContMain .mainLeft {
        display: none;
    }
    .ContMain .mainRight {
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding: 10px;
    }
    .ContMain .mainApe .Atitl {
        font-size: 16px !important;
    }
    .ContMain .mainApe .Atitl em {
        display: none;
    }
    .ContMain .mainRight .listProuct li {
        width: 48%;
        margin-right: 3.5%;
    }
    .ContMain .mainRight .listProuct li:nth-child(2n) {
        margin-right: 0;
    }
    .ContMain .mainRight .listProuct li .imgS {
        width: 100%;
        /*height: 172px;*/
        height: auto;
    }
    .ContMain .mainRight .listProuct li .imgS a img {
        width: 100%;
        height: 100% !important;
    }
    .ContMain .mainRight .listProuct li .Stext a {
        height: 40px;
        line-height: 30px;
        font-size: 12px;
    }
    
    
    
    
    .ContMain .mainApe .sMainleft {
        display: none;
    }
    
    
    
    #pagelist {
        width: 100%;
    }
    #pagelist li a {
        padding: 3px 5px;
        font-size: 12px;
    }
    #pagelist li .pageinfo {
        font-size: 12px;
    }
    
    
    
    /* 新闻资讯 */
    .ContMain .mainApe .sMainright {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }
    .sew_n li {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .sew_n li h5 a {
        font-size: 14px;
    }
    .sew_n li .txt {
        font-size: 12px;
    }
    
    
    
    
    /* 关于丰香园 */
    .ContMain .mainApe .sMainright .txtC {
        font-size: 12px;
        line-height: 1.5;
    }
    .ContMain .mainApe .sMainright .txtC img {
        width: 100%;
        height: 100%;
        margin: 10px 0 !important;
    }
    
    
    
    /* 产品详情 */
    .ContMain .mainApe .piu {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
    }
    .box {
        width: 100%;
    }
    .left-pro {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .left-pro .t1 {
        /*display: none;*/
        width: 100%;
        display: flex;
    }
    .left-pro .t1 #gotop {
        transform: rotate(-90deg) translateX(-37px);
        height: 20px;
        width: 50px;
    }
    .left-pro .t1 #gobottom {
        transform: rotate(-90deg) translateX(-37px);
        height: 20px;
        width: 50px;
    }
    .left-pro .t1 #showArea {
        width: 100%;
        height: 94px;
    }
    .left-pro .t1 #showArea a img {
        width: 32%;
        height: auto;
        margin-right: 0.8%;
        padding: 0;
    }
    .left-pro .t1 #showArea a:nth-child(3n) img {
        margin-right: 0;
    }
    
    .left-pro .t2 {
        width: 100%;
        margin-left: 0;
        /*display: none;*/
    }
    .left-pro .t2 a {
        width: 100% !important;
        margin-left: 0;
    }
    .left-pro .t2 img {
        width: 100% !important;
        height: 100% !important;
    }
    .left-pro .t2 .MagicZoomBigImageCont {
        display: none !important;
    }
    .left-pro .t2 .MagicZoomPup {
        display: none !important;
    }
    
    
    
    
    
    
    .left-pro .mobile_t2 {
        /*display: block !important;*/
        width: 100%;
        height: auto;
    }
    .left-pro .mobile_t2 img {
        width: 100%;
        height: 100%;
    }
    .smain .Ctext {
        width: 100%;
        margin-top: 20px;
        float: left;
    }
    .smain .Ctext h5 {
        font-size: 16px;
    }
    .smain .Ctext .Ftxts {
        font-size: 12px;
        line-height: 1.5;
    }
    .smain .Ctext .Ftxts p span {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
    .ContMain .mainApe .piu .Ntitle {
        height: 45px;
        margin-top: 30px;
    }
    .ContMain .mainApe .piu .Ntitle span {
        font-size: 14px;
        border-top: solid 1px #f96b17;
        padding: 0 10px;
        height: 45px;
        line-height: 45px;
    }
    
    
    
    .ContMain .mainApe .sMainright .Ctxt h3 {
        font-size: 18px;
    }
    .ContMain .mainApe .sMainright .Ctxt .info_con_tit span {
        font-size: 12px;
    }
    
    .ContMain .mainApe .sMainright .Ctxt .info_con_tit {
        padding-bottom: 10px;
         margin-bottom: 10px;
    }
    
    
    .ContMain .mainApe .sMainright .txtC p span {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
    .txtC img {
        width: 100%;
        height: 100%;
    }
    
    
    
    
    
    
    
    
}