﻿@charset "UTF-8";html,body,.wrap,.container,.wrapper,.d3-model .wrap .d3-content .v3d-panel,.flow-model .swiper-flow .swiper-container .swiper-slide .slide-num,.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item input[type='submit'],.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item input[type='button'] {margin-left:auto;margin-right:auto;}
.fl,.header > a,.header > ul li,.friend-link li,.production-info .lf-img,.production-info .lf-img .img-cont ul li,.production-info .rt-des .font-list p,.production-info .rt-des .swt-panel .swt-price,.production-content .nav-wrapper .nav-wrap ul.model-panel li,.production-content .video-model .video-wrap .lf-font,.ys-model .wrap .yl-panel.have-img .font-panel,ul.ys-list li,.param-model .wrap .tab-panel .hd ul li,.flow-model .swiper-flow .flow-page .flow-title .swiper-page p,.flow-model .swiper-flow .flow-page .flow-title .swiper-page p strong,.flow-model .swiper-flow .flow-page .flow-title .swiper-page p span,.flow-model .swiper-flow .flow-page .flow-title .swiper-page .swiper-progress,.flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next,.flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a,.choose-model ul li,.case-model .wrap ul li,.msg-model .container .wrap .lf-bg {float:left;}
.fr,.header > ul,.production-info .rt-des,.production-info .rt-des .swt-panel .swt-phone,.production-content .video-model .video-wrap .rt-video,.ys-model .wrap .yl-panel.have-img .img-panel,.msg-model .container .wrap .lf-bg .font-content .address-content,.msg-model .container .wrap .rt-form {float:right;}
.model-panel,.wrap,.container,.wrapper,.header,.header > ul,.friend-panel .friend-title,.friend-link,.footer,.production-info .lf-img,.production-info .lf-img .img-cont,.production-content .nav-wrapper .nav-wrap ul.model-panel li,.production-content .video-model .video-wrap,.d3-model .wrap .d3-content,.ys-model .wrap .yl-panel,.ys-model .wrap .yl-panel .font-panel,ul.ys-list,ul.ys-list li,.flow-model .swiper-flow,.msg-model .container,.msg-model .container .wrap .lf-bg .font-content .address-content,.msg-model .container .wrap .rt-form,.msg-model .container .wrap .rt-form .form-wrap,.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item {*zoom:1;}
.model-panel:before,.wrap:before,.container:before,.wrapper:before,.header:before,.header > ul:before,.friend-panel .friend-title:before,.friend-link:before,.footer:before,.production-info .lf-img:before,.production-info .lf-img .img-cont:before,.production-content .nav-wrapper .nav-wrap ul.model-panel li:before,.production-content .video-model .video-wrap:before,.d3-model .wrap .d3-content:before,.ys-model .wrap .yl-panel:before,.ys-model .wrap .yl-panel .font-panel:before,ul.ys-list:before,ul.ys-list li:before,.flow-model .swiper-flow:before,.msg-model .container:before,.msg-model .container .wrap .lf-bg .font-content .address-content:before,.msg-model .container .wrap .rt-form:before,.msg-model .container .wrap .rt-form .form-wrap:before,.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item:before,.model-panel:after,.wrap:after,.container:after,.wrapper:after,.header:after,.header > ul:after,.friend-panel .friend-title:after,.friend-link:after,.footer:after,.production-info .lf-img:after,.production-info .lf-img .img-cont:after,.production-content .nav-wrapper .nav-wrap ul.model-panel li:after,.production-content .video-model .video-wrap:after,.d3-model .wrap .d3-content:after,.ys-model .wrap .yl-panel:after,.ys-model .wrap .yl-panel .font-panel:after,ul.ys-list:after,ul.ys-list li:after,.flow-model .swiper-flow:after,.msg-model .container:after,.msg-model .container .wrap .lf-bg .font-content .address-content:after,.msg-model .container .wrap .rt-form:after,.msg-model .container .wrap .rt-form .form-wrap:after,.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item:after {content:"";display:table;}
.model-panel:after,.wrap:after,.container:after,.wrapper:after,.header:after,.header > ul:after,.friend-panel .friend-title:after,.friend-link:after,.footer:after,.production-info .lf-img:after,.production-info .lf-img .img-cont:after,.production-content .nav-wrapper .nav-wrap ul.model-panel li:after,.production-content .video-model .video-wrap:after,.d3-model .wrap .d3-content:after,.ys-model .wrap .yl-panel:after,.ys-model .wrap .yl-panel .font-panel:after,ul.ys-list:after,ul.ys-list li:after,.flow-model .swiper-flow:after,.msg-model .container:after,.msg-model .container .wrap .lf-bg .font-content .address-content:after,.msg-model .container .wrap .rt-form:after,.msg-model .container .wrap .rt-form .form-wrap:after,.msg-model .container .wrap .rt-form .form-wrap .form-content .form-item:after {clear:both;}
.production-content .video-model .video-wrap .lf-font p a.videoMenu.is-pause span i:before {content:"";height:0;width:0;overflow:hidden;}


.wrap {width:100%;position:relative;}


.model-panel {width:100%;position:relative;}
.container {width:100%;position:relative;}
.wrapper {width:100%;position:relative;}


.d3-model {padding-top:20px;background:#fff;padding-bottom:30px;}
/*.d3-model > i {display:block;width:100%;height:620px;background:#97aabb;position:absolute;bottom:0;left:0;right:0;}背景*/
.d3-model > p {width:100%;text-align:center;height:48px;line-height:48px;font-size:18px;color:#fff;font-weight:bold;position:absolute;left:0;bottom:10px;z-index:5;}
.d3-model .wrap > h3 {height:48px;line-height:48px;font-size:30px;width:100%;color:#1a1a1a;font-weight:bold;text-align:center;}
.d3-model .wrap > p {line-height:32px;font-size:16px;width:100%;color:#666666;text-align:center;overflow:hidden;margin-top:10px;}
.d3-model .wrap .d3-content {width:100%;height:660px;-webkit-background-size:100% auto;background-size:100% auto;position:relative;overflow:hidden;}/*background:url("../images/3d_bg.png") center bottom no-repeat;图*/
.d3-model .wrap .d3-content .v3d-panel {width:100%;height:660px!important;position:relative;top:80px;z-index:2;}
/*手机端调整宽度至160%可解决*/.d3-model .wrap .d3-content .v3d-panel canvas {-webkit-transform:translate(-50%,-50%) scale(1,0.9) !important;-moz-transform:translate(-50%,-50%) scale(1,0.9) !important;-ms-transform:translate(-50%,-50%) scale(1,0.9) !important;-o-transform:translate(-50%,-50%) scale(1,0.9) !important;transform:translate(-50%,-50%) scale(1,0.9) !important;}



@media screen and (min-width:1280px) {.wrap,.model-panel {width:100%;}
.d3-model .wrap > h3 {height:52px;line-height:52px;font-size:32px;}
.d3-model .wrap > p {line-height:32px;font-size:16px;}
.d3-model .wrap .d3-content .v3d-panel {width:100%;}
}
@media screen and (min-width:1366px) {
.wrap,.model-panel {width:100%;}
.d3-model .wrap > h3 {height:56px;line-height:56px;font-size:36px;}
.d3-model .wrap > p {line-height:38px;font-size:18px;}
}
@media screen and (min-width:1600px) {.wrap,.model-panel {width:100%;}
.d3-model .wrap > h3 {height:64px;line-height:64px;font-size:42px;}
.d3-model .wrap > p {line-height:38px;font-size:18px;}
}


@media screen and (max-width: 480px){
.d3-model .wrap .d3-content .v3d-panel{
	height:200px!important;
}
.d3-model .wrap .d3-content .v3d-panel canvas{
	    top: 60%!important;
		max-width:95%;
}
.d3-model{
	    padding-bottom: 10px;
		    padding-top: 10px;
}
.d3-model > p{
	    bottom: -5px;
}
.d3-model .wrap .d3-content{
	    height: 200px;
}
}
