@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(animate.min.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#aaaaaa; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}
.banner_page .wrap2{ height:0;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;opacity:0.2;filter:Alpha(opacity=20);}
.banner_page em{ font-style:normal; color:#fff;}
.main .banner .btn .boxs{ margin-left:240px;}

/*新闻*/
.i_news_t{ overflow:hidden; margin-top:5%;}
.i_news_t .i_news_t_l{ float:left; overflow:hidden; position:relative;}
.i_news_t .i_news_t_l .label{ display:block;height:110px; line-height:1; overflow:hidden; color:rgba(153,153,153,0.1); font-family:Arial; text-transform:uppercase; font-weight:bold;}
.i_news_t .i_news_t_l .h4{ color:#333333; overflow:hidden; line-height:1; position:absolute; bottom:0; left:0; padding-right:49px; background:url(../images/i_pic1.png) right center no-repeat; background-size:30px 22px;}
.i_news_t .a{ float:right; margin-top:73px; line-height:46px; height:48px; text-align:center; overflow:hidden; width:140px; background:url(../images/i_pic2.png) no-repeat; background-size:100% 100%; color:#666666; font-size:16px;transition:all 0.3s; border:1px solid rgba(99,198,237,0);}
.i_news_t .a:hover{ color:#fff; border:1px solid #63c6ed; background:#63c6ed; padding-left:5px;}
.i_news_t .a span{ font-family:"宋体"; font-weight:bold; padding-left:13px; font-size:14px;}
.i_news{ overflow:hidden; margin-top:3%; margin-bottom:6%;}
.i_news .i_news_l{ float:left; width:780px; margin-right:40px;  overflow:hidden;}
.i_news .i_news_l .imgs{ overflow:hidden; position:relative; padding-top:450px;}
.i_news .i_news_l .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-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_news .i_news_l: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_news .i_news_l .imgs i{position: absolute; content: ""; right: 0;  top: 0;  height: 60px; width: 60px;  background: url(../images/i_pic3.png) no-repeat;  background-size: 100% 100%;transition:all 0.3s;}
/*.i_news .i_news_l:hover .imgs i{opacity:0;filter:Alpha(opacity=0);}*/
.i_news .i_news_l .bgs{ background:#f7f7f7; overflow:hidden; position:relative;width:100%; height:267px;}
.i_news .i_news_l .bgs:after{ content:""; position:absolute;  height:3px; width:0; bottom:0; left:0; background:#63c6ed;transition:all 0.3s;}
.i_news .i_news_l:hover .bgs:after{ width:100%;}
.i_news .i_news_l .bgs .boxs{width:96%; max-width:700px; margin:0 auto; }
.i_news .i_news_l .bgs .boxs .label{ height:30px; line-height:30px; font-size:16px; overflow:hidden; margin-top:18px; color:#666666;}
.i_news .i_news_l .bgs .boxs .label span{ font-family:"宋体"; font-size:14px; font-weight:bold; margin-left:12px;}
.i_news .i_news_l:hover .bgs .boxs .label{ color:#63c6ed;}
.i_news .i_news_l .bgs .boxs .h3{ font-weight:normal; height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333; margin-top:8px;}
.i_news .i_news_l .bgs .boxs .p{ line-height:30px; height:60px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px;color:#666666; margin-top:12px;}
.i_news .i_news_l .bgs .boxs .date{ height:22px; line-height:22px; font-size:14px; overflow:hidden; margin-top:34px; color:#999999;}
.i_news .i_news_r{ overflow:hidden;}
.i_news .i_news_r .i_news_ul{ overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list{display: block; padding-bottom:33px; padding-top:33px; padding-left:30px; padding-right:30px; overflow:hidden; margin-bottom:40px;text-align:left; transition:all 0.3s; position:relative; background:#f7f7f7;}
.i_news .i_news_r .i_news_ul .inr-list:last-child{ margin-bottom:0;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ overflow:hidden; float:left; width:250px; height:145px; margin-right:45px; position:relative;}
.i_news .i_news_r .i_news_ul .inr-list .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-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_news .i_news_r .i_news_ul .inr-list: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_news .i_news_r .i_news_ul .inr-list .imgs i{position: absolute; content: ""; right: 0;  top: 0;  height: 30px; width: 30px;  background: url(../images/i_pic4.png) no-repeat;  background-size: 100% 100%;}
.i_news .i_news_r .i_news_ul .inr-list .txts{ overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list .date{height:22px; line-height:22px; font-size:14px; overflow:hidden; margin-top:24px; color:#999999;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ color: #333333;line-height: 33px; height:66px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s; font-weight:normal; margin-top:16px; overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list:hover .h3{color:#63c6ed;}
.i_news .i_news_r .i_news_ul .inr-list:after{ content:""; position:absolute;  height:3px; width:0; bottom:0; left:0; background:#63c6ed;transition:all 0.3s;}
.i_news .i_news_r .i_news_ul .inr-list:hover:after{ width:100%;}
/*优势*/
.i_advantage{ background:#f7f7f7; overflow:hidden;}
.i_advantage .ul{ margin-top:4%; overflow:hidden; margin-bottom:6%;}
.i_advantage .ul li{ float:left; width:21.25%; margin-right:1.875%;  overflow:hidden; position:relative; -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;font-size:16px;}
.i_advantage .ul li:nth-child(3n+0){ margin-right:0;}
.i_advantage .ul li.on{ width:53.75%;}
.i_advantage .ul li.on .bgs{ background:url(../img/i_img5.jpg) center center no-repeat; background-size:cover;}
.i_advantage .ul li .bgs{ overflow:hidden; height:600px; background:#63c6ed; position:relative;}
.i_advantage .ul li:before{position: absolute; content: ""; right: 0;  top: 0;  height: 60px; width: 60px;  background: url(../images/i_pic5.png) no-repeat;  background-size: 100% 100%;transition:all 0.3s; z-index:2;}
.i_advantage .ul li .txts{ overflow:hidden; position:absolute; top:0%; left:0; width:100%; height:100%;display: flex; align-items: center; justify-content: left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0);}
.i_advantage .ul li.on .txts{opacity:1.0;filter:Alpha(opacity=100); z-index:1;}
.i_advantage .ul li .txts .boxs{ width:94%;margin:0 auto; max-width:740px; overflow:hidden; position:relative; }
.i_advantage .ul li .txts .ico{ height:58px; display:block;}
.i_advantage .ul li .txts .h4{ color:#fff; font-weight:normal; height:34px; line-height:34px; overflow:hidden; height:34px; line-height:34px;  margin-top:24px;white-space:nowrap;text-overflow:ellipsis; }
.i_advantage .ul li .txts .p2{ height:34px; line-height:34px; overflow:hidden;color:rgba(255,255,255,0.8);white-space:nowrap;text-overflow:ellipsis;}
.i_advantage .ul li .txts .p{overflow:hidden; line-height:28px; height:220px;  color:#fff;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; margin-top:20px; padding-top:24px; border-top:1px solid #336a7f;}
.i_advantage .ul li .txts .a{ font-style:normal; float:left; margin-top:44px; line-height:48px; height:48px; text-align:center; overflow:hidden; width:140px; background:url(../images/i_pic6.png) no-repeat; background-size:100% 100%; color:#333; font-size:16px;transition:all 0.3s; }
.i_advantage .ul li .txts .a:hover{ color:#fff;  background:#63c6ed; padding-left:5px;}
.i_advantage .ul li .txts .a span{ font-family:"宋体"; font-weight:bold; padding-left:13px; font-size:14px;}
.i_advantage .ul li .txts .nums{ top:0px; right:0; position:absolute; overflow:hidden; font-size:100px; font-weight:bold; color:rgba(255,255,255,0.3); line-height:76px; height:76px; font-family:Arial;}
.i_advantage .ul li .txts2{overflow:hidden; position:absolute; top:0%; left:0; width: 100%; height:100%;display: flex; align-items: center; justify-content: left;transition:all 0.6s;color:#fff;}
.i_advantage .ul li.on .txts2{opacity:0;filter:Alpha(opacity=0);}
.i_advantage .ul li .txts2 .cons{ width:94%; margin:0 auto; text-align:center;}
.i_advantage .ul li .txts2 .h4{ color:#fff; font-weight:normal; height:34px; line-height:34px; overflow:hidden; height:34px; line-height:34px;  margin-top:20px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.i_advantage .ul li .txts2 .p{/*writing-mode: tb-rl;*/ max-width:130px; margin:0 auto; overflow:hidden; line-height:28px; color:rgba(255,255,255,0.8); height:84px; margin-top:13px;}
.i_advantage .ul li .txts2 .ico{ height:58px; display:block; margin:0 auto;}
.i_advantage .ul li .txts2 .nums{ margin-top:42px; overflow:hidden; font-size:100px; font-weight:bold; color:rgba(255,255,255,0.3); line-height:82px; height:54px; font-family:Arial;}
@media screen and (max-width: 1400px) {
/*新闻*/
.i_news .i_news_l{ margin-right:2%; width:700px;}
.i_news .i_news_l .imgs{ padding-top:404px;}
.i_news .i_news_l .bgs{ height:222px;}
.i_news .i_news_l .bgs .boxs .date{ margin-top:24px;}
.i_news .i_news_l .bgs .boxs .p{ margin-top:10px;}
.i_news .i_news_l .bgs .boxs .label{ margin-top:15px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ margin-right:3%; width:220px; height:128px;}
.i_news .i_news_r .i_news_ul .inr-list{ padding:30px; margin-bottom:30px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ margin-top:10px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:20px;}



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

}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:40px;}

/*新闻*/
.i_news_t .i_news_t_l .label{ height:90px;}
.i_news_t .a{ margin-top:50px;}

.i_news .i_news_l{  width:600px;}
.i_news .i_news_l .imgs{ padding-top:346px;}
.i_news .i_news_l .bgs{ height:190px;}
.i_news .i_news_l .bgs .boxs .date{ margin-top:20px; font-size:13px;}
.i_news .i_news_l .bgs .boxs .p{ margin-top:6px; line-height:24px; height:48px; font-size:14px;}
.i_news .i_news_l .bgs .boxs .label{ margin-top:12px; height:26px; line-height:26px; font-size:14px;}
.i_news .i_news_l .bgs .boxs .h3{ height:30px; line-height:30px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{  width:200px; height:116px;}
.i_news .i_news_r .i_news_ul .inr-list{ padding:24px; margin-bottom:23px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:30px; height:60px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:15px;}
/*优势*/
.i_advantage .ul li{ font-size:15px;}
.i_advantage .ul li:before{ width:50px; height:50px;}
.i_advantage .ul li .bgs{ height:520px;}
.i_advantage .ul li .txts .a{ margin-top:40px; font-size:15px;}
.i_advantage .ul li .txts .nums{ font-size:90px;}
.i_advantage .ul li .txts2 .nums{ font-size:90px; line-height:76px; height:50px;}


}

@media screen and (max-width: 1100px) {
/*新闻*/
.i_news .i_news_l{  width:500px;}
.i_news .i_news_l .imgs{ padding-top:288px;}
.i_news .i_news_l .bgs{ height:190px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{  width:180px; height:104px;}
.i_news .i_news_r .i_news_ul .inr-list{ padding:21px; margin-bottom:20px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:26px; height:52px; margin-top:8px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:10px;}
}

@media screen and (max-width: 960px) {
/*新闻*/
.i_news{ margin-top:4%;}
.i_news .i_news_l{  width:100%; float:none; margin-right:0;}
.i_news .i_news_l .imgs{ padding-top:57.7%;}
.i_news .i_news_l .bgs .boxs{ max-width:none;}
.i_news .i_news_r{ width:100%; float:none; margin-top:2%;}
.i_news .i_news_r .i_news_ul .inr-list{ margin-bottom:2%; padding:2%;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ margin-top:10px;}
/*优势*/
.i_advantage .ul li .bgs{ height:450px;}
.i_advantage .ul li.on .bgs{ background:#63c6ed;}
.i_advantage .ul li{ width:32%; margin-right:2%;}
.i_advantage .ul li.on{width:32%;}
.i_advantage .ul li.on .txts{opacity: 0;filter: Alpha(opacity=0); z-index: 0;}
.i_advantage .ul li.on .txts2{opacity: 1.0; filter: Alpha(opacity=100);}
.i_advantage .ul li:before{ width:40px; height:40px;}
}

@media screen and (max-width: 780px) {
/*新闻*/
.i_news_t .i_news_t_l .h4{ margin-top:20px;}
.i_news_t .a{ margin-top:60px;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:30px;}
.main .banner .btn .boxs{ margin-left:140px;}
.banner_page{ bottom:66px; font-size:15px;}
.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.main .banner .swiper-slide .rbtn{ min-width:130px; padding:0 30px; font-size:15px;}
.main .banner .swiper-slide .rbtn span{ height:42px; line-height:42px; padding:0;}

/*新闻*/
.i_news_t .i_news_t_l .label{ height:70px;}
.i_news_t .a{ margin-top:27px; line-height:38px; height:40px; width:120px; font-size:14px;}
.i_news_t .a span{ padding-left:10px;}
.i_news .i_news_l .imgs i{ height:50px; width:50px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs i{ width:25px; height:25px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ margin-right:2%;}
/*优势*/
.i_advantage .ul{ margin-top:5%;}
.i_advantage .ul li .txts2 .h4{ height:60px; line-height:30px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .rbtn{ min-width:110px; padding:0 20px; font-size:13px; margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}

/*新闻*/
.i_news_t .i_news_t_l .h4{ padding-right:36px;background-size: 26px auto;}
.i_news_t .i_news_t_l .label{ height:56px;}
.i_news_t .a{ margin-top:20px; line-height:32px; height:34px; width:100px; font-size:12px;}
.i_news_t .a span{ padding-left:6px; font-size:12px;}
.i_news .i_news_l .bgs .boxs .p{ font-size:13px; line-height:22px; height:44px;}
.i_news .i_news_l .bgs .boxs .label{ font-size:13px;}
.i_news .i_news_l .bgs .boxs .label span{ font-size:12px; margin-left:10px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:24px; height:48px; margin-top:8px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ font-size:13px; margin-top:6px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ width:150px; height:87px;}
/*优势*/
.i_advantage .ul li .bgs{ height:380px;}
.i_advantage .ul li .txts2 .ico{ height:50px;}
.i_advantage .ul li .txts2 .nums{ margin-top:20px;}
.i_advantage .ul li .txts2 .h4{ line-height:24px; height:48px;}
}


@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .rbtn{ min-width:100px;}
.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}
/*新闻*/
.i_news_t .i_news_t_l .label{ font-size:63px;}
.i_news .i_news_l .bgs .boxs .p{ font-size:12px; line-height:20px; height:40px;}
.i_news .i_news_l .bgs .boxs .h3{ height:26px; line-height:26px;}
.i_news .i_news_l .bgs .boxs .label{ font-size:12px;}
/*优势*/
.i_advantage .ul li{ font-size:14px;}
.i_advantage .ul li .bgs{ height:320px;}
.i_advantage .ul li .txts2 .ico{ height:40px;}
.i_advantage .ul li:before{ width:30px; height:30px;}
.i_advantage .ul li .txts2 .nums{ font-size:80px; line-height:70px; height:45px; margin-top:10px;}
.i_advantage .ul li .bgs{ height:350px;}
.i_advantage .ul li .txts2 .p{ line-height:24px; height:72px;}
}
@media screen and (max-width: 360px) {
/*新闻*/
.i_news_t .i_news_t_l .label{ font-size:62px;}
}
@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) 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(-100px) translateX(0);
  transform: translateY(-100px) 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);}
}