.home-about-left{float: left;}
.home-about-right{float: right;}
.area{padding: 50px 0;}
.bg1{background-color: #f7f7f7;}
i{display:block;background: url("../image/homeicon.png") no-repeat;}

/* banner开始 */
.swiper-container{width: 100%;}
.swiper-slide {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;}
/* banner结束 */


.i-title{margin:0 auto;height: 35px;}
h3{margin-top: 24px;text-align: center;}
h3 strong{display: block;font-size: 26px;color: #23a2eb;line-height: 35px;}
h3 span{display: block;font-size: 15px;line-height: 22px;color:#979797;letter-spacing:5px;}
/*关于我们开始*/
.home-about i{width: 169px;}
.home-about-con{position: relative;width: 100%;}
.home-about-list{/*position:absolute;left:0;top:0;*/width: 100%;background: #fff;}
.home-about-left{padding-left:20px;width:686px;position:relative;z-index:140;background: url("../image/homeaboutbg.png") no-repeat 0 50%;}

.about-album .swiper-button-prev,.about-album .swiper-button-next{width: 42px;height: 42px;margin: 0;top:auto;bottom:13px;left: 50%;right: auto;background:rgba(255,255,255,0.9) url("../image/homeicon.png") no-repeat;}
.about-album .swiper-button-prev{margin-left: -42px;background-position:0 -295px;}
.about-album .swiper-button-next{margin-right: -42px;background-position:-42px -295px;}

.home-about-right{width: 600px;height:100%;z-index: 20;}
.home-about-right p{font-size: 18px;line-height: 40px;color:#555;max-height: 400px;overflow: hidden;}
.home-about-con a.more{position: absolute;right:0;bottom:10px;z-index: 100;}
.more{padding:0 20px;/*margin-top:3px;*/float: right;border-radius:30px;border:solid 1px #1a75bc;color:#1a75bc;font-size:18px;line-height:30px;display: inline-block;background-color:#fff; }
.more:hover{color:#fff;background-color: #1a75bc;}
.home-about-tab{position: relative;}
.home-about-tab-menu{padding-left:48px;width: 648px;background: #f3f3f3;position: absolute;right:0;bottom:0;z-index: 30;}
.home-about-tab-menu li{padding:18px 0;width: 136px;color:#555;display: block;float: left;text-align: center;cursor: pointer;}
.home-about-tab-menu li.cur{color:#fff;background: #23a2eb;}
.home-about-tab-menu li i{margin:0 auto;width: 60px;height: 60px;display: inline-block;overflow: hidden;}
.home-about-tab-menu li span{margin-top: 8px;line-height: 36px;display: block;}
.icon-jj{background-position: 0 -175px;}
.icon-xc{background-position: -60px -175px;}
.home-about-tab-menu li.cur .icon-jj{background-position: 0 -235px;}
.home-about-tab-menu li.cur .icon-xc{background-position: -60px -235px;}
/*关于我们结束*/
/*产品案例开始*/
.home-case i{width:256px;background-position: 0 -35px;}
.home-case-tab{height: 114px}
.home-case-tab ul{margin:0 auto;height: 114px;display: block;text-align: center;}
.home-case-tab li{cursor: pointer;width: 169px;display: inline-block;border-left: 1px solid #efefef;}
.home-case-tab li:first-child{border-left: none;width: 170px;}
.home-case-tab li i{margin:0 auto;width: 60px;height: 60px;display: block;}
.home-case-tab li i.icon-dec{background-position: -180px -175px;}
.home-case-tab li i.icon-clo{background-position: -240px -175px;}
.home-case-tab li i.icon-pan{background-position: -300px -175px;}
.home-case-tab li i.icon-arc{background-position: -360px -175px;}
.home-case-tab li.cur i.icon-dec{background-position: -180px -235px;}
.home-case-tab li.cur i.icon-clo{background-position: -240px -235px;}
.home-case-tab li.cur i.icon-pan{background-position: -300px -235px;}
.home-case-tab li.cur i.icon-arc{background-position: -360px -235px;}
.home-case-tab li strong{padding:5px 0;display: block;color: #676767;font-size: 16px;line-height: 24px;}
.home-case-tab li.cur strong{color:#23a2eb;}
.home-case-tab li span{font-size:13px;color: #b2b2b2;text-transform: uppercase;line-height: 20px;}
.home-case-con{margin-top: 22px;/*position: relative;height: 712px;*/}
.home-pro-list{width: 100%;overflow: hidden;/*position: absolute;left: 0;top:0;*/}
.home-pro-list ul,.home-pro-list li{overflow: hidden;}
.home-pro-list ul:nth-child(1){width: 660px;float: left;}
.home-pro-list ul:nth-child(2){margin-left:14px;width: 286px;float: left;}
.home-pro-list ul:nth-child(3){width: 360px;float: right;}
.home-pro-list ul li{margin-top:14px;}
.home-pro-list ul:nth-child(1) li:nth-child(1){margin-top:0;width: 660px;height: 430px;}
.home-pro-list ul:nth-child(1) li:nth-child(2){float: left;width: 323px;height: 268px;}
.home-pro-list ul:nth-child(1) li:nth-child(3){float: right;width: 323px;height: 268px;}
.home-pro-list ul:nth-child(2) li:nth-child(1){margin-top:0;height: 268px;}
.home-pro-list ul:nth-child(2) li:nth-child(2){height: 430px;}
.home-pro-list ul:nth-child(3) li:nth-child(1){margin-top:0;height: 430px;}
.home-pro-list ul:nth-child(3) li:nth-child(2){height: 268px;}
.home-pro-list li img{height: 100%;}
.home-pro-list li:hover img{opacity: 0.8;}
/*产品案例结束*/
/*素材下载开始*/
.home-material .more,.home-partner .more{position: relative;top:80px;}
.home-material i{width: 192px;background-position: 0 -70px;}
.home-mat-list dl{margin-left:22px;float: left;width: 317px;}
.home-mat-list dl:first-child{margin-left: 0;}
.home-mat-list dt{width:100%;overflow: hidden;}
.home-mat-list dd{padding: 10px;overflow:hidden;line-height: 30px;background: #f0f0f0;}
.home-mat-list dd span{float: left;width: 190px;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;}
.home-mat-list dd span a:hover{color:#23a2eb;}
.home-mat-list dd .download-now{width:96px;text-align:center;float: right;display: block;border-radius:30px;color:#fff;background: #23a2eb;}
.home-mat-list dd .download-now:hover{background-color: #1167EC;}
/*素材下载结束*/
/*我们的优势开始*/
.home-our i{width: 300px;background-position: 0 -105px;}
.home-our-main{height: 462px;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: cover;}
.home-our-tab{position: absolute;left: 0;top:0;z-index: 20;width: 667px;height: 462px;background-color: rgba(255,255,255,.9);}
.home-our-tab ul{margin:-171px 0 0 -203px;width: 409px;height: 345px;overflow: hidden;position: absolute;left: 50%;top:50%;}
.home-our-tab li{padding-top:29px;float: left;width: 204px;height:172px;cursor:pointer;text-align: center;display: block;color:#999;}
.home-our-tab li.cur{color:#4a90c1;}
.home-our-tab li i{width: 77px;height: 77px;display: inline-block;}
.home-our-tab li.hOur1{border-right:1px #e3e4e3 solid;border-bottom:1px #e3e4e3 solid}
.home-our-tab li.hOur2{border-bottom:1px #e3e4e3 solid}
.home-our-tab li.hOur4{border-left:1px #e3e4e3 solid}
.home-our-tab li i.h-icon-1{background-position: -84px -295px;}
.home-our-tab li.cur i.h-icon-1{background-position: -84px -373px;}
.home-our-tab li i.h-icon-2{background-position: -161px -295px;}
.home-our-tab li.cur i.h-icon-2{background-position: -161px -373px;}
.home-our-tab li i.h-icon-3{background-position: -238px -295px;}
.home-our-tab li.cur i.h-icon-3{background-position: -238px -373px;}
.home-our-tab li i.h-icon-4{background-position: -315px -295px;}
.home-our-tab li.cur i.h-icon-4{background-position: -315px -373px;}
.home-our-tab li span{margin-top:10px;padding:0 12px;width:204px;line-height:27px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: normal;}
.home-our-con{position: relative;z-index: 10; width: 667px;height: 462px;float: right;}
.home-our-list{margin:-158px 0 0 -224px;padding:29px 39px;position:absolute;top:50%;left:50%;width:448px;height:316px;background-color: #fff;}
.home-our-list h4{margin:0 auto;height: 31px;text-align: center;width: 279px;position: relative;}
.home-our-list strong{width:203px;display:inline-block;position:relative;z-index:10;color:#2c333b;font-size:22px;line-height:31px;background-color: #fff;}
.home-our-list span{position:absolute;top:15px;left:0;height: 1px;width: 100%;background-color: #bbbdc0;}
.home-our-list p{margin-top:11px;color:#676869;font-size: 16px;line-height: 25px;height: 75px;overflow: hidden;}
.home-our-list ul{margin-top: 28px;height: 113px;}
.home-our-list li,.home-our-list li img{width: 180px;height: 113px;}
.home-our-list li{float: left;}
.home-our-list li:nth-child(2n){float: right;}
/*我们的优势结束*/
/*合作伙伴*/
.home-partner i.i-title{width:391px;background-position: 0 -140px;}
.home-partner-list{margin-top: 18px;display: block;overflow: hidden;}
.home-partner-list span{margin:22px 0 0 0;display: inline-block;text-align: center;width: 222px;float: left}
.home-partner-list img{border: 1px solid #dedede;width: 190px;}
.home-partner-list a:hover img{border: 1px solid #23a2eb;}
/*合作伙伴结束*/


.home-case-list li img,.home-mat-list dt img{height:100%;opacity:0.8;transition:transform 2s;-moz-transition:-moz-transform 2s;-webkit-transition:-webkit-transform 2s;-o-transition:-o-transform 2s;}
.home-case-list li:hover img,.home-mat-list dt:hover img{opacity:1;transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
header li.cur strong,header a:hover strong,header li span a:hover{color: #23a2eb;}


@media all and (max-width: 1340px) {
    .home-about-left{width:51.4%}
    .home-about-right{width: 45%;}
    .home-about-tab-menu{width: 48.6%}
    .home-about-right p{max-height: 390px; line-height: 34px;}
    .home-about-tab-menu li span{margin-top: 0;line-height: 24px;}

    .home-pro-list ul:nth-child(1){width: 49.5%;}
    .home-pro-list ul:nth-child(2){margin-left:1%;width: 21.4%;}
    .home-pro-list ul:nth-child(3){width: 27%;}
    .home-pro-list ul li{width: 100%;}
    .home-pro-list ul:nth-child(1) li:nth-child(2),.home-pro-list ul:nth-child(1) li:nth-child(3){width: 48.9%;}

    .home-mat-list dl{margin-left:1.6%;width: 23.8%;}
    .home-mat-list dd span{width: 63%}
    .home-mat-list dd .download-now{width: 30%;}

    .home-our-tab,.home-our-con{width: 50%;}
    .home-partner-list span{width: 16.6%;}
    .home-partner-list img{width: 85.6%;}

}
@media all and (max-width: 1200px) {
    .home-about-right{width: 46%;}
    .home-about-tab-menu{padding-left:3%;}
    .home-about-right p{max-height: 305px;line-height: 31px;font-size: 17px; }
}
@media all and (max-width: 1110px) {
    .home-about-right p{max-height: 246px;line-height: 22px;font-size: 16px;}
    .home-our-list {margin-left:-214px;padding: 29px;width: 428px;}
    .home-mat-list dd{font-size: 12px;line-height: 26px;}
}