  .swiper-container.n3dm {
	    width: 100%;
	    height: 100%;
	    margin: 0 auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1;
  }
	.n3dm .swiper-wrapper{
		position: relative;
		width: 976px;
		height: 100%;
		z-index: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform,-webkit-transform;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
    .n3dm .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: block;
      width: 120px ; 
	  margin: 10px;
	  padding:5px 10px;
    }
    #cat_child_list .nav_cat{
    	cursor:pointer;
    }
    #cat_child_list .on {color:#ffc4e4;}
    .nav_cat {position:relative;}
    .nav_sub_cat {position:absolute; top:0px; z-index:900; opacity:0}
    .swiper-container.n3dm {overflow: visible;}
  /*  #model_demo {width:80%;margin: 0 auto;float: none;}*/
    .modeldemo {position:relative; width: 100%; height:100%; display:block; float:left}
    
 /*   #model_demo {width:85%; display:block;margin:0 auto; margin-left:7.5%; overflow:hidden; }*/
    #model_demo > div {overflow:hidden;  margin:0 auto; display:block;}
   
    #ul_left_nav li {cursor:pointer; z-index:10;}
    #model_content p, #model_content h2 {
     	display:none;
       -webkit-transition: all 2s;;
       -moz-transition: all 2s ;
       -o-transition: all 2s;
       transition: all 2s;
    }
    #model_content p {
    	font-size: 14px;
    }
    .cir_image_list {width: 100px;position: absolute;top:0;left: 0;}
    .content { overflow-x:hidden; position:absolute; bottom:0;right:0; top:100px; margin-right:5%;
    transition:width 0.5s;}
    .custom-scroll{
			box-sizing:border-box;
			height:435px;
			padding:20px;
			text-align:left;
			overflow:auto;
			/*padding:30px;*/
			box-sizing:border-box; background:rgba(0,0,0,0.5);
            max-height: 500px; overflow-y:auto;
          /*  box-shadow: rgba(255,255,255,0.2) 3px 3px 5px 2px ;*/
		}
	/*.model-choice { margin-top:30px;}*/
    .mt150 {margin-top:100px !important;}
    .scrollbot-outer-parent {z-index:900 !important;}
  
 	#pic_nav {margin-bottom:20px;}
 	#pic_nav li { display:inline-block; margin-right: 20px; font-size:14px;cursor:pointer;}

.loadingimg img {
	margin:0 auto;
	display:block;
	margin-top: 30%;
}
.loadingimg {
	display:none;
	position:absolute;
	top: 25%;
	left: 40%;
}	
#right_main {
	width:25%;
	float:right;
	margin-top:20px;
}
#right_main .gallery {
	background:#fff;
	margin-bottom:2px;
	display:block;
    padding: 10px 0 5px 0;
}
#right_main .gallery img {
	max-width:90%;
	display:block;
	margin:0 auto;
	cursor: crosshair;
}
#right_main .gallery {
	position:relative;
}
#right_main .gallery span {
	position: absolute;
	width:50%;
	bottom:0;
}

#right_main #bottom_pic {
	width:100%;
	height:25px;
	display:block;
	border-radius:0 0 10px 10px;
	background: url("/images/yaozufz/mt.png") repeat-x bottom;
}

#description h2 {
	color:#fff;
	font-size:16px;
	margin-top:10px;
}
#model_des {
	padding:20px; 
	font-size:14px;
	box-sizing:border-box;
	color:#fff;
	float:left;
	text-indent: 32px;
	line-height:200%;
}
#model_title {
   text-align:center;	
}

#right_main #title, #right_gallery_main .pre {
	display:block;
	width:90%;
	background:rgba(0,0,0,0.4) url("/images/yaozufz/t1.png");
}
#right_main >div span {
	color:#444;
	font-size: 12px;
	display:block;
	text-align:center;
	background:rgba(255,255,255,0.8);
}

#tab_menu {
	z-index:888;
	cursor:pointer;
	margin-top:30px;
	position:absolute;
	left:8%;
	top:0;
}
#description {
   float:left;
   position:absolute;
   top: 20%;
   background: rgba(0,0,0,0.6);
   padding: 30px 10px;
   width:80%;
   min-height: 150px;
   margin-left:15%;
   z-index: 100;
}
#description .des_exit{
	position: absolute;
	top:0;
	right:0;
	margin-right:-10px;
	margin-top:-10px;
	cursor:pointer;
}

@media screen and (min-width: 1400px) {
	#right_main {
	   margin-top:80px;
	}
	#tab_menu {
	margin-top:80px;
	}
	#model_des {
	font-size: 16px;
	}
}

#model_menu_list a[catclassify="CADmodel"] {
	background: url(/images/yaozufz/man.png) no-repeat right;
	display:block;
}
/*** model 会出现多个，先用此来限制度度隐藏   ***/
.modelimage > img {margin:0 auto;margin-top:5px; cursor:ew-resize;}
@media screen and (min-width: 1280px) {
	/*#left_main,.container { height: 550px;}
	.modelimage > img { height:530px; width:auto !important; margin-top:15px; }*/
	.modelimage > img { width:auto !important; margin-top:15px; }
}
@media screen and (min-width: 1400px) {
/*	#left_main,.container  { height: 850px;}
	.modelimage > img { height:810px; margin-top:30px;}*/
	.modelimage > img {  margin-top:15px; }
}
#scale-btn a {
	color:#fff;
	font-size:6px;
	position:relative;
	display:block;
	transition: all 0.5s;
}
#scale-btn li {	text-align:center;}
#scale-btn a.on {
	border-radius: 50%;
    background: #f6dbad;
    color: #333;
}
#scale-btn a:before,#scale-btn a:after {
	width: 10px;
	position:absolute;
	height:1px;
	background:rgba(255,255,255,0.8);
	content:'';
	top:10px;
}
#scale-btn a:before {left:-10px;}
#scale-btn a:after {right:-10px;}
#scale-btn span,#m-sel span {
	width:28px;
	display:block;
	color:#fff;
	border:1px solid #fff;
	border-radius: 2px;
	text-align:center;
	margin:5px auto;
}
#scale-btn,#m-sel {	margin-top:30px;}
#m-sel span img {width:90%;margin-left:5%;}
#m-sel span {display:flex; align-items: center;}
#right_gallery_main {height: 100%; position:relative; float:right; margin-right:15px; width:85%;}
#right_gallery_main .slick-dots {position:absolute; right:-15px; top:32px; z-index:100;}
#right_gallery_main .slick-list {height: 100%; margin-top:32px;}
#right_gallery_main .slick-dots button {background: #ffffff; border:none; cursor:pointer; width:7px;}
#right_gallery_main .slick-active button {background: #f6b056; color: #fff; border:none;width:7px}
#right_gallery_main .arrow img {display:block;margin:0 auto;}
#right_gallery_main .arrow { position: absolute; width: 100% !important; height:auto !important; cursor:pointer }
#right_gallery_main .next {bottom:-32px; background: url(/images/yaozufz/mto.png) repeat-x bottom; border-radius: 0 0 5px 5px;}
#right_gallery_main .pre {top:-32px; border-radius: 5px 5px 0 0;}
#right_gallery_main .slick-slide {height:150px !important; overflow:hidden;}
.footer {font-size: 12px;}

@media screen and (min-width:1400px) {
.footer {font-size: 14px;}
.head_menu a {font-size:16px;}
}
#right-menu {
	width:10%;
    float: left;
    background: rgba(0,0,0,0.3); 
    padding:5px;
    margin-top:32px;
    border-radius: 5px 0 0 5px;
}
#right-menu a {
	width: 20px;
	margin:15px 0;
	display:block;
	color:#fff;
	cursor:pointer;
}
#right-menu a.on {
	color:#f6b056;
}
#qrcode,#m-code {
	position:absolute;
	bottom:20px;
	right:10px;;
	cursor:pointer;
}
#m-code {
	bottom:40px;
	background:rgba(255,255,255,1);
	text-align:center;
	border-radius:5px;
	padding:15px;
}
#qrcode:hover #m-code{
	display:block;
}
