@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(swiper.min.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:#0078ff;}
.banner_next{position: absolute; bottom: 0px; left: 0%; z-index: 10; width:185px; margin-left:10px; border-top:2px solid #ffffff; border-right:2px solid #ffffff; background:#fff;}

/*关于我们*/
.i_about_bg{ overflow:hidden;}
.i_about{ background:url(i_pic1.png) #fff left bottom no-repeat;background-size:39.43% auto;}
.i_about .wrap{position:relative; margin-top:5.5%;margin-bottom:6%;  }
.i_about .h3{ text-align:left; position:relative;  color:#222222; font-weight:bold; line-height:54px;}
.i_about .h3 span{ color:#cb1e22;  overflow:hidden; display:block;}
.i_about .imgs{ float:right; width:54%; position:relative; z-index:0;}
.i_about .imgs:after{ content:""; position:absolute; right:-20px; bottom:-20px; width:100%; height:100%; background:rgba(239,239,239,0.66); z-index:-1;}
.i_about .imgs .boxs{ overflow:hidden;}
.i_about .imgs .img{ overflow:hidden;background:url(about_img1.jpg) center center no-repeat; background-size:cover;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 .imgs .img img{ display:block;width:100%; height:498px;}
.i_about .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_about .txts{ overflow:hidden; width:44%; max-width:570px; position:absolute; left:0; height:100%; top:0;display: flex; align-items: center; justify-content: left; }
.i_about .txts .cons{ width:100%; overflow:hidden;}
.i_about .txts .desc{ font-size:18px; overflow:hidden; line-height:30px; margin-top:20px;}
.i_about .txts .p{ margin-top:6%; line-height:32px; font-size:18px; color:#444444; overflow:hidden;}
.i_about .txts .p p{ overflow:hidden; margin-bottom:3%;}
.i_about .txts .p p:last-child{ margin-bottom:0;}
.i_about .txts .a{overflow:hidden; margin-top:7%; width:182px; display:block;text-align:center;height:50px; line-height:50px; color:#fff; font-size:15px; position:relative; z-index:0; background:#0a0057; border-radius:30px; }
.i_about .txts .a:after{content:""; position:absolute; left:0; top:0; height:100%; width:0; background:#da191e;transition:all 0.3s; z-index:-1;}
.i_about .txts .a:hover:after{ width:100%;}
.i_about .txts .a span{ padding-left:7%; font-family:"宋体"; font-weight:bold;}
/*产品中心*/
.i_product_bg{ overflow:hidden; background:url(i_bg1.jpg) center center no-repeat; background-size:cover;}
.i_title{ overflow:hidden; margin-top:5%; text-align:center;}
.i_title .p{ color:#545555; font-size:18px;}
.i_title .h3{ color:#212121; font-weight:normal; overflow:hidden; line-height:1.3; margin-bottom:1%;}
.i_two_a{ overflow:hidden; margin-top:2%;  position:relative; margin-bottom:3%; text-align:center; height:60px;}
.i_two_a:after{content:""; position:absolute; left:0%; height:1px; bottom:0;width:100%; background:#ededed;}
.i_two_a .scroller {/*position:absolute;*/display:inline-block; vertical-align:top;}
.i_two_a .scroller li{ float:left;/*  padding-right:3%;*/ position:relative; padding-left:30px; padding-right:30px;}
.i_two_a .scroller li dd:after{ content:""; position:absolute; left:50%; right:50%; height:3px; bottom:0;width:0px; background:#0a0057;transition:all 0.3s;}
.i_two_a .scroller li.cur dd:after{ width:100%; left:0; right:0;}
.i_two_a .scroller li dd{ overflow:hidden; cursor:pointer; text-align:center; position:relative; padding-left:5px; padding-right:5px; }
.i_two_a .scroller li a{ color:#333333;  }
/*.i_two_a .scroller li a:hover{ color:#2285ed;}*/
.i_two_a .scroller li.cur a{ color:#0a0057;}
.i_two_a .scroller li dd i{float:left; width:32px; height:60px;display:block; background-repeat:no-repeat; background-size:32px 30px; background-position:left center; overflow:hidden;transition:all 0.3s; margin-right:12px;}
.i_two_a .scroller li dd .h4{ float:left;font-size:16px;  font-weight:normal; overflow:hidden;  height:60px; line-height:60px;color:#333333;}
.i_two_a .scroller li.cur dd .h4{color:#0a0057;}
.i_two{}
.i_two .divhidden{opacity:0;filter:Alpha(opacity=0);transition: all 1.5s;  /*height:0;*/ /*display:none;*/ /*overflow:hidden;*/ height: 0; overflow:hidden; display:block;}
.i_two .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto;}
/*服务*/
.about_bg2{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;  padding-bottom:104px;}
.about_bg2 .i_service{ overflow:hidden; max-width:580px; width:50%;margin-bottom:8%;padding-top:10%;}
.about_bg2 .h3{ color:#fff; line-height:40px;height:200px; overflow:hidden;font-size:20px;}
.about_bg2 .desc{ color:rgba(255,255,255,0.46); overflow:hidden; line-height:32px; margin-top:5.5%; font-size:15px;}
.about_bg2 .i_more{ display:block; width:182px; height:50px; line-height:50px; overflow:hidden; border-radius:30px; background:#0a0057; color:#fff; text-align:center; font-size:15px;transition:all 0.3s; margin-top:8%; }
.about_bg2 .i_more span{ padding-left:16px; font-family:"宋体";}
.about_bg2 .i_more:hover{ padding-left:5px;}
.i_about2{ margin-top:-104px; overflow:hidden; position:relative; background:#fff; border-radius:6px; box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.2);}
.i_about2 ul li{ float:left; width:20%; overflow:hidden; position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.i_about2 ul li i{ display:block; margin:0 auto; height:64px; width:65px; background:no-repeat; background-size:100% 100%; overflow:hidden;transition:all 1s; margin-top:28px; }
/*.i_about2 ul li:hover i{transform: rotate(360deg);}*/
.i_about2 ul li .txts{overflow:hidden; text-align:center; max-width:230px; width:94%; margin:0 auto; padding-bottom:20px; position:relative;}
.i_about2 ul li .txts:after{ content:""; width:0; left:50%; right:50%; bottom:0; height:3px; position:absolute; background:#0a0057;transition:all 0.3s;}
.i_about2 ul li:hover .txts:after{ width:100%; left:0; right:0;}
.i_about2 ul li .h3{ font-weight:normal; line-height:30px; height:30px; /*overflow:hidden;*/ color:#222222; transition:all 0.3s; margin-top:12px;}
.i_about2 ul li .p{ color:#c5c5c5; font-size:14px; overflow:hidden; line-height:24px; height:24px; margin-top:7px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family:"OpenSans";}
.i_about2 ul li:hover .h3{ color:#0a0057;}
/*合作伙伴*/
.i_partner{  background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(i_bg3.jpg); overflow:hidden;}



@media screen and (max-width: 1600px) {
/*轮显*/
.banner_next{ margin-left:30px;}

}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:65px;}
.main .banner .swiper-pagination{ bottom:26px;}
.main .banner .swiper-slide .txt{ line-height:60px;}
/*产品中心*/
/*.i_two_a .scroller{ display:block;}
.i_two_a .scroller li{ width:16.66%;}
.i_two_a .scroller li dd{ width:100%;}*/
}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:40px;}
.main .banner .swiper-slide .txt{ line-height:50px;}
/*产品中心*/
.i_two_a .scroller li dd .h4{ font-size:15px; }
/*服务*/
.i_about2 ul li .p{ font-size:14px; line-height:22px; height:22px;}
.about_bg2 .h3{ line-height:30px;font-size:18px;}
.about_bg2 .desc{ line-height:28px; font-size:14px;}
.about_bg2 .i_more{ width:150px; height:44px; line-height:44px;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_next{ margin-left:10px;}
.lzpic2{
	display: block;
}
.lzpic1{
	display: none;
}
/*关于我们*/
.i_about .h3{ line-height:48px;}
/*产品中心*/
.i_title .p{ font-size:16px;}
}
@media screen and (max-width: 1100px) {
/*关于我们*/
.i_about .txts .p{line-height:30px; font-size:16px; }
.i_about .txts .a{ font-size:14px; line-height:44px; height:44px; width:162px;}
.i_about .h3{ line-height:44px;}
/*服务*/
.i_about2 ul li{ width:33.33%;}
.i_about2 ul li:nth-child(4),.i_about2 ul li:nth-child(5){ width:50%;}

}

@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;}
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next{ width:70px; height:58px;}
.banner_next{ width:145px;}
.banner_next .banner_video{ height:58px; width:132px;}
.banner_next .video-play{background-size: 24px 24px;}
.main .banner .swiper-slide .txt{ line-height:44px;}
/*关于我们*/
.i_about{background-size:80% auto;}
.i_about .imgs{ float:none; width:100%;}
.i_about .imgs .img img{ height:auto;}
.i_about .txts{ position:static;width:100%; height:auto; display:block; margin-top:8%; margin-bottom:5%;}
.i_about .txts .cons{ max-width:none;}
.i_about .txts .p{ line-height:26px;  font-size:14px;  margin-top:5%; }
.i_about .txts .a{ margin-top:5%; font-size:13px; height:36px; line-height:36px; width:150px;}
.i_about .h3{ line-height:40px;}
/*产品中心*/
.i_two_a .scroller li{ padding-left:20px; padding-right:20px;}
.i_title .p{ font-size:14px;}
.i_title .h3{ margin-bottom:1.5%;}
/*服务*/
.about_bg2 .desc{  line-height:26px;}
.about_bg2 .h3{ line-height:24px;font-size:14px;}
.about_bg2 .i_service{ width:75%;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.main .banner .swiper-slide .txt{ line-height:40px;}
/*服务*/
.about_bg2 .desc{ font-size:13px; line-height:24px;}
.i_about2 ul li .p{ font-size:13px; line-height:20px; height:20px;}
.i_about2 ul li i{ width:60px; height:61px;}
.about_bg2 .i_more{ width:130px; height:40px; line-height:40px; font-size:14px;}
}
@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; margin-left:5px; margin-right:5px;}
.main .banner .swiper-pagination-bullet-active{ width:20px;}

.main .banner .swiper-button-prev,
.main .banner .swiper-button-next{ width:40px; height:38px;background-size: 10px 18px;}
.banner_next{ width:120px;}
.banner_next .banner_video{ height:38px; width:87px;}
.banner_next .video-play{background-size: 24px 24px;}
.main .banner .swiper-slide .txt{ line-height:30px;}
/*关于我们*/
.i_about .h3{ line-height:36px;}
.i_about .txts{ margin-top:10%;}
/*产品中心*/
/*.i_two_a .scroller li{ width:160px;}*/
/*.i_two_a .scroller{ display:block;}
.i_two_a .scroller li{ width:33.33%;}
.i_two_a .scroller li dd{ width:100%;}*/
.i_two_a{ height:44px;}
.i_two_a .scroller li{ padding-left:10px; padding-right:10px;}
.i_two_a .scroller li dd i{  height:44px;background-size:26px 24px; width:26px; margin-right:5px;}
.i_two_a .scroller li dd .h4{ height:44px; line-height:44px;}
/*服务*/
.i_about2{ padding-top:1%;}
.i_about2 ul li{ width:50%;}
.i_about2 ul li:nth-child(5){ width:100%;}
.about_bg2 .h3{ line-height:24px;font-size:14px;}
.about_bg2 .i_service{ width:75%;}


}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .down{bottom:45px;}
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:20px;}
.main .banner .swiper-slide .txt{ font-size:26px; line-height:26px;}
/*关于我们*/
.i_about .txts .p{ font-size:13px; line-height:22px; margin-top:4%;}
.i_about .txts .a{ font-size:12px; height:34px; line-height:34px; margin-top:4%; width:100px;}
.i_about .h3{ line-height:30px;}
.i_about .imgs:after{ bottom:-10px; right:-10px;}
/*产品中心*/
/*.i_two_a .scroller li dd{ padding-left:20px; padding-right:20px;}*/
.i_two_a{ height:40px; margin-top:3%; margin-bottom:4%;}
.i_two_a .scroller li{ padding-left:5px; padding-right:5px;}
.i_two_a .scroller li dd i{  height:40px;background-size:22px 21px; width:22px;}
.i_two_a .scroller li dd .h4{ font-size:13px; line-height:40px; height:40px;}
.i_title .p{ font-size:13px;}
/*服务*/
.i_about2{ padding-top:2%;}
.i_about2 ul li .h3{ height:24px; line-height:24px; margin-top:10px;}
.i_about2 ul li .p{ font-size:12px; margin-top:5px;}
.i_about2 ul li i{ width:46px; height:47px; margin-top:20px;}
.about_bg2 .i_more{ width:120px; height:36px; line-height:36px; font-size:13px;}
.about_bg2 .desc{ font-size:12px; line-height:22px;}
.about_bg2 .h3{ line-height:24px;font-size:14px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:21px;}
.main .banner .swiper-slide .rbtn{ font-size:12px;}
/*产品中心*/
.i_two_a .scroller li dd .h4{ font-size:12px;}
.i_title .p{ font-size:12px;}
}
@media screen and (max-width: 360px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:20px;}
}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}