@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:150px; text-align:center; right:25px; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:50px; line-height:30px; z-index:5; font-style:italic;}
.banner_page .current{ font-size:28px; color:#00b2f1;}
/*产品中心*/
.i_t{ margin-top:5%; text-align:center;  overflow:hidden;}
.i_t .p{ color:#222222; font-weight:bold;  overflow:hidden; line-height:1.2;  font-family:Arial; text-transform:uppercase; margin-bottom:0.6%;}
.i_t .p span{ color:#008cd6;}
.i_t .h3{ font-weight:normal; overflow:hidden; line-height:1;color:#222222;}
.i_more{ overflow:hidden; margin-top:3.5%; margin-bottom:5%; text-align:center;}
.i_more a{display:inline-block; vertical-align:top; width:172px;  color:#fff; margin:0 auto; font-size:15px; text-align:center; height:50px; line-height:50px; border:1px solid #343434;transition:all 0.3s; position:relative; overflow:hidden; z-index:0; margin-left:8px; margin-right:8px; background:#343434; border-radius:6px;}
.i_more a:after{ content:""; position:absolute; left:0; top:0; height:100%; width:0; background:#008cd6;transition:all 0.3s; z-index:-1;}
.i_more a:hover{ border-color:#008cd6; color:#fff;}
.i_more a:hover:after{  width:100%;}
.i_more a.bgs2{ border-color:#008cd6; color:#fff;}
.i_more a.bgs2:after{  width:100%;}
.i_more a.bgs2:hover{opacity:0.8;filter:Alpha(opacity=80);}
/*关于我们*/
.about_bg{ overflow:hidden; background:url(../image/about_img1.jpg) center center no-repeat; background-size:cover; padding-top:3%; padding-bottom:110px;}
.about_bg .desc{ text-align:center; color:rgba(255,255,255,0.71); overflow:hidden; line-height:32px; margin-top:3%; font-size:15px;}
.about_bg .desc p{ overflow:hidden; padding-bottom:1%;}
.about_bg .i_t .h3{ color:#fff;}
.about_bg .i_t .p{ color:#fff;}
.i_about{ margin-top:-110px; overflow:hidden; position:relative; background:#fff; border-radius:6px; box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.2);}
.i_about ul li{ float:left; width:25%; overflow:hidden; position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.i_about ul li:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:url(../image/i_bg2.png) center center no-repeat; background-size:1px auto;}
.i_about ul li:last-child:after{ display:none;}
.i_about ul li i{ display:block; margin:0 auto; height:71px; width:71px; background:no-repeat; background-size:100% 100%; overflow:hidden;transition:all 1s; margin-top:60px; }
.i_about ul li i.bgs1{ background-image:url(../image/i_pic1.png);}
.i_about ul li i.bgs2{ background-image:url(../image/i_pic2.png);}
.i_about ul li i.bgs3{ background-image:url(../image/i_pic3.png);}
.i_about ul li i.bgs4{ background-image:url(../image/i_pic4.png);}
/*.i_about ul li:hover i{transform: rotate(360deg);}*/
.i_about ul li .txts{overflow:hidden; text-align:center; max-width:230px; width:94%; margin:0 auto; margin-bottom:38px;}
.i_about ul li .h3{ font-weight:normal; line-height:30px; height:30px; overflow:hidden; color:#333333; transition:all 0.3s; margin-top:20px;}
.i_about ul li .p{ color:#999999; font-size:15px; overflow:hidden; line-height:24px; height:48px; margin-top:10px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_about ul li:hover .h3{ color:#008cd6;}
/*案例中心*/
.i_case{ margin-top:5%; overflow:hidden;}
.i_case ul li{ float:left; width:32.5%; overflow:hidden; text-align:center;}
.i_case ul li .boxs{ overflow:hidden; position:relative;}
.i_case ul li .boxs:hover{box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.2);}
.i_case ul li .imgs{ overflow:hidden; background-repeat:no-repeat; background-size:cover; overflow:hidden;display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;height:319px; }
.i_case ul li .boxs:hover .imgs{-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_case ul li .img{ width:100%;opacity:0;filter:Alpha(opacity=0);}

.i_case ul li .h3{ color:#fff; line-height:30px; font-weight:normal;}
.i_case ul li .p{ color:#ffffff; font-size:16px; overflow:hidden; line-height:22px; margin-top:13px;}
.i_case ul li .desc{ color:rgba(255,255,255,0.19); overflow:hidden; text-transform:uppercase; font-family:Arial; font-size:12px; line-height:18px;}
.i_case ul li .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;display: flex; align-items: center; justify-content: left;}
.i_case ul li .cons{ margin:0 auto; width:94%; max-width:440px;}
.i_case ul li .ico{ width:58px; height:58px; background:url(../image/i_pic5.png) no-repeat; background-size:100% 100%; margin:0 auto; margin-top:60px; position:relative;transition:all 0.3s;}
.i_case ul li .ico:after{ content:""; position:absolute; top:-48px; left:50%; width:1px; height:38px; background:#fff;}
/*.i_case ul li:nth-child(1){ width:31.42%; text-align:center;}*/
/*.i_case ul li:nth-child(1) .imgs{ height:319px;}*/
/*.i_case ul li:nth-child(1) .h3{ margin-top:125px;}
.i_case ul li:nth-child(2){ text-align:center; width:36.16%;}
.i_case ul li:nth-child(2) .imgs{ height:319px;}
.i_case ul li:nth-child(2) .boxs:nth-child(1) .imgs{ height:319px;}*/
/*.i_case ul li:nth-child(2) .h3{ margin-top:92px;}*/
.i_case ul li:nth-child(2) .boxs:nth-child(2){ text-align:center;}
/*.i_case ul li:nth-child(2) .boxs:nth-child(2) .h3{ margin-top:36px; color:#008cd6;}*/
.i_case ul li:nth-child(2) .boxs:nth-child(2) .p{ color:#999999;}
.i_case ul li:nth-child(3) .cons{ max-width:370px;}
/*.i_case ul li:nth-child(3) .boxs:nth-child(2) .h3{ margin-top:92px;}*/
.i_case ul li:nth-child(3) .boxs:nth-child(2){ text-align:center;}
/*.i_case ul li:nth-child(3) .boxs:nth-child(1) .imgs{ height:319px;}
.i_case ul li:nth-child(3) .boxs:nth-child(2) .imgs{ height:319px;}*/
/*新闻动态*/
.i_news_bg{ overflow:hidden; background:url(../image/i_bg3.jpg) center center no-repeat; background-size:cover; padding-top:3%;}
.i_news{ margin-top:4%; margin-bottom:6%; position:relative;}
.i_news .i_news_l{ float:left; width:62.6%; background:#f5f6fa; overflow:hidden;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.i_news .i_news_r{ position:absolute; top:0; right:0; width:35.4%; height:100%; max-width:490px; overflow:hidden; background:#f5f6fa;}
.i_news .i_news_r:after{ content:""; top:0; left:0; width:100%; background:#008cd6; position:absolute; height:3px;}
.i_news .i_news_r ul{ height:100%; position:relative;}
.i_news .i_news_r ul li{ width:94%; margin:0 auto; max-width:400px; height:30%;  overflow:hidden; display:block; border-bottom:1px solid #dadada;display: flex; align-items: center; justify-content: center;}
.i_news .i_news_r ul li:last-child{ border-bottom:0;height:10%}
.i_news .i_news_r ul li:last-child .cons em{ display:block;margin-top:unset}
.i_news .i_news_r ul li .cons{ overflow:hidden; text-align:left;}
.i_news .i_news_r ul li .cons .h3{ font-weight:normal; min-height:40px; line-height:38px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#222222; margin-top:13px;transition:all 0.3s;}
.i_news .i_news_r ul li .cons .p{ line-height:32px; height:96px; overflow:hidden; margin-top:7px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#555; font-size:15px;}
.i_news .i_news_r ul li .cons .date{ display:none;overflow:hidden; height:24px; line-height:24px; color:#777777; font-size:16px; font-family:Arial; }
.i_news .i_news_r ul li .cons em{ font-style:normal; text-transform:uppercase; color:#008cd6; font-size:14px;font-family:Arial; height:30px; line-height:30px; margin-top:24px; display:block;transition:all 0.3s;display:none;}
.i_news .i_news_r ul li:hover .cons em{ padding-left:5px;}
.i_news .i_news_r ul li:hover .cons .h3{ color:#008cd6;}
/*关于我们2*/
.i_about2{ overflow:hidden; margin-top:7%; margin-bottom:1%;}
.i_about2 .imgs{overflow:hidden; position:relative; float:left; width:50%;}
.i_about2 .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; display:block;}
.i_about2 .imgs:hover 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_about2 .txts{ float:right; overflow:hidden; width:48%; max-width:640px;}
.i_about2 .txts .tit{ overflow:hidden; position:relative; padding-bottom:16px;}
.i_about2 .txts .tit .h3{ font-weight:normal; overflow:hidden; line-height:1.3; color:#222222;}
.i_about2 .txts .tit .p{ overflow:hidden; margin-top:2%; line-height:1.6; color:#333; font-size:20px; text-transform:uppercase;}
.i_about2 .txts .tit:after{ content:""; position:absolute; bottom:0; left:0; width:50px; height:5px; background:#008cd6;}
.i_about2 .txts .cons{font-size:15px; overflow:hidden; line-height:32px; margin-top:5%;}
.i_about2 .txts .a{ height:40px; line-height:36px; border:2px solid #008cd6; color:#008cd6; font-size:16px; width:136px; display:block; margin-top:5%; overflow:hidden; text-align:center; border-radius:20px;transition:all 0.3s;}
.i_about2 .txts .a span{  padding-left:3px;}
.i_about2 .txts .a:hover{ background:#008cd6; color:#fff;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:65px;}

}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:40px;}
/*关于我们*/
.i_about ul li .p{ font-size:14px; line-height:22px; height:44px;}
.i_about ul li i{ width:66px; height:66px;}
}

@media screen and (max-width: 1200px) {
/*新闻动态*/
.i_news .i_news_r ul li .cons .h3{ line-height:30px; min-height:45px; margin-top:10px;}
.i_news .i_news_r ul li .cons .p{ line-height:26px; height:78px; font-size:14px;}
.i_news .i_news_r ul li .cons .date{ font-size:15px;}
.i_news .i_news_r ul li .cons em{ line-height:26px; height:26px; font-size:13px; margin-top:14px;}
/*关于我们2*/
.i_about2 .txts .cons{ line-height:26px; font-size:14px; margin-top:4%;}
.i_about2 .txts .a{ margin-top:4%;}
.i_about2 .txts .tit .p{ line-height:1.2;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.main .banner .btn{ width:130px;right:10px;}
.banner_page{width:130px; font-size:14px; bottom:38px;right:5px;}
.banner_page .current{ font-size:24px;}
/*产品中心*/
.i_more a{ width:150px; height:36px; line-height:36px;}
/*关于我们*/
.about_bg .desc{ font-size:14px; line-height:28px;}
/*案例中心*/
.i_case ul li .p{ font-size:15px;}
.i_case ul li:nth-child(1){width:50%;}
.i_case ul li:nth-child(2){width:50%;}
.i_case ul li:nth-child(3){width:100%;}
.i_case ul li:nth-child(3) .boxs{ text-align:center; float:left; width:50%;}
/*.i_case ul li:nth-child(3) .boxs:nth-child(1) .imgs{ height:180px;}*/
.i_case ul li .imgs{ height:250px;}

/*新闻动态*/
.i_news .i_news_l{ float:none; width:100%;}
.i_news .i_news_r{ position:relative; height:auto; max-width:none; margin-top:4%; width:100%;}
.i_news .i_news_r ul li{ height:auto; padding-top:5%; padding-bottom:5%; display:block; max-width:none;}
.i_news .i_news_r ul li .cons .p{ height:auto;}
.i_news .i_news_r ul li .cons .h3{ line-height:28px; min-height:inherit;}
/*关于我们2*/
.i_about2 .imgs{ float:none; width:100%;}
.i_about2 .txts{ float:none; width:100%; max-width:none; margin-top:4%;}
.i_about2 .txts .tit .p{ font-size:18px;}
}

@media screen and (max-width: 780px) {
/*关于我们*/
.about_bg .desc{ font-size:13px; line-height:24px;}
/*关于我们*/
.i_about ul li .p{ font-size:13px; line-height:20px; height:40px;}
.i_about ul li i{ width:60px; height:60px;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .down{bottom:50px; display:none;}
.main .banner .btn{bottom:30px;}
.banner_page{ bottom:28px;}
.main .banner .swiper-pagination{ bottom:20px;}
.main .banner .swiper-pagination-bullet{ width:8px; height:8px;}
.main .banner .swiper-slide .rbtn{ min-width:150px;}
.main .banner .swiper-slide .rbtn span{ height:44px; line-height:44px;}
/*产品中心*/
.i_more a{ width:140px; height:32px; line-height:32px; font-size:14px;}
/*关于我们*/
.i_about ul li{ width:50%;}
.i_about ul li:nth-child(2n+0):after{ display:none;}
.i_about ul li:nth-child(1) .txts,.i_about ul li:nth-child(2) .txts{ margin-bottom:20px;}
.i_about ul li:nth-child(3) i,.i_about ul li:nth-child(4) i{ margin-top:30px;}
/*案例中心*/
.i_case ul li .p{ font-size:14px;}
.i_case ul li .imgs{ height:200px;}
/*.i_case ul li:nth-child(1) .imgs{ height:150px;}
.i_case ul li:nth-child(2) .boxs:nth-child(1) .imgs{ height:180px;}*/
/*.i_case ul li:nth-child(2) .h3{ margin-top:30px;}*/
/*.i_case ul li:nth-child(2) .boxs:nth-child(2) .h3{ margin-top:26px;}
.i_case ul li:nth-child(3) .boxs:nth-child(2) .imgs{ height:300px;}
.i_case ul li:nth-child(3) .boxs:nth-child(2) .h3{ margin-top:30px;}*/
/*.i_case ul li:nth-child(3) .boxs:nth-child(1) .imgs{ height:150px;}*/
.i_case ul li .h3{ font-size:18px;}
/*关于我们2*/
.i_about2{ padding-bottom:2%;}
.i_about2 .txts{ margin-top:5%;}
.i_about2 .txts .tit .p{ font-size:16px;}
.i_about2 .txts .cons{ font-size:13px; line-height:22px;}
.i_about2 .txts .a{ margin-top:5%; height:36px; line-height:32px; font-size:15px; width:120px;}


}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .down{bottom:45px;}
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:20px;}
/*产品中心*/
.i_more{ margin-bottom:6%;}
.i_more a{ width:120px; height:30px; line-height:30px; font-size:13px;}
/*关于我们*/
.about_bg .desc{ font-size:12px; line-height:22px;}
.i_about ul li .h3{ height:24px; line-height:24px; margin-top:10px;}
.i_about ul li .p{ font-size:12px; margin-top:5px;}
.i_about ul li i{ width:46px; height:46px; margin-top:30px;}
.i_about ul li:nth-child(1) .txts, .i_about ul li:nth-child(2) .txts{ margin-bottom:10px;}
/*案例中心*/
.i_case ul li .p{ font-size:13px;}
.i_case ul li .ico{ width:48px; height:48px;}
.i_case ul li .h3{ line-height:26px;}
.i_case ul li .imgs{ height:150px;}
/*新闻动态*/
.i_news .i_news_r ul li .cons .p{ line-height:22px; font-size:13px;}
.i_news .i_news_r ul li .cons .date{ font-size:14px;}
/*关于我们2*/
.i_about2 .txts .tit .p{ font-size:14px;}
.i_about2 .txts .a{font-size:14px; width:110px;}
}
@media screen and (max-width: 420px) {
/*案例中心*/
.i_case ul li .p{ font-size:12px; line-height:20px;}
}