#solution-page .swiper-container{margin:0 auto;overflow:hidden;z-index:1}
/*#solution-page .swiper-wrapper{position:relative;width:100%;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}*/
#solution-page .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;
display: -moz-box; /*firefox*/
display: -ms-flexbox; /*IE10*/
display: -webkit-box; /*Safari*/
display: -webkit-flex; /*Chrome*/
display: box;
display: flexbox;
display: flex;
-webkit-transition-property:-webkit-transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;
-moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     -o-box-sizing: content-box;
     -ms-box-sizing: content-box;
     box-sizing: content-box; }
#solution-page .swiper-slide{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-negative:0;-o-flex-shrink:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;}
#solution-page .banner{position:relative}
#solution-page .banner img{width:100%;background-size:cover;background-repeat:no-repeat}
#solution-page .banner .img32x9{min-height:360px}
#solution-page .banner .img9x4{display:none}
#solution-page .banner .banner-img-text{max-width:1200px;display:block;position:absolute;left:calc(50% - 600px);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
#solution-page .banner .banner-img-text h1{font-size:48px;line-height:1em;text-shadow:0 0 2px #000}
#solution-page .banner .banner-img-text h2{margin:1.25em 0;text-shadow:0 0 2px #000}
#solution-page .banner .banner-img-text a{width:8em}
#solution-page .banner .banner-img-text a:hover{color:inherit}
#solution-page .section{padding:75px 0 50px 0;background-size:cover;background-position:center}
#solution-page .section > *{width:1200px;margin:0 auto;position:relative}
#solution-page .section h1{text-align:center;font-size:36px}
#solution-page .section h1:after{content:' ';display:block;height:4px;width:100px;background-color:#FC0;margin:10px auto 4px auto}
#solution-page .section p{font-size:16px;line-height:1.75em;margin:0 0 16px 0}
#solution-page .section .text-ctn .en{margin:0 auto;line-height:.75em;height:.75em;text-transform:uppercase;width:auto;min-width:10px;text-align:center;opacity:.5;font-size:48px;-webkit-transform:scale(1,.6);-moz-transform:scale(1,.6);-ms-transform:scale(1,.6);-o-transform:scale(1,.6);transform:scale(1,.6);font-weight:bold;color:#999;margin-bottom:30px}
#solution-page .advantage ul{left:1.5em;position:relative;width:calc(100% - 1.5em)}
#solution-page .advantage ul li{list-style:decimal;padding-left:.5em}
#solution-page .case-title-list{position:relative;margin:20px auto 30px auto}
/*#solution-page .case-title-list[data-length="1"]{width:345px}
#solution-page .case-title-list[data-length="2"]{width:630px}
#solution-page .case-title-list[data-length="3"]{width:915px}*/
#solution-page .case-title-list [class*="swiper-button-"]{position:absolute;cursor:pointer;height:36px;width:58px;background:url(/img/i-want-to.png) center no-repeat;opacity:.5}
#solution-page .case-title-list [class*="swiper-button-"]:hover{opacity:1}
#solution-page .case-title-list .swiper-button-prev{left:-11px;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);top:11px}
#solution-page .case-title-list .swiper-button-next{right:-11px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);top:11px}
#solution-page .case-title-list .swiper-container{width:calc(100% - 62px)}
#solution-page .case-title-list .swiper-container > div{border-bottom:1px solid #CCC}
#solution-page .case-title-list .swiper-slide{width:285px;margin-bottom:-1px}
#solution-page .case-title-list .swiper-wrapper span{font-size:15px;color:#333;text-align:center;height:58px;display:flex;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-mz-align-items:center;-o-align-items:center;align-items:center;position:relative;cursor:pointer;box-sizing:border-box;padding:0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;line-height:58px}
#solution-page .case-title-list .swiper-wrapper span:hover{color:#FC0}
#solution-page .case-title-list [class*="swiper-button-"]:hover{color:#FC0}
#solution-page .case-title-list .swiper-slide-active span{color:#FC0}
#solution-page .case-title-list .swiper-slide-active span:before{content:' ';display:block;width:100%;height:4px;background-color:#FC0;position:absolute;left:0;bottom:0}
#solution-page .case-title-list .swiper-slide span:after{content:' ';display:block;width:1px;height:20px;position:absolute;top:50%;margin-top:-10px;right:0;background-color:#CCC}
#solution-page .case-item-list{width:100%}
#solution-page .case-item-list .swiper-slide{padding:10px;width:1028px;transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);opacity:0.5;z-index:99}
#solution-page .case-item-list .swiper-slide > a{/*width:1008px;*/cursor:pointer;background-color:#F0F0F0}
#solution-page .case-item-list .swiper-slide .img-ctn{width:672px;position:relative;overflow:hidden}
/*#solution-page .case-item-list .swiper-slide .img-ctn img{width:100%;background-size:100% 100%;background-position:center;transition:ease 1s;-webkit-transition:ease 1s;-ms-transition:ease 1s;-moz-transition:ease 1s;-o-transition:ease 1s}
#solution-page .case-item-list .swiper-slide-active:hover .img-ctn .show-img{background-size:105% 105%;}*/
#solution-page .case-item-list .swiper-slide .img-ctn img{width:100%}
#solution-page .case-item-list .swiper-slide .img-ctn .show-img{position:absolute;top:0;left:0;transition:ease 1s;-webkit-transition:ease 1s;-ms-transition:ease 1s;-moz-transition:ease 1s;-o-transition:ease 1s}
#solution-page .case-item-list .swiper-slide-active:hover .img-ctn .show-img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
#solution-page .case-item-list .swiper-slide .txt-ctn{width:336px;padding:40px;position:relative}
#solution-page .case-item-list .swiper-slide-active{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
#solution-page .case-item-list .swiper-slide-active > a{background-color:#FFF}
#solution-page .case-item-list .swiper-slide .txt-ctn .h{margin-bottom:20px;max-height:3.5em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
#solution-page .case-item-list .swiper-slide .txt-ctn .b{font-size:14px;color:#999;max-height:15.75em;overflow:hidden;line-height:1.75em;-webkit-line-clamp:9;-webkit-box-orient:vertical;display:-webkit-box}
#solution-page .case-item-list .swiper-slide .txt-ctn .tips{display:none;position:absolute;right: 20px;bottom: 20px;font-size: 12px;line-height: 1em;}
#solution-page .case-item-list a:hover *{color:#333}
#solution-page .case-item-list .swiper-slide-active:hover .txt-ctn .h, #solution-page .case-item-list .swiper-slide-active:hover .txt-ctn .tips{color:#FC0}
#solution-page .case-item-list .swiper-slide-active{z-index:100}
#solution-page .case-item-list .swiper-slide-active a{box-shadow:0px 0px 10px rgba(0,0,0,0.5)}
#solution-page .case-item-list .swiper-slide-active .txt-ctn .tips{display:block}
#solution-page .case-item-list .prev-item{transform:translateX(160px) scale(0.8);-webkit-transform:translateX(160px) scale(0.8);-ms-transform:translateX(160px) scale(0.8);-moz-transform:translateX(160px) scale(0.8);-o-transform:translateX(160px) scale(0.8)}
#solution-page .case-item-list .next-item{transform:translateX(-160px) scale(0.8);-webkit-transform:translateX(-160px) scale(0.8);-ms-transform:translateX(-160px) scale(0.8);-moz-transform:translateX(-160px) scale(0.8);-o-transform:translateX(-160px) scale(0.8)}
#solution-page .case-item-list .swiper-slide:not(.swiper-slide-active):hover{opacity:.6;transition:all .5s cubic-bezier(0.19,1,0.22,1);-o-transition:all .5s cubic-bezier(0.19,1,0.22,1);-webkit-transition:all .5s cubic-bezier(0.19,1,0.22,1);-ms-transition:all .5s cubic-bezier(0.19,1,0.22,1);-moz-transition:all .5s cubic-bezier(0.19,1,0.22,1)}
#solution-page [class^="swiper-slide-template-"]{display:none}

#solution-page .machine-list .text-ctn .en{margin-bottom:0}
#solution-page .machine-list .img-ctn{width:60%;text-align:center}
#solution-page .machine-list .machine-param{width:40%;padding:1.5em 0 0 1em;line-height:2.5em}
#solution-page .machine-list .machine-param .machine-name{font-size:24px}
#solution-page .machine-list .machine-param .machine-name .tips{font-size:16px;padding-left:1em;color:#999;}
#solution-page .machine-list .machine-param .machine-name:hover *{color:#FC0;}
#solution-page .machine-list .img-ctn img{max-width:100%;max-height:400px;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}
#solution-page .machine-select{text-align:center;padding-top:4px;border-top:1px dashed #CCC}
#solution-page .machine-select a{width:100px;display:inline-block;margin:16px 16px 0 16px;position:relative;padding-bottom:6px;cursor:pointer}
#solution-page .machine-select a:before{content:'';display:block;position:absolute;bottom:2px;left:30%;width:40%;height:2px;background-color:#CCC;}
#solution-page .machine-select a:hover .des, #solution-page .machine-select a.active .des{color:#FC0}
#solution-page .machine-select a:hover:before{left:10%;width:80%;background-color:#FC0;-webkit-transition:all .5s cubic-bezier(0.19,1,0.22,1);-moz-transition:all .5s cubic-bezier(0.19,1,0.22,1);-ms-transition:all .5s cubic-bezier(0.19,1,0.22,1);-o-transition:all .5s cubic-bezier(0.19,1,0.22,1);transition:all .5s cubic-bezier(0.19,1,0.22,1)}
#solution-page .machine-select a.active:before{left:20%;width:60%;background-color:#FC0}
#solution-page .machine-select a > *{width:100%;position:relative}
#solution-page .machine-select a .des{color:#999}
#solution-page .btn-list{text-align:center;margin-top:36px!important}
#solution-page .btn-list *{color:#FFF;font-weight:normal;width:200px;display:inline-block;margin:6px 24px}
#solution-page .more-machines{background-color:#39C}
#solution-page .more-machines:hover{background-color:#39F}

#solution-page .duration-0{-webkit-transition-duration:0ms!important;-moz-transition-duration:0ms!important;-ms-transition-duration:0ms!important;-o-transition-duration:0ms!important;transition-duration:0ms!important}
#solution-page .duration-1000{transition-duration:1000ms!important;-webkit-transition-duration:1000ms!important;-ms-transition-duration:1000ms!important;-moz-transition-duration:1000ms!important;-o-transition-duration:1000ms!important}

@media(max-width:1300px){
	#solution-page .banner .banner-img-text{left:42px;margin-right:42px}
}
@media(max-width:1250px){
	#solution-page .section > *:not(.case-item-list):not(.case-title-list){margin:0 16px;max-width:calc(100% - 32px)}
	#solution-page .machine-display{margin:0 auto;display:block;text-align:center}
	#solution-page .machine-list .img-ctn{width:540px;display:inline-block;vertical-align:top}
	#solution-page .machine-list .machine-param{width:480px;display:inline-block;text-align:left}
}
@media(max-width:1150px){
	#solution-page .case-item-list .swiper-slide .img-ctn{width:544px}
	#solution-page .case-item-list .swiper-slide .txt-ctn{width:272px;padding:24px}
	#solution-page .case-item-list .swiper-slide{width:836px}
	#solution-page .case-item-list .swiper-slide .txt-ctn .h{margin-bottom:30px}
	#solution-page .case-item-list .swiper-slide .txt-ctn .b{max-height:12.25em;-webkit-line-clamp:7;-moz-line-clamp:7;-ms-line-clamp:7;-o-line-clamp:7;line-clamp:7}
	#solution-page .case-item-list .swiper-slide-active .txt-ctn .tips{display:none}
}
@media(max-width:1080px){
	#solution-page .machine-display{display:flex;padding-top:16px}
	#solution-page .machine-list .machine-param{padding-top:0}
}
@media(max-width:930px){
	#solution-page .case-item-list .swiper-slide .img-ctn{width:400px}
	#solution-page .case-item-list .swiper-slide .txt-ctn{width:200px;padding:14px}
	#solution-page .case-item-list .swiper-slide{width:620px}
	#solution-page .case-item-list .swiper-slide .txt-ctn .h{margin-bottom:0.5em;font-size:14px;line-height:1.5em;max-height:3em}
	#solution-page .case-item-list .swiper-slide .txt-ctn .b{/*max-height:12.25em;-webkit-line-clamp:7;*/font-size:12px}
	#solution-page .machine-list .machine-param{font-size:15px;line-height:2.25em}
	#solution-page .machine-list .machine-param .machine-name{font-size:22px}
}
@media(max-width:800px){
	/*#solution-page .case-title-list .swiper-slide{width:calc(50% + 1px)}*/
	#solution-page .machine-list .machine-param{font-size:12px;padding-top:16px}
	#solution-page .machine-list .machine-param .machine-name{font-size:18px}
}
@media(max-width:720px){
	#solution-page .banner .img9x4{display:block;min-height:200px}
	#solution-page .banner .img32x9{display:none}
	#solution-page .banner .banner-img-text h1{font-size:32px}
	#solution-page .case-item-list .swiper-slide{width:80%}
	#solution-page .case-item-list .swiper-slide > a{display:block}
	#solution-page .case-item-list .swiper-slide .img-ctn{width:100%}
	#solution-page .case-item-list .swiper-slide .txt-ctn{width:100%;height:140px}
	#solution-page .case-item-list .swiper-slide .txt-ctn .h{margin-bottom:0.5em;font-size:14px;line-height:1.5em;text-align:center;height:1.5em;-webkit-line-clamp:1;-moz-line-clamp:1;-ms-line-clamp:1;-o-line-clamp:1;line-clamp:1}
	#solution-page .case-item-list .swiper-slide .txt-ctn .b{max-height:80px;font-size:12px;-webkit-line-clamp:4;-moz-line-clamp:4;-ms-line-clamp:4;-o-line-clamp:4;line-clamp:4}
	#solution-page .machine-list .machine-param{line-height:1.75em}
}
@media(max-width:610px){
	#solution-page .banner .banner-img-text h2{font-size:16px}
	#solution-page .banner .banner-img-text a{font-size:14px}
	/*#solution-page .case-title-list .swiper-slide{width:calc(100% + 2px)}*/
	#solution-page .machine-display{display:block}
	#solution-page .machine-list .img-ctn{width:100%}
	#solution-page .machine-list .machine-param{padding:0;margin:16px calc(50% - 180px);width:360px;font-size:14px}
	#solution-page .machine-list .machine-param .machine-name{font-size:20px;margin-bottom:4px}
}
@media(max-width:500px){
	#solution-page .banner .banner-img-text h1, #solution-page .section h1{font-size:28px}
	#solution-page, #solution-page .section p{font-size:14px;line-height:1.5em}
	#solution-page .section .text-ctn .en{font-size:32px}
	#solution-page .machine-list .machine-param{margin:16px}
	#solution-page .section:not([style*="background-image"]){padding:25px 0}
	/*#solution-page .case-title-list{margin:20px 30px 30px 30px!important;width:calc(100% - 60px)}*/
	#solution-page .advantage ul li{margin-bottom:0.5em}
	#solution-page .machine-select a{margin:16px 3.5% 0 3.5%}
}