/*swiper*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#swiper_banner .swiper-button-next,#swiper_banner .swiper-button-prev,
#swiper_banner2 .swiper-button-next,#swiper_banner2 .swiper-button-prev{
    position: absolute;
    top: 50%;
    /*width: 27px;*/
    width: 35px;
    height: 20px;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
#swiper_banner .swiper-wrapper{ height: 520px!important; }
#swiper_banner .swiper-slide{ height: 520px!important; }
#swiper_banner:hover .swiper-button-next,#swiper_banner:hover .swiper-button-prev{ display: block; }
#swiper_banner .swiper-button-next{ background-image: url(../image/index/next.png); }
#swiper_banner .swiper-button-prev{ background-image: url(../image/index/prev.png); }
#swiper_banner .swiper-slide{ width: 100%; height: 520px;}
#swiper_banner .swiper-slide a{ width: 100%; height: 100%;}

#swiper_banner .swiper-pagination-bullet{ 
    width: 30px; height: 2px; background: #fff; 
    border-radius: 0; margin-bottom: 23px;
    opacity: .8;
}
#swiper_banner .swiper-pagination-bullet-active { background: #88c12a!important; }

#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(1){ background:url(../image/sub/banner_m.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(2){ background:url(../image/index/banner1.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(3){ background:url(../image/intelligent/banner.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(4){ background:url(../image/intelligent/banner2.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(5){ background:url(../image/solution/banner.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(6){ background:url(../image/software/banner.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(7){ background:url(../image/sub/banner_k.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(8){ background:url(../image/sub/banner_m.jpg) no-repeat 50%; }
#swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(9){ background:url(../image/index/banner1.jpg) no-repeat 50%; }

/*ie8兼容*/
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child{ background:url(../image/sub/banner_m.jpg) no-repeat 50%; }
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide{ 
    background:url(../image/index/banner1.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide{
    background:url(../image/intelligent/banner.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/intelligent/banner2.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/solution/banner.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/software/banner.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/sub/banner_k.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/sub/banner_m.jpg) no-repeat 50%; 
}
.ie8 #swiper_banner .swiper-wrapper .swiper-slide:first-child+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{ 
    background:url(../image/index/banner1.jpg) no-repeat 50%; 
}
/*ie8兼容*/

/* 整体智能化解决方案流程 */
ul.systems { margin: 0 45px 60px; word-spacing: -6px; }
ul.systems li { display: inline-block; vertical-align: top; width: 185px ; text-align: center;}
ul.systems li .name{ padding-top: 20px; color: #137073; font-size: 18px; }
ul.systems li .article{ padding-top: 6px; color: #423d48; font-size: 14px; }

/* 智能化解决方案 */
.section{ background-color: #f7f8f8; padding-bottom: 60px;}
.section .content{ width: 1200px; margin: 0 auto; }
.section .content .list>div{ width: 170px; float: left; }
.section .content .list1{ height: 250px; }
.section .content .list3{ height: 150px;}
.section .content .list2{ height: 20px; margin: 30px 0; position: relative; }
.section .content .list .txt .title{ font-size: 16px; padding-bottom: 15px; width: 170px; text-align: center;  }
.section .content .list .txt .introd{ font-size: 14px; color: #898989; }
.section .content .list1 .txt{ height: 230px; position: relative; }
.section .content .list1 .txt .title{ position: absolute; bottom: 0; padding-bottom: 0;}
.section .content .list1 .txt .introd{ position: absolute; bottom: 60px; }
.section .content .list .icon{ 
	width: 130px; height: 130px;
	box-sizing: border-box; 
	padding: 4px;
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,.15); 
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.15); 
	box-shadow: 1px 1px 20px rgba(0,0,0,.15); 
	margin: 80px 20px 0;
	border: 1px solid #e0e7ea\9; width: 128px\9; height: 128px\9;
}
.section .content .list3 .icon{ margin: 20px 20px 0; }
:root .section .content .list .icon{ border: none; width: 130px; height: 130px; }
.section .content .list .icon img{ width: 120px; height: 120px; }

.section .content .line{ width: 150px; height: 20px;  position: relative; }
.section .content .line .trigon{ 
	width: 0; height: 0; margin-left: -7px;
	position: absolute; left: 50%;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
/*兼容ie8*/
.section .content .line:first-child{ 
	background: #eee; border-radius: 15px 0 0 15px; 
}
.section .content .line:first-child+.line+.line+.line+.line+.line+.line{ 
	background: #eee; border-radius: 0 15px 15px 0; 
}
.section .content .line:first-child+.line,
.section .content .line:first-child+.line+.line+.line+.line+.line{ 
	background: #d2d2d2; 
}
.section .content .line:first-child+.line+.line,
.section .content .line:first-child+.line+.line+.line+.line{ 
	background: #b5b5b5; 
}
.section .content .line:first-child+.line+.line+.line{ background: #a0a0a0; }

.section .content .line:first-child .trigon{ border-bottom: 10px solid #eee; top: -10px;  }
.section .content .line:first-child+.line .trigon{ border-top: 10px solid #d2d2d2; bottom: -10px;  }
.section .content .line:first-child+.line+.line .trigon{ border-bottom: 10px solid #b5b5b5; top: -10px;  }
.section .content .line:first-child+.line+.line+.line .trigon{ border-top: 10px solid #a0a0a0; bottom: -10px;  }
.section .content .line:first-child+.line+.line+.line+.line .trigon{ border-bottom: 10px solid #b5b5b5; top: -10px;  }
.section .content .line:first-child+.line+.line+.line+.line+.line .trigon{ border-top: 10px solid #d2d2d2; bottom: -10px;  }
.section .content .line:first-child+.line+.line+.line+.line+.line+.line .trigon{ border-bottom: 10px solid #eee; bottom: -10px;  }

/*兼容ie8*/

.section .content .line:nth-of-type(1){ border-radius: 15px 0 0 15px; }
.section .content .line:nth-of-type(7){ border-radius: 0 15px 15px 0; }
.section .content .line:nth-of-type(1),.section .content .line:nth-of-type(7){ background: #eee; }
.section .content .line:nth-of-type(2),.section .content .line:nth-of-type(6){ background: #d2d2d2; }
.section .content .line:nth-of-type(3),.section .content .line:nth-of-type(5){ background: #b5b5b5; }
.section .content .line:nth-of-type(4){ background: #a0a0a0; }
.section .content .line:nth-of-type(2n+1) .trigon{ top: -10px; }
.section .content .line:nth-of-type(2n) .trigon{ bottom: -10px; }
.section .content .line:nth-of-type(1) .trigon{ border-bottom: 10px solid #eee; }
.section .content .line:nth-of-type(2) .trigon{ border-top: 10px solid #d2d2d2; }
.section .content .line:nth-of-type(3) .trigon{ border-bottom: 10px solid #b5b5b5; }
.section .content .line:nth-of-type(4) .trigon{ border-top: 10px solid #a0a0a0; }
.section .content .line:nth-of-type(5) .trigon{ border-bottom: 10px solid #b5b5b5; }
.section .content .line:nth-of-type(6) .trigon{ border-top: 10px solid #d2d2d2; }
.section .content .line:nth-of-type(7) .trigon{ border-bottom: 10px solid #eee; }


@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;}
}


 /* 物联网传感云 */
.internet{
    height: 300px;
    background: url(../image/index/bg1.jpg) no-repeat top center;
}
.internet h1{ color: #fff; padding: 30px 0 60px; }
.internet_content {
    line-height: 32px;
    text-align:center;
    color: #fff;
}

/* 一体化服务  */
ul.service {
    text-align: justify;
    /*display: inline-block;
    width: 100%;*/
}
ul.service:after {
    content: "";
    display: inline-block;
    width: 100%;
}
ul.service li{
    display: inline-block;
    width: 250px;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.service li p{ 
    height: 110px; margin-top: -60px; 
    font-size: 18px; color: #fff;
    line-height: 160px;
    margin-bottom: 0;
}
ul.service li:nth-of-type(2n+1) p{
    background: #016c70;
}
ul.service li:nth-of-type(2n) p{
    background: #88c12a;
}

.ie8 ul.service li:first-child p,.ie8 ul.service li:first-child+li+li p{
    background: #016c70;
}
.ie8 ul.service li:first-child+li p,.ie8 ul.service li:first-child+li+li+li p{
    background: #88c12a;
}


/****** 1600分辨率以下 ******/
@media screen and (max-width: 1500px) {
    ul.systems li {
        width: 185px;
    }

    .about-content {
        line-height: 28px;
        padding: 10px 2px;
    }

}

.internet_content span:first-child+span{ display: none; }
/*945分辨率以下*/
@media (max-width: 945px){
    
    /*banner*/
    #swiper_banner,#swiper_banner .swiper-slide{ height: 400px!important; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(1){ background:url(../image/sub/banner_m_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(2){ background:url(../image/index/banner1_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(3){ background:url(../image/intelligent/banner_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(4){ background:url(../image/intelligent/banner2_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(5){ background:url(../image/solution/banner_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(6){ background:url(../image/software/banner_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(7){ background:url(../image/sub/banner_k_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(8){ background:url(../image/sub/banner_m_2.jpg) no-repeat center; }
    #swiper_banner .swiper-wrapper .swiper-slide:nth-of-type(9){ background:url(../image/index/banner1_2.jpg) no-repeat center; }
   
    /* 整体智能化解决方案流程 */
    ul.systems{ margin: 0 23px 10px; } 
    ul.systems li { width: 195px; }
    ul.systems li .name{ font-size: 24px; padding: 10px 0 45px; }
    ul.systems li .article{ display: none; }

    /* 智能化解决方案 */
	.section .content{ margin: 20px auto 0;width: 570px; }
	.section .content .list>div{ width: 130px; float: none; }
	.section .content .list .txt { width: 240px;height: 400px; position: initial; display: flex; justify-content: center; flex-direction: column; }
	.section .content .list .txt .title{ margin: initial; position: initial; padding-bottom: 15px; font-size: 26px; width:240px; }
	.section .content .list1 .txt .title{ text-align: left; }
	.section .content .list3 .txt .title{ text-align: right; }
	.section .content .list .txt .introd{ position: initial; font-size: 24px; text-align: justify; }
	.section .content .list .icon{ margin: 135px auto; }
	.section .content .list1 .icon{ margin-right: 100px; }
	.section .content .list3 .icon{ margin-left: 100px; }
	.section .content .list1,.section .content .list3{ width: 240px; height: auto;   }
	.section .content .list1{ float: right;  }
	.section .content .list3{ float: left; margin-top: -20px; }
	.section .content .list2{ width: 20px; margin: 0 275px; }
	.section .content .list2>div{ width: 20px; height: 400px; }
	.section .content .line:nth-of-type(1) { border-radius: 15px 15px 0 0; }
	.section .content .line:nth-of-type(7) { border-radius: 0 0 15px 15px; }
	.section .content .line:first-child+.line+.line+.line+.line+.line+.line {
	    border-radius: 0 0 15px 15px;
	}
	.section .content .line .trigon{ 
		border: none; top: 50%!important; margin-top: -9px;
		border-top: 8px solid transparent!important; 
		border-bottom: 8px solid transparent!important; 
	}
	.section .content .line:nth-of-type(2n+1) .trigon{ left: 27px; }
	.section .content .line:nth-of-type(2n) .trigon{ left: -3px; }
	.section .content .line:nth-of-type(1) .trigon{ border-left: 10px solid #eee; }
	.section .content .line:nth-of-type(2) .trigon{ border-right: 10px solid #d2d2d2; }
	.section .content .line:nth-of-type(3) .trigon{ border-left: 10px solid #b5b5b5; }
	.section .content .line:nth-of-type(4) .trigon{ border-right: 10px solid #a0a0a0; }
	.section .content .line:nth-of-type(5) .trigon{ border-left: 10px solid #b5b5b5; }
	.section .content .line:nth-of-type(6) .trigon{ border-right: 10px solid #d2d2d2; }
	.section .content .line:nth-of-type(7) .trigon{ border-left: 10px solid #eee; }

    /* 物联网传感云 */
    .internet {
        height: 420px;
        background: url(../image/index/bg1_2.jpg) no-repeat top center;
    }
    .internet_content span:first-child{ display: none; }
    .internet h1 {
        padding: 50px 0 30px;
    }
    .internet_content span:first-child+span{ 
        display: block; 
        line-height: 1.7;
    }

    /* 一体化服务  */
    ul.service {
        margin: 0 35px;
    }
    ul.service li:nth-of-type(1),ul.service li:nth-of-type(2){ margin-bottom: 60px; }
    ul.service li p{ font-size: 24px; }
    ul.service li:nth-of-type(3) p { background: #88c12a; }
    ul.service li:nth-of-type(4) p { background: #016c70; }
    /*解决方案*/
    /*ul.systems{ margin: 0 40px; }*/
    /*ul.systems li{ margin-bottom: 40px; }
    ul.systems li:nth-of-type(5),ul.systems li:nth-of-type(6),
    ul.systems li:nth-of-type(7),ul.systems li:nth-of-type(8){ 
        margin-bottom: 0; 
    }
    ul.systems li span{ font-size: 24px;  }*/
    

    /*关于我们*/
    /*.about{ box-shadow: 1px 1px 15px rgba(0,0,0,.1); overflow: hidden; }
    .about-content h5{ font-size: 26px; margin-bottom: 25px; }
    .about img{ 
        width: 501px; height: 230px; text-align: center; 
        float: none; margin: 29px; 
    }
    .about-content{ margin: 0 29px 30px; line-height: 38px; font-size: 24px; }*/
}