@import url(style.css);
@import url(swiper.min.css);
/*首页*/
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
@media only screen and (min-width: 1400px){
.banner .text{ max-width: 1560px; width: 100%; position: absolute; left: 50%; top: 59%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; color: #fff; /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; }
}

@media screen and (max-width: 1410px){
.banner .text{ max-width: 1160px; width: 100%; position: absolute; left: 50%; top: 59%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; color: #fff; /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; }
}



.banner .text .tit{ line-height:1.6;}
.banner .text .small{ width:160px; border:1px solid rgba(137,137,137,1.0); text-align:center; height:58px; line-height:56px;font-size: 17px; border-radius:10px; margin-top:4%;transition:all 0.3s; font-weight:normal;}
.banner .text .small span{ padding-left:14px; font-family:"宋体";}
.banner .text .small:hover{ background:#fff; color: #014070}
.banner .text .desc{ margin-bottom:15px; overflow:hidden; font-weight:normal; text-transform:uppercase; line-height:1.4; font-size:30px;}
.banner .swiper-pagination { max-width:1775px;transform: translate(-50%, 0%); left:50%; text-align:right;width: 96%;bottom: 40px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px;  color:#fff;  text-align:center; background:#999;opacity: 1; margin: 0 4px; border-radius:50%;transition:all 0.3s; position:relative;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#014070; }
.banner .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;line-height:30px; text-align:center; color:#fff;font-size:15px;}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(1):after{ content:"1";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(2):after{ content:"2";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(3):after{ content:"3";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(4):after{ content:"4";}
.banner .swiper-pagination .swiper-pagination-bullet:nth-child(5):after{ content:"5";}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*.banner:hover .lzpic1{transform:scale(1.05, 1.05);}*/
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}



@media screen and (max-width: 1440px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}
.banner .text .desc{ font-size:18px;}
/*产品*/
.i_one_ul ul li .boxs{ margin-bottom:25px;}
/*关于我们*/
.i_about .i_about_l .h3{ line-height:40px;}
.i_about .i_about_l .p{ line-height:28px; max-height:56px;}
.i_about .i_about_l .i_about_ul ul li{ line-height:74px; height:76px;}
.i_about .i_about_l .i_about_ul ul li:after{ top:17px;}
/*新闻*/
.i_news .divs .i_news_ul ul li{ line-height:74px; height:76px;}
.i_news .divs .i_news_ul ul li:after{ top:17px;}
}

@media screen and (max-width: 1200px) {
/*产品*/
.i_one_ul ul li:nth-child(1){ float:none; width:100%; margin-right:0;}
.i_one_ul ul li{ width:49%; margin-right:2%;}
.i_one_ul ul li .boxs{ margin-bottom:4%;}
.i_one_ul ul li .boxs .cons{ margin-bottom:8%;}
.i_one_ul ul li .boxs .a{ margin-top:162px;}
.i_one_ul ul li .boxs .imgs{ margin-top:32px;}

}

@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {margin: 0 4px;}
/*.banner .text { display:none;}*/
.banner .text .desc{ font-size:16px;}
.main .banner .down { bottom:55px;}
/*关于我们*/
.i_about .i_about_l .i_about_ul ul li{ line-height:60px; height:62px;}
.i_about .i_about_l .i_about_ul ul li:after{ top:10px;}
/*新闻*/
.i_news .divs .i_news_ul ul li{ line-height:60px; height:62px;}
.i_news .divs .i_news_ul ul li:after{ top:10px;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:48px; line-height:46px;}
.banner .text .desc{ font-size:15px; margin-bottom:10px;}
/*产品*/
.i_desc{ line-height:28px; font-size:14px;}
.i_desc2{  font-size:17px;}
.i_one_ul ul li .boxs .p{ font-size:14px;}
.i_one_ul ul li .boxs .a{ font-size:14px;}
/*关于我们*/
.i_about .i_about_l{ width:100%; max-width:none; position:inherit; margin-top:4%; float:none; height:auto;}
.i_about .i_about_l .h3{ max-width:none;}
.i_about .i_about_l .p{ margin-top:2%;}
.i_about .i_about_l .i_about_ul{ position:inherit; margin-top:3.5%;}
.i_about .i_about_r{ float:none;width:100%; max-width:none;}
/*我们的优势*/
.i_youshi .i_youshi_r ul li{ width:50%; margin-bottom:3%;}
.i_youshi .i_youshi_r ul li:nth-child(3){ clear:both;}
.i_youshi .i_youshi_r ul li .p{ line-height:26px;}
/*新闻*/
.i_news .divs .i_news_ul{  margin-top:3.5%; font-size:15px;}

}


@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:10px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px;}
.banner .text .small{ width:130px; height:38px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:13px; margin-bottom:8px;}
.main .banner .down { bottom:45px;}
.main .banner .down span{ padding-left:24px;}
/*产品*/
.i_title .p{ font-size:40px; margin-top:5px;}
.i_title .a{ padding-right:15px; font-size:13px; margin-top:-25px;}
.i_desc{ line-height:22px; font-size:12px;}
.i_desc2{ line-height:22px; font-size:14px;}
/*关于我们*/
.i_about .i_about_l .i_about_ul{ font-size:13px;}
.i_about .i_about_l .p{ font-size:13px; line-height:22px; height:44px;}
/*我们的优势*/
.i_youshi .i_youshi_r ul li img{ width:40px; height:40px;}
.i_youshi .i_youshi_r ul li .h3{ margin-top:15px; font-size:14px; height:26px; line-height:26px;}
.i_youshi .i_youshi_r ul li .p{ font-size:13px; line-height:22px;}
/*新闻*/
.i_news .divs .i_news_ul{ font-size:13px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:34px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:12px;}
/*产品*/
.i_title .p{ font-size:34px;}
/*新闻*/
.i_news .divs .i_news_ul{ font-size:12px;}
}
@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);}
}