.mb40{margin-bottom:40px}
.workShop{background-color:#fff;font-size:16px;line-height:180%}
div.h2.text-center{padding:50px 0}
.menuwrap .menu{text-align:center;background-color:#fff;font-size:0;border-bottom:solid 1px #ccc;padding-top:10px}
.menuwrap .menu h3{position:relative;display:inline-block;margin-top:20px;width:auto;display:inline-block;transition:all .5s;bottom:-1px;margin-bottom:0!important}
.menuwrap .menu h3 a{display:block;padding:20px;font-size:18px;text-align:center;transition:all .5s;text-decoration:none;font-weight:400;color:#666}
.menuwrap .menu h3 a:hover{color:#651e7c;font-weight:400}
.menuwrap .menu h3 a.on{color:#651e7c;border-bottom:2px solid #651e7c;font-weight:700}
.workShop .h3{border-left:10px solid #651e7c;padding-left:10px;margin-bottom:30px;margin-top:30px}
.workShop .slider{padding:50px 0;background-color:#efefef}
.swiper-container .swiper-slide img{width:100%}
.swiper-slide{display:flex;justify-content:center;align-items:center}
.productions::after{content:"";top:0;left:0;background:url(../images/newpic/workShop_bg.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover;position:fixed;width:100%;height:100%;z-index:-1}
.productions{background:rgba(0,0,0,.5);color:#fff;padding:50px 0}
.productions .h3{border-left:10px solid #651e7c;padding-left:10px;margin-bottom:50px}
.productions p{font-size:18px;margin-bottom:50px;line-height:1.5em}
.pro-list{background:#fff;padding:50px 0}
.pro-list li{margin:15px 0}
.pro-list li .img-block{width:100%;overflow:hidden}
.pro-list li .img-block img{width:100%;height:auto;}
.pro-list li .text-box{background:#f2f2f2;color:#000;padding:15px 20px}
.pro-list li .text-box h2{font-size:20px;margin-bottom:10px;height:32px;line-height:32px;font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-list li .text-box p{font-size:16px;line-height:160%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.storybox h2{font-size:40px;text-align:center}
.storybox .story-info{padding:40px 0 20px}
.storybox .story-info h4{margin-bottom:20px}
.storybox .story-info h2{font-size:40px;text-align:center;margin-bottom:20px}
.storybox .story-info h3{text-align:center;font-size:16px;margin-bottom:35px;color:#666}
.storybox .story-info p{font-size:18px;margin-bottom:20px;line-height:1.5em}
.storybox .story-list{width:850px;margin:0 auto}
.storybox .story-list li::after{content:"";background:url(../images/story_sjx.png) no-repeat center;height:21px;width:100%;z-index:3;display:block;position:absolute;bottom:-31px}
.storybox .story-list li:last-child::after{display:none}
.storybox .story-list li:last-child{margin-bottom:0}
.storybox .story-list li{position:relative;margin-bottom:50px}
.storybox .story-list li .img-box{width:347px}
.storybox .story-list li .img-box img{width:100%;height:auto;}
.storybox .story-list li .img-box .years{position:absolute;font-size:24px;color:#ccc;bottom:0;left:0;background-color:rgb(101,30,124,.6);color:#fff;padding:0 10px}
.storybox .story-list li .text-box{position:absolute;right:0;top:0;height:100%;width:calc(100% - 347px);background:#f2f2f2}
.storybox .story-list li .text-box p{word-wrap:break-word}
.storybox .story-list li .text-box .years{position:absolute;font-size:36px;color:#ccc;width:100%;height:100%;text-align:center;display:flex;align-items:flex-end;justify-content:center}
.storybox .story-list li .text-box .story-list-container{position:relative;z-index:2;font-size:18px;padding:30px;line-height:1.5em}
.storybox .story-list .orange-dian{background:#651e7c;width:15px;height:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:10px auto 0}
.storybox .org .org-tit{margin-top:200px;margin-bottom:95px}
.storybox .org p{font-size:18px;margin-bottom:20px;line-height:1.5em}
.storybox .team p{font-size:18px;line-height:1.5em;margin-top:99px;margin-bottom:90px}
.storybox .team .swiper-button-next{background:url(../images/ac_next.png) no-repeat;width:62px;height:63px}
.storybox .team .swiper-button-prev{background:url(../images/ac_prev.png) no-repeat;width:62px;height:63px}
.storybox .team img{width:100%}
.orgbox{padding:30px 0;font-size:18px}
.orgbox h3{font-size:40px;text-align:center}
.orgbox p{line-height:160%}
.teambox{margin-bottom:50px}
.teambox h3{font-size:40px;text-align:center}
.teambox p{font-size:16px}
.whyus{font-size:16px;line-height:160%}
.whyus .five,.whyus .four,.whyus .one,.whyus .six,.whyus .three,.whyus .two{margin:50px 0}
.whyus .five h2,.whyus .four h2,.whyus .one h2,.whyus .six h2,.whyus .three h2,.whyus .two h2{font-size:36px;margin-bottom:20px;text-align:center}
.whyus .four small span{display:block;font-size:14px}
.whyus .three p a.more{color:#651e7c;font-weight:700;font-size:16px;border-bottom:solid 1px #651e7c}
.table-content{width:100%;overflow:auto}
.table{font-size:16px;background-color:#e6e6e6}
.table td,.table th{border:2px solid #fff;font-size:15px}
.table thead th{border-bottom:2px solid #fff;background-color:#ccc}
.cp-list li{position:relative}
.cp-list li .position-relative{overflow:hidden;margin-bottom:20px}
.cp-list li img{width:100%}
.cp-list li .text-box{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.5);text-align:center;height:40px;line-height:40px;color:#fff}
.cp-list li .text-box .h6{margin-bottom:0;line-height:40px;display:block}
.cp-list li .text-box i{position:absolute;right:10px;top:1px;font-size:24px}
.ourteam,.ourteam .three ul.box p.h6{font-size:16px;line-height:160%}
.ourteam .one,.ourteam .three,.ourteam .two{margin:50px 0}
.ourteam .one h2,.ourteam .three h2,.ourteam .two h2{font-size:36px;margin-bottom:20px;text-align:center}
.team-list li{padding:15px 0;display:inline-block;text-align:center}
.team-list li img{border:solid 1px #ccc}
.ourteam .three ul.box li{margin-top:3rem!important;margin-bottom:3rem!important;text-align:center}
.ourteam .three ul.box i{font-size:64px;color:#651e7c}
.designbox{font-size:16px;line-height:160%}
.designbox .five,.designbox .four,.designbox .one,.designbox .six,.designbox .three,.designbox .two{margin-bottom:50px}
.designbox .tith2{margin-top:60px;text-align:center;font-size:48px;height:60px}
.designbox .five .h2,.designbox .six .h2,.designbox .three .h2{margin-bottom:30px;font-size:24px}
.designbox .four img{width:100%;padding:10px}
.designbox .three{margin-bottom:30px}
.samplebox{padding-top:30px}
.samplebox .bgf2{background-color:#f2f2f2;padding:40px 0}
.samplebox div.h2{font-size:36px;font-weight:400;text-align:center;margin-bottom:20px}
.samplebox p{font-size:18px;line-height:160%}
.samplebox div.h2.corangr{margin-bottom:0!important}
.samplebox .article_feedback{margin:0!important;padding:0!important}
.samplebox .one{margin-bottom:30px}
.samplebox .one li{border:0;background-color:#fff;padding:20px}
.samplebox .one li h3{font-size:18px;font-weight:700}
.samplebox .one li p{margin-bottom:0!important;line-height:160%}
.samplebox .three{margin-bottom:60px}
.qualityCtrl div.h3{font-size:36px;padding:30px 0}
.qualityCtrl p.p{font-size:16px;line-height:160%}
.qualityCtrl .pro-list{padding-bottom:0;padding-top:10px}
.qualityCtrl .images-cover{margin-bottom:20px}
.about-list{padding:30px 0}
.about-list li{position:relative;overflow:hidden;margin:30px 0}
.about-list li img{width:100%}
.about-list li .text-box{position:absolute;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,.5);color:#fff;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.about-list li .text-box h2{color:#fff;font-size:35px;font-weight:400;height:80px;line-height:80px}
.about-list li .text-box .about-text-inner{display:none}
.about-list li .text-box p{font-size:18px;line-height:1.5em;margin:20px 0 40px}
.about-list li .text-box a{color:#fff}
.about-list li:hover .text-box{height:100%;display:flex;justify-content:center;align-items:center}
.about-list li:hover .text-box .about-text-inner{display:block}
.about-list li:hover .text-box h2{color:#fff}
.btn-orange{background:#651e7c;color:#fff}
.bge5{background:#e5e5e5;padding:40px 0}
.dr-list{margin:0;font-size:16px;line-height:160%}
.dr-list li{position:relative}
.dr-list li:nth-child(1){margin-bottom:30px}
.dr-list li .img-cover{float:left}
.dr-list li .text-cover{width:calc(100% - 560px);text-align:left;display:flex;justify-content:center;align-items:center;height:100%;position:absolute;top:0;right:0}
.dr-list li .text-cover .h4{color:#651e7c;margin-bottom:10px;font-size:28px}
.dr-list li .text-cover p{margin-top:30px}
.dr-list li:nth-of-type(even) .text-cover{left:0;right:auto}
.dr-list li:nth-of-type(even) .img-cover{float:right}
.h3.tit{font-size:1.75rem;margin-bottom:20px}
.text-rao img{display:block;margin-bottom:20px}
.text-rao p{font-size:16px;line-height:160%}
.mb60{margin-bottom:60px}
p.f16{font-size:16px;line-height:160%;margin-bottom:20px}
.images-cover.mb30{margin-bottom:30px}
h6.text-center.mp30{padding:30px 0;font-size:26px}
.article_feedback .rows .input,.article_feedback .rows textarea{font-family:microsoft yahei;font-size:14px}
.article_feedback .rows input[type=text]:focus{border:solid 1px #80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.article_feedback .rows textarea:focus{border:solid 1px #80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
#win_contact{padding:0 10px;line-height:160%;font-size:16px}
#win_contact dl{margin-bottom:20px;padding:20px;background-color:#f6f6f6}
#win_contact dl dt{font-size:24px;color:#333;margin-bottom:10px}
a.btn.btn-lg{font-size:18px!important}
a.btn.btn-lg.btn-outline-secondary.on{background-color:#651e7c;border-color:#651e7c;color:#fff}
a.btn.btn-lg.btn-outline-secondary:hover{background-color:#651e7c;border-color:#651e7c;color:#fff}
a.more.corangr{color:#651e7c}
.text-box.bg-transparent{margin-top:20px}
.dr-list li .img-cover img{padding:1px;border:solid 1px #b5b5b5}
.bgwhite{background-color:#fff}
.bggrey{background-color:#f8f9fa}
.menuwrap .menu.bggrey{background-color:#f8f9fa!important}
#global_editor_contents,#global_editor_contents div,#global_editor_contents ol,#global_editor_contents p,#global_editor_contents ul{font-size:16px;margin:0 0 .8em;line-height:160%}
#global_editor_contents h2 {font-size:24px; margin-bottom:15px; font-weight: bold; }
#global_editor_contents h3 {font-size:18px; margin-bottom:15px; }
.prodetails .info .attribute li{color:#666}
.alert-mark{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:none}
.alert-mark .form-alert{display:flex;justify-content:center;align-items:center;height:100%}
.form-container{background:#fff;padding:20px 40px;width:500px;position:relative}
.form-container h2{text-align:center;color:#651e7c;font-size:24px;margin-bottom:20px;font-weight:700}
.form-container .btn{display:block;margin:10px auto;color:#fff;border:0}
.form-container .cha{font-size:32px;position:absolute;right:20px;top:10px;cursor:pointer}
.form-group{margin-bottom:1rem}
.form-container label{display:inline-block;margin-bottom:.5rem;font-size:1.2rem}
.form-container label span{color:#651e7c}
.form-control{display:block;width:100%;padding:.375rem .75rem;color:#333;font-size:1rem;line-height:1.5;background-color:#fff;background-clip:padding-box;border:1px solid #cbcecd;box-sizing:border-box;font-family:microsoft yahei}
.btn-orange{background-color:#651e7c;padding:10px 20px;border-radius:3px;font-size:18px}
.text-right{text-align:right!important;display:block;margin-top:10px}
.productbox img{width:100%;height:auto}
.productbox li .card{overflow:hidden}
.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}
.card-text,.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:#666}
.card-title{font-size:18px;font-weight:700;color:#333;text-align:center}
.menu-in-left .wrap-righter-style{padding-top:0}
@media (max-width:992px){.dr-list{padding:.1px}
.dr-list li{text-align:center!important}
.dr-list li .text-cover{position:static!important;width:100%!important}
.dr-list li .img-cover{float:none!important;margin:20px 0;max-width:100%}
.dr-list li .img-cover img{max-width:100%}
}
@media (max-width:750px){.story-list{max-width:670px}
.storybox .story-list{width:100%}
.storybox .story-list li .img-box,.storybox .story-list li .text-box{width:100%;position:relative}
.storybox .story-list li .text-box .story-list-container{padding:10px}
}
@media (max-width:992px){.story-list{max-width:910px}
.storybox .story-list li .text-box{width:100%}
.storybox .story-list li .text-box .story-list-container{font-size:14px;line-height:150%;padding:13px}
}
@media (min-width:576px){.story-list{max-width:510px}
.storybox .story-list li .text-box{width:100%}
.storybox .story-list li .text-box .story-list-container{font-size:14px;line-height:160%;padding:20px}
}
@media (min-width:768px){.story-list{max-width:720px}
.storybox .story-list li .text-box{width:calc(100% - 347px)}
.storybox .story-list li .text-box .story-list-container{font-size:15px;line-height:160%;padding:20px}
}
@media (min-width:1200px){.story-list{max-width:850px}
.storybox .story-list li .text-box{width:calc(100% - 347px)}
.storybox .story-list li .text-box .story-list-container{font-size:16px;line-height:160%;padding:20px}
}
@media (max-width:576px){.menu-in-left{padding:0!important}
.samplebox div.h2{font-size:20px}
.samplebox .one li h3{font-size:16px;font-weight:700}
.samplebox .one li p{margin-bottom:0!important;line-height:160%;font-size:14px}
.qualityCtrl div.h3{padding:0 0 15px;font-size:24px}
div.h2.text-center{font-size:28px;margin-bottom:0}
.storybox .story-info h2{font-size:32px}
.orgbox h3{font-size:28px;margin-bottom:15px!important}
.teambox h3{font-size:28px;margin-bottom:15px!important}
.story-list .h3{font-size:22px}
.designbox .tith2{font-size:24px!important;margin-top:40px!important}
.designbox .five .h2,.designbox .six .h2,.designbox .three .h2{font-size:20px;margin-bottom:20px!important}
.designbox .five,.designbox .four,.designbox .one,.designbox .six,.designbox .three,.designbox .two{margin-bottom:30px!important}
.pro-list{padding-bottom:20px;padding-top:20px}
.ourteam .one h2,.ourteam .three h2,.ourteam .two h2{font-size:24px}
}