@charset "utf-8";
/* CSS Document */
@import url("import.css");
*{ padding:0; margin:0;list-style:none;}
body{margin:0;font-size: 16px;font-family:Arial, sans-serif, 'Microsoft Yahei', 'Heiti SC';line-height:1.5; background-color:#f2f2f3;}
a{color:#333;font-size:12px;}

.header{background-color: #fff;}
.notice{font-size:12px;text-align:right; background-color: #efefef;line-height:30px;margin-bottom:30px;}
.notice a{font-size:12px; color:#666; display:inline-block;margin-left:10px;}
.notice .iconfont{color:#f66;margin-right:5px;}
.container{ max-width:1440px;}

#searchForm{ display:block; margin:5px auto; padding:5px !important; background-color:#E3EAEA;}
#mobileForce{ }
#mobileForce img{ width:100%; min-height:100%;}


/*========================*/

.msg-box{display: none;}
.n-right .msg-wrap{margin-right: -6px;}
.n-msg{display: none;}
/*===========*/

.logo{font-size:22px; }
.mainMenu{overflow:hidden;margin-top:20px;}
.mainMenu ul{display:flex;justify-content:flex-end;padding:0;margin:0}

.mainMenuOn:after{content:"";height:2px;background:#FF5113; position:absolute;left:0;right:0;bottom:5px;}
.mainMenu a{text-align:right;color:#666; text-decoration:none;font-size:16px; display:inline-block;padding:5px;white-space:nowrap; margin-right:20px;}
.mainMenu a:hover{ color:#ef463a; text-decoration:none; }
.menuOn{color:#ef463a!important;}


.swiper-slide{width: 100%!important;}
.swiper-slide img{ width:100%}

.bidDiv{ position:fixed;right:0;background-color: rgba(255,102,102,0.95);top:-80px;bottom:0; height:598px;width:360px;z-index:2023; color:#fff;margin:auto}
.bidDiv form{ display:block; padding:20px;}
.bidDiv form h2{ line-height:55px; font-size:18px;}
.bidDiv .closeDiv{ float:right; margin-right:10px; display:inline-block; height:40px;width:40px; font-size:28px; cursor:pointer;}

.floor{ clear:both; height:45px; line-height:45px; font-size:22px; margin-top:10px;  background:#CCC ; color:#FFF; text-indent:1em; list-style:none;}

.index h2{margin-top:60px; }
	.index .lead{margin-bottom:30px;}
	.com div[class*="col-"] {padding:5px}
	.index .com a{display:block;background-color: #fff;margin-bottom:10px; overflow:hidden;border:solid 1px #efefef; text-align:center}
	.index .com a p{line-height:35px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index .com img{width:100%;height:80px;}
	.index .banner{background-color: #606; margin:5px auto; overflow:hidden; position:relative;}

.swiper-wrapper img{ width:100%;}

.indexDh{ line-height:35px; height:100px; text-align:center; font-size:14px; padding-top:20px; }
.indexDh a{ display:block;color:#666}
.indexDh i{ margin-right:5px; font-size:26px;display:block; color:#066}

.index .case a{display:block;background-color: #efefef;margin-bottom:30px;}
.index .case img{ width:100%; height:200px;}

.index .designer a{display:block;background-color: #efefef;margin-bottom:30px;}
.index .designer img{width:100%; height:360px;}

.index .info h2{ font-size:22px;line-height:45px;border-bottom:#eee solid 5px;}
.index .info h2 a{font-size:12px; float:right;padding: 5px 15px;background-color: #f66;line-height: 10px;border-radius: 20px;color:#fff}
.index .info li{ list-style:none; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .info a{line-height:35px; font-size:16px;}

.breadcrumb{font-size:12px;background-color: #fff;border:#e8e8e8 solid 1px;}

.bidList{color:#666;background-color: #fff;padding:0 15px 0 15px;line-height:55px;margin-right:-15px; border: 1px solid #e8e8e8;font-size:18px;}
.bidList a{ font-size:inherit; color:#33F}

.infoList{color:#666;background-color: #fff; padding:0 15px 0 15px; margin-right:-15px; border: 1px solid #e8e8e8;}
.infoList .row{ border-bottom:#eee solid 1px; margin-bottom:10px; padding-bottom:10px;}
.infoList a{color:#666 }
	.infoList {line-height:30px; overflow:hidden; font-size:18px;margin-bottom:10px;}
	.infoList h4 a{ font-weight:bold; font-size:16px;}
	.infoList h4 span{ font-size:12px; font-weight:normal; float:right;}
	.infoList  img{ display:block; width:100%; height:120px; margin:5px 10px 5px 0;object-fit: cover;}
	.infoList  div{font-size:14px; }
	.infoList p i{ display:inline-block; font-size:12px;margin-right:15px;}
	
.listCom{border: 1px solid #e8e8e8; font-size:12px;box-shadow:rgba(153,153,153,0.1) 0 0 5px;padding:2% 3%; color:#666;background-color: #fff;}
.listCom h4 a{font-weight:bold;font-size:18px;}
.listCom h4 span{font-size:12px; font-weight:normal;}
.listCom .row{ margin-bottom:30px;padding:10px 0}
.listCom .row:nth-child(odd){background-color: #efefef;}
.listCom  .row{ position:relative;}
.listCom  .row  .vipTag{ position:absolute;left:0;top:0;height:50px;width:50px;background-color: #ef0;}
.listCom .comTag span{ display:inline-block;padding:2px 8px;margin:0 5px 0 5px;}
.listCom  a{ color:#333}
.listCom img{width:100%;height:80px;}
	
.navBox{font-size:12px; padding:15px; border: 1px solid #e8e8e8; margin-bottom:20px; box-shadow:rgba(153,153,153,0.1) 0 0 5px;background-color: #fff;}
	.navBox h4{border-left:#999 5px solid; text-indent:1rem; font-size:22px;color:#f66 }
	.navBox li{line-height:35px;overflow:hidden;text-overflow:ellipsis; height:35px; }
	.navBox a{font-size:14px; color:#333;}
	
#bidForm{padding:10px;background-color:#ff8559; margin-bottom:20px;box-shadow:rgba(153,153,153,0.8) 0 0 5px;background: linear-gradient(135deg, rgb(255, 78, 111), rgb(251, 145, 104));
    box-shadow: rgb(255 78 111 / 50%) 0px 2px 16px;}
	#bidForm h4{color:#fffcdd;font-weight:bold;font-size:26px;line-height:35px; text-align:center; }
	#bidForm p span{ width:49%; display:inline-block;}
	#bidForm p span:nth-child(2){ float:right;}
	#bidForm input{ border-radius:0;}
	#bidForm .table>tbody>tr>td{border-top:none!important;}

.bidBt{background: linear-gradient(160deg, rgb(255, 203, 0), rgb(255, 148, 2));box-shadow: rgb(255 203 0 / 30%) 0px 9px 13px 0px;border:#db802a solid 1px;color:#fff; width:100%; border-radius:5px; line-height:35px;}
.boxTitle{ height:40px; line-height:40px; font-size:16px; text-indent:1em;border-left:#066 solid 5px;color:#000; }
.boxTitle a{ display:inline-block; float:right; font-size:14px;color:#CCC}

.indexInfo{}
.indexInfo li{ line-height:35px; height:35px;}
.indexInfo li span{ float:right; color:#999;}
.indexInfo li a:link,.indexInfo li a:visited,.indexInfo li a:active{  color:#333; font-size:14px; text-decoration:none;}

.content{clear:both;padding:5px;overflow: hidden; }
.mainBody{clear:both;overflow: hidden;padding:5px 10px; background:#FFF; }
.mainBodyLeft{width:230px; float:left;  background:#F0FBFF; min-height:400px;}
.mainBodyLeft h4{  height:40px; line-height:40px; color:#FFF; background:url(../Images/leftBg.png) center  bottom no-repeat  ; text-indent:3em; font-size:14px;}
.mainBodyLeft ul{ padding:10px;}

.about{line-height:1.5; padding:20px; font-size:14px;}
.about h2,.kidsNews h2,.pageCss h2,.infoList h2,.people h2,.classes h2,.infoList h2{clear:both; line-height:45px;  margin:15px auto; color:#79171c; border-bottom: #eee  solid 2px; font-size:24px;}

.myTable{ border:#CCC solid 1px; text-indent:1em;}
.myTable td{border:#CCC solid 1px; border-collapse:collapse;  }

.pagination>li>a{color: coral}
.pagination>.active>a{background-color: coral;color:#fff;border-color:coral;}

#goods>li{ line-height:35px; overflow:hidden; color:#666}
#goods>li:nth-child(1){font-size:20px;}
#goods>li:nth-child(2){font-size:18px; color:#F00; }
#goods>li:nth-child(5){}
#goods>li>div{ display:inline-block; margin-bottom:-8px;}
#goods>li>span{ display:inline-block; margin-left:30px;}

.categoryList{ margin:20px; text-align:center; }
.categoryList h4{}
.categoryList ul{ list-style:none;}
.categoryList ul li{ line-height:35px; height:35px; }
.categoryList ul li a:link,.categoryList ul li a:visited,.categoryList ul li a:hover{ text-decoration:none; font-size:14px; color:#666 }

.contact{  line-height:2;}
.contact ul{ margin:30px;}
.contact li{  font-size:12px;  color:#F36;}

.myBox{ overflow:hidden;}
.myBox h4{ }
.myBox ul{ list-style:none;overflow:hidden; }
.myBox ul li{ line-height:25px;}
.myBox ul li a:link,.myBox ul li a:visited{ color:#666;}
.myBox ul li a:hover{ color:#090;}

.fLink h4 { border-bottom:#CCC solid 1px; line-height:50px;}
.fLink a:link,.fLink a:visited,.fLink a:hover{ margin-right:10px; float:left; text-decoration:none; color:#666; font-size:14px; display:block; line-height:40px;}


.pageCss{ padding:20px;  background:#FFF; line-height: 24px;font-size: 14px; font-family:"微软雅黑";}


		
/*图片模型CSS*/	
.imgModel{min-height:460px;background-color: #fff; padding:10px;} 
	.imgModel h4{ clear:both; line-height:45px; font-size:22px; margin:15px auto; color:#666; }
	.imgModel h4 span{ width:20px; height:20px; float:right; display:inline-block}
	.imgModel a{display:block;color:#333; overflow:hidden;box-shadow:rgba(102,102,102,0.5)  0px 0px 0px; transition:.3s all ease-in-out; margin-bottom:40px; }
	.imgModel  a:hover{box-shadow:#999 0px 0px 10px;transition:.3s all ease-in-out;}
	.imgModel  a img{ width:100%; height:220px;object-fit:cover}
	.imgModel  a p{ text-align:center;line-height:45px;}
	.imgModel  a p:last-child{ color:#CCC}
/*人物模型*/
.peopleList{min-height:460px;} 
.peopleList a{min-height:460px;margin-bottom:20px;} 
.peopleList a p{ line-height:35px; text-align:center;}
.peopleList a img{width:100%;height:320px;} 

/*商品模型CSS*/	
.goodsListModel{} 
	.goodsListModel h4{ clear:both; line-height:45px; font-size:22px; margin:15px auto; color:#79171c; }
	.goodsListModel h4 span{ width:20px; height:20px; float:right; display:inline-block}
	.goodsListModel>.row>div{margin-bottom:10px; }
	.goodsListModel>.row>div>a{border:#ececec solid 1px;overflow:hidden;  padding:5px; display:block; height:220px;}
	.goodsListModel>.row>div>a>img{ width:100%;height:120px; overflow:hidden; display:inline-block;object-fit: cover;}
	.goodsListModel>.row>div>a>li{}
	.goodsListModel>.row>div>a>li p:nth-child(1){line-height:45px; color:#333; font-size:16px; clear:both}
	.goodsListModel>.row>div>a>li p:nth-child(2){line-height:20px; color:#ccc; }
	.goodsListModel>.row>div>a>li p:nth-child(2) i{font-size:12px !important; display:inline-block;width:50%;float:left;}
	.goodsListModel li a  a:link,.goodsListModel li a  a:visited{ color:#666 !important;}


.more{ display:block; width:80px;line-height:25px; background:#d1b08e; border:#9d7f61 solid 1px; color:#333; text-align:center; margin:10px;}
.more:hover{ display:block; width:80px;line-height:25px; background:#c40900; border:#7a1510 solid 1px; color:#FFF; text-align:center; margin:10px;}
.ask{}	
.Page{margin:0 auto}	
		
.showInfo{ background:#FFF; overflow:hidden; line-height:2;  font-size:14px; padding:0 15px;}
.showInfo img{ max-width:100% }
.infoTit{ line-height:40px; color:#999}
	.showInfo .infoContent{font-size:1.2rem;}
	.showInfo .infoContent img{ width:auto;max-width:100% !important;}
	.showInfo video{ max-width:100%;}
	.comment{}
	.comment h5{font-size:12px; color:#5191d2}
	.comment h5 span{  display:inline-block; float:right;}
	.comment ol{ clear:both; overflow: hidden;font-size:12px; color:#999; border-bottom: #efefef solid 1px; padding:0 0 0 10px;}
	.comment ol span{  display:inline-block; float:right; }
	.tags a{ display:inline-block; padding:2px 8px 2px 8px; border-radius:8px;background-color:#F4F9FD; border:#DAEDFE solid 1px; margin-right:10px;}

.shareDiv{ padding:10px; background-color:#B1E4F5; border-radius:5px; text-align:center;transition:all .3s ease-in-out; margin:0 auto; width:200px;}
.shareDiv:hover{ background-color: #184f8b; transition:all .3s ease-in-out;}
.shareDiv canvas{ height:160px; width:160px; border:#FFF 5px solid; }
.shareDiv p{ line-height:35px; }

#floatDiv{position:fixed;width:40px; cursor:pointer; z-index:19810720;inset: auto 40px 20% auto;}
#floatDiv li{width:50px;height:50px; margin-bottom:5px; font-size:25px; text-align:center; line-height:50px; list-style:none; border-radius:25px; }

#ewm{ background-color:#F66;color:#FFF;}
#ewm p{ display:none; width:180px; height:180px; position:absolute; left:-180px;top:-60px; background-color: #F66;}
#liuyan{ background-color:#0C6;color:#FFF;}
#back-top{ height:50px; background-color:#09F; color:#FFF; display:none; }
#floatDiv canvas{ width:170px; height:170px;}

#albums{overflew:hidden; height:600px; background:#F0FDFF;}
#albumsBig{ margin:0 auto;height:350px; clear:both; text-align:center;}
#albumsBig img{ border:#CCC solid 5px; margin:5px auto;}

#albumsSmall{float:left; height:100px;overflew:hidden; margin:0 auto; }
#albumsSmall img{  height:100px; width:160px; margin:5px; cursor:pointer;}


.contact{width:600px; margin:0 auto; overflow:hidden; font-size:14px; line-height:2;}

.pageList{line-height:20px !important}
.pageList a{ padding:5px 10px 5px 10px; display:inline-block; border:#CCC solid 1px; margin:0 5px 5px 0; }
.pageOn{ background-color: #F00; color:#FFF !important;}


.footer {background:#292929; color:#efefef; padding:60px 0 50px 0; clear:both;font-size:12px;}
.footer a:link,.footer a:visited,.footer a:hover{ text-decoration:none;color:#efefef; font-size:12px;}
.footer  p{ clear:both; }

.mobileDiv{ display:none; color:#666;position:fixed; background:rgba(255,255,255,0.9); left:0; right:0; bottom:0; height:45px; font-size:16px;text-align:center; line-height:45px; border-top:#eee solid 1px; box-shadow:#666 0 0 2px}
.mobileDiv .row>a{ display:block; color:#666;}
.mobileDiv li{text-align:center; color:#FFF; font-size:14px;}
.mobileDiv .row>li>span{ color:#333; font-size:12px;}

.showVideo{ }
.showVideo video{ width:100%;}
.showVideo img{ width:100%; max-width:480px;}



.tabOn{border-bottom:#32525C solid 3px !important; color:#32525C; font-weight:bold;}

.videoShow video{ width:100%;}



@media screen and (max-width:920px){
.mainDiv{overflow: hidden; margin:10px; clear:both; background-color: #fff; padding:10px;}
.header{overflow:hidden;margin:0 auto;height:30px; color:#FFFFFF; display:none;}
.com div[class*="col-"] {padding:2px}
/*.com div[class*="col-"] a{margin-left:-1px}*/
.index h2 { margin-top:15px;}
.index .lead{margin-bottom:10px;}
.index .com img{width:100%;height:60px;}
.index .banner{height:160px;}
.index .banner img{height:160px;}

.index .designer img{ height:260px;}

.mainMenu ul div{ display:none;  background:rgba(0,0,0,0.7);position:absolute; left:0; right:0; top:50px; z-index:100;}
.mainMenu ul button{ display:block;}
.mainMenu ul div a{ display:inline-block;}

.showInfo h4{ font-size:20px; line-height:2; }
.showInfo video{ max-width:100% !important; min-height:380px !important;}
.showInfo img{ max-width:100%; }

#floatDiv{ right:5%!important;}
.infoList{ line-height:20px;}
.infoList  img{height:100px;width:100%;  margin: 0;}
.infoList>.row>.col-xs-8>h5{height:25px; line-height:25px; overflow:hidden;}
.infoList>.row>.col-xs-8>p{ max-height:40px; overflow:hidden;text-overflow :ellipsis;}

.pageLeft{background:#FFF;}
.pageRight{ display:none;}
.footer ul{ width:100%; clear:both; overflow:hidden;line-height:30px; text-align:center;}
.fLink {width:100%; margin:50px auto; height:auto !important; overflow:hidden;}
.infoList li span{ display:none;}
.mobileDiv{ display:block;}
}
