/* CSS Document */


.globa-nav .allMenu a.sj-big{ display:none;}

.nav{ display:none;}

@media screen and (max-width: 1680px){



}



@media screen and (max-width: 1400px){



}



@media screen and (max-width: 1200px){



}





@media screen and (max-width: 1100px){



}



@media screen and (max-width: 1000px){



}





@media screen and (max-width: 950px){





}



@media screen and (max-width: 900px){





}





@media screen and (max-width: 800px){



body{ background:#fff}

.top-dh{ margin-left:100px; text-align:center; padding-top:35px; font-size:14px; display:block !important;}

.top-dh a.link{
	margin: 0px 5px 0px 5px;
}



/*导航*/

.globa-nav .allMenu a.big{ display:none;}

.globa-nav .allMenu a.shop_cart{ background:none;}

.sub_menu ul{ display:none;}

.active,.block{ display:none !important;}

.pc-daohang{ display:none; width:100%;}

.block1{ width:100%; margin-bottom:30px !important;}

.Search{ top:95px; left:5%; margin-left:0; z-index:9999;}



.sub_menu{  margin-bottom: 0px;
    height: 230px;
    padding-bottom: 0;}

.sj-dh{ position:absolute;z-index: 999; top:215px; left:0; width:94%; margin:0 3%; display:block !important;}

.sj-dh ul li{ float:left; /* border-right:1px solid #034254; */ padding:0 3px; height:36px; /* line-height:12px; margin-bottom:15px; */ font-weight:bold;}

.sj-dh ul li:last-child{ border:none;}

.sj-dh ul li a{
	font-size: 16px;
    line-height: 35px;
    border: 1px solid #EFEFEF;
    padding: 6px 3px;
    background-color: #efefef;
	}
	
.sj-dh ul li a:visited{
	font-size: 16px;
	line-height: 35px;
	border: 1px solid #EFEFEF;
	padding: 6px 3px;
	background-color: #efefef;
	}







.header{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}

.nav{width:100%;height:50px;line-height:50px;background:#fff;float:left; display:block;}

.nav li{ width:8%;height:40px;line-height:40px;float:left;font-size:14px;text-align:center;position:relative;}

.nav ul li a{color:#fff;display:block;}

.nav ul li:hover{background:#ccc;}

.nav ul li:hover a{ color:#333 !important;}



.header .toggle {

    width: 30px;

    height: 20px;

    position: absolute;

    top: 25px;

    right: 0px;

    cursor: pointer;

    z-index: 999;

}

.header .toggle em {

    width: 100%;

    height: 4px;

    position: absolute;

    top: 0px;

    left: 0px;

    background-color:#024E64;

    border-radius: 5px;

}

.header .toggle em:nth-child(2) {

    top: 8px;

}

.header .toggle em:last-child {

    top: auto;

    bottom: 0px;

}

.header .toggle em:first-child {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

}

.header .toggle em:last-child {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px);

}

.header .toggle em, .header .toggle{

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.header.active .nav li {

    opacity: 0;

}



.chose {

  width: 21px;

  height: 21px;

  background:url(../images/chose.png) no-repeat center;

  -webkit-background-size: 100%;

  background-size: 100%;

  position: absolute;

  right: 15px;

  top: 16px;

  cursor: pointer;

}





.header .nav,.header.active .nav{

	width: 200px;

	height:auto;

    position: fixed;

    float: none;

    top: 0px;

    left: auto;

    right: -202px;

    border-left: 2px solid #d7d7d7;

    bottom: 0px;

    background-color: #fff;

    z-index: 10;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;}

.header .nav ul{width:100%;height:auto;}

.header .nav li,.header .nav li a{    

    width: 100%;

    margin: 0;

}

.header .nav li a{

    width:100%;

    float:none;

    font-size:14px;

    display:block;

    color:#333;

    padding-left:30px;

	text-align:left;

}

.header .toggle{opacity:1;right:5%;}

.header .toggle em:first-child,.header .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}

.header .toggle{z-index:1;}

.header .nav.show{padding-top: 50px;}

.header .nav.show li a:hover{

    background: #024E64;

    color: #fff !important;

}

.sec_nav{position:initial !important; background:none !important; border-bottom:none !important; box-shadow:none !important;}

.sec_nav span > a{color:#fff !important;padding-left:40px !important;}

.sec_nav{width:100%;display:none;position:absolute;left:-25%;top:50px;z-index:100;  }

.web_hid_nav{display:block !important}

.nav li{position:initial;height:auto;}

.sec_nav .web_hid_nav a{ color:#fff !important;}

.web_hid_nav{ background-color:#ccc !important;}







/*导航结束*/



.page-header{ height:75px;}

.logo{ top:10px; width:120px;}

.logo img{ width:75%;}







.main{ width:90%;}

.page-header{ border-bottom:2px solid #024E64; position:relative;}

.page-header .Welcome{ display:none;}

.page-header .topArea{ line-height:20px; font-size:16px; font-weight:bold; width:100%; top:80px; right:0; padding:10px 0;}



body{ background:none;}



.jianjie-r{ margin:0 auto !important; /*text-align:justify;*/ font-size:13px !important;}

.jianjie-r p span{ font-size:13px !important;}

.jianjie-r p.p2{ display:none !important;}

.index-jianjie{ min-height:250px;}

.index-jianjie .img{ /*float:none !important; padding-right:0; padding-bottom:15px;*/ margin:0 auto; display:none;}

.index-jianjie .title{ /*text-align:center;*/ font-size:18px !important; margin-bottom:5px !important;padding-bottom: 0px;}

.index-jianjie,.index-artworks{ width:100%; margin-top:10px; float:none; border-right:none;}

#images a{ display:inline-block; width:49%; text-align:center;}

#images a img{ margin-top:10px;}

.index-artworks .info{ width:100%;}

.index-artworks .title{ text-align:center; font-size:18px !important; line-height:1.8 !important;}

.index-artworks .red{ font-size:12px; text-align:center; line-height:1.2 !important;}

.index-artworks .info .text p{ text-align:justify;}

.galmin{ width:100% !important;}

.index-cat .goodsbox1{ width:50%; margin:0;}

.index-jz .box .info{ text-align:justify;}

.index-jz .box,.index-jz .box video{ width:100% !important; height:auto !important;}

.rollBox{ width:100%;}

.rollBox .Cont{ width:180px;}

.rollBox .img1{ margin-right:0; margin-left:20%;}

.rollBox .img2{ margin-left:0;}

.index-artworks .info .t{ font-size:18px !important;}

.index-artworks .info .text{ font-size:13px !important;}





.index-cat .goodsbox1 .imgbox1{ height:auto !important;}

.index-cat .goodsbox1 .imgbox1 img{ width:90% !important;}







.main .index-cat:last-child{ display:none !important;}











.lb{ display:block; width:90%; margin:30px auto 0;}

.lb2{ display:block; width:100%;}

#pageRight,#pageLeft{ width:100%; border:none;}

.cagegoryCon dl{ float:left; width:50%; margin:0; padding:0;}

.cagegoryCon dl dt{ font-size:16px;}

.index-cat .goodsbox1 a {

    color: #034254;

    text-align: center;

}

.goodsbox1{ width:47%; margin-right:5px;}

.goodsbox1 .imgbox1{ width:100% !important;}

.goodsTitle{ padding:0;}

.chicun,.zhiliang,.qudiao,.jiage{}

.select-b{ width:140px; margin-right:2px; padding:1px 0;}

.sort select{ width:143px;}

.pagebar{ font-size:12px; margin-right:0; text-align:justify;}

.red2{ font-size:12px;}

.f14b{ font-size:12px;}

.pro-t{ font-size:23px !important;}

















table.pro-show tr td{ display:block; width:100%; height:auto;}

table.pro-canshu tr td{ display:inline-block; width:auto;}

.pro-show td img{ width:100% !important;}

.pro-show table td img{ width:auto !important;}

.closew{ margin-top:10px;}









.mod1tit{ padding-left:5%;}

.mod1con{ margin:0 auto; padding:0; width:90%; font-size:12px;}

.mod1con .title{ margin:0 auto; line-height:1.8; font-size:18px;}

.mod1con .index-jz .box div{ width:100% !important;}



table td{ font-size:14px;}

#formCart{ overflow-x:scroll !important; display:block !important;}

#formCart table tr th{ width:auto !important; height:auto !important;}

.bnt_number6{ margin:5px auto;}

table{ width:100% !important;}

.pro-show td:first-child{ padding-top:0 !important;}

table tr,table tr td{ width:auto !important; height:auto !important;}

.biaoge-x{ width:100% !important;}

.biaoge-x tr td:first-child{ width:50% !important;}

.biaoge-x tr td:nth-child(2){ width:5% !important;}

.biaoge-x tr td:nth-child(3){ width:40% !important;}

.info-show .t{ font-size:18px; margin-top:10px; line-height:1.8;}

.info-show .text .f14{ font-size:16px;}

#formCart table tr td.c1{ test: expression(this.colSpan="1");}

#formCart table tr td.c2{ test: expression(this.colSpan="2");}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 

::-webkit-scrollbar 

{ 

    width: 5px; 

    height: 15px; 

    background-color: #F5F5F5; 

} 

   

/*定义滚动条轨道 内阴影+圆角*/ 

::-webkit-scrollbar-track 

{ 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

    border-radius: 10px; 

    background-color: #F5F5F5; 

} 

   

/*定义滑块 内阴影+圆角*/ 

::-webkit-scrollbar-thumb 

{ 

    border-radius: 10px; 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 

    background-color: #555; 

} 









.mod1{ width:100%; margin:0 auto;}

.mod1 td img{ max-width:100%; height:auto;}

.NCSS1-photos{ overflow-x:auto !important; display:block !important; height:auto !important; width:auto !important;}

.NCSS1-photos-1{ display:table-cell !important;}





#userRight div{ padding:5% !important;}

#userRight div td #remember{ width:auto !important;}

#userRight div td label{ display:inline-block !important;}

#userRight div td{ display:block !important; width:90% !important; text-align:left;}

#userRight div td input{ width:95% !important; display:inline-block !important;}

#address_notice{ display:inline-block !important;}

#userRight div .btn-yel:last-child{ margin-top:10px !important;}

#userRight div tr td:first-child{ padding-bottom:0 !important;}

#userRight div tr td:nth-child(2){ padding-bottom:10px !important;}







#userRight{ width:100%;}

#userRight table{ background:none !important;}



#formLogin table tr{ line-height:30px;}

#formLogin table tr.l1{ line-height:10px;}

#formLogin table tr td{ width:75% !important; float:left;}

#formLogin table tr td:first-child{ width:20% !important;}





.tishi{ display:none;}

.sj-tishi{ display:block !important;}

















/*底部*/

.pageFooter .artBox{ width:100%;}

.pageFooter .artBox .artList .list,.pageFooter .artBox .artList .list1{ width:40%; padding:0 5%; background:none;}



.pageFooter .artBox .artList div:first-child,.pageFooter .artBox .artList div:nth-child(2){ display:none !important;}





.index-cat{ display:none;}

.info-footer{ display:none;}

.pageFooter .artBox .artList .img{ width:auto !important; margin:0 auto !important; float:none !important;}

.sj-b{ display:block !important;}

.pageFooter .artBox .artList UL {margin: 10px auto; width: 230px;}
.pageFooter .artBox .artList UL LI{ float:left; width:100%;font-size: 15px; /* text-align:center; */}

.pageFooter .artBox .artList UL LI:nth-child(2),.pageFooter .artBox .artList UL LI:nth-child(5),.pageFooter .artBox .artList UL LI:nth-child(6){ width:100%;}

.pageFooter .artBox .artList UL LI.cu{ width:100%;}

.sj-b span{ padding-top:20px !important;}





#history_div{ display:none !important;}









#formdiv,#theForm{ width:100% !important;}

#formdiv table input,#formdiv table textarea,#theForm table input,#theForm table textarea{ width:90% !important;}

#formdiv table #danxuan,#theForm table #danxuan{ width:auto !important;}

.btn-yel{ display:block !important;}

















}





@media screen and (max-width: 413px){











}





@media screen and (max-width: 374px){



.rollBox .img1{ margin-left:15%;}

.index-jianjie .img{ float:none !important; margin:0 auto;}

.top-dh{ font-size:12px;}



.index-cat .goodsbox1{ width:48%;}

.index-cat .goodsbox1:nth-child(even){ margin-left:4%;}







}