@import url(style.css);

@import url(slide.css);

@import url(pscroll.css);

/*首页*/

/**Banner**/

.IndBanner{ display: block; width: 100%; position: relative; overflow: hidden; }

.swiper-Banner{ position: relative; overflow: hidden; display: block; width: 100%; }
.swiper-Banner .swiper-slide{}

.IndBanner .Banpoint{ position: absolute; display: block; width: 100%; text-align: center; font-size: 0; z-index: 2; left: 0; bottom:25px; }

.IndBanner .Banpoint span{ display: inline-block; width: 28px; height: 4px; margin: 0 6px;    background: #d7d7d7; background-size: 100% auto; }

.IndBanner .Banpoint .swiper-active-switch{ background-color: #0da288; }

.IndBanner .pnBox{}

.IndBanner .pnBox span{ position: absolute; display: block; height: 50px; width: 50px; text-align: center; line-height: 50px; color:#fff; top: 50%; margin-top: -25px; z-index: 3; font-family: "宋体"; background-color:#0da288; border-radius: 50%; font-size: 30px; opacity: 0.9; cursor: pointer; }

.IndBanner .pnBox .prev{ left: 2%; }

.IndBanner .pnBox .next{ right: 2%; }


.indexproduct{background:#f5fbff;padding-bottom: 85px;}
.indexproduct .section4 .title a{font-size:36px;color:#029df9;display:inline-block}
.indexproduct .section4 .title span,.indexproduct .section5 .title span{width:27px;line-height:40px;height:40px;display:inline-block;background:url(../images/section4_title_line.gif) repeat-x 0 25px;margin:0 10px}
.indexproduct .section4 .product{width:100%;max-width:1460px;margin:40px auto 0 auto}
.indexproduct .section4 .product img{width:100%;display:block;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.indexproduct .section4 .product a:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.indexproduct .section4 .product a:after{content:"";height:0;display:block;clear:both}
.indexproduct .section4 .leftBox{width:700px;height:582px;overflow:hidden;position:relative;float:left}
.indexproduct .section4 .leftBox .text{width:368px;height:150px;position:absolute;bottom:0;left:0;z-index:5;background:rgba(13, 162, 136, 0.6);padding:0 26px;box-sizing:border-box}
.indexproduct .section4 .leftBox .tit{line-height:40px;font-size:30px;color:#fff;margin-top:30px}
.indexproduct .section4 .leftBox .txt{line-height:24px;font-size:18px;color:#fff;margin-top:5px}
.indexproduct .section4 .leftBox .arrow{width:43px;height:7px;background:url(../images/section4_arrow1.png) no-repeat 0 0;margin-top:18px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.indexproduct .section4 .rightBox{width:735px;float:right}
.indexproduct .section4 .rightBox .pic{width:380px;height:291px;float:left;overflow:hidden;position:relative}
.indexproduct .section4 .rightBox .row{background:#fff}
.indexproduct .section4 .rightBox .row:nth-child(even) .pic{float:right}
.indexproduct .section4 .rightBox .triangle{position:absolute;top:0;right:0;z-index:5;width:12px;height:291px;background:url(../images/section4_triangle1.png) no-repeat 0 0}
.indexproduct .section4 .rightBox .row:nth-child(even) .triangle{width:13px;height:299px;right:auto;left:0;background-image:url(../images/section4_triangle2.png)}
.indexproduct .section4 .rightBox .text{width:355px;padding:0 38px;box-sizing:border-box;float:right}
.indexproduct .section4 .rightBox .tit{line-height:30px;font-size:24px;color:#3c3c3c;margin-top:46px}
.indexproduct .section4 .rightBox .txt{line-height:20px;font-size:14px;color:#666}
.indexproduct .section4 .rightBox .arrow{width:24px;height:7px;background:url(../images/section4_arrow2.png) no-repeat 0 0;margin-top:68px;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}
.indexproduct .section4 a:hover .arrow{margin-left:10px}



/*关于我们*/

.i_about{ overflow:hidden; margin-top:4%; margin-bottom:4%;}

.i_about .wrap{ position:relative;}

.i_about .i_about_l{ float:left; overflow:hidden; background:#f7f7f7; width:69%;}

.i_about .i_about_l .cons{ overflow:hidden; width:94%; max-width:820px; margin:0 auto;}

.i_about .i_about_l .cons .txts{ max-width:600px; overflow:hidden; width:80%;}

.i_about .i_about_l .i_about_t{ position:relative; font-weight:block; height:116px; line-height:116px; margin-top:55px; background:url(../images/i_bg1.png) 23px 24px no-repeat; background-size:auto 36%;}

.i_about .i_about_l .i_about_t:after{ content:""; position:absolute; bottom:0; left:0; width:27px; height:2px; background:#919191;}

.i_about .i_about_l .i_about_p{ font-size:16px; line-height:30px; margin-top:23px;}

.i_about .i_about_l .ul{ margin-top:4%; overflow:hidden;}

.i_about .i_about_l .ul li{ float:left; /*width:20%;*/ max-width:120px; overflow:hidden; text-align:center; background:url(../images/i_bg2.png) right 30% no-repeat; padding-right: 4.3%; margin-right: 4.3%;}

.i_about .i_about_l .ul li:last-child{ background:none; margin-right:0; padding-right: 0;}

.i_about .i_about_l .ul li img{ display:block; margin:0 auto; width:60px; max-width:60px;transition:all 0.3s;}

.i_about .i_about_l .ul li .h3{ font-weight:normal; color:#666666; font-size:14px; line-height:32px; height:32px; overflow:hidden;}

.i_about .i_about_l .ul li:hover img{transform: rotate(360deg);}

.imore{ display:inline-block; width:122px; height:38px; line-height:38px; overflow:hidden; text-indent:20px; background:url(../images/i_bg3.png) 88px center no-repeat; border:1px solid #999999; border-radius:6px; margin-top:36px; margin-bottom:70px;transition:all 0.3s; text-align:left;}

.imore:hover{ text-indent:23px; background-image:url(../images/i_bg3_on.png); color:#fff; background-color:#0da288; border:1px solid #0da288; background-position:91px center;}

.i_about .i_about_r{ position:absolute; top:50%; right:0; width:47.5%;transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); }

.i_about .i_about_r .imgs{ overflow:hidden;}

.i_about .i_about_r .imgs img{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.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_about .i_about_r .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_solution{ overflow:hidden; background:#f7f7f7; padding-top:39px; }

.i_title{ text-align:center; overflow:hidden;}

.i_title .h2{font-weight: bold;position:relative;overflow:hidden;padding-top: 85px;padding-bottom:15px;margin-bottom:15px;}

.i_title .h2:after{ content:""; position:absolute; width:20px; height:2px; background:#bababa; bottom:0; left:50%; margin-left:-10px;}

.i_title .p{ color:#666666; font-size:14px;}

.i_bnt{ overflow:hidden; text-align:center; margin-top:30px; margin-bottom:30px;}

.i_bnt a{ display:inline-block; vertical-align: middle; width:148px; height:42px; line-height:42px; overflow:hidden; color:#999999; font-size:14px; border-radius:6px; margin-left:8px; margin-right:8px;transition:all 0.3s; border:1px solid #cccccc;}

.i_bnt a.isel{ background:#0da288; border:1px solid #0da288; color:#fff;}



.i_solutio_box{ width:1920px;height:496px; left: 50%;top: 0%; -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%); position:absolute; overflow:hidden;}

.i_solutio_div{ position:relative;padding-bottom:432px; margin-bottom:73px; width:100%;}

.i_solutio_div2{ display:none;}

.i_solutio_div2 .owl-demo9{ display: block; }

.i_solutio_div2 .owl-demo9 .item{ display: none; width: 100%; position: relative; }

.i_solutio_div2 .owl-demo9 .item+.item{ margin-top:10px; }

.i_solutio_div2 .owl-demo9 .item:nth-child(1),

.i_solutio_div2 .owl-demo9 .item:nth-child(2){ display: block; }

.focus_Box{position:relative;width:100%;  margin:0 auto; }

.focus_Box ul{position:relative;width:1920px;height:496px; overflow:hidden;}

.focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;/* padding-right:45px;*/}

.focus_Box li .imgs{overflow:hidden; width:100%; height:100%;}

.focus_Box li .img{width:100%; display:block;-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;}

.focus_Box li: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);}

.focus_Box li:hover .txts{background: none;}

.focus_Box .prev,.focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:30%;height:100%;top:0;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;}

.focus_Box .prev{background:url(../images/left.png) 90% center no-repeat;left:0; background-size:72px 72px;}

.focus_Box .next{background:url(../images/right.png) 10% center no-repeat;right:0;background-size:72px 72px;} 

.focus_Box .prev:hover{opacity:1.0;filter:Alpha(opacity=100);}

.focus_Box .next:hover{opacity:1.0;filter:Alpha(opacity=100);}

.focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}



.focus_Box .txts{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center;}

.focus_Box .txts i{ margin:0 auto; display:block;width:70px; height:70px; background-repeat:no-repeat; background-size:100% 100%;transition:all 0.3s; margin-top:25%;}

.focus_Box .txts i img{ width:100%;}

.focus_Box .txts i.bgs1{ background-image:url(../images/i_ico1.png);}

.focus_Box .txts i.bgs2{ background-image:url(../images/i_ico2.png);}

.focus_Box .txts i.bgs3{ background-image:url(../images/i_ico3.png);}

.focus_Box .txts .h3{ font-weight:normal; height:36px; line-height:36px; color:#fff; overflow:hidden; margin-top:3%;}



.i_solution_a{ text-align:center; overflow:hidden; clear:both;}

.i_solution_a .imore{ width:140px; text-indent:30px; background-position:98px center;}

.i_solution_a .imore:hover{ background-position:101px center;}



.i_solution_box{ overflow:hidden;}



/*新闻中心*/

.i_news{ padding-top:39px;}

#owl-demo5{ display: block; }

#owl-demo5 .item{ float: left;width: 29.33%; }



/*联系我们*/

.i_contact{overflow:hidden; padding-bottom:1%; background:url(../img/i_img8.jpg) center center no-repeat; background-size:cover;}

.i_contact .i_title2{ margin-top:3%; overflow:hidden; text-align:center; }

.i_contact .i_title2 .h2{ overflow:hidden; font-weight:bold;color:#fff; margin-bottom:1%; line-height:1;}

.i_contact .i_contact_txt{ font-size:16px; line-height:24px; color:#fff; overflow:hidden;  text-align:center;}

.i_more_div{ text-align:center; overflow:hidden;}

.i_more{ width:142px; height:42px; margin:0 auto; display:inline-block; clear:both; line-height:42px; font-size:16px; color:#fff; border-radius:4px; text-align:center;transition:all 0.3s; margin-top:1.5%; margin-bottom:2%;border:1px solid #fff;}

.i_more:hover{text-decoration:none;background:#0da288; border:1px solid #0da288; color:#fff;}



@media screen and (min-width:768px) {
	.IndBanner{ display: block; width: 100%; position: relative; overflow: hidden; padding-top: 32.67%; }

	.swiper-Banner{ position: absolute; left: 0; top:0; height: 100%; overflow: hidden; display: block; width: 100%; }

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

/*关于我们*/

.i_about .i_about_l{ width:65%;}

.imore{ margin-bottom:50px;}



}

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

/*解决方案*/

.focus_Box .prev{ background-position:100% center;background-size:50px 50px;}

.focus_Box .next{ background-position:0% center;background-size:50px 50px;}





}



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

/*解决方案*/

.i_solution{padding-top:20px;}

.i_solutio_div{ display:none;}

.i_solutio_div2{ display:inline;}
.indexproduct .section4 .leftBox,.indexproduct .section4 .rightBox,.indexproduct .section4 .rightBox .pic{width: 100%; height: 100%;}
.indexproduct .section4 .rightBox .arrow{margin-top: 28px; margin-bottom: 20px;}
.indexproduct .section4 .rightBox .triangle{display: none;}

.swiper-Banner,.swiper-Banner img{ height:200px;}
/*新闻中心*/

.i_news{ padding-top:20px;}

/*联系我们*/

.i_contact .i_title2{ margin-top:4%;}

.i_more{ margin-bottom:3%; margin-top:2.5%; width:110px; height:36px; line-height:36px; font-size:14px;}

.i_contact .i_contact_txt{ font-size:14px;}

}

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

.IndBanner .pnBox span{ height: 26px; width: 26px; line-height: 26px; margin-top: -13px; font-size: 20px; }

/*关于我们*/

.i_about .i_about_r{ position:inherit; width:100%;transform: translate(0%, 0%);}

.i_about .i_about_l{ float:none; width:100%;}

.i_about .i_about_l .cons .txts{ width:100%; max-width:none;}

.i_about .i_about_l .i_about_t{ height:90px; line-height:90px; margin-top:4%;}

.i_about .i_about_l .i_about_p{ font-size:14px; line-height:26px; margin-top:3%;}

.i_about .i_about_l .ul li{ width:20%; padding-right: 0; margin-right: 0;}

.i_about .i_about_l .ul li img{ width: 60%; }

.imore{ margin-top:5%; margin-bottom:7%;}

/*新闻中心*/

#owl-demo5 .item{ float: left;width: 100%; margin:0; display: none; }

#owl-demo5 .item dd .txts .cons{ max-width: 9999px; }

#owl-demo5 .item+.item{ margin-top: 10px; }

#owl-demo5 .item:nth-child(1),

#owl-demo5 .item:nth-child(2){ display: block; }

#owl-demo5 .item dd .txts{ padding-top: 4%; }

#owl-demo5 .item dd .txts span{ margin-top: 4%; }



}





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

/*关于我们*/

.i_about .i_about_l .i_about_p{ font-size:13px; line-height:24px;}

.i_about .i_about_l .ul li .h3{ font-size:13px;}

.imore{ width:100px; background-position:73px center; text-indent:16px; height:32px; line-height:32px;}

.imore:hover{ background-position:78px center;}

/*解决方案*/

.i_solution_a .imore{ width:100px; text-indent:16px; background-position:73px center;}

.i_solution_a .imore:hover{ background-position:78px center;}

/*联系我们*/

.i_contact .i_title2{ margin-top:5%;}

.i_contact .i_title2 .h2{ margin-bottom:2%;}

.i_more{ margin-bottom:4%; margin-top:3%; width:100px; height:32px; line-height:32px; font-size:13px;}

.i_contact .i_contact_txt{ font-size:13px;}

}