ul.intelligent li{
    overflow: hidden; 
    height: 225px;
}
ul.intelligent li .text,ul.intelligent li .img{ 
	float: left;
	width: 50%;
	height: 100%;
    margin: 0;
    padding: 0; 
    background: #eeeeee;
    color: #44444c;
	font-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
ul.intelligent li .img{ text-align: center; }
ul.intelligent li .img span{
	line-height: 225px;
	font-size: 22px;
	color: #fff;
	text-align: center;
}
ul.intelligent li .text{ 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
ul.intelligent li .text span{ 
    display: inline-block; 
    width: 100%; 
    width: 85%\0; 
    margin: 0 45px;
    margin: 67.5px 45px\0;
}
/*.ie8 ul.intelligent li .text span,
.ie9 ul.intelligent li .text span{ 
    width: 85%\0; 
    margin: 67.5px 45px\0;
}*/

ul.intelligent li .text p{ 
	line-height: 30px;
	margin: 0; 
}
ul.intelligent li:nth-of-type(2n) .text span{
	text-align: right;	
}

.develop{ 
	display: block;
	width: 396px;
	height: 53px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	margin: 50px auto 0; 
	background: #0e7377;
	line-height: 53px;
}

/*智能硬件定制开发*/
ul.systems {
    text-align: justify;
    margin: 0 194px 70px;

}

ul.systems:after {
    content: "";
    display: inline-block;
    width: 100%;
}

ul.systems li {
    display: inline-block;
    width: 380px!important;
    height: 220px;
    font-size: 16px;
    /*background: #efefef;*/
    background-image: url(../image/index/img_6.png);
    background-repeat: no-repeat;
    box-shadow: 1px 1px 13px rgba(0,0,0,.3);
}
ul.systems li a{
	height: 100%; 
	color: #036d71; 
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
ul.systems li .img {
    display: inline-block;
    width: 78px;
    height: 78px;
    padding-left: 30px;
    text-align: center;
}
.ie8 ul.systems li .img,.ie9 ul.systems li .img{
    padding-right: 20px;
    margin-top: 70px;
} 
ul.systems li img:first-child+img{ display: none; }
ul.systems li:hover img:first-child{ display: none; }
ul.systems li:hover img:first-child+img{ 
    display: block;  
    animation: 1s opacity2 1s 2; 
    -webkit-animation: 1s opacity2 1s 2;
    -moz-animation: 1s opacity2 1s 2;  
}

ul.systems li:hover{ 
    /*background: #0d7377; */
    background-image: url(../image/index/img_5.png);
}
ul.systems li:hover a{ color: #fff; }


@keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-webkit-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}
@-moz-keyframes opacity2{
    0%{opacity:0}
    50%{opacity:.8;}
    100%{opacity:0;}
}

/*ul.systems li img {
    width: 78px;
    height: 78px;
  	padding-left: 30px;
}*/
ul.systems li span{
	display: inline-block;
	width: 217px;
	padding-right: 20px;
}

/*ul.systems li.active,ul.systems li:hover{ background: #0d7377; }
ul.systems li.active a,ul.systems li:hover a{ color: #fff; }*/

.section{ background: #f5f5f5; padding-bottom: 80px;}
.process .content{
	background: #fff;
	padding: 50px 80px 45px;
	
}
.process .content ul{ overflow: hidden; }
.process .content ul li{ text-align: center; float: left; }
.process .content ul li p{
	width: 150px;
	line-height: 45px;
	border: 1px solid #0d7377;
	color: #247175;
}
.process .content ul li.line p{ 
	border: none;
	line-height: 1;
	width: 280px;
	height: 56px;
	margin: 0 0 5px;
}
.process .content ul li.line p i{
	display: inline-block;
	width: 280px; height: 1px;
	border-bottom: 1px dashed #0d7377;
}
.process .content ul li.line2 p{
	height: 47px;
	margin-top: 35px;
	margin-bottom: 0;
}
.process .content ul li.center{ width: 170px; }
.process .content ul li.center>div{ 
	height: 170px; background: #0e7377; 
}
.process .content ul li.center p{ 
	width: 100%; color: #fff; border: none;
	margin: 0;
}
.process .content ul li.center img{ margin-top: 35px; }
.process .content ul li:last-child p{
	margin: 35px 0;
}
.process .content ul li p:first-child{
	color: #44444c;
	border: none;
	height: 45px;
	line-height: 45px;
	margin: 14px 0;
}

ul.industry  {
    text-align: justify;
    /*margin: 0 135px 70px;*/
    margin: 0 135px 50px;

}

ul.industry:after {
    content: "";
    display: inline-block;
    width: 100%;
}

ul.industry li {
    display: inline-block;
    width: 212px!important;
    height: 212px;
    border-radius: 50%;
    text-align: center;
    line-height: 212px;
    background-repeat: no-repeat;
    background-position: center;
}
ul.industry li p{ font-size: 22px; color: #fff; margin: 0; }
ul.industry li:first-child{ 
    background-image: url(../image/intelligent/icon_4.png); 
}
ul.industry li:first-child+li{ 
    background-image: url(../image/intelligent/icon_5.png); 
}
ul.industry li:first-child+li+li{ 
    background-image: url(../image/intelligent/icon_6.png); 
}

.img-rotate-y
{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}

.img-rotate-y:hover
{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
}
.img-rotate-y p{ transition:all 1.2s ease-in-out; }
.img-rotate-y:hover p{ transform:rotateY(180deg); }

.section_technology{ padding-bottom: 40px; }
ul.technology {
    text-align: justify;
    /*display: inline-block;
    width: 100%;*/
}
ul.technology:after {
    content: "";
    display: inline-block;
    width: 100%;
}
ul.technology li{
    display: inline-block;
    width: 110px;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.technology li p{ font-size: 16px; color: #44444c; margin: 10px 0; }


/**/
/*945分辨率以下*/
@media (max-width: 945px){

    ul.intelligent li .img span{ font-size: 28px; }
    ul.intelligent li .text span{ font-size: 24px; margin: 0 35px; }
    ul.intelligent li .text p { line-height: 35px; }
    ul.intelligent li .text p i{ display: inline-block; width: 20px; }
    
    .develop{
        height: 66px;
        font-size: 26px;
        line-height: 66px;
    }

    /*智能硬件 定制服务*/
    ul.systems { margin: 0 30px 40px; }
    ul.systems li{ width: 580px!important; height: 200px; }
    ul.systems li:first-child{ margin-bottom: 20px; }
    ul.systems li .img{ padding-left: 43px; }
    ul.systems li span{ width: 350px; padding-right: 60px; font-size: 24px; }
    ul.systems li{ 
        background-image: url(../image/intelligent/img_6.png);
    }
    ul.systems li:hover{ 
        background-image: url(../image/intelligent/img_5.png);
    }

    .process .content{ margin: 0 30px; padding: 50px 20px 45px; }
    .process .content ul{ 
        background-image: url(../image/intelligent/img_3.png) ; 
        background-repeat: no-repeat; 
        background-size: 393px 495px; 
        background-position: 73px 165px; 
    }
    .process .content ul li { float: none; }
    .process .content ul li{
        text-align: justify;
    }
    .process .content ul li:after{
        content: "";
        display: inline-block;
        width: 100%;
    }
    .process .content ul li p{
        display: inline-block;
        text-align: center;
        margin: 15px 0 0;
    }
    .process .content ul li p:first-child{ display: block; text-align: left;}
    .process .content ul li.line p:first-child { display: block; }
    .process .content ul li.line p{ width: 150px; margin-bottom: 7px;}
    .process .content ul li.line p i{
        display: none;
    }
    .process .content ul li.line p:nth-of-type(3){ margin-left: -55px; }
    .process .content ul li.center{ width: 100%; text-align: left; }
    .process .content ul li.center div{ 
        text-align: center; width: 220px; display: inline-block;  
    }
    .process .content ul li.center p:first-child{ 
        width: 160px;
        float: left;
        line-height: 170px;
        height: 170px;
        margin: 0;
    }
    .process .content ul li.line2 p:nth-of-type(1){ display: none; }
    .process .content ul li.line2 p{ width: 225px; }
    .process .content ul li:last-child p{ float: left;  margin: 25px 0;}
    .process .content ul li:last-child p:nth-of-type(1){ 
        /*width: 118px;*/
        width: 105px;
        display: inline-block; 
    }
    .process .content ul li:last-child p:nth-of-type(3){ margin-left: 30px; }

    ul.industry{ margin: 0 25px 50px; }
    ul.industry li{ 
        width: 182px!important; 
        height: 182px; 
        background-size: 182px 182px;
        line-height: 182px;
    }
    ul.industry li p { font-size: 28px; }

    .section_technology{ padding-bottom: 0; }
    ul.technology{ margin: 0 60px; }
    ul.technology li p {
        font-size: 24px;
        margin: 15px 0 45px;
    }
    ul.technology li:last-child  p{
        margin: 15px 0 30px;
    }
    
}