@charset "utf-8";#solution,#solution>.plan,#solution>.plan>.box>.nav>ul,#solution>.plan>.title>h3{margin:0 auto}#solution>.plan>.box>.nav>ul>li>a:after,#solution>.plan>.title>h3:after{z-index:4;left:0;bottom:0;background:#00ada9;content:''}#solution>.plan>.box>.nav>ul>li.active>a,#solution>.plan>.box>.nav>ul>li>a:hover,#solution>.plan>.title>h3{color:#00ada9}#banner .mp{display:none}#banner .pc{display:block}#solution>.plan{position:relative;width:90%;max-width:1400px;padding:50px 0}#solution>.plan>.title{position:absolute;z-index:4;left:0;top:50px;text-align:left}#solution>.plan>.title>h3{position:relative;display:inline-block;font-size:36px;font-weight:400;text-align:left;padding:20px 0}#solution>.plan>.title>h3:after{position:absolute;width:40px;height:1px}#solution>.plan>.box{width:35%;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:90px;padding-right:20px}#solution>.plan>.box>.nav{padding:30px 0}#solution>.plan>.box>.nav>ul>li{position:relative;display:block;float:left;width:50%}#solution>.plan>.box>.nav>ul>li>a{position:relative;display:inline-block;padding:10px 0;font-size:17px;-webkit-transition:all .35s;transition:all .35s}#solution>.plan>.box>.nav>ul>li>a:after{position:absolute;width:100%;height:1px;opacity:0;-webkit-transition:all .35s;transition:all .35s}#solution>.plan>.box>.nav>ul>li.active>a:after{opacity:1}#solution>.plan>.container{width:65%;text-align:left;position:relative}#solution>.plan>.container .con{position:absolute;z-index:99;left:70px;top:100px;text-align:left;width:80%;-webkit-transition:all .35s;transition:all .35s}#solution>.plan>.container .con>.tit{font-size:32px;color:#fff}#solution>.plan>.container .con>.tit img{height:70px;width:auto;margin-right:10px}#solution>.plan>.container .con>.txt{padding:0 80px;font-size:16px;line-height:28px;color:#fff}#solution>.plan>.container .img{position:relative;text-align:left;border-bottom:10px solid #00ada9}#solution>.plan>.container .img:after{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left top,right top,color-stop(20%,rgba(0,0,0,.7)),to(hsla(0,0%,100%,.1)));background:linear-gradient(90deg,rgba(0,0,0,.7) 20%,hsla(0,0%,100%,.1));content:'';-webkit-transition:all .35s;transition:all .35s}#solution>.plan>.container .img>img{width:100%;height:auto}#solution>.plan>.container:hover .con{top:140px}#solution>.plan>.container:hover .img:after{background:-webkit-gradient(linear,left top,right top,color-stop(20%,rgba(0,0,0,.8)),to(hsla(0,0%,100%,.4)));background:linear-gradient(90deg,rgba(0,0,0,.8) 20%,hsla(0,0%,100%,.4))}#solution>.item{background:#fff;margin:0 auto}#solution>.item>div:last-child{border:0!important}#solution>.item>.tag{margin:0 auto;padding-bottom:50px;width:90%;max-width:1280px;border-bottom:1px dotted #ddd}#solution>.item>.case,#solution>.item>.product{max-width:1400px;border-bottom:1px dotted #ddd}#solution>.item>.tag>.title{text-align:center;margin:0 auto;padding:20px 0}#solution>.item>.tag>.title>h3{position:relative;display:inline-block;font-size:32px;font-weight:400;color:#333;text-align:center;padding:20px 0 10px;margin:0 auto}#solution>.item>.tag>.container{margin:0 auto;padding:20px 0}#solution>.item>.tag>.container .text{text-align:left;margin:0 auto}#solution>.item>.tag>.container .text>p{font-size:16px;line-height:2.2;margin-bottom:25px}#solution>.item>.case{margin:0 auto;padding-bottom:50px;width:90%}#solution>.item>.case>.title,#solution>.item>.case>.title>h3{text-align:center;padding:20px 0;margin:0 auto}#solution>.item>.case>.title>h3{position:relative;display:inline-block;font-size:32px;font-weight:400;color:#333}#solution>.item>.case>.container{margin:0 auto;padding:20px 0 50px}#solution>.item>.case>.container>a{position:relative;display:block;float:left;width:50%;font-size:16px;color:#666;padding:5px 15px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .35s;transition:all .35s}#solution>.item>.case>.container>a:after{position:absolute;z-index:3;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#00ada9;content:''}#solution>.item>.case>.container>a:hover{color:#00ada9}#solution>.item>.product{margin:0 auto;padding-bottom:50px;width:90%}#solution>.item>.product>.title{text-align:center;margin:0 auto;padding:20px 0}#solution>.item>.product>.title>h3{position:relative;display:inline-block;font-size:32px;font-weight:400;color:#333;text-align:center;padding:20px 0;margin:0 auto}#solution>.item>.product>.container{margin:0 auto;padding:20px 0}#solution>.item>.product>.container>ul{display:block;margin:0 auto}#solution>.item>.product>.container>ul>li{display:block;float:left;width:23.5%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:2%;margin-right:2%}#solution>.item>.product>.container>ul>li:nth-child(4n){margin-right:0}#solution>.item>.product>.container>ul>li a{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}#solution>.item>.product>.container>ul>li a>img{width:100%;height:auto;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;transition:all .35s}#solution>.item>.product>.container>ul>li a>p{font-size:16px;color:#333;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .35s;transition:all .35s}#solution>.item>.product>.container>ul>li a:hover p{color:#00ada9}#solution>.layer{position:relative;overflow:hidden}#solution>.layer>.close{display:none;position:fixed;z-index:99;right:0;top:0;width:50px;height:50px;line-height:48px;background:#00ada9;cursor:pointer}#solution>.layer>.view{position:relative;padding:100px 50px 50px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}#solution>.layer>.view>.time{position:fixed;z-index:9;left:50px;top:0;width:100%;background:#fff;font-size:18px;padding:50px 0 20px;color:#333}#solution>.layer>.view>.time:after{position:absolute;z-index:4;left:0;bottom:5px;width:40px;height:1px;background:#333;content:''}#solution>.layer>.view>.time>span{display:inline-block;margin-right:10px}#solution>.layer>.view>.content{text-align:left;padding:20px 0;font-size:16px;line-height:30px;color:#666}#solution>.layer>.view>.content p{display:block;margin-bottom:20px}.layui-layer-iframe{overflow:hidden!important}@media only screen and (max-width:1200px){#banner .mp{display:block}#banner .pc{display:none}#solution>.plan>.title>h3{font-size:32px}#solution>.plan>.box>.nav{padding:20px 0}#solution>.plan>.box>.nav>ul>li>a{font-size:16px}#solution>.plan>.container .con>.tit{font-size:28px}#solution>.plan>.container .con>.tit img{height:60px}#solution>.plan>.container .con>.txt{font-size:14px;line-height:24px;color:#fff}#solution>.item>.tag>.title>h3{font-size:28px}#solution>.item>.tag>.container .text>p{font-size:14px;line-height:24px}#solution>.item>.case>.container>a{font-size:14px}}@media only screen and (max-width:1080px){#solution>.plan>.title{position:relative;top:0}#solution>.plan>.box{float:none;width:100%;padding:0}#solution>.plan>.box>.nav{padding:0}#solution>.plan>.box>.nav>ul>li{width:33.33%}#solution>.plan>.container{float:none;width:100%;height:200px;margin:20px auto;overflow:hidden}#solution>.plan>.container .con{left:70px;top:40px!important}}@media only screen and (max-width:860px){#solution>.plan>.title>h3{font-size:28px}#solution>.item>.product>.container>ul>li{width:32%}#solution>.item>.product>.container>ul>li:nth-child(4n){margin-right:2%}#solution>.item>.product>.container>ul>li:nth-child(3n){margin-right:0}}@media only screen and (max-width:640px){#solution>.plan>.title>h3{font-size:24px}#solution>.plan>.container .con>.tit{font-size:22px}#solution>.plan>.container .con>.txt{font-size:12px;line-height:20px}#solution>.plan>.box>.nav>ul>li>a{font-size:14px}#solution>.item>.case>.title>h3,#solution>.item>.product>.title>h3,#solution>.item>.tag>.title>h3{font-size:24px}#solution>.item>.product>.container>ul>li{width:48%;margin-right:0}#solution>.item>.product>.container>ul>li:nth-child(3n),#solution>.item>.product>.container>ul>li:nth-child(4n){margin-right:0}#solution>.item>.product>.container>ul>li:nth-child(even){float:right}#solution>.item>.product>.container>ul>li a>p{font-size:14px}#solution>.layer>.view{padding:50px 20px 20px}#solution>.layer>.view>.time{left:0;width:100%;font-size:14px;padding:20px}#solution>.layer>.view>.time:after{left:20px;width:32px}#solution>.layer>.view>.content{font-size:14px;line-height:28px}}@media only screen and (max-width:480px){#solution>.plan>.container{height:100px}#solution>.plan>.container .con{left:50px;top:20px!important}#solution>.plan>.container .con>.txt{display:none}#solution>.plan>.box>.nav>ul>li{width:50%;text-align:center}#solution>.plan>.box>.nav>ul>li>a{display:block}#solution>.plan>.box>.nav>ul>li>a:after{height:100%;background:0 0;border:1px solid #00ada9}#solution>.item>.case>.container>a{display:block;float:none;width:100%}}