@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.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: 360px; margin-left: 60px; border-top:2px solid #ffffff; border-right:2px solid #ffffff; background:#fff;}
.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_one{ overflow:hidden; margin-top:8%; margin-bottom:5%;}
.i_one .i_one_l{ width:35.7%; float:left; overflow:hidden; }
.i_title{ overflow:hidden;}
.i_title .desc{ color:#afafaf;}
.i_title .h3{ color:#333333; font-weight:bold; overflow:hidden; line-height:1.5; margin-top:3%;}
.i_one .i_one_r{ width:62%; float:left; overflow:hidden; max-width:880px; position:relative; }
.i_one .i_one_r .zi{ position:absolute; bottom:0; left:0; color:rgba(241,241,241,0.6); font-size:210px; line-height:1.1; text-transform:uppercase; z-index:-1; font-style:italic;}
.i_one .i_one_r .p{line-height:48px; font-size:16px; color:#666666; overflow:hidden; margin-top:2.5%;}
.i_one .i_one_r .a{ font-style:normal; width:158px; height:46px; line-height:46px; text-align:center; background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%; text-align:center; color:#fff; font-size:15px; display:block; margin-top:5%; position:relative;z-index:0;border-radius:20px; overflow:hidden;}
.i_one .i_one_r .a:after{ background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; height:100%; width:0%;transition:all 0.3s; content:""; z-index:-1;}
.i_one .i_one_r .a:hover:after{ width:100%;}
.i_two{ overflow:hidden; margin-top:8%; margin-bottom:8%;box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.1); border-radius:20px; background:url(../img/i_img2.png) center center no-repeat; background-size:cover;}
.i_two .i_two_ul{ width:96%; text-align:center; margin:0 auto; max-width:1295px; border-radius:6px; padding-top:20px; padding-bottom:20px;margin-bottom:3%; margin-top:28%; overflow:hidden; background:#fff;}
.i_two .i_two_ul li{ float:left; width:25%; overflow:hidden;  position:relative; z-index:0;transition:all 0.3s;}
.i_two .i_two_ul li:after{background:#efefef; position:absolute; right:0; top:50%; height:89px; margin-top:-44px; width:1px;transition:all 0.3s; content:"";}
.i_two .i_two_ul li i{ display:block; width:49px; height:42px; margin-top:9px; margin:0 auto;transition:all 0.3s; background-repeat:no-repeat; background-size:100% 100%; margin-top:9px;}
.i_two .i_two_ul li .h3{ line-height:22px;  font-weight:normal; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;color:#555555; margin-top:11px; margin-bottom:6px; font-size:17px;transition:all 0.3s;}
.i_two .i_two_ul li:hover .h3{ color:#0078ff;}
.i_three{  background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover;}
.i_three .blank_one{ height:0; font-size:0; margin-top:7%; overflow:hidden; width:100%;}
.i_three .i_three_t{overflow: hidden; display:block; height:100px; }
.i_three .i_three_t_l{ float:left;width:calc(100% - 148px);width:-webkit-calc(100% - 148px);width:-moz-calc(100% - 148px); overflow: hidden;display: block; vertical-align: top; position: relative;  height: 100px;z-index:;}
.i_three .i_three_t_l .scroller {position:absolute; z-index:1;/*transform: translate(-50%, 0px) translateZ(0px)!important; left:50%; width:100%!important;*/}
.i_three .i_three_t_l .scroller li {float: left;}
.i_three .i_three_t_l .scroller li dd{ overflow:hidden; padding-left:12px; padding-right:12px; text-align:center; min-width:208px; float:left;/* border-bottom:2px solid #fff;*/ background:url(../images/i_bg4.png) no-repeat; background-position:center 32px; background-size:auto 1px; }
.i_three .i_three_t_l .scroller li i{ display:block; width:64px; height:64px; border-radius:50%; margin:0 auto; background-repeat:no-repeat; background-size:100% 100%; background-color:rgba(255,255,255,0.3);}
.i_three .i_three_t_l .scroller li a{ color:#333333;}
.i_three .i_three_t_l .scroller li .p{ height:36px; line-height:36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 18px;}
/*.i_three .i_three_t_l .scroller li a:hover{ color:#fff;}*/
.i_three .i_three_t_l .scroller li.cur dd i{background-color:rgba(255,255,255,1.0);}
.i_three .imore{ float:right; width:138px; text-align:center; color:#fff; background:url(../images/i_bg5.png) no-repeat; background-size:100% 100%; font-size:15px; height:42px; line-height:42px; margin-top:11px;}
.i_three .imore span{ font-family:"宋体"; margin-left:10px;transition:all 0.3s;}
.i_three .imore:hover span{ margin-left:6px;}
.i_three .i_three_con{ }
.i_three .divhidden{opacity:0;filter:Alpha(opacity=0);transition:all 0.3s;  /*height:0;*/ display:none; /*overflow:hidden;*/ }
.i_three .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*/display:block;}
.i_four{ overflow:hidden; background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover; padding-top:100px;}
.i_four .i_title{ text-align:center; margin-top:5%;}
.i_four .i_title .h3{ margin-top:2%;}
/*新闻中心*/
.i_five{ background:#ebeff5; overflow:hidden;}
.i_five .wrap{ margin-bottom:5%;}
.i_five_t{margin-top:5%; overflow:hidden; text-align:center;}
.i_five_t.bgs2{ margin-top:6%;}
.i_five_t .h3{ font-weight:normal; color:#222222; line-height:1; }
.i_five_t .desc{ font-size:16px; overflow:hidden; color:#999999;line-height:1.3; margin-top:10px; clear:both;}
.i_five .i_five_one{ overflow:hidden; margin-top:4%; background:#fff;}
.i_five .i_five_one .imgs{ overflow:hidden; float:left; width:50%;}
.i_five .i_five_one .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.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; }
.i_five .i_five_one:hover .imgs 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_five .i_five_one .txts{ overflow:hidden;}
.i_five .i_five_one .txts .cons{ margin:0 auto; width:94%; max-width:610px; overflow:hidden;margin-top:5%;}
.i_five .i_five_one .txts .date{ display:inline-block;overflow:hidden;  color:#cacaca; font-size:14px; text-align:center; font-family:Arial;}
.i_five .i_five_one .txts .date b{ display:block; color:#333333; font-weight:normal; margin-bottom:3px;}
.i_five .i_five_one .txts .h3{font-weight: bold; font-size:20px;  line-height:36px; height:36px; color:#333333; margin-top:5%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.i_five .i_five_one .txts .p{ overflow:hidden;line-height:26px; height:100px; color:#999999; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:2%;}
.i_five .i_five_one .txts .em{ font-style:normal; display:block; height:30px; line-height:30px; overflow:hidden; padding-right:38px; font-size:15px; color:#999999; background:url(../images/i_pic2.png) right 3px center no-repeat; background-size:6px auto;transition:all 0.3s; margin-top:5%;}
.i_five .i_five_one:hover .txts .em{ color:#0078ff; background-image:url(../images/i_pic2_on.png); background-position:right center;}
.i_five .i_five_two{ overflow:hidden;  background:#fff; border-top:1px solid #f6f6f6;}
.i_five .i_five_two ul li{ float:left; width:50%; overflow:hidden; position:relative;}
.i_five .i_five_two ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#f6f6f6;}
.i_five .i_five_two ul li:nth-child(2n+0):after{ width:0;}
.i_five .i_five_two ul li .boxs{ padding:20px; overflow:hidden;}
.i_five .i_five_two ul li .imgs{ overflow:hidden; float:left; width:155px; margin-right:3%;}
.i_five .i_five_two ul li .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.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; }
.i_five .i_five_two ul li:hover .imgs 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_five .i_five_two ul li .txts{ overflow:hidden;}
.i_five .i_five_two ul li .txts .em{ font-style:normal; display:block; height:20px; line-height:20px; overflow:hidden; padding-right:38px; font-size:15px; color:#999999; background:url(../images/i_pic2.png) right 3px center no-repeat; background-size:6px auto;transition:all 0.3s; margin-top:11px;}
.i_five .i_five_two ul li:hover .txts .em{ color:#0078ff; background-image:url(../images/i_pic2_on.png); background-position:right center;}
.i_five .i_five_two ul li .txts .h3{font-weight: bold; font-size:18px;  line-height:30px; height:30px; color:#333333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.i_five .i_five_two ul li .txts .date{ font-size:14px; color:#cacaca; overflow:hidden; height:26px; line-height:26px;}
/*企业文化*/
.i_six{ margin-top:5%; margin-bottom:7%;}
.i_six ul li{ float:left; width:23.5%; margin-right:2%;}
.i_six ul li:nth-child(4n+0){ margin-right:0;}
.i_six ul li i{ display:block; width:165px; height:152px; margin:0 auto;  position:relative;}
.i_six ul li i:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:url(../images/i_bg9.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.i_six ul li:hover i:after{transform: rotate(60deg);}
.i_six ul li i img{ width:100%;transition:all 0.3s;}
.i_six ul li:hover i img{transform: rotate(-60deg);}
.i_six ul li .h3{ font-weight:bold; color:#333333; overflow:hidden; text-align:center; font-size:20px;margin-top:25px;}
.i_six ul li .p{  overflow:hidden; margin-top:6px; color:#d0d0d0; font-size:14px;text-align:center; text-transform:uppercase;}


@media screen and (max-width: 1600px) {
/*轮显*/
.banner_next{ margin-left:30px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:200px;}
.i_three .i_three_t_l .scroller li dd{ min-width:205px;}
}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:65px;}
.main .banner .swiper-pagination{ bottom:26px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:180px;}
.i_three .i_three_t_l .scroller li dd{ min-width:180px;}
/*新闻中心*/
.i_five .i_five_one .txts .em{ margin-top:12%;}

}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:40px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:160px;}
.i_two .i_two_ul li .h3{ font-size:16px;}
.i_three .i_three_t_l{ width: calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px);}
.i_three .i_three_t_l .scroller li dd{ min-width:170px;}
.i_three .i_three_t_l .scroller li .p{font-size:17px;}
.i_three .imore{ font-size:14px; width:130px;}
/*新闻中心*/
.i_five .i_five_one .txts .cons{ margin-top:4%;}
.i_five .i_five_one .txts .h3{ margin-top:4%;}
.i_five .i_five_one .txts .em{ margin-top:10%;}
}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_next{ margin-left:10px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:150px;}
.i_two .i_two_ul li .h3{ font-size:15px;}
.i_three .i_three_t_l .scroller li dd{ min-width:155px;}


}
@media screen and (max-width: 1100px) {
/*关于我们*/
.i_one .i_one_r .zi{ font-size:140px;}
.i_three .i_three_t_l .scroller li dd{ min-width:140px;}
.i_three .i_three_t_l .scroller li .p{font-size:16px;}
/*新闻中心*/
.i_five .i_five_one .txts .cons{ margin-top:3%;}
.i_five .i_five_one .txts .h3{ margin-top:3%;}
.i_five .i_five_one .txts .em{ margin-top:8%;}
/*企业文化*/


}

@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;}
/*关于我们*/
.i_one .i_one_l{ width:100%; float:none;}
.i_one .i_one_r{ width:100%; max-width:none; float:none;}
.i_one .i_one_r .p{ line-height:40px;}
.i_one .i_one_r .a{ margin-top:4%;}
.i_two .i_two_ul li .h3{ font-size:14px;}
.i_three .i_three_t_l .scroller li dd{ min-width:120px;}
.i_three .i_three_t_l .scroller li .p{font-size:14px;}
.i_four{ padding-top:0;}
/*新闻中心*/
.i_five .i_five_one .txts .date{ font-size:13px;}
.i_five .i_five_one .txts .p{ line-height:24px; height:48px; font-size:13px;}
.i_five .i_five_one .txts .em{ font-size:14px; margin-top:6%;}
.i_five .i_five_two ul li .txts .em{ font-size:14px; margin-top:6px;}
.i_five .i_five_two ul li .boxs{ padding:3%;}
.i_five .i_five_two ul li .imgs{ width:140px; margin-right:2%;}
/*企业文化*/
.i_six ul li{ width:49%; margin-bottom:6%;}
.i_six ul li:nth-child(4n+0){ margin-right:2%;}
.i_six ul li:nth-child(2n+0){ margin-right:0%;}
.i_six ul li i{ width:150px; height:138px;}
}

@media screen and (max-width: 780px) {
/*关于我们*/
.i_one .i_one_r .p{ line-height:32px; font-size:15px;}
.i_two .i_two_ul{ padding-bottom:10px;}
.i_two .i_two_ul li{ width:50%; margin-bottom:10px;}
/*新闻中心*/
.i_five .i_five_one .imgs{ float:none; width:100%;}
.i_five .i_five_one .txts{ padding-bottom:4%;}
.i_five .i_five_one .txts .cons{ margin-top:5%; max-width:none;}
.i_five .i_five_one .txts .date b{ font-size:38px;}
.i_five .i_five_two ul li{ float:none; width:100%;}

}
@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-slide .rbtn{ min-width:150px;}
.main .banner .swiper-slide .rbtn span{ height:44px; line-height:44px;}
.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;}
/*关于我们*/
.i_one .i_one_r .p{ line-height:26px; font-size:14px;}
.i_one .i_one_r .zi{ font-size:120px;}
/*企业文化*/
.i_six{ margin-bottom:6%;}
.i_six ul li i{ width:140px; height:129px;}

}

@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;}
/*关于我们*/
.i_title .h3{ line-height:1.3;}
.i_one .i_one_r .p{ line-height:22px; font-size:12px; margin-top:3%;}
.i_one .i_one_r .a{ margin-top:5%; height:36px; line-height:36px; width:120px;}
.i_one .i_one_r .zi{ font-size:100px;}
.i_two{ border-radius:12px;}
.i_two .i_two_ul li .h3{ font-size:13px;}
.i_two .i_two_ul li i{ width:40px; height:34px;}
.i_three .i_three_t_l{ width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px);}
.i_three .i_three_t_l .scroller li dd{ min-width:110px;}
.i_three .i_three_t_l .scroller li .p{font-size:13px;}
.i_three .i_three_t_l .scroller li i{ width:54px; height:54px;}
.i_three .i_three_t_l .scroller li dd{ background-position:center 27px;}
.i_three .imore{ width:110px; font-size:12px;}
/*新闻中心*/
.i_five .i_five_one .txts .cons{ width:96%;}
.i_five .i_five_one .txts .h3{ font-size:18px; height:30px; line-height:30px; margin-top:2%;}
.i_five .i_five_one .txts .date b{ font-size:30px;}
.i_five .i_five_one .txts .p{ line-height:22px; height:44px;}
.i_five .i_five_one .txts .em{  /*background-size:16px auto;*/ margin-top:4%;}
.i_five .i_five_two ul li .boxs{ padding:2%;}
/*.i_five .i_five_two ul li .txts .em{  background-size:16px auto;}*/
.i_five .i_five_two ul li .txts .h3{ font-size:16px;}
.i_five .i_five_two ul li .imgs{ width:130px;}
.i_five .i_five_two ul li .txts .h3{ height:26px; line-height:26px;}
.i_five .i_five_two ul li .txts .date{ height:20px; line-height:20px; font-size:12px;}
.i_five .i_five_two ul li .txts .em{ font-size:13px; margin-top:4px;}
/*企业文化*/
.i_six ul li i{ width:110px; height:101px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:22px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:90px;}
/*新闻中心*/
.i_five .i_five_one .txts .h3{ font-size:16px; height:26px; line-height:26px;}
.i_five .i_five_one .txts .p{ line-height:20px; height:40px; font-size:12px;}
.i_five .i_five_two ul li .txts .h3{ font-size:15px;}
}

@media screen and (max-width: 380px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:20px;}
/*关于我们*/
.i_one .i_one_r .zi{ font-size:80px;}
}
@media screen and (max-width: 360px) {

}