@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(swiper.min.css);
/*首页*/
.wrapper.not{opacity:0;filter:Alpha(opacity=0);}
/*轮显*/
.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;}
.banner .text{ max-width: 1400px; width: 100%; position: absolute; left: 50%; top: 49%; 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; line-height:1.1; font-weight:bold;}
.banner .text .small{ width:180px; text-align:center; height:56px; line-height:56px;font-size: 14px; background:#d43e17; border-radius:30px; margin-top:5%;transition:all 0.3s; font-weight:normal;}
.banner .text .small span{ padding-left:14px; font-family:"宋体";}
.banner .text .small:hover{ text-indent:5px;}
.banner .text .desc{ margin-top:2.5%; overflow:hidden; font-weight:normal; text-transform:uppercase; font-size:16px; line-height:20px;}
.banner .swiper-pagination { width: 100%;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: 64px; height: 3px; background:rgba(255,255,255,0.28); background-size:100% 100%;opacity: 1; margin: 0 5px; border-radius:0%;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#183f76; }
.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;
}
/*应用场景*/
.application_bg{ background:#e9f1f3; overflow:hidden;}
.i_t{ margin-top:5%; text-align:center;  overflow:hidden;}
.i_t .p{ color:#183f76;overflow:hidden; line-height:1.3; text-transform:uppercase; margin-bottom:0.6%;}
.i_t .h3{ font-weight:normal; overflow:hidden; line-height:1;color:#333333;}
/*产品优势*/
.advantages_bg{ background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
/*关于我们*/
.i_about{ overflow:hidden; background:#f5f5f5;}
.i_about .wrap2{ margin-top:6%; margin-bottom:6%;}
.i_about .i_about_l{ float:left; width:49%; max-width:668px; overflow:hidden;}
.i_about .i_about_l .imgs img{display:block;width: 100%;  opacity:1;filter:Alpha(opacity=0); height:563px;}
.i_about .i_about_l .imgs{ overflow:hidden;background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s; position:relative;}
.i_about .i_about_l:hover .imgs{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.i_about .i_about_r{ float:right; width:49%; max-width:668px; overflow:hidden;}
.i_about .i_about_r .i_t{ margin-top:0; text-align:left;}
.i_about .i_about_r .i_t .p{ line-height:1.1; margin-bottom:2.5%;}
.i_about .i_about_r .ul{ overflow:hidden; margin-top:10%;}
.i_about .i_about_r .ul li{ float:left; overflow:hidden; padding-left:2%; padding-right:2%; border-right:1px solid #183f76; text-align:center;}
.i_about .i_about_r .ul li:first-child{ padding-left:0;}
.i_about .i_about_r .ul li:last-child{ padding-right:0; border-right:0;}
.i_about .i_about_r .ul li .h3{ font-weight:bold; color:#183f76; overflow:hidden; height:34px; line-height:34px;}
.i_about .i_about_r .ul li .p{ line-height:30px; height:30px; margin-top:8%; overflow:hidden; color:#333333;}
.i_about .i_about_r .p2{ overflow:hidden; color:#777777; font-size:16px; line-height:26px; margin-top:6%;}
.i_about .i_about_r .p2 p{ overflow:hidden; margin-bottom:2%;}
.i_about .i_about_r .ibnts{ width: 180px;display:block; height:46px; line-height:46px; text-align:center; position:relative; z-index:0; font-size:16px; color: #fff; margin-top: 6%; background:#183f76; background-size:cover;}
.i_about .i_about_r .ibnts:after{content: " "; position: absolute;top: 0; left: 0; z-index: 2; width: 0; height: 100%; background: #2a5592;  -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; transition-duration: 0.4s; z-index:-1;}
.i_about .i_about_r .ibnts:hover:after{ width:100%;}
/*新闻动态*/
.i_news{ background:#fff; overflow:hidden;}
.i_news .i_t{ text-align:left;}
/*地图*/
.i_map{ margin-bottom:5%;}
.i_map .i_map_l{ float:left;width:calc(98% - 873px);width:-webkit-calc(98% - 873px);width:-moz-calc(98% - 873px); overflow:hidden; margin-top:120px; padding-bottom:160px; position:relative;}
.i_map .i_map_l:after{content: "";position: absolute;left: 0;  bottom: 0;  height: 2px; width: 140px;  background: #183f76;}
.i_map .i_map_l .i_t{ margin-top:0; text-align:left;}
.i_map .i_map_l .i_t .p{ line-height:1.1; margin-bottom:3%;}
.i_map .i_map_l .p2{ overflow:hidden; line-height:24px; margin-top:80px; font-size:16px; color:#777777;}
.i_map .i_map_r{ width:873px; float:right;}
.i_map .boxs{ width:100%; height:846px; margin:0 auto;  background:url(../img/i_img9.png) no-repeat; background-size:100% 100%; position:relative;}
.i_map .boxs2{ overflow:hidden; display:none;margin:0 auto;}
.i_map .boxs2 img{ display:block; margin:0 auto; width:100%;}
.i_map .boxs ul li{ position:absolute; width:42px; height:42px;}
.i_map .boxs ul li .i{ cursor:pointer; display:block; position:absolute; top:0; left:0; width:42px; height:42px; border-radius:50%; background:rgba(200,57,63,0.4);-webkit-animation: warn 3s ease-out;
 -moz-animation: warn 3s ease-out;animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;opacity:0; display:none;}
.i_map .boxs ul li:hover .i{ display:block;}
.i_map .boxs ul li.bgs1{ top:224px; left:183px;}
/*.i_map .boxs ul li.bgs1 .i{animation-delay:1s;}*/
.i_map .boxs ul li.bgs2{ top:337px; left:310px;}
.i_map .boxs ul li.bgs3{ top:135px; left:736px;}
.i_map .boxs ul li.bgs4{ top:256px; left:630px;}
.i_map .boxs ul li.bgs5{ top:260px; left:576px;}
.i_map .boxs ul li.bgs6{ top:294px; left:657px;}
.i_map .boxs ul li.bgs7{ top:310px; left:612px;}
.i_map .boxs ul li.bgs8{ top:319px; left:494px;}
.i_map .boxs ul li.bgs9{ top:366px; left:447px;}
.i_map .boxs ul li.bgs10{ top:383px; left:698px;}
.i_map .boxs ul li.bgs11{ top:383px; left:596px;}
.i_map .boxs ul li.bgs12{ top:420px; left:664px;}
.i_map .boxs ul li.bgs13{ top:423px; left:736px;}
.i_map .boxs ul li.bgs14{ top:439px; left:579px;}
.i_map .boxs ul li.bgs15{ top:467px; left:504px;}
.i_map .boxs ul li.bgs16{ top:448px; left:419px;}
.i_map .boxs ul li.bgs17{ top:465px; left:716px;}
.i_map .boxs ul li.bgs18{ top:489px; left:646px;}
.i_map .boxs ul li.bgs19{ top:503px; left:576px;}
.i_map .boxs ul li.bgs20{ top:526px; left:495px;}
.i_map .boxs ul li.bgs21{ top:574px; left:398px;}
.i_map .boxs ul li.bgs22{ top:528px; left:687px;}
.i_map .boxs ul li.bgs23{ top:590px; left:635px;}
.i_map .boxs ul li.bgs24{ top:601px; left:596px;}
.i_map .boxs ul li.bgs25{ top:586px; left:524px;}
.i_map .boxs ul li.bgs26{ top:675px; left:545px;}
.i_map .boxs ul li .divs{ position:relative; width:42px; height:42px; cursor:pointer; color:#fff; display:none;}
.i_map .boxs ul li:hover .divs{ display:block;}
.i_map .boxs ul li .divs:hover{ z-index:1;}
.i_map .boxs ul li .cons{ width:270px; height:150px; overflow:hidden; background:url(../images/i_bg6.png) no-repeat; background-size:100% 100%; margin-left:-220px; margin-top:-150px;}
.i_map .boxs ul li .cons .con{ padding-left:20px; padding-right:20px; overflow:hidden; padding-top:8px;}
.i_map .boxs ul li .cons .con .h3{ height:37px; line-height:37px; border-bottom:1px solid #1096a0; overflow:hidden; font-size:16px; color:#fff;}
.i_map .boxs ul li .cons .con .p{ line-height:22px; margin-top:9px; overflow:hidden; font-size:14px;}
.i_map .boxs ul li .cons .con .p a{ color:#fff;}
/*引导页*/
.home_page{position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0;  background: #183f76; transition: 0.5s;display: flex; align-items: center; justify-content: left;}
.home_page.not{opacity: 0; z-index: -1; transition: 0.5s;}
.home_page .i_t{ margin-top:0;}
.home_page .i_t .h3{ color:rgba(255,255,255,0.66);}
.home_page .i_t .p{ color:rgba(255,255,255,0.04); letter-spacing:1px;}
.home_page .home_end{ background:url(../images/i_pic1.png) center top no-repeat; background-size:36px 36px; position:absolute; bottom:6%; left:50%; margin-left:-70px; width:140px; padding-top:45px; line-height:22px; text-transform:uppercase; font-size:12px;color:rgba(255,255,255,0.2); text-align:center; letter-spacing:3px; cursor:pointer;animation: ani-svg 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg 0.85s linear 0s alternate infinite;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}

}

@media screen and (max-width: 1200px) {
/*地图*/
.i_map .i_map_l{ float:none;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); margin-top:2%; padding-bottom:5%;}
.i_map .i_map_l:after{ display:none;}
.i_map .i_map_l .i_t{text-align:center;}
.i_map .i_map_l .i_t .p{ margin-bottom:1.5%;}
.i_map .i_map_l .p2{ text-align:center; margin-top:4%;}
.i_map .i_map_r{ float:none; margin:0 auto;}

}

@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 8px; width:50px;}
/*.banner .text { display:none;}*/

}

@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:46px; line-height:46px;}
.banner .text .desc{ font-size:15px;}
/*关于我们*/
.i_about .i_about_l{ float:none; width:100%; max-width:none;}
.i_about .i_about_l .imgs img{ height:auto;}
.i_about .i_about_r{float:none; width:100%; max-width:none; margin-top:5%;}
.i_about .i_about_r .i_t{ text-align:center;}
.i_about .i_about_r .i_t .p{ margin-bottom:1.5%;}
.i_about .i_about_r .ul{ margin-top:5%;}
.i_about .i_about_r .ul li{ float:left; width:33.33%; padding-right:0; padding-left:0;}
.i_about .i_about_r .ul li .p{ margin-top:3%;}
.i_about .i_about_r .p2{ margin-top:5%; font-size:15px;}
.i_about .i_about_r .ibnts{ margin-top:5%;}
/*地图*/
.i_map .boxs2{ display:block; }
.i_map .boxs{ display:none;}
.i_map .i_map_l .p2{ font-size:14px;}
.i_map .i_map_r{ width:100%;}
}

@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:40px;}


}
@media screen and (max-width: 640px) {
/*关于我们*/
.i_about .i_about_r .p2{ line-height:24px; font-size:14px;}
.i_about .i_about_r .ibnts{ margin:0 auto; margin-top:5%; height:40px; line-height:40px; width:150px; font-size:15px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:10px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:30px;}
.banner .text .small{ width:130px; height:36px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:14px;}
/*应用场景*/
.i_t{ margin-top:6%;}
.i_t .p{ margin-bottom:1.5%;}
/*关于我们*/
.i_about .i_about_r .i_t .p{ margin-bottom:2.5%;}
.i_about .i_about_r .p2{ font-size:13px; line-height:22px;}
.i_about .i_about_r .ul{ margin-top:6%;}
.i_about .i_about_r .ul li .h3{ height:26px; line-height:26px;}
.i_about .i_about_r .ul li .p{ height:22px; line-height:22px;}
.i_about .i_about_r .ibnts{ width:140px; height:36px; line-height:36px; font-size:14px;}
/*地图*/
.i_map .i_map_l .i_t .p{margin-bottom:2.5%;}
.i_map .i_map_l .p2{ font-size:13px; line-height:22px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:32px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:13px;}

}
@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);}
}

@keyframes warn {
 0% {
  transform: scale(0);
  opacity: 0.0;
 }
 25% {
  transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  transform: scale(1);
  opacity: 0;
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0);
  opacity: 0.0;
 }
 25% {
  -webkit-transform: scale(0.3);
  opacity: 0.7;
 }
 50% {
  -webkit-transform: scale(0.5);
  opacity: 1.0;
 }
 75% {
  -webkit-transform: scale(0.8);
  opacity: 0.7;
 }
 100% {
  -webkit-transform: scale(1);
  opacity: 0;
 }
}

@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

/*首页产品*/
.pro-twomenu{
	margin: 10px auto;
	text-align: center;
}
.pro-twomenu a{
	display: inline-block;
	color:#333333;
	padding:10px 20px;
}
.pro-twomenu a:hover{
	color:#fff;
	background-color: #183f76;
	border-radius: 6px;
}