@charset "utf-8";#navbar{position:relative;z-index:8;left:0;top:0;height:100px;overflow:hidden;background:rgba(0,0,0,.6);margin:-100px auto 0}#navbar>.select{display:none}#navbar>.select-dropdown{position:relative;margin:0 auto;width:86%;height:100px}#navbar>.select-dropdown .button-prev{position:absolute;z-index:1;left:-5%;top:50%;margin-top:-20px;width:40px;height:40px;background:url(../img/ico_arrow_left_noborder_white.png) 50% 50% no-repeat;background-size:100% auto;cursor:pointer}#navbar>.select-dropdown .button-next{position:absolute;z-index:1;right:-5%;top:50%;margin-top:-20px;width:40px;height:40px;background:url(../img/ico_arrow_right_noborder_white.png) 50% 50% no-repeat;background-size:100% auto;cursor:pointer}#navbar>.select-dropdown .button-next,#navbar>.select-dropdown .button-prev{opacity:1}#navbar>.select-dropdown .swiper-button-disabled{opacity:0}#navbar>.select-dropdown .swiper-slide{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.2);-webkit-transition:all .35s;transition:all .35s}#navbar>.select-dropdown .swiper-slide:first-child{border-left:1px solid rgba(255,255,255,.2)}#navbar>.select-dropdown .swiper-slide:hover{background:rgba(0,0,0,.5)}#navbar>.select-dropdown .swiper-slide>a{display:block;width:80%;line-height:100px;text-align:center;margin:0 auto}#navbar>.select-dropdown .swiper-slide>a>.ico{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:10px}#navbar>.select-dropdown .swiper-slide>a>.ico>img{height:45px;width:auto}#navbar>.select-dropdown .swiper-slide>a>.tit{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-size:18px;color:#fff}#navbar>.select-dropdown .swiper-slide.active{background:rgba(216,33,40,.8)}#solution{margin:0 auto}#solution .wrap{width:86%;max-width:1600px;margin:0 auto;padding:100px 0}#solution .title{margin:0 auto;padding:0;text-align:left}#solution .title>h2{display:inline-block;position:relative;margin:0 auto;font-size:32px;padding-bottom:12px;color:#333}#solution .title>h2:after{display:none;position:absolute;z-index:1;left:50%;bottom:0;margin-left:-25%;width:50%;height:3px;background:#d82128;content:''}#solution .display{margin:80px auto 0}#solution .display>.list>.item{margin:0 auto;border-bottom:2px solid #fff}#solution .display>.list>.item:last-child{border-bottom:0}#solution .display>.list>.item>a{position:relative;display:block;overflow:hidden}#solution .display>.list>.item>a:after{position:absolute;z-index:5;left:0;top:0;width:0;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.8)) ,to(rgba(255,255,255,0)));background-image:linear-gradient(to right,rgba(0,0,0,.8) ,rgba(255,255,255,0));content:'';-webkit-transition:all .35s;transition:all .35s}#solution .display>.list>.item>a>.img{margin:0 auto;text-align:left;background:#000}#solution .display>.list>.item>a>.img>img{width:100%;height:auto;opacity:.3;-webkit-transition:all .35s;transition:all .35s}#solution .display>.list>.item>a>.box{position:absolute;z-index:99;left:15%;top:50%;margin-top:-120px;width:50%;height:240px;text-align:left}#solution .display>.list>.item>a>.box>.ico{width:120px;height:120px;border:3px solid #ccc;border-radius:15px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#solution .display>.list>.item>a>.box>.ico>img{width:100%;height:auto}#solution .display>.list>.item>a>.box>.con{width:80%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px}#solution .display>.list>.item>a>.box>.con>.tit{font-size:42px;font-weight:600;color:#fff}#solution .display>.list>.item>a>.box>.con>.txt{padding:10px 0;font-size:16px;color:#fff;line-height:28px}#solution .display>.list>.item>a>.box>.con>.more{position:relative;z-index:1;left:-30px;width:64px;height:64px;opacity:0;padding:10px 0;background:url(../img/ico_arrow_right_noborder_red.png) 50% 50% no-repeat;background-size:100% auto;-webkit-transition:all .35s;transition:all .35s}#solution .display>.list>.item>a:hover:after{width:60%}#solution .display>.list>.item>a:hover .box>.con>.more{left:-10px;opacity:1}#solution .details{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}#solution .details>.profile{margin:0 auto}#solution .details>.profile>.title{position:relative;margin-bottom:-40px;text-align:left}#solution .details>.profile>.container{margin:0 auto}#solution .details>.profile>.container>.img{position:relative;z-index:7;width:45%}#solution .details>.profile>.container>.img>span{display:block;position:relative;z-index:9;overflow:hidden}#solution .details>.profile>.container>.img:after{position:absolute;z-index:3;right:-40px;bottom:-40px;width:100%;height:100%;background:#f5f5f5;content:''}#solution .details>.profile>.container>.img img{position:relative;z-index:10;left:-12%;width:150%;height:auto}#solution .details>.profile>.container>.box{width:55%;padding-top:60px;padding-right:100px}#solution .details>.profile>.container>.box>.txt{font-size:16px;color:#666;line-height:28px}#solution .details>.profile>.container>.box>.more{text-align:left;padding-top:50px}#solution .details>.profile>.container>.box>.more>a{position:relative;display:inline-block;overflow:hidden;height:50px;line-height:50px;border:2px solid #d82128;padding:0 45px 0 50px;font-size:16px;color:#d82128;-webkit-transition:all .35s;transition:all .35s}#solution .details>.profile>.container>.box>.more>a>span{position:absolute;z-index:34;left:20px;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../img/ico_arrow_down_noborder_red.png) 50% 50% no-repeat;background-size:100% auto;-webkit-animation:arrow-middle 1s ease infinite;animation:arrow-middle 1s ease infinite}#solution .details>.industry{margin:0 auto;background:#f7f7f7;padding:100px 0}#solution .details>.industry>.title{text-align:center}#solution .details>.industry>.container{margin:0 auto}#solution .details>.industry>.container>.text{width:70%;margin:0 auto;padding-bottom:50px;font-size:16px;line-height:28px;color:#666;text-align:center}#solution .details>.industry>.wrap{padding:50px 0}#solution .details>.industry>.container>.list,#solution .details>.industry>.container>list>ul{margin:0 auto}#solution .details>.industry>.container>.list>ul>li{display:block;float:left;width:25%;margin-bottom:5%;text-align:left}#solution .details>.industry>.container>.list>ul>li>a{display:block;zoom:1}#solution .details>.industry>.container>.list>ul>li>a:after,#solution .details>.industry>.container>.list>ul>li>a:before{content:"";display:table}#solution .details>.industry>.container>.list>ul>li>a:after{clear:both}#solution .details>.industry>.container>.list>ul>li>a>.ico{display:block;float:left;width:100px;height:100px;line-height:100px;text-align:center;border-radius:100%;border:2px solid #ddd;overflow:hidden;-webkit-transition:all .8s;transition:all .8s}#solution .details>.industry>.container>.list>ul>li>a>.ico>img{width:60%;height:auto}#solution .details>.industry>.container>.list>ul>li>a>.tit{display:block;float:left;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:100px;color:#333;text-align:left}#solution .details>.industry>.container>.list>ul>li>a:hover .tit{color:#d82128}#solution .details>.industry>.container>.list>ul>li>a:hover .ico{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}#solution .details>.case{margin:0 auto;padding:100px 0}#solution .details>.case>.title{text-align:center}#solution .details>.case>.container{margin:0 auto}#solution .details>.case>.container>.text{width:70%;margin:0 auto;padding-bottom:50px;font-size:16px;line-height:28px;color:#666;text-align:center}#solution .details>.case>.wrap{padding:50px 0}#solution .details>.case>.container>.list,#solution .details>.case>.container>>list>ul{margin:0 auto}#solution .details>.case>.container>.list>ul>li{display:block;float:left;width:30%;margin-right:5%;margin-bottom:5%;text-align:left}#solution .details>.case>.container>.list>ul>li:nth-child(3n){margin-right:0}#solution .details>.case>.container>.list>ul>li>a{display:block;zoom:1}#solution .details>.case>.container>.list>ul>li>a:after,#solution .details>.case>.container>.list>ul>li>a:before{content:"";display:table}#solution .details>.case>.container>.list>ul>li>a:after{clear:both}#solution .details>.case>.container>.list>ul>li>a>.img{display:block;overflow:hidden;-webkit-transition:all .35s;transition:all .35s}#solution .details>.case>.container>.list>ul>li>a>.img>img{width:100%;height:auto;-webkit-transition:all 3s;transition:all 3s}#solution .details>.case>.container>.list>ul>li>a>.con{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-top:0;padding:40px}#solution .details>.case>.container>.list>ul>li>a>.con:after{position:absolute;z-index:4;left:0;top:0;width:0;height:4px;opacity:0;background:#d82128;content:'';-webkit-transition:all .35s;transition:all .35s}#solution .details>.case>.container>.list>ul>li>a>.con>.tit{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#solution .details>.case>.container>.list>ul>li>a:hover .tit{color:#d82128}#solution .details>.case>.container>.list>ul>li>a:hover .img>img{-webkit-transform:scale(1.2);transform:scale(1.2)}#solution .details>.case>.container>.list>ul>li>a:hover .con:after{width:100%;opacity:1}#solution .layer{margin:0 auto}#solution .layer img{max-width:100%;height:auto}@media only screen and (max-width:1480px){#solution .title>h2{font-size:28px}#solution .display>.list>.item>a>.box{left:50%;margin-left:-35%;width:70%}}@media only screen and (max-width:1200px){#solution .display>.list>.item>a>.box>.con>.tit{font-size:36px}#solution .details>.industry>.container>.text{width:86%;font-size:14px;line-height:24px}#solution .details>.industry>.container>.list>ul>li{width:33.33%}#solution .details>.case>.container>.list>ul>li>a>.con{padding:20px}#solution .details>.case>.container>.list>ul>li>a>.con>.tit{font-size:16px;text-align:center}}@media only screen and (max-width:1080px){#navbar>.select-dropdown .swiper-slide>a>.tit{font-size:16px}#solution .wrap{padding:30px 0}#solution .details>.profile>.title{position:relative;margin-bottom:0;text-align:left}#solution .details>.profile>.container>.img{float:none;width:100%}#solution .details>.profile>.container>.img:after{display:none}#solution .details>.profile>.container>.img img{left:0;width:100%;height:auto}#solution .details>.profile>.container>.box{float:none;width:100%;padding-right:0}#solution .details>.profile>.container>.box>.txt{font-size:14px;line-height:24px}#solution .details>.profile>.container>.box>.more{text-align:center}#solution .details>.industry{padding:30px 0}#solution .details>.industry>.wrap{padding:0}#solution .display>.list>.item>a>.box>.con>.tit{font-size:30px}#solution .display>.list>.item>a>.box>.con>.txt{font-size:14px;line-height:24px}#solution .display>.list>.item>a>.box>.con>.more{width:54px;height:54px}}@media only screen and (max-width:860px){#solution .display>.list>.item>a>.box{height:110px;margin-top:-55px}#solution .display>.list>.item>a>.box>.ico{width:100px;height:100px}#solution .display>.list>.item>a>.box>.con{width:76%}#solution .display>.list>.item>a>.box>.con>.txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#solution .display>.list>.item>a>.box>.con>.more{display:none}#solution .details>.industry>.container>.list>ul>li>a>.ico{width:80px;height:80px;line-height:80px}#solution .details>.industry>.container>.list>ul>li>a>.ico>img{width:60%;height:auto}#solution .details>.industry>.container>.list>ul>li>a>.tit{line-height:80px}#solution .details>.case>.container>.list>ul>li{width:48%;margin-right:0}#solution .details>.case>.container>.list>ul>li:nth-child(3n){margin-right:0}#solution .details>.case>.container>.list>ul>li:nth-child(even){float:right}}@media only screen and (max-width:740px){#solution .details>.industry>.container>.list>ul>li>a>.ico{width:60px;height:60px;line-height:60px}#solution .details>.industry>.container>.list>ul>li>a>.ico>img{width:60%;height:auto}#solution .details>.industry>.container>.list>ul>li>a>.tit{line-height:60px;font-size:16px}}@media only screen and (max-width:640px){#navbar,#navbar>.select-dropdown{height:60px}#navbar{margin:0 auto;overflow:hidden}#navbar>.select-dropdown .button-next,#navbar>.select-dropdown .button-prev{margin-top:-12px;width:24px;height:24px}#navbar>.select-dropdown .swiper-slide{border-right:0}#navbar>.select-dropdown .swiper-slide:first-child{border-left:0}#navbar>.select-dropdown .swiper-slide>a{line-height:60px}#navbar>.select-dropdown .swiper-slide>a>.ico>img{height:40px}#navbar>.select-dropdown .swiper-slide.active{background:0 0}#solution .title>h2{font-size:24px}#solution .display>.list>.item>a>.box>.con{width:60%}#solution .display>.list>.item>a>.box>.con>.tit{font-size:24px}#solution .display>.list>.item>a>.box>.con>.txt{display:none}#solution .details>.industry>.container>.list>ul>li{width:50%}}@media only screen and (max-width:420px){#solution .display>.list>.item>a>.box>.con{width:75%}#solution .display>.list>.item>a>.box{height:60px;margin-top:-30px}#solution .display>.list>.item>a>.box>.ico{width:60px;height:60px;padding:10px}#solution .display>.list>.item>a>.box>.con>.tit{font-size:18px}#solution .details>.industry>.container>.list>ul>li>a>.ico{float:none;margin:0 auto;width:80px;height:80px;line-height:80px}#solution .details>.industry>.container>.list>ul>li>a>.tit{float:none;margin:0 auto;padding:6px 0 0;text-align:center;line-height:initial;font-size:14px}#solution .details>.case>.container>.list>ul>li{float:none;width:100%;margin-right:0}#solution .details>.case>.container>.list>ul>li:nth-child(3n){margin-right:0}#solution .details>.case>.container>.list>ul>li:nth-child(even){float:none}}@-webkit-keyframes arrow-middle{0%{opacity:1}50%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:-5px}}@keyframes arrow-middle{0%{opacity:1}50%{opacity:0;margin-top:-10px}100%{opacity:1;margin-top:-5px}}