*{ margin:0px; padding:0px;}
body{ background:#e5d1fd;font-size:14px; font-family:"΢ÈíÑźÚ"}
a{ text-decoration:none}
ul{ list-style-type:none}
ul li{ list-style-type:none}
.clear{ clear:both}

.pageclass{ text-align:center; margin-top:30px; margin-bottom:50px;}
.pageclass a{ padding:5px 10px; background:#efefef; border:1px solid #dedede}
.pageclass a:hover{ background:#D8D2D2}
.pageclass .me{ padding:5px 10px; background:#f4f4f4; color:#ff0000;border:1px solid #dedede}

.seo{ background:#efefef;  border-radius:10px; margin:20px 0px; padding:20px;}



@media screen and (min-width:751px){
.banner2{ width:1400px; margin:0px auto; padding:10px; background:#fff}
.header-mobile{ display:none}  
.mod-search{ display:none}
.header{ width:1400px; margin:0px auto; background:#fff; padding:10px;}
.header li{ float:left}


.header .menu img{filter:invert(0.5);transform: rotateZ(0deg);transition:.3s;}
.header .menu li:hover img{transform:rotate(180deg);}

.header .menu li{ width:120px; text-align:left}
.header .menu a{color:#2c2e2f; font-weight:bolder}
.header .column3{padding:30px 0px 0px 0px;}
.header .column3 span{ background:#e5d1fd; color:#fff; padding:10px 20px; border-radius:10px;}
.header .column3 .defalut{background:#fff; color:#e5d1fd; border:1px solid #e5d1fd}
.header .column3 a{ color:#fff}
.header .column3 .defalut a{ color:#e5d1fd}

.header .menu li{ position:relative;}
.header .menu li>a{ display: block;transition: .3s;height:50px;}
.header .menu li a:hover{ color:#000;}
.header .menu li dl dd{ float:left; width:350px; text-align:left; padding:10px 0px;}
.header .menu li dl dd a{ display:block;  color:#fff; font-weight:lighter}
.header .menu li dl dd a:hover{  color:#565656;}
.header .menu li dl{  position:absolute;visibility: hidden;background-color: #e5d1fd;width:1400px;transition: .3s;top: 200%;opacity: 0;left:0px;text-align:left;padding-left:5px;z-index:999;font-weight:normal;color:#fff;}
.header .menu li:nth-child(1) dl{left:-332px;}
.header .menu li:nth-child(2) dl{left:-452px;}
.header .menu li:hover dl{top: 100%;visibility: visible;opacity: 1;}
.header .menu .category{width:1400px; padding-bottom:20px}
.header .menu .category div:nth-child(1) a{color:#2790c3}
.header .menu .category div:nth-child(2){ padding-top:10px;}
.header .menu .category div:nth-child(2) span{display:block; float:left; width:350px; text-align:left; padding:5px 0px}


.banner{width:1400px; margin:0px auto; background:#fff; padding:10px;}
.banenr img{ width:1400px;}


.main{width:1400px; margin:0px auto; background:#fff; padding:10px;}




.left{float:left; width:300px;}
.left .search_pc p{padding-top:10px;}
.left .search_pc p:nth-child(1){ padding-top:0px;}

.search_pc select{border:1px solid #dedede; width:300px; height:30px; line-height:30px; outline:none}
.search_pc #price1{border:1px solid #dedede; height:30px; line-height:30px; width:140px; outline:none; text-align:center}
.search_pc #price2{border:1px solid #dedede; height:30px; line-height:30px; width:140px; outline:none; text-align:center}
.search_pc #keyword{border:1px solid #dedede; height:30px; line-height:30px; width:300px; outline:none}
.search_pc #search_sbt{padding-top:10px; background:#e5d1fd; color:#fff; text-align:center; padding:10px; margin-top:20px; cursor:pointer}
.search_pc #search_sbt:hover{ background:#000}
.left .news{padding-top:30px;}
.left .news p{ padding-top:10px;}
.left .contact{ padding-top:30px;}
.left .contact p{ padding-top:10px;}

.left .sns{ padding-top:30px;}
.left .sns p{ padding-top:10px;}


.tag1{border-bottom:1px solid #27346a !important; padding-bottom:10px; color:#27346a; font-weight:bolder; font-size:16px;}

.right{float:left; width:1000px; margin-left:100px;}
.right .plist{ padding-top:30px;}
.right .plist a{ color:#000}
.right .plist a:hover{ color:#565656}
.right .plist li{ float:left; margin-right:50px; width:300px; padding-bottom:20px;}
.right .plist li:nth-child(3n){ margin-right:0px;}
.right .plist li p:nth-child(1) img{ width:300px; height:300px;}
.right .plist li p:nth-child(2){ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-top:10px;}
.right .plist li p:nth-child(3){ padding-top:20px; color:#ff0000; font-weight:bolder; padding-bottom:30px;}
.right .plist li p:nth-child(3) span{ text-decoration:line-through; color:#565656}


.goods_left{ float:left; width:420px;}
 .goods_left p:nth-child(1) img{ width:418px; height:418px;}
 .goods_left p:nth-child(2) img{ width:100px; height:100px;}
 .goods_left p:nth-child(2) span{ margin-right:2px;}
 .goods_left p:nth-child(2) span:nth-child(4n){ margin-right:0px;}
 
 .goods_right{ float:left; width:550px; margin-left:30px;}
 .goods_right h1{ font-size:16px; border-bottom:1px solid #eee; padding-bottom:5px;}
 .goods_right .sku{ padding-top:10px;}
 .goods_right .price{  padding-bottom:10px; padding-top:10px; }
 .goods_right .price span{font-size:16px; color:#FF0000; font-weight:bolder}
 .goods_right .price font{ text-decoration:line-through; color:#565656; font-size:14px;}
 .goods_right .comment{border-bottom:1px dashed #eee; padding-bottom:10px;}
 .goods_right .comment .goto{text-decoration:underline}
 
.goods_right .attr{ margin-top:20px;}
.goods_right .attr ul{ display:flex;flex-wrap:wrap; margin-bottom:10px;}
.goods_right .attr ul li{ background:#efefef; padding:10px; margin:10px 10px 0px 0px; border-radius:5px; border:1px solid #dedede; cursor:pointer}
.goods_right .attr ul .sel{ background:#27346a; color:#fff}
.goods_right .attr img{ width:80px; height:80px;}
.goods_right .attr .attr_img{padding:3px  3px 0px 3px;} 

.goods_right .num{ display:flex; padding-top:10px;}
.goods_right .num span{ width:30px; height:30px; border:1px solid #ccc;text-align:center; line-height:25px; font-size:30px; display:inline-block; cursor:pointer}
.goods_right .num input{ width:60px; text-align:center; height:30px; border:1px solid #ccc; outline:none; margin:0px -1px;}

.goods_right .buy{ display:flex; margin-top:30px;}
.goods_right .buy span{ display:block; text-align:center; padding:15px 80px; margin-right:20px; color:#fff; border-radius:10px; cursor:pointer; font-weight:bolder} 
.goods_right .buy span:nth-child(1){ background:#000;}
.goods_right .buy span:nth-child(2){ background:#27346a;}
.goods_right .buy span:nth-child(1):hover{ background:#565656}
.goods_right .buy span:nth-child(2):hover{ background:#0070ba}


.goods_content{}
.goods_content .tab{}
.goods_content .tab li{ float:left; width:50%; text-align:center; padding:10px 0px; background:#ccc; cursor:pointer}
.goods_content .tab .sel{ background:#2B59B5; color:#fff; font-weight:bolder}
.con1{ padding:20px 0px}
.con1 img{ width:100%;}

.con2{ display:none}
.con2 .item{background:#efefef; margin:20px 0px; padding:20px;}
.con2 .item .name{color:#333333; padding-bottom:10px;}
.con2 .no{padding:20px;}

.made_attr{ display:none; margin:20px 0px;}
.made_attr input{text-align:center; border:1px solid #dedede; outline:none; width:50px; height:24px;}
.is_made{ background:#ff0000; padding:5px 10px; width:140px; text-align:center; color:#fff; margin:20px 0px; cursor:pointer}


.footer{ width:1400px; margin:0px auto; background:#fff; padding:10px;}
.footer ul{ background:#efefef; padding:20px 0px;}
.footer ul li{ float:left; width:200px; padding-left:120px; }
.footer ul li div{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;}
.footer ul li p{ padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px;}
.footer ul li p a{ color:#000}
.footer ul li p a:hover{ color:#565656}
.footer .copyright{text-align:center; padding:20px 0px}


.blog{}
.blog ul{ padding:10px 0px;}
.blog li{ float:left}
.blog li:nth-child(1){ width:300px;}
.blog li:nth-child(1) img{ width:300px; height:200px;}
.blog li:nth-child(2){ width:650px; margin-left:50px;}
.blog li:nth-child(2) h2{ padding-bottom:10px;}
.blog li:nth-child(2) p{ padding-top:10px;}

.blog_info{}
.blog_info h1{text-align:center; padding-top:20px;}
.blog_info .time{ text-align:center; padding-top:10px; }
.blog_info .intro{background:#efefef; padding:10px; margin-top:20px;}
.blog_info .content{padding:20px 0px; overflow:hidden}

}

@media screen and (max-width:751px){
    
    body{ background:#fff}
	
   .header{ display:none}
   .left{ display:none}
  
   
    .banner img{ width:100%}
  
	.banner2 img{ width:100%}
   
   .tag1{border-bottom:1px solid #27346a !important; padding-bottom:10px; color:#27346a; font-weight:bolder; font-size:16px;}
   
   
   .header-mobile {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .header-mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding: 10px 0;
        box-shadow: 0px 0px 10px 3px #efefef;
    }
	
	
	.header-mobile>div:first-child {
        padding-left: 10px;
    }

    .header-mobile>div .iconfont {
        font-size: 32px;
        margin-right: 10px;
		color: #000;
    }

    .header-mobile>a {
		display:inline-block;
        width: 40%;
    }
	.header-mobile>a img{
		width:100%;
	}

    .header-mobile>div:nth-child(3) {
        position: relative;
    }

    .header-mobile>div:nth-child(3) .cart_num {
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 63px;
        top: -6px;
        background-color: red;
        font-size: 12px;
        color: #fff;
        transform: scale(0.8);
    }
	
	.header-mobile>div:nth-child(3) .cart_num a{ color:#fff;}
	
	
	.menu {
        width: 100%;
        height: 100%;
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 101;
       
    }

    .menu .menu-column {
        box-shadow: 0px 0px 19px 8px #bbb;
    }

    .menu .menu-column>div:first-child {
        text-align: right;
        padding: 10px;
        border-bottom: 0px;
    }

    .menu .menu-column>div:first-child .iconfont {
        font-size: 35px;
		margin-right:0;
		font-weight: 200;
		color: #666;
    }

    .menu .menu-column>div:nth-child(2),
    .menu .menu-column>div:nth-child(3) {
        text-align: center;
        border-bottom: 0px;
    }

    .menu .menu-column>div:nth-child(2) img {
        width: 90px;
    }

    .menu .menu-column>div:nth-child(3) {
        margin-top: 10px;
        padding: 10px;
        font-size: 15px;
    }

    .menu .menu-banner {
        width: 100%;
        margin-bottom: 10px;
    }

    .menu .menu-banner img {
        width: 100%;
    }

    .menu .menu-column {
        width: 64%;
        height: 100%;
        background-color: #fff;
        overflow: auto;
        padding-bottom: 20px;
    }

    .menu .menu-column::-webkit-scrollbar {
        display: none;
    }

    .menu .menu-column>div {
        color: #999;

    }

    .menu .menu-column .column-xun {
        padding: 5px 10px 15px;
    }
	
	.menu .menu-column .column-xun  a{
       color:#999;
    }

    .menu .menu-column .column-m {
        text-align: center;
        margin-top: 60px;
        border-bottom: 0px;
    }

    .menu .menu-column .column-m .iconfont {
		font-size:32px;
        margin-right: 5px;
		color:#666;
		position:relative;
		top: 7px;
		
    }
    
	/*
    .menu .menu-column>div:last-child {
        display: flex;
        justify-content: center;
        margin-top: 25px;
        padding-bottom: 20px;
        border-bottom: 0px;
		
    }*/
	.menu .menu-column .column-tel .iconfont{ font-size:16px; color:#dc24e8}
	.menu .menu-column .column-tel  p{ padding-top:10px;}
	.menu .menu-column .column-tel img{ width:50% !important; text-align:center}
	.menu .menu-column>div:last-child .iconfont{
		margin:0 10px;
	}
	.menu .menu-column>div:last-child .icon-face{
		color:#2064ff;
	}
	.menu .menu-column>div:last-child .icon-twi{
		color:#14c0f9;
	}
	.menu .menu-column>div:last-child .icon-ins{
		font-size:38px;
		color:#f30fd5;
	}
	.menu .menu-column>div:last-child .icon-pin{
		color:#f30f0f;
	}

    .menu .menu-column>div:last-child img {
        width: 35px;
    }

    .menu .menu-column>div div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 10px 15px;
    }

    .menu .menu-column>div div:first-child>img:last-child {
        width: 15px;
        transition: all 1s;
		margin-top:11px;
    }

    .menu .menu-column>div .column-div {
        width: 100%;
        margin-left: 5%;
        color: #999;
        display: none;
    }

    .menu .menu-column>div .column-div ul {
        width: 100%;
    }

    .menu .menu-column>div .column-div ul li {
        width: 100%;
        padding: 7px 0;
        list-style: none;
        border-bottom: 1px solid rgb(221, 221, 221);
    }

    .menu .menu-column>div .column-div ul li a {
        text-decoration: none;
        color: #999;
    }

    .menu .menu-column .column-shu:nth-child(2n),
    .menu .menu-column .column-xun:nth-child(2n) {
        background-color: #efefef;
    }

    .menu .menu-column .column-dan span .iconfont,
    .menu .menu-column .column-xun span .iconfont {
        font-size: 28px;
        margin-right: 10px;
		position:relative;
		top:4px;
		
    }
	
	.mod-search{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        display: none;
    }
    .mod-search .mod-search-div{
        width: 70%;
        height: 100%;
        background-color: #fff;
    }
    .mod-search .mod-search-div .search-title{
        padding: 25px 10px 10px;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mod-search .mod-search-div .search-title .mod-search-close{
        font-size: 32px
    }
	.search-m{ margin:2%}
	.search-m p{ padding:10px 0px 0px 0px;}
	.search-m select{border:1px solid #dedede; width:100%;height:30px; line-height:30px; outline:none}
	.search-m #price1{border:1px solid #dedede; height:30px; line-height:30px; width:45%; outline:none; text-align:center}
	.search-m #price2{border:1px solid #dedede; height:30px; line-height:30px; width:45%; outline:none; text-align:center}
	.search-m #keyword{border:1px solid #dedede; width:100%;height:30px; line-height:30px;  outline:none}
	.search-m #search_sbt{padding-top:10px; background:#27346a; color:#fff; text-align:center; padding:10px; margin-top:20px; cursor:pointer}
	.search-m #search_sbt:hover{ background:#000}



   
   

	.right{ width:98%; background:#fff; padding:1%}
	.right .plist{ padding-top:30px;}
	.right .plist a{ color:#000}
	.right .plist a:hover{ color:#565656}
	.right .plist li{ float:left; margin-right:6%; width:47%; padding-bottom:20px;}
	.right .plist li:nth-child(2n){ margin-right:0px;}
	.right .plist li p:nth-child(1) img{ width:100%;}
	.right .plist li p:nth-child(2){ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;padding-top:10px;}
	.right .plist li p:nth-child(3){ padding-top:20px; color:#ff0000; font-weight:bolder; padding-bottom:30px;}
	.right .plist li p:nth-child(3) span{ text-decoration:line-through; color:#565656}
	
	
 .goods_left{ width:100%}
 .goods_left img{ width:100%;}
 
 .goods_right{ width:100%}
 .goods_right h1{ font-size:16px; border-bottom:1px solid #eee; padding-bottom:5px;}
 .goods_right .sku{ padding-top:10px;}
 .goods_right .price{  padding-bottom:10px; padding-top:10px; }
 .goods_right .price span{font-size:16px; color:#FF0000; font-weight:bolder}
 .goods_right .price font{ text-decoration:line-through; color:#565656; font-size:14px;}
 .goods_right .comment{border-bottom:1px dashed #eee; padding-bottom:10px;}
 .goods_right .comment .goto{text-decoration:underline}
 
.goods_right .attr{ margin-top:20px;}
.goods_right .attr ul{ display:flex;flex-wrap:wrap; margin-bottom:10px;}
.goods_right .attr ul li{ background:#efefef; padding:10px; margin:10px 10px 0px 0px; border-radius:5px; border:1px solid #dedede; cursor:pointer}
.goods_right .attr ul .sel{ background:#27346a; color:#fff}
.goods_right .attr img{ width:80px; height:80px;}
.goods_right .attr .attr_img{padding:3px  3px 0px 3px;} 

.goods_right .num{ display:flex; padding-top:10px;}
.goods_right .num span{ width:30px; height:30px; border:1px solid #ccc;text-align:center; line-height:25px; font-size:30px; display:inline-block; cursor:pointer}
.goods_right .num input{ width:60px; text-align:center; height:30px; border:1px solid #ccc; outline:none; margin:0px -1px;}

.goods_right .buy{ display:flex; margin-top:30px;}
.goods_right .buy span{ display:block; text-align:center; margin-right:2%; color:#fff; border-radius:10px; cursor:pointer; font-weight:bolder; width:50%; padding:2% 0px;} 
.goods_right .buy span:nth-child(1){ background:#000;}
.goods_right .buy span:nth-child(2){ background:#27346a; margin-right:0px;}
.goods_right .buy span:nth-child(1):hover{ background:#565656}
.goods_right .buy span:nth-child(2):hover{ background:#0070ba}


.goods_content{}
.goods_content .tab{}
.goods_content .tab li{ float:left; width:50%; text-align:center; padding:10px 0px; background:#ccc; cursor:pointer}
.goods_content .tab .sel{ background:#2B59B5; color:#fff; font-weight:bolder}
.con1{ padding:20px 0px}
.con1 img{ width:100%;}

.con2{ display:none}
.con2 .item{background:#efefef; margin:20px 0px; padding:20px;}
.con2 .item .name{color:#333333; padding-bottom:10px;}
.con2 .no{padding:20px;}

.made_attr{ display:none; margin:20px 0px;}
.made_attr input{text-align:center; border:1px solid #dedede; outline:none; width:50px; height:24px;}
.is_made{ background:#ff0000; padding:5px 10px; width:140px; text-align:center; color:#fff; margin:20px 0px; cursor:pointer}


.footer{ width:100%; margin:0px auto; background:#fff; }
.footer ul{ background:#efefef; padding:20px 0px;}
.footer ul li{ float:left; width:47%; margin-right:6%; }
.footer ul li:nth-child(2n){ margin-right:0px;}
.footer ul li div{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;}
.footer ul li p{ padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px;}
.footer ul li p a{ color:#000}
.footer ul li p a:hover{ color:#565656}
.footer .copyright{text-align:center; padding:20px 0px}

}