@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: 180px; margin-left: 60px; background-color: rgba(204,204,204,0.2); }
.banner_next .banner_video{ float:left; width:178px; height:78px; position:relative; overflow:hidden;}
.banner_next .banner_video img{ width:100%;}
.banner_next .video-play{ cursor:pointer; width:100%; height:100%; transition:all 0.3s; position:absolute; top:0%; left:0; background:url(../images/encyclopedias_bg3.png) center center rgba(0,0,0,0.59) no-repeat;background-size:34px 34px;  cursor:pointer; }
.banner_next .video-play:hover{ background-color:rgba(0,0,0,0.3); }
/*关于我们*/
.i_about_bg{ overflow:hidden;}
.i_about{ background:url(../images/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-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:#126EAF; border-radius:30px; }
.i_about .txts .a:after{content:""; position:absolute; left:0; top:0; height:100%; width:0; background:#F29914;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(../images/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{
  position: relative;
  color: #222222;
  font-weight: bold;
  line-height: 54px;}
.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:#126EAF;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:#126EAF;}
.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:#126EAF;}
.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;  width:100%;margin-bottom:8%;padding-top:10%;text-align: center;}
.about_bg2 .h3{ color:#fff; line-height:62px; overflow:hidden;}
.about_bg2 .desc{ color:rgba(255,255,255,0.96); overflow:hidden; line-height:32px; font-size:22px;}
.about_bg2 .i_more{ display:block; width:182px; height:50px; line-height:50px; overflow:hidden; border-radius:30px; background:#126EAF; 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);background-color:rgba(225,225,225,0.9);}
.i_about2 ul li{ float:left; width:14.2%; 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:50px; position:relative;}
.i_about2 ul li .txts:after{ content:""; width:0; left:50%; right:50%; bottom:0; height:3px; position:absolute; background:#126EAF;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:#126EAF;}
/*合作伙伴*/
.i_partner{  background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/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:50px;}
.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:274px;}
.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:40px;}
}

@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:169px;}
.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:32px;}
.about_bg2 .i_service{ width:60%;}

}

@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;}
}
@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);}
}
.hatit{ text-align: center;
  position: relative;
  color: #222222;
  font-weight: bold;
  line-height: 54px; }
.hanum{ background:url(../images/hanum.jpg) no-repeat center center; background-size:cover; overflow:hidden; padding:5% 2%; margin:3% auto; }
.hanum li{ float: left; text-align: center; width:20%; color:#ffffff; border-right:1px solid #1478C0; }
.hanum li:last-child{ border:none; }
.hanum li .num{ font-family:Impact; font-size:50px; line-height:1; }
.hanum li .tit{ font-size:18px; margin-top:18px; }
@media screen and (max-width: 1680px) {

    .hanum li .num{ font-size:42px; }
    .hanum li .tit{ font-size:16px; margin-top:16px; }
    /*首页关于我们*/
}


@media screen and (max-width: 1440px) {
    .hanum li .num{ font-size:36px; }
    .hanum li .tit{ font-size:14px; margin-top:14px; }
    /*首页关于我们*/
}


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


    .hanum li .num{ font-size:30px; }
    /*首页关于我们*/
}

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


    .hanum li .num{ font-size:24px; }
    /*首页关于我们*/
}


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

    .hanum{ padding:20px 0; margin-bottom:20px; }
    .hanum li .num{ font-size:20px; }
    .hanum li .tit{ margin-top:10px; }
    /*首页关于我们*/
}