.banner{
	width: 100%;
    height: 530px;
    line-height: 530px;
    text-align: center;
    background-image: url(../img/xls-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.banner .box {
	display:inline-block;
	line-height:120px;
	padding-top:140px;
}
.banner .box h2 {
	color:#ffffff;
	font-size:72px;
	margin-bottom:20px;
}
.banner .box p {
	color:#fff;
	font-size:18px;
	line-height:60px;
	letter-spacing:4px;
}
.banner .box p img {
	line-height:100px;
	width:500px;
	height:60px;
	margin:0 auto;
}
.title {
    text-align: center;
    padding: 20px 0;
}
.title h2 {
    line-height: 80px;
    font-size: 34px;
    color: #222;
    padding: 0;
}
.title p {
    line-height: 32px;
    font-size: 16px;
    color: #565656;
}
.title .special-tit {
    margin-top: 8px;
    display: inline-block;
    padding: 0 45px;
    line-height: 30px;
    height: 30px;
    background: #eee;
    border-radius: 15px;
    color: #555;
    font-size: 16px;
    margin-bottom: 20px;
}
.five-point{width:100%;padding:20px 0 ;text-align:center;font-weight:normal}.five-point span,.five-point i{display:inline-block;height:70px}.five-point span{border:3px solid #ec6941;padding:0 30px;line-height:64px;color:#000;font-size:24px;border-radius:10px}.five-point i{margin:0 20px;font-style:normal;color:#ec6941;line-height:70px;font-size:36px}
.xls-part1{
	padding: 20px 0;
}
.xls-part1 .text{
	text-align: left;
    padding: 20px 0 20px 150px;
}
.xls-part1 p {
  font-size: 14px;
  line-height: 30px;
}
.xls-part1 p span {
  font-size: 18px;
}
.text-blue {
  color: #2185d0;
}
.text-red {
  color: #a41d23;
}
.xls-part2{
	padding: 20px 0 40px;
}
.xls-part3 {
	width: 100%;
    height: 864px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/xls-part3.jpg);
}
.xls-part3 h2 {
	color:#fff;
	margin-bottom:60px;
}
.xls-part3-group .box {
	width:250px;
	height:250px;
	line-height:250px;
	text-align:center;
	margin:0 auto 40px;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.xls-part3-group .xls-part3-cirle1 {
	background-image:url(../img/xls-part3-circle1.png);
}
.xls-part3-group .xls-part3-cirle1:hover {
	background-image:url(../img/xls-part3-circle2.png);
}
.xls-part3-group .xls-part3-cirle2 {
	background-image:url(../img/xls-part3-circle2.png);
}
.xls-part3-group .xls-part3-cirle2:hover {
	background-image:url(../img/xls-part3-circle1.png);
}
.xls-part3-group .box p {
	display:inline-block;
	vertical-align:middle;
	width:75%;
	color:#fff;
	font-size:16px;
	line-height:24px;
	text-align:center;
}
.xls-part4 {
	padding: 40px 0 60px 0;
}
.xls-part4 .row{
	width: 100%;
}
.xls-part4 .row li{
	width: 25%;
	float: left;
}
.xls-part4 .row li img{
	vertical-align: middle;
}
.xls-part4 .row li p {
	text-align: center;
    margin-top: 40px;
    font-size: 16px;
    font-weight: bold;
}
.industry-panel {
    height: 555px;
    width: 100%;
}
.industry-panel li {
		width: 25%;
        height: 278px;
    	padding: 30px;
        float: left;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;

            text-align: center;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .industry-panel li .solution-icon {
                width: 90px;
                height: 90px;
                margin: 0 auto;
                background-repeat: no-repeat;
    			background-image: url("../img/industry-icons.png");
            }

            .industry-panel li h4 {
                width: 100%;
                text-align: center;
                height: 48px;
                line-height: 48px;
                color: #666;
                font-size: 32px;
                font-weight: normal;
            }

            .industry-panel li h5 {
                width: 100%;
                text-align: center;
                height: 48px;
                line-height: 48px;
                color: #333;
                font-size: 20px;
                font-weight: normal;
            }

            .industry-panel li p {
                width: 100%;
                text-align: center;
                line-height: 20px;
                font-size: 13px;
                color: #333;
                margin-top: 10px;
            }

        .industry-panel li:hover  {
        	cursor: pointer;
            padding-top: 40px;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .industry-panel li.icon-01 .solution-icon {
            background-position: left top;
        }

        .industry-panel li.icon-01:hover .solution-icon {
            background-position: left -90px;
        }

        .industry-panel li.icon-02 .solution-icon {
            background-position: -90px top;
        }

        .industry-panel li.icon-02:hover .solution-icon {
            background-position: -90px -90px;
        }

        .industry-panel li.icon-03 .solution-icon {
            background-position: -180px top;
        }

        .industry-panel li.icon-03:hover .solution-icon {
            background-position: -180px -90px;
        }

        .industry-panel li.icon-04 .solution-icon {
            background-position: -270px top;
        }

        .industry-panel li.icon-04:hover .solution-icon {
            background-position: -270px -90px;
        }

        .industry-panel li.icon-05 .solution-icon {
            background-position: left -180px;
        }

        .industry-panel li.icon-05:hover .solution-icon {
            background-position: left -270px;
        }

        .industry-panel li.icon-06 .solution-icon {
            background-position: -90px -180px;
        }

        .industry-panel li.icon-06:hover .solution-icon {
            background-position: -90px -270px;
        }

        .industry-panel li.icon-07 .solution-icon {
            background-position: -180px -180px;
        }

        .industry-panel li.icon-07:hover .solution-icon {
            background-position: -180px -270px;
        }

        .industry-panel li.icon-08 .solution-icon {
            background-position: -270px -180px;
        }

        .industry-panel li.icon-08:hover .solution-icon {
            background-position: -270px -270px;
        }

        .industry-panel li.icon-09 .solution-icon {
            background-position: 0 -360px;
        }

        .industry-panel li.icon-09:hover .solution-icon {
            background-position: 0 -450px;
        }
        .industry-panel li.icon-04 {
            border-right: none;
        }

        .industry-panel li.icon-08 {
            border-right: none;
        }
