@import url(style.css);

@import url(slide.css);

@import url(pscroll.css);

/*首页*/

/*产品中心*/

.i_bg1{ background:#bed4e6; overflow:hidden;}

.i_title{ text-align:center; overflow:hidden; margin-top:5%;}

.i_title span{ text-transform:uppercase; color:#999999; display:block;}

.i_title .h3{ font-weight:normal; display:inline-block; color:#333333; position:relative; padding-left:35px; padding-right:35px;}

.i_title .h3:before{ content:""; position:absolute; left:0; top:50%; background:#999999; height:1px; width:20px;}

.i_title .h3:after{ content:""; position:absolute; right:0; top:50%; background:#999999; height:1px; width:20px;}

/*解决方案*/

.i_bg2{ background:#ddedf3; overflow:hidden;}

.i_solution{ overflow:hidden; margin-top:3%;}

.i_solution ul li{ float:left; overflow:hidden; width:24.35%; margin-right:0.75%;}

.i_solution ul li:nth-child(1){ width:49%;}

.i_solution ul li:nth-child(2){ }

.i_solution ul li img{ display:block;width: 100%; height:100%; position:absolute; top:0; left:0;overflow:hidden;/*background-repeat:no-repeat; background-position:center center; background-size:cover;*/transition:all 0.3s;}

.i_solution ul li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}

.i_solution ul li .imgs{ overflow:hidden; position:relative; padding-top:71.8%;}

.i_solution ul li .txts{ position:absolute; bottom:0;  left:0; width:100%;background:rgba(0,0,0,0.4); overflow:hidden;transition:all 0.5s; text-align:left;}

.i_solution ul li:hover .txts{  height:100%;}

.i_solution ul li .txts .cons{ padding-left:30px; padding-right:30px;width:calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);overflow:hidden; margin-top:12px; margin-bottom:12px;}

.i_solution ul li:hover .txts .cons{ position:absolute; bottom:0; left:50%;transform: translate(-50%, 0%);}

.i_solution ul li .txts .h3{  font-weight:normal;  height:50px; line-height:50px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px;transition:all 0.3s; display:block;color:#fff; margin-bottom:2px; text-align:center;}

.i_solution ul li:nth-child(1) .txts .h3{-webkit-line-clamp: 1; line-height:50px;text-align:left;}

.i_solution ul li .txts .imore{ line-height:30px;display:block; height:0;color:#fff; text-align:center; font-style:normal; overflow:hidden; width:106px; border-radius:20px; font-size:14px;transition:all 0.3s; }

.i_solution ul li:hover .txts .imore:hover{ background:#2b9bd2; color:#fff; border:1px solid #2b9bd2; }

.i_solution ul li:hover .txts .imore{ height:30px;border:1px solid #fff; margin-bottom:28px; margin-top:26px;}

.i_solution ul li:nth-child(1):hover .txts .imore{ margin-top:13px;}

.i_more{  margin:0 auto; margin-top:5%; margin-bottom:6%; line-height:30px;height:30px; display:block; color:#2b9bd2; text-align:center; font-style:normal; overflow:hidden; width:106px; border-radius:20px; font-size:14px;transition:all 0.3s; border:1px solid #2b9bd2; }

.i_more:hover{ background:#2b9bd2; color:#fff;}



/*新闻中心*/

.i_bg3{ background:#f2f7f9; overflow:hidden;}

/*视频*/

.i_video{ overflow:hidden;}

.i_video ul li{ float:left; width:50%; overflow:hidden; cursor:pointer;}

.i_video ul li .imgs{ overflow:hidden; position:relative; padding-top:50.5%;}

.i_video ul li .imgs img{ display: block; position:absolute; top:0; left:0;width: 100%; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.i_video ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.i_video ul li .txts{ position:absolute; right:60px; bottom:36px; padding-left:94px; background-repeat:no-repeat; background-position:left center; background-size:73px 69px; color:#fff;}

.i_video ul li .txts .h3{ font-weight:normal; height:36px; line-height:36px; overflow:hidden; margin-top:7px;}

.i_video ul li.bgs1 .txts{ background-image:url(../images/i_pic1.png);}

.i_video ul li.bgs2 .txts{ background-image:url(../images/i_pic2.png); right:auto; left:60px;transition:all 0.3s;}

.i_video ul li.bgs2 .txts:hover{opacity:0.9;filter:Alpha(opacity=90);}

.i_video ul li .txts .p{ height:26px; line-height:26px; overflow:hidden; font-size:16px; text-transform:uppercase;}

/*视频弹窗*/

.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background:rgba(0,0,0,0.7);}

.popupVideo { max-width: 800px; width:96%;position: fixed;top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 120; display: none;}

.popupVideo iframe,

.popupVideo video {width: 100%;}

.popupVideo .close { width: 30px;height: 30px; position: absolute;top: -30px;right: 0; background: url(../images/close.png) no-repeat center #000000; cursor: pointer; transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s;}

.popupVideo .close:hover {transform: rotate(90deg);-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);-o-transform: rotate(90deg); -moz-transform: rotate(90deg);}

/*左边圆点*/

.service_a{ position:fixed; top:50%;left:4%; margin-top:-162px; width:15px; height:324px;  background:url(../images/i_bg1.png) no-repeat; z-index:3;}

.service_a i{ width:15px;height:15px; display:block; margin-bottom:39px; overflow:hidden; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; cursor:pointer;}

.service_a i.isel{ background-image:url(../images/i_bg1_on.png);}

.service_a i.isel:hover{background-image:url(../images/i_bg_on2.png);}

@media screen and (max-width: 1660px) {





}

@media screen and (max-width: 1440px) {

/*解决方案*/

.i_solution ul li .txts .cons{ padding-left:20px; padding-right:20px;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);}

.i_solution ul li .txts .h3{ font-size:16px; line-height:22px; height:44px;}

.i_solution ul li:nth-child(1) .txts .h3{ line-height:44px;}

.i_solution ul li .txts .imore{font-size:13px;}

.i_solution ul li:hover .txts .imore{ margin-bottom:15px; margin-top:15px;}

/*视频*/

.i_video ul li .txts{right:30px; bottom:26px; padding-left:76px;background-size:60px 57px;}

.i_video ul li.bgs2 .txts{ left:30px;}

}

@media screen and (max-width: 1260px) {

/*视频*/

.i_video ul li .txts{right:30px; bottom:20px;}

.i_video ul li.bgs2 .txts{ left:30px;}



}

@media screen and (max-width: 1100px) {

/*解决方案*/

.i_solution ul li .txts .cons{ padding-left:12px; padding-right:12px;width:calc(100% - 24px);width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);}

.i_solution ul li .txts .imore{font-size:12px;}

.i_solution ul li:hover .txts .imore{ margin-bottom:10px; margin-top:10px;}

}

@media screen and (max-width: 960px) {

/*解决方案*/

.i_solution ul li{ margin-right:1%; width:100%;}

.i_solution ul li:nth-child(1){ width:100%; float:none; margin-right:0; margin-bottom:1%;}

.i_solution ul li:nth-child(2),.i_solution ul li:nth-child(3){ margin-bottom:1%;}

.i_solution ul li .txts .cons{ padding-left:20px; padding-right:20px;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);}

/*视频*/

.i_video ul li .txts .p{ font-size:14px; height:22px; line-height:22px;}

.i_video ul li .txts .h3{ height:30px; line-height:30px;}

}



@media screen and (max-width: 780px) {

/*首页*/

.i_title{ margin-top:6%;}

/*视频*/

.i_video ul li .txts{right:20px; bottom:15px; padding-left:60px;background-size:50px 47px;}

.i_video ul li.bgs2 .txts{ left:20px;}

}



@media screen and (max-width: 640px) {

/*解决方案*/

.i_solution ul li .txts .imore{ line-height:26px;}

.i_solution ul li:hover .txts .imore{ width:100px; height:26px;}

.i_more{ font-size:13px; line-height:26px; width:100px;height:26px;}

/*视频*/

.i_video ul li .txts .p{ font-size:13px; height:20px; line-height:20px;}

/*左边圆点*/

.service_a{ display:none;}

}

@media screen and (max-width: 520px) {



}

@media screen and (max-width: 480px) {

/*解决方案*/

.i_solution ul li .txts .cons{ padding-left:12px; padding-right:12px;width:calc(100% - 24px);width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px); margin-top:10px; margin-bottom:10px;}

.i_solution ul li .txts .h3{ font-size:15px; line-height:20px; height:40px;}

.i_solution ul li:nth-child(1) .txts .h3{ line-height:40px;}

.i_solution ul li .txts .imore{ line-height:24px;}

.i_solution ul li:hover .txts .imore{ width:90px; height:24px; margin-top:8px; margin-bottom:8px;}

.i_more{ font-size:12px; line-height:24px; width:90px;height:24px;}

/*视频*/

.i_video ul li .txts{right:12px; bottom:12px; padding-left:50px;background-size:40px 38px;}

.i_video ul li.bgs2 .txts{ left:12px;}

.i_video ul li .txts .h3{ height:24px; line-height:24px;}

.i_video ul li .txts .p{ font-size:12px;}

}

@media screen and (max-width: 420px) {

/*解决方案*/

.i_solution ul li .txts .cons{ padding-left:10px; padding-right:10px;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);}

.i_solution ul li .txts .h3{ font-size:14px;}

/*视频*/

.i_video ul li .txts{right:8px; bottom:8px; padding-left:40px;background-size:30px 28px;}

.i_video ul li.bgs2 .txts{ left:8px;}

.i_video ul li .txts .h3{ height:22px; line-height:22px;}

.i_video ul li .txts .p{ height:18px; line-height:18px;}

}

@media screen and (max-width: 380px) {



}