@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: 22; 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: #0054a5; }

.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:#104c94; border-radius: 50%; font-size: 30px; opacity: 0.9; cursor: pointer; }

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

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

/*关于我们*/

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

.i_about .wrap{ position:relative; width:96%;margin: 0 auto;}

.i_about .i_about_l{ float:left; overflow:hidden; width:50%;}

.i_about .i_about_l .cons{ overflow:hidden; width:100%;  margin:0 auto;}

.i_about .i_about_l .cons .txts{overflow:hidden; width:100%;}

.i_about .i_about_l .i_about_t{ position:relative; font-weight:block; }


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


.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:20px; margin-bottom:50px;transition:all 0.3s; text-align:left;}

.imore:hover{ text-indent:23px; background-image:url(../images/i_bg3_on.png); color:#fff; background-color:#ED1C24; border:1px solid #ED1C24; background-position:91px center;}
.i_about .i_about_r{ float:right; width:44%;}


.xwzx{ float:left; margin-top:25px; width:48%; margin-right:2%;}
.xwzx img{ float:left; width:30%; height:120px;}
.xwzx ul{ float:right; width:68%;}
.xwzx ul span{ font-size:16px; line-height:30px;}
.xwzx ul p{ font-size:14px; color:#999999; line-height:23px;}



/*解决方案*/

.i_solution{ overflow:hidden; background:#f7f7f7; padding-top:30px; padding-bottom:30px; margin-top:30px;}

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

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

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

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

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

.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:#104c94; border:1px solid #104c94; 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 .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;}

.lxfs{ padding-top:25px;}
.lxfs li{ float:left; width:100%; font-size:16px; margin-bottom:15px;}
.lxfs .f1{ background:url(../images/f1.png) left no-repeat; padding-left:24px;}
.lxfs .f2{ background:url(../images/f2.png) left no-repeat; padding-left:24px;}
.lxfs .f3{ background:url(../images/f3.png) left no-repeat; padding-left:24px;}
.lxfs .f4{ background:url(../images/f4.png) left no-repeat; padding-left:24px;}


/*新闻中心*/

.i_news{ padding-top:39px;}

#owl-demo5{ display: block; }

#owl-demo5 .item{ float: left;width: 22%;border-radius: 4px;box-shadow: 0 0 10px 0 rgba(0,0,0,.1); margin-bottom:20px;}



/*联系我们*/

.i_contact{overflow:hidden; padding-bottom:1%; background:url(../images/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:#104c94; border:1px solid #104c94; color:#fff;}



@media screen and (min-width:768px) {
	.IndBanner{ display: block; width: 100%; position: relative; overflow: hidden; padding-top: 21.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:53%;}

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

/*新闻中心*/

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

}