@charset "UTF-8";

.solution-floor {
	padding: 50px 0px;
}
.solution-floor .list {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.solution-floor .list .list_img { float:left; width:600px; height:400px; overflow:hidden;}
.solution-floor .list .list_img a {display: block; position: relative;width: 100%;height: 100%;}
.solution-floor .list .list_img img{ width:100%; height:100%; transition: all .3s ease;object-fit: cover;}
/* .solution-floor .list .list_img a:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon-more.png) center center no-repeat;
    content: "";
    z-index: 3;
    opacity: 0;
    transition: all ease .5s;
} */
.solution-floor .list .list_img a:after {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: rgba(0,0,0,0.15);
	content:"";
	z-index:2;
	opacity:0;
	transition:all ease .5s;
}
.solution-floor .list .list_cont { float:right; position:relative; width: calc(100% - 600px);height:400px; box-shadow: 0px 1px 20px #c5c5c5; padding:30px 40px; background-color:#fff; transition: all .5s ease;}

.solution-floor .list .list_cont h5 a{ font-size:30px; color:#333;}
.solution-floor .list .list_cont h5 a:hover {color: #009966;}
.solution-floor .list .list_cont p{ font-size:16px; color:#707070; line-height:26px; padding-top:20px; text-align:justify;}
.solution-floor .list .list_cont .more {position:absolute;bottom:40px;}
.solution-floor .list .list_cont .more a{ display:block;border-radius: 30px;color:#666;font-size:18px;height:50px;line-height:50px;border:1px solid #ccc;padding:0 30px; float:left; margin-right:20px;transition: all .3s ease;}
.solution-floor .list .list_cont .more a:hover{border-color:#009966;background:#009966;color:#fff;}
.solution-floor .list .list_cont .more a.active{border-color:#009966;background:#009966;color:#fff;}

.solution-floor .list .list_img a:hover:before {
	opacity:1;
}
.solution-floor .list .list_img a:hover:after {
	opacity:1;
}



/*方案详情*/
/*方案详情*/
.solution_det{background:#f5f5f5;}
.solution_det .content{max-width:1600px;margin:0 auto;background:#fff;}
.solution_det .content .top{position:relative;}
.solution_det .content .top img{width:100%;}
.solution_det .content .top p{position:absolute;left:5%;top:10%;width:280px;height:80%;text-align:center;background:#009966;font-size:30px;font-weight:bold;line-height:48px;display:flex;align-items:center;justify-content:center;color:#fff;}

.solution_det .content ul{padding:5%;}
.solution_det .content ul li{padding:50px 0 30px;border-bottom:1px #ddd solid;overflow:hidden;*zoom:1;}
.solution_det .content ul li:first-child{padding-top:0;}
.solution_det .content ul li .num{width:20%;float:left;font-size:110px;font-style: italic;color: #e5e5e5;line-height: 110px;font-weight: lighter;}
.solution_det .content ul li .right{width:80%;float:left;}
.solution_det .content ul li .right h2{position: relative;margin-bottom: 45px;font-size: 28px;line-height: 48px; font-weight: bold;position:relative;}
.solution_det .content ul li .right h2:after{content:''; position: absolute;left: 0;bottom: -20px;z-index: 3;width: 30px; height: 3px;background-color: #009966;}
.solution_det .content ul li .right .text{font-size:16px;line-height:30px;color:#666;margin-bottom:30px;}
.solution_det .content ul li .right .text table{width:100%;}
.solution_det .content ul li .right .text td{border:1px #ccc solid;padding:5px 10px;}
.solution_det .content ul li .right .dl{overflow:hidden;*zoom:1;}
.solution_det .content ul li .right .dl .dd{display:inline-block;vertical-align:top;padding-right:15%;max-width:39%;margin:30px 0;}
.solution_det .content ul li .right .dl .dd:nth-child(2n){padding-right:0;}
.solution_det .content ul li .right .dl .dd h4,.solution_det .content ul li .right .dl .arow h4{padding: 24px 0 28px;font-size: 18px;line-height: 24px;font-weight: bold;color: #1a1a1a;}
.solution_det .content ul li .right .dl .dd p,.solution_det .content ul li .right .dl .arow p{font-size: 14px;line-height: 24px;color: #666;}

.w_title {
    text-align: center;
}
.w_title h2 {
    font-size: 30px;
    text-transform: uppercase;
}
.w_title h2 span {
    font-weight: lighter
}
.w_title h5 {
    font-size: 20px
}
.w_title h5 span {
    font-weight: 400
}
.w_center {
    width: 1600px;
    margin: auto
}
.w_center {
    position: relative;
    z-index: 1
}
.w_solutions {
	margin-top: 80px;
}
.w_solutions .w_icon_wrap {
    text-align: justify;
    margin-top: 60px;
    margin-bottom: 74px
}
.w_solutions .w_icon_wrap li a {
    color: #fff
}
.w_solutions .w_icon_wrap li:last-child {
    margin-right: 0
}
.w_solutions .w_icon_wrap li {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 17px;
    float: left;
    margin-right: 49px
}
.w_solutions .w_icon_wrap li .w_pic {
    position: relative;
    width: 107px;
    height: 107px;
    margin-bottom: 17px
}
.w_solutions .w_icon_wrap li .w_pic img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.w_solutions .w_icon_wrap li .w_pic .w_pic_hover {
    display: none
}
.w_function .w_icon_wrap li, .w_solutions .w_icon_wrap li {
    transition: all .25s
}
.w_function .w_icon_wrap li:hover, .w_solutions .w_icon_wrap li:hover {
    transform: translate3d(0, -30px, 0)
}
.w_solutions .w_icon_wrap li:hover img {
    display: none
}
.w_solutions .w_icon_wrap li:hover .w_pic_hover {
    display: inline-block
}
.w_solutions .w_icon_wrap li:hover {
    color: #ffa64f
}
.w_solutions .w_con_wrap {
    position: relative;
}
.w_solutions .w_con_wrap img {
    width: 1000px;
    border: 1px solid #ebebeb
}
.w_solutions .w_con {
    position: absolute;
    right: 0;
    top: 80px;
    background: #009966;
    color: #fff;
    width: 700px;
   	height: 400px;
    padding: 50px 37px;
}
.w_solutions .w_con h1 {
    font-size: 32px;
    margin-bottom: 15px
}
.w_solutions .w_con h2 {
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 29px;
    text-transform: uppercase
}
.w_solutions .w_con p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}
.w_solutions .w_con a {
    display: block;
    width: 142px;
    height: 42px;
    text-align: center;
    line-height: 42px;
	background: #fff;
    font-size: 14px;
    border: 1px solid #009966;
    color: #222;
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    margin: auto;
    transition: color .2s, background .2s;
    -webkit-transition: color .2s, background .2s;
	border-radius: 30px;
}
.w_solutions .w_con a:hover {
    background: #009966;
	color: #fff;
	border-radius: 30px;
	border: 1px solid #fff;
}
.w_function {
    text-align: center;
    padding: 70px 0px 0px;
}
.w_function .w_icon_wrap {
    padding: 60px 0
}
.w_function .w_icon_wrap li {
    width: 180px;
    margin: 0 70px;
    display: inline-block
}
.w_function .w_icon_wrap li img {
    width: 100%
}
.w_function .w_icon_wrap li p {
    color: #555;
    font-size: 20px;
    margin-top: 15px;
}
.w_fl {
    padding-top: 140px;
}
.w_function .w_web_wrap {
    position: relative;
    text-align: left;
    color: #fff
}
.w_function .w_web_wrap.w_web_cloth {
    background: #273139
}
.w_function .w_web_wrap h1 {
    position: absolute;
    font-size: 40px;
    line-height: 65px;
    top: 0;
    left: 22px;
    margin-bottom: 14px;
    z-index: 1;
}
.w_function .w_web_wrap p {
    font-size: 16px;
    letter-spacing: -.05em;
    position: absolute;
    line-height: 24px;
    top: 69px;
    left: 22px;
    text-transform: uppercase;
    font-weight: lighter
}
.w_function .w_web_wrap p span {
    font-weight: 700
}
.w_function .w_con {
    background: #0095e2 url(../images/w_bg3.jpg) no-repeat top center;
    overflow: hidden
}
.w_function .w_con .w_grid {
    float: right;
}
.w_function .w_web_wrap h2, .w_function .w_web_wrap p {
    z-index: 1
}
.w_pics {
    width: 285px;
    overflow: hidden;
    height: 211px;
    z-index: 0;
    position: relative;
    background: #273139;
    border-radius: 20px
}
.w_web_wrap.spe .w_pics {
    height: 165px
}
.w_web_wrap.spe2 .w_pics {
    height: 112px
}
.w_pics img {
    position: absolute;
    z-index: 0;
    height: 50%;
    bottom: 0;
    right: 0
}
.w_web_wrap.on .w_pics {
    background: #990099
}
.w_function .w_web_wrap.spe2 h1 {
    line-height: 32px;
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 22px
}
.w_function .w_web_wrap.spe2 p {
    top: 58px;
    line-height: 20px;
    font-size: 12px
}
.w_function .w_web_wrap.spe3 {
    float: left;
    margin-right: 17px;
    width: 138px
}
.w_function .w_web_wrap.spe3 .w_pics {
    height: 168px;
    width: 138px
}
.w_function .w_web_wrap.spe3 .w_pics img {
    width: 70%;
    height: auto
}
.w_function .w_web_wrap.spe3 h1 {
    top: 30px;
    line-height: 22px;
    font-size: 18px
}
.w_function .w_web_wrap.spe3 p {
    font-size: 12px;
    top: 82px;
    line-height: 18px
}
.sm1 li {
    height: 215px;
    width: 284px
}
.sm2 li {
    height: 215px;
    width: 412px
}
.sm3 li {
    height: 215px;
    width: 307px
}
.sm4 li {
    height: 215px;
    width: 294px
}
.sm li {
    float: left
}
.sm li em {
    width: 103px;
    height: 34px;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    float: left
}
.sm li em.bg1, .sm li em.bg2, .sm li em.bg3 {
    background-image: url(../images/dn1.png)
}
.sm li img {
    margin: 0 10px;
    float: left
}
.sm li i {
    color: #fff;
    text-align: left;
    font-size: 14px;
    float: left
}
.w_grid {
    width: 865px;
    padding-top: 80px;
}
.w_marketing_services {
    padding-top: 60px;
}
.thismsg {
    text-align: center
}
.thismsg h5 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 70px;
    color: #0095e2
}
.thismsg p {
    font-size: 14px;
    line-height: 24px;
    color: #878787
}
.thismsg p em {
    color: #0095e2
}
.this {
    position: relative;
    height: 663px;
    background: url(../images/this1.jpg) center no-repeat;
}
.thismsg {
    position: absolute;
    left: 50%
}
.thismsg1 {
    top: 122px;
    margin-left: -430px
}
.thismsg2 {
    top: 122px;
    margin-left: 177px
}
.thismsg3 {
    margin-left: -268px;
    top: 383px
}
.thismsg4 {
    margin-left: 23px;
    top: 383px
}


@media all and (max-width:1599px) {
    .solution-floor .list .list_img {
        width: 500px;
        height: 333px;
    }
    .solution-floor .list .list_cont {
        width: calc(100% - 500px);
        height: 390px;
    }
}
@media all and (max-width:1280px) {
    .solution-floor .list .list_img {
        width: 400px;
        height: 267px;
        margin: 20px 0 0 0;
    }
    .solution-floor .list .list_cont {
        width: calc(100% - 400px);
        height: 310px;
        padding: 20px;
    }
    .solution-floor .list .list_cont h5 a {
        font-size: 24px;
    }
    .solution-floor .list .list_cont p {
        font-size: 15px;
    }
    .solution-floor .list .list_cont .more {
        bottom: 30px;
    }
    .solution-floor .list .list_cont .more a {
        height: 45px;
        line-height: 45px;
        padding: 0px 15px;
        font-size: 16px;
    }
	.full-crumbs .nav-channel {
	    display: none;
	}
}
@media all and (max-width:992px) {
    .solution-floor {
        padding:35px 0px;
    }
    .solution-floor .list {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .solution-floor .list .list_img {
        width: 100%;
        height: auto;
        margin: 0 0 0 0;
    }
    .solution-floor .list .list_cont {
        width:100%;
        height: auto;
    }
    .solution-floor .list .list_cont .more {
        position: static;
        margin-top: 30px;
    }
	/*解决方案*/
	.solution_list .title h1{font-size:24px;line-height:30px;padding:10px 0;}

	.solution_list .content ul li{width:50%;}
	.solution_list .content ul li:nth-child(3n) .text{border-right:none;}
	.solution_list .content ul li:nth-child(2n) .text{border-right:1px #ddd solid;}
	.solution_list .content ul li .img p{display:none;}

	.solution_det .content ul{padding:0 5% 5%;}
	.solution_det .content ul li{padding:30px 0 10px;}
	.solution_det .content ul li .num{display:none;}
	.solution_det .content ul li .right{width:100%;}

	.solution_det .content ul li:first-child{padding-top:30px;}
	.full-crumbs .nav-channel {
	    display: none;
	}
}

@media all and (max-width:640px) {
    .solution-floor .list .list_cont h5 a {
        font-size: 20px;
    }
    .solution-floor .list .list_cont p {
        font-size: 14px;
    }
    .solution-floor .list .list_cont .more {
        display: flex;
        justify-content: space-between;
    }
    .solution-floor .list .list_cont .more a {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        margin-right: 0;
        padding: 0px 10px;
    }
	.w_solutions {
	    margin-top: 10px;
	}
	/*解决方案*/
	.solution_list .title h1{font-size:24px;line-height:30px;padding:10px 0;}

	.solution_list .content ul li{width:50%;}
	.solution_list .content ul li:nth-child(3n) .text{border-right:none;}
	.solution_list .content ul li:nth-child(2n) .text{border-right:1px #ddd solid;}
	.solution_list .content ul li .img p{display:none;}

	.solution_det .content ul{padding:0 5% 5%;}
	.solution_det .content ul li{padding:30px 0 10px;}
	.solution_det .content ul li .num{display:none;}
	.solution_det .content ul li .right{width:100%;}

	.solution_det .content ul li:first-child{padding-top:30px;}
	.solution_det .content .top p{
	    left: 0;
	    width: 100%;
	}
	.full-crumbs .nav-channel {
	    display: none;
	}

}