@charset "utf-8";
/* 浏览器样式初始化 */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei";}
p,span{line-height: 2em;}
html,body{color:#333}
body{background:#fff;}
ul,ol,li{list-style:none;}
li{list-style: none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .2s ease; }
img{border:0}
i,s{font-style: normal;text-decoration: none;}
em{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0px !important; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
.time03{transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari 和 Chrome */ -o-transition: all 0.3s; /* Opera */}
.time05{transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */}
.time10{transition: all 0.8s; -moz-transition: all 0.8s; /* Firefox 4 */ -webkit-transition: all 0.8s; /* Safari 和 Chrome */ -o-transition: all 0.8s; /* Opera */}
.blur { /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}


@font-face {
   font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/* 首页开始*/
.section{ position: relative; }

	/*.menu{ width: 100%; height: 100px; background: none; top: 0px;left: 0px;position: fixed; z-index:999; }*/
	.menu .nav{width: 100%; overflow: hidden; margin:0 auto ;padding-top: 18px; }
	.menu .nav .logo{display: block; width: 266px; height: 62px; float: left;margin-left: 10px; }
	.menu .m_list{width: 110px; overflow: hidden; margin-left:70px; }	
	.menu .m_list a{width: 110px; }
	.menu .m_list a div{width: 40px; height: 70px; float: left; position: relative;}	
	.menu .m_list a div span{display: block; width: 40px; height: 2px; margin-bottom:10px; background: #fff; position: absolute;}
	.menu.hmenu .m_list a div span{ background: #000;}
	.menu .m_list a div span.mt01{top:20px; }
	.menu .m_list a div span.mt02{top:30px; }
	.menu .m_list a div span.mt03{top:40px; }
	.menu .m_list a i{font-size: 14px; color: #fff; float: right; margin-top:20px; text-transform:uppercase;}
	.menu.hmenu .m_list a i{color: #000; }
	.menu .m_list a div span.mt01.clic{-webkit-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); -webkit-transform-origin: 50%; 
			-ms-transform-origin: 50%; transform-origin: 50%; top: 16px;}
	.menu .m_list a div span.mt03.clic{-webkit-transform: scale(1) translateY(-12px) rotate(-45deg); -ms-transform: scale(1) translateY(-12px) rotate(-45deg); 
		transform: scale(1) translateY(-12px) rotate(-45deg); top: 44px;}
	.menu .m_right{font-size: 14px; color: #fff; margin-right: 2%;}
	.menu .m_right li{float: right; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2);}
	.menu .m_right li:nth-child(1){margin-left: -1px;}
	
	.menu .m_right li a{display: block; width: 100%; height: 100%; line-height: 40px; color: rgba(255,255,255,0.5); text-align: center;}
	.menu .m_right li.on{border: 1px solid #fff;}
	.menu .m_right li.on a{color: #fff;}

	.menu.hmenu .m_right{color: #000; }
	.menu.hmenu .m_right li{border: 1px solid rgba(0,0,0,0.2);}
	.menu.hmenu .m_right li a{ color: rgba(0,0,0,0.5); }
	.menu.hmenu .m_right li.on{border: 1px solid #000;}
	.menu.hmenu .m_right li.on a{color: #000;}
	.menu .m_right li:nth-child(3){margin-right:40px; border: none;}

	.phxl02{width: 100%; height:48px; background: #f8f8f8; position: absolute; top:0px; left: 0px; z-index:999;  padding-top: 35px; padding-bottom: 35px; display: none;}
	.phxl02 form{width: 645px; overflow: hidden; margin:0 auto; margin-top: 0px; height: 46px; border:1px solid #eee; background: #4093d0;}
	.phxl02 .ss-key{display: block; width:560px; height:46px;  color: #333; background: #fff; float: left;}
	.phxl02 .ss-button{display: block; width: 80px; height: 46px;  color: #fff; background: #244575; float: left;
	  border:1px solid #244575; font-size: 16px; cursor: pointer;}
	.phxl02 .igb{position: absolute; right: 50%; margin-right: -450px; top: 42px; font-size: 28px; color: #555;cursor: pointer; }

	/*竖向菜单开始*/
	#menu2 { margin: 0; padding: 0; position: fixed; right: 2%; top: 10px; list-style-type: none; z-index: 5;height: 100%; }
	#menu2 ul{position: absolute; top: 50%; margin-top: -158px;}
	#menu2 li {  font-size: 14px;width: 100px; position: relative; height: 45px; line-height: 45px; }
	#menu2 li i{width: 10px; height: 10px; border-radius: 100%; border: 1px solid rgba(255,255,255,0); display: block; position:absolute; left:-6px; top: 15px; }
	#menu2 li i s{width: 10px; height: 10px; border-radius: 100%;  border: 1px solid rgba(255,255,255,0.2);  display: block ;position: absolute; top: -1px; left: -1px;}
	#menu2 a {display: block; float: left;height: 42px; line-height: 42px; padding-left: 45px;  color: #fff; filter:alpha(opacity:55); opacity:0.55;  text-decoration: none; width: 120px; }
	#menu2 li:hover i s{border: 1px solid #fff;}
	#menu2 li:hover a{color: #fff;}
	#menu2 .active i{border: 1px solid rgba(255,255,255,1);}
	#menu2 .active i s{border: 1px solid #fff;}
	#menu2 .active a { color: #fff; filter:alpha(opacity:100); opacity:1; }
	.section {font: 50px "Microsoft Yahei";}
	.irbottom{position: fixed; right:2%; bottom: 2%; color: #fff; z-index: 10; filter:alpha(opacity:75); opacity:0.75; }
	.irbottom.phui{color: #333;}

	#menu2 li.add { }
	#menu2 li.add i{ border: 1px solid rgba(0,0,0,0); }
	#menu2 li.add i s{ border: 1px solid rgba(0,0,0,0.2);}
	#menu2 li.add a { color: #333; filter:alpha(opacity:55); opacity:0.55;}
	#menu2 li.add:hover i s{border: 1px solid #333;}
	#menu2 li.add:hover a{color: #333;}

	#menu2 li.add.active i{border: 1px solid #4093d0;}
	#menu2 li.add.active i s{border: 1px solid #4093d0;}
	#menu2 li.add.active a { color: #4093d0;  filter:alpha(opacity:100); opacity:1;}
	/*竖向菜单结束*/

	/*竖线开始*/
	.shuxian{ height: 100%;  position: absolute;  z-index: 1; width: 100%;}
	.shuxian li{width: 1px; height: 100%; background: rgba(255,255,255,0.1);  position: absolute; /* z-index: 2;*/}
	.shuxian li:nth-child(1){right:2%;}
	.shuxian li:nth-child(2){left:18%; display: none;}
	.shuxian li:nth-child(3){left:34%; display: none;}
	.shuxian li:nth-child(4){left:50%; display: none;}
	.shuxian li:nth-child(5){left:66%; display: none;}
	.shuxian li:nth-child(6){left:82%; display: none;}
	.shuxian li:nth-child(7){left:98%; display: none;}
	.shuxian p{width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute;  z-index: 10; bottom:5%;}

	.shuxian.sxhei li{ background: rgba(0,0,0,0.07);}
	.shuxian.sxhei p{ background: rgba(0,0,0,0.07); }

	/*首屏轮播开始*/
	.h-banner{width: 100%; height: 100%; margin: 0 auto; position: relative;overflow: hidden; cursor: pointer; }
	.h-banner .bd  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; height: 100%!important;}
	.h-banner .bd ul {width: 100% !important; height: 100%!important;}
	.h-banner .bd li {width: 100% !important; height: 100%;  text-align: center;background-repeat:no-repeat;background-position:center top;background-size:cover}
	.h-banner .bd li  a{display:block;width:1200px;margin:0 auto;height: 100%;}
	.h-banner  .prev,.h-banner   .next{width:80px;height:80px;line-height:80px;text-align: center;display:block;color:#eeeeee;position:absolute;top:50%;margin-top:-40px;right:20px;z-index:5;font-family:"simsun";font-size:80px;border-radius:20px}
	.h-banner  .prev:hover,.h-banner   .next:hover{text-decoration:none;}
	.h-banner  .prev{left:1%;right:auto;text-align:left}
	.h-banner .banner-text{position: absolute; left: 18%;top:50%;z-index: 99;height: 450px;text-align: left;background: url(../images/ddd_03.png) no-repeat left bottom}
	.h-banner .banner-text h3{color: #fff;font-weight:bold;padding: 20px 0}
	.h-banner .banner-text h4{color: #fff;font-size: 30px;line-height: 60px;text-transform: uppercase}
	.h-wrap { position: relative; z-index: 1; height: 100%; margin: 0 auto; width:1200px}

	.h-banner li:nth-child(1) .banner-text{top: 30%;}
	.h-banner li:nth-child(3) .banner-text h4{font-size: 16px; padding-left: 260px;}
	.h-banner li:nth-child(3) .banner-text {left: 60%; top: 42%;}

	.h-banner .hd{position: absolute; right: 50%; margin-right: -72px;  bottom: 5%;  z-index: 5;} 
	.h-banner .hd li{ display: block; width: 15px; height: 15px;  background: rgba(255,255,255,0.3); float: left; margin-left: 10px; margin-right: 10px;border-radius: 50%} 
	.h-banner .hd li.on{background:rgba(255,255,255,1); }
/*	.h-banner .hd li i{ position: absolute; left:13%;  font-size: 48px; height: 160px; line-height: 160px; color:#fff; }
	.h-banner .hd li p{padding-left: 30%; font-size: 14px; color:#fff; margin-top: 13%;}
	.h-banner .hd li p span{display: block; line-height: 2em; text-align: left;}
	.h-banner .hd li.on{border: 2px solid rgba(255,255,255,0.8);}

	.h-banner .bd li:nth-child(3) .banner-text{top: 44%;}*/

	.h-btn{width: 60px; height: 60px; display: block; position: absolute; bottom:50%; right:2%; margin-bottom: -30px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; z-index: 10;}
	.h-btn i{width: 60px; height: 60px; display: block;color: #fff; font-size:34px;line-height: 60px; text-align: center;  cursor: pointer; background: url(../images/jia.png)no-repeat center center;
		z-index: 12; position: relative;}
	.h-btn s{display: block; width:0px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #1b3d6b; }
	.h-btn:hover{border: 1px solid #1b3d6b;}
	.h-btn:hover s{display: block;   width: 100%; }
	/*首屏轮播结束*/

	/*第二屏开式*/
	/*首屏轮播开始*/
	.s-banner{width: 100%; height: 100%!important; margin: 0 auto; position: relative;overflow: hidden; cursor: pointer;}
	.s-banner .bd  {margin: 0 auto; position: relative; z-index:2; overflow: hidden; height: 100%!important;}
	.s-banner .bd01  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; height: 100%!important; z-index: 6}
	.s-banner .bd ul {width: 100% !important; height: 100%!important;}
	.s-banner .bd  li {width: 100% !important; height: 100%; position: relative;  text-align: center;background-repeat:no-repeat;background-position:center top;background-size:cover}
	.s-banner .bd  a{display:block;width:100%;height: 100%; z-index: 6; position: absolute; top: 0px; left: 0px; cursor: pointer;}
	.s-banner .banner-text{position: absolute;  left: 18%; top:25%;z-index: 99;height: 250px;text-align: left;}
	.s-banner .banner-text p{color: #fff;font-size: 60px; position: relative;}
	.s-banner .banner-text p i{width: 68px; height: 2px; background: rgba(255,255,255,0.4); display: block; position: absolute; left:90px; top: 58px; }
	.s-banner .banner-text h3{color: #fff;font-size: 48px;font-weight:bold; margin-top: 20%;}
	.s-banner .banner-text h4{color: #fff;font-size: 36px;font-weight:bold; }
	.h-wrap { position: relative; z-index: 1; height: 100%; margin: 0 auto; width:1200px}

	/*.sec02 .s-banner .bd  {z-index: 2;}*/

	.s-banner li:nth-child(4) .banner-text{left:50%; width: 700px;}
	.s-banner li:nth-child(4) .banner-text p{color: #fff;font-size: 60px; text-align: right; }
	.s-banner li:nth-child(4) .banner-text p i{left: 540px;}
	.s-banner li:nth-child(4) .banner-text h3{color: #fff;font-size: 48px;font-weight:bold; margin-top: -110px; text-align: left; margin-left:100px;}
	.s-banner li:nth-child(4) .banner-text h4{color: #fff;font-size: 36px;font-weight:bold; }

	.s-banner .hd{position: absolute;  top:95%; margin-top: -7px; left: 50%; margin-left: -50px; z-index: 5;} 
	.s-banner .hd li{float: left; display: block;  width:11px; height:11px; margin-left: 8px; margin-right: 8px; border: 1px solid rgba(0,0,0,0); position: relative; 
	 border-radius: 100%; position: relative;} 
	.s-banner .hd li i{display: block; width: 5px; height: 5px; border: 1px solid rgba(0,0,0,0.2);  border-radius: 100%; position: absolute; top: 2px; left: 2px;}
	.s-banner .hd li span{display: block; color: #777; margin-top: 10px; font-size: 14px;}
	.s-banner .hd li.on,.s-banner .hd li.on i{border: 1px solid rgba(0,0,0,0.5);}
	.sec02 .s-banner .hd li.on,.sec02 .s-banner .hd li.on i{border: 1px solid rgba(0,0,0,0.5);}
	.sec02 .s-banner .btn{border: 1px solid rgba(0,0,0,0.2);  color:rgba(0,0,0,0.5); }
	.sec02 .s-banner .btn:hover{color: #777; border: 1px solid rgba(0,0,0,0.6);}
	
	.sec03 .s-banner .hd li i{display: block; width: 5px; height: 5px; border: 1px solid rgba(255,255,255,0.2);  border-radius: 100%; position: absolute; top: 2px; left: 2px;}
	.sec03 .s-banner .hd li span{display: block; color: #ddd; margin-top: 10px; font-size: 14px;}
	.sec03 .s-banner .hd li.on,.sec03 .s-banner .hd li.on i{border: 1px solid rgba(255,255,255,0.5);}
	.sec03 .s-banner .btn{border: 1px solid rgba(255,255,255,0.2);  color:rgba(255,255,255,0.5); }
	.sec03 .s-banner .btn:hover{color: #fff; border: 1px solid rgba(255,255,255,0.6);}

	.s-banner .btn{width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); position: absolute; bottom: 5%; display: block; color:rgba(255,255,255,0.5); font-size: 20px;
		text-align: center; line-height: 40px; z-index: 5;}
	.s-banner .btn:hover{color: #fff; border: 1px solid rgba(255,255,255,0.6);}
	.s-banner .prev{left: 18%;}
	.s-banner .next{left: 18%;margin-left: 40px;}

	.s-banner .s-btn{width: 180px; height: 80px;  position: absolute; right:1%; top: 50%;  overflow: hidden; z-index: 5;}
	.s-banner .s-btn a{display: block; width: 80px; height: 100%; background: #1b3d6b; overflow: hidden; float: right; z-index: 20; position: relative; }
	.s-banner .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 80px;}
	.s-banner .s-btn a i{display: block; width: 80px; height: 100%; background: #1b3d6b; color: #fff; text-align: center; line-height: 80px;}
	.s-banner .s-btn a:hover{background: rgba(255,255,255,0.3);}
	.s-banner .s-btn a:hover i{transform: scale(1.1); -webkit-transform: scale(1.1); }

	.iyq_btnm{position: absolute;right: 2%; top: 50%; margin-top: -40px; height: 80px; width: 150px; z-index: 10;}
	.iyq_btnm a{display: block;overflow: hidden; cursor: pointer;}
	.iyq_btnm a s{display: block;overflow: hidden; border:1px solid #1b3d6b;width:78px; height: 78px;float: right; background:#1b3d6b; overflow: hidden; }
	.iyq_btnm a i{ color: #fff; text-align: center; line-height:78px; font-size: 40px; }
	.iyq_btnm a:hover{}
	.iyq_btnm a:hover span{}
	.iyq_btnm a span{color: #fff; font-size: 14px; margin-left: 20px; line-height: 80px; display: block; float: left;}
	.sec02 .iyq_btnm a span{color: #777;}

	/*第四屏开始*/
	.sec04{background: url(../images/fbg.jpg)no-repeat cover !important;  }
	.iab{position: absolute; height: 100%;  left: 18%; z-index:5; width: 82%;}
	.iab .iab_top{overflow: hidden; margin-top: 10%;}
	.iab .iab_top .iabt_left{float: left; overflow: hidden;}
	.iab .iab_top .iabt_left i{display: block; width:62px; height: 55px; background: url(../images/alogo.png); float: left; background-repeat: no-repeat;}
	.iab .iab_top .iabt_left p{font-size: 36px; color: #404040; line-height:50px; float: left; margin-left: 18px; font-weight: bold;}
	.iab .iab_top .iabt_right{width: 47%;  text-align:  left; float: right; margin-right:21%;}
	.iab .iab_top .iabt_right p{font-size: 14px; color: #707070;}

	.iab .iab_bottom{ height: 410px; margin-top: 6%; width: 1800px; position: relative; ;}
	.iab .iab_bottom .tempWrap{width:100%!important; }
	.iab .iab_bottom li{width: 340px; height: 410px; float: left; margin-right: 25px; margin-right: 25px; position: relative; background-size: cover; z-index: 10; }
	.iab .iab_bottom li .iab_bbg div{ padding:75px 50px; }
	.iab .iab_bottom li .iab_bbg{width: 100%; height: 100%;}
	.iab .iab_bottom li:hover .iab_bbg{background: rgba(0,0,0,0.4); width: 100%; height: 100%;}
	.iab .iab_bottom li .iab_bbg div h3{font-size: 24px; line-height: 1em;color: #fffefe; text-align: left; margin-top: 10px;}
	.iab .iab_bottom li .iab_bbg div p{font-size: 14px; color: #fffefe; line-height: 2em;  text-align: left; display: none;}
	.iab .iab_bottom li .iab_bbg div .iab_bsumm{display: block; width: 100%;  margin-top: 30px;}
	

	.iab .s-btn{width: 80px; height: 40px;  position: absolute; left:0px;  bottom:5%;  overflow: hidden;}
	.iab .s-btn a{display: block; width: 38px; height: 38px;  overflow: hidden; float: right; z-index: 20; position: relative; border:1px solid #b3b3b3; }
	.iab .s-btn a:nth-child(2){margin-right: -1px;}
	.iab .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 38px;}
	.iab .s-btn a i{display: block; width: 38px; height: 100%; color: #555; text-align: center; line-height: 38px;}
	.iab .s-btn a:hover{background: rgba(0,0,0,0.17);border:1px solid #404040;}
	.iab .s-btn a:hover i{ color: #333;}
	/*第五屏开始*/
	.sec05{background: url(../images/ixwbg.jpg)no-repeat cover; }
	.ixw{position: absolute;  left: 18%; height: 100%; z-index:5; width: 82%;}
	.ixw .ixw_top{overflow: hidden; margin-top: 6%;}
	.ixw .ixw_top .ixwt_left{float: left; overflow: hidden;}
	.ixw .ixw_top .ixwt_left i{display: block; width:62px; height: 53px; background: url(../images/xwicont.png)no-repeat; float: left;}
	.ixw .ixw_top .ixwt_left p{font-size: 36px; color: #404040; line-height:50px; float: left; margin-left: 18px; font-weight: bold;}
	.ixw .ixw_top .ixwt_right{width: 50%;  text-align:  left; float: right; margin-right:22%; position: relative;}
	.ixw .ixw_top .ixwt_right p{font-size: 14px; color: #707070;}
	.ixw .ixw_top .ixw_btnm{float: left; margin-top: 10px;}
	.ixw .ixw_top .ixw_btnm a{display: block;overflow: hidden; }
	.ixw .ixw_top .ixw_btnm a s{display: block;overflow: hidden; border:1px solid #333;width: 66px; height: 66px;float: left;}
	.ixw .ixw_top .ixw_btnm a i{width: 66px; height: 66px;  display: block; color: #999; text-align: center; line-height: 66px; font-size: 32px; 
	animation: leftr 2.5s linear infinite; -moz-animation: leftr 2.5s linear infinite;	/* Firefox */ -webkit-animation: leftr 2.5s linear infinite;	/* Safari 和 Chrome */ -o-animation: leftr 2.5s linear infinite;	/* Opera */}
	.ixw .ixw_top .ixw_btnm a:hover{}
	.ixw .ixw_top .ixw_btnm a:hover span{}
	.ixw .ixw_top .ixw_btnm a span{color: #404040; font-size: 14px; margin-left: 20px; line-height: 66px; display: block; float: left;}

	.ixw .ixw_bottom{ height: 400px; margin-top: 6%; width: 1000%; overflow: hidden;}
	.ixw .ixw_bottom li{width: 310px; height:398px; float: left; margin-right: 84px; position: relative; border:1px solid #4093d0; background: #fff; /*overflow:  hidden;*/}
	.ixw .ixw_bottom li .ixw_box{display: block; padding:25px 4px;}
	.ixw .ixw_bottom li .ixw_box i{font-size: 16px; color: #404040; margin-bottom: 20px; line-height: 1em; display: block; text-align: left; padding:0 36px;}
	.ixw .ixw_bottom li .ixw_box .ixw_btitle{display: block; font-size: 16px; line-height: 1.5em;color: #404040; text-align: left; margin-top: 10px; font-weight: bold; padding:0 36px;}
	.ixw .ixw_bottom li .ixw_box .ixw_bsumm{ display: block; font-size: 12px; color: #707070; line-height: 1.8em; margin-top:15px;  text-align: left;  padding:0 36px; }
	.ixw .ixw_bottom li .ixw_box .ixw_bpic{display: block; width:300px; height: 165px; overflow: hidden; position: absolute; bottom:4px; left: 4px; }
	.ixw .ixw_bottom li .ixw_box .ixw_bpic img{display: block; width: 100%;}

	.ixw .ixw_bottom li:hover{/*transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);	 -o-transform: scale(1.1,1.1);	 -moz-transform: scale(1.1,1.1);*/
		box-shadow: 0px 0px 10px rgba(0,0,0,0.17);}

	.ixw .s-btn{width: 80px; height: 40px;  position: absolute; left:0px;  bottom:5%;  overflow: hidden;}
	.ixw .s-btn a{display: block; width: 38px; height: 38px;  overflow: hidden; float: right; z-index: 20; position: relative; border:1px solid rgba(0,0,0,0.2); }
	.ixw .s-btn a:nth-child(2){margin-right: -1px;}
	.ixw .s-btn p{float: right; font-size: 14px; color: #fff; margin-right: 10px; line-height: 38px;}
	.ixw .s-btn a i{display: block; width: 38px; height: 100%; color: #555; text-align: center; line-height: 38px;}
	.ixw .s-btn a:hover{background: rgba(0,0,0,0.17);border:1px solid rgba(0,0,0,0.5);}
	.ixw .s-btn a:hover i{ color: #333;}
	/*.ixw .s-btn a:hover i{transform: scale(1.1); -webkit-transform: scale(1.1); }*/

	/*第六屏开始*/
	.sec06{}
	.ijszc{position: absolute; z-index:5;width:100%;margin-top: 8%;}
	.ijszc .ijs_top .ijst_left .ijst_lname span{background-image: linear-gradient(to right , #02a7ff, #2759ed);width: 65px;height: 5px;margin: 0 auto;margin-top: 19px;display: block;}
	.ijszc .ijs_top{overflow: hidden; }
	.ijszc .ijs_top .ijst_left{width: 1200px;margin: 0 auto;margin-bottom: 3%}
	.ijszc .ijs_top .ijst_left .ijst_lname i{display: block; width:62px; height: 53px; background: url(../images/lxicont.png)no-repeat; float: left;}
	.ijszc .ijs_top .ijst_left .ijst_lname p{color: #02a7ff; line-height:50px; margin-left: 18px; font-weight: bold; line-height: 1em;text-align: center}
	.ijszc .ijs_top .ijst_left .ijst_lname p span{color: #646464; font-size: 14px; font-weight: normal; margin-top: 3px; text-align: left; display: block; line-height: 1em;
	 filter:alpha(opacity:55); opacity:1;}
	.ijszc .ijs_top .ijst_lsumm{width: 41%; font-size: 14px; color: #999; line-height: 1.9em; margin-top: 40px; text-align: left;}
	.ijszc .ijs_top .ijst_lms{text-align: left; margin-top: 50px;}
	.ijszc .ijs_top .ijst_lms dt{font-size: 18px; font-weight: bold; color: #404040;margin-bottom: 10px;}
	.ijszc .ijs_top .ijst_lms dd{padding-left: 20px;background: url(../images/jt.png)no-repeat left center; font-size: 14px; color: #404040; line-height: 2.3em;}
	.ijszc .ijs_top .ijst_lms dd i{font-size: 18px; color: #4093d0;}

	.ijst_lbtn{position: absolute; bottom:17%; left: 18%; z-index: 10;}
	.ijst_lbtn a{display: block; float: left;}
	.ijst_lbtn .ijst_lbmore{width: 68px; height: 68px; border:1px solid #333; overflow: hidden; z-index: 10; }
	.ijst_lbtn .ijst_lbmore i{font-size: 34px; text-align: center; line-height: 68px; display: block; color:#919191; 
	animation: leftr 2.5s linear infinite; -moz-animation: leftr 2.5s linear infinite;	/* Firefox */ -webkit-animation: leftr 2.5s linear infinite;	/* Safari 和 Chrome */ -o-animation: leftr 2.5s linear infinite;	/* Opera */}
	.ijst_lbtn .ijst_lbmore:hover {box-shadow: 0px 1px 10px rgba(0,0,0,0.17);}
	.ijst_lbtn .ijst_lbfont{font-size: 14px; color: #404040; line-height:68px; margin-left: 20px;}

	/*第七屏开始*/
	.sec07{background:url(../images/dzbg.jpg); background-size:cover; background-repeat: no-repeat;}
	.sec07lx{width: 100%; height: 100%; background: rgba(0,0,0,0.8);}
	.ilx{position: absolute; top: 20%; left: 18%; z-index:5; width: 80%;}
	.ilx .ilx_top{overflow: hidden; }
	.ilx .ilx_top i{display: block; width:62px; height: 50px; background: url(../images/lxicont.png)no-repeat; float: left;}
	.ilx .ilx_top p{font-size: 24px; color: #fff; line-height:50px; text-align: left;  font-weight: bold; line-height: 1em;opacity: 0.8;filter:alpha(opacity:80);}
	.ilx .ilx_top .ilxt_lsumm{width: 540px; font-size: 14px; color: #f5f5f5; line-height: 1.5em; margin-top: 35px; text-align: left;opacity: 0.7;filter:alpha(opacity:70);}

	.ilx .ilx_bottom{overflow: hidden; margin-top:10%; height: 200px;}
	.ilx .ilx_bottom>div{width: 30%;}
	.ilx .ilx_bottom .ilx_bl{float: left; text-align: left;width: 38%;}
	.ilx .ilx_bottom .ilx_bl dt{font-size: 16px; color: #f5f5f5; margin-bottom: 36px; line-height: 1em; font-weight: bold;opacity: 0.7;filter:alpha(opacity:70);}
	.ilx .ilx_bottom .ilx_bl dd{font-size: 12px; color: #f5f5f5; line-height: 2.2em; opacity: 0.7;filter:alpha(opacity:70);}

	.ilx .ilx_bottom .ilx_bm{float: left; text-align: left; width: 38%; margin-top: -10px;}
	.ilx .ilx_bottom .ilx_bm form{position: relative;}
	.ilx .ilx_bottom .ilx_bm input{ width: 100%; background: none; color: #fff; line-height: 40px; margin-bottom:5px; height: 40px; font-size: 14px; 
		text-transform:capitalize; border: none; border-bottom: 1px solid #f5f5f5;}
	.ilx .ilx_bottom .ilx_bm .form_title,.ilx .ilx_bottom .ilx_bm .form_message,.ilx .ilx_bottom .ilx_bm .control_label{display: none;}
	.ilx .ilx_bottom .ilx_bm textarea{height: 70px; border: none; border-bottom: 1px solid #f5f5f5; width: 100%; background: none; color: #fff; line-height: 35px;text-transform:capitalize; }
	.ilx .ilx_bottom .ilx_bm .button{width: 32px; height: 40px; position: absolute; right: 0px; bottom: 0px; border: none; color: rgba(255,255,255,0); background: url(../images/ssjt.png)no-repeat center center;
		cursor: pointer;}
	input:focus ,textarea:focus{outline: none;}

	.ilx .ilx_bottom .ilx_br{float: right; text-align: left; width: 6%; margin-right: 18%;}
	.ilx .ilx_bottom .ilx_br dt{font-size: 16px; color: #fefefe; margin-bottom: 20px; line-height: 1em; font-weight: bold;filter:alpha(opacity:70); opacity:0.7; }
	.ilx .ilx_bottom .ilx_br dd a{font-size: 12px; color: #fff; line-height: 2em;filter:alpha(opacity:60); opacity:0.6; }
	.ilx .ilx_bottom .ilx_br dd a:hover{color: #4093d0;}
	.ilx .ilx_bottom .ilx_br dd:last-child{display: none;}
	.ilx_btn{width: 38px; height: 38px; border: 1px solid #939393; position: absolute; bottom: 5%;left: 50%; z-index: 10;
	 display: block; text-align: center; line-height: 38px; color:#939393; font-size: 14px;  margin-left: -19px;}
	.ilx_btn i{   }

	.ilx_btn:hover{background: rgba(255,255,255,0.2); color: #fff;}
	.ilx_btn:hover a{}

	.ilxicon{position: absolute; left: 18%; bottom: 5%; z-index: 10;}
	.ilxicon ul {margin-top: 25px; margin-bottom: 30px; overflow: hidden;}
	.ilxicon li{float: left; width:100px; height: 100px; margin-right: 10px; line-height: 185px; overflow: hidden; color: #b1b1b1;}
	


	/*弹出窗菜单*/
	.cay{width: 100%; height: 50%; position: fixed;  z-index:10;  display: none; background: #0d1623;filter:alpha(opacity:85); opacity:0.85; overflow: hidden;}
	
	/*.cay .cay_logo{ width: 100%; height: 100px; background: none; top: 0px;left: 0px;position: fixed; z-index:4;padding-top: 18px; }
	.cay .cay_logo img{display: block; float: left;margin-left: 10px; }*/
	.cay .cay_menu{width: 95%; margin:0 auto;  padding-top: 5%;}
	.cay .cay_menu i{font-size: 20px; color: #fff; position: absolute; right: 55px; top: 20px; display: block;}
	.cay .cay_menu i a{color: #fff;}
	.cay .cay_menu li{width: 18%; height: 0px; padding-top: 22%; position: relative; float: left;margin-right: 2%; }
	.cay .cay_menu li .cay_mbox {width: 100%;height: 100%; position: absolute; top: 0px; left: 0px;/*border: 5px solid #fff;*/}
	.cay .cay_menu li .cay_mbox .cay_mbcon{padding: 27% 13%;}
	.cay .cay_menu li .cay_mbox .cay_mbcon:hover {padding:12% 13%;}
	.cay .cay_menu li .cay_mbox .cay_mbcon .icdm{font-size: 14px;color: #fff; line-height: 36px; display: block; filter:alpha(opacity:0); opacity:0;}
	.cay .cay_menu li .cay_mbox .cay_mbcon:hover .icdm{filter:alpha(opacity:100); opacity:1;}
	.cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 34px; color: #fff; font-weight: bold;  text-transform:capitalize;}
	.cay .cay_menu li .cay_mbox .cay_mbcon h4 a{font-size: 20px; color: #fff; line-height: 2em; margin-bottom: 2%;}
	.cay .cay_menu li .cay_mbox .cay_mbcon span{display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.5); margin-bottom: 2%;}

	.cay .cay_menu li:hover .cay_mbox .cay_mbcon h3{color: #38abff;}
	.cay .cay_menu li .cay_mbox .cay_mbcon .icdm:hover{color:#38abff; }
	
	.ilxform{width: 420px; filter:alpha(opacity:60); opacity:0.6; z-index: 10; }
	.ilxform .ss-key{display: block; font-size: 14px; line-height: 2em; color: #fff;background: none; float: left; width: 360px; border: none; 
	 filter:alpha(opacity:60); opacity:0.6;}
	.ilxform .ss-button{background: none; border: none; float: right ; font-size:34px; line-height: 26px; color: #fff;  cursor: pointer;}
	.ilxform .ss-button:hover{color:#38abff; }

	


	@keyframes topb
		{0%   {margin-top: -55px;}   100% {margin-top: 55px;} }

		@-moz-keyframes myfirst /* Firefox */
		{0%   {margin-top: -55px;}   100% {margin-top: 55px;} }

		@-webkit-keyframes myfirst /* Safari 和 Chrome */
		{0%   {margin-top: -55px;}   100% {margin-top: 55px;} }

		@-o-keyframes myfirst /* Opera */ 
		{0%   {margin-top: -55px;}   100% {margin-top: 55px;}
		}

	@keyframes leftr
		{0%   {margin-left: -55px;}   100% {margin-left: 70px;} }

		@-moz-keyframes myfirst /* Firefox */
		{0%   {margin-left: -55px;}   100% {margin-left: 70px;} }

		@-webkit-keyframes myfirst /* Safari 和 Chrome */
		{0%   {margin-left: -55px;}   100% {margin-left: 70px;} }

		@-o-keyframes myfirst /* Opera */ 
		{0%   {margin-left: -55px;}   100% {margin-left: 70px;}
		}

	/*首页适配*/

	@media (max-width: 1680px) {
		.iab .iab_top{margin-top: 8%;}
		.ixw .ixw_bottom{margin-top: 4%;}
		.cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 26px;}
		.cay .cay_menu li .cay_mbox .cay_mbcon .icdm{line-height: 30px;}

		.iab .iab_bottom li{width:270px; height: 340px;}
		.iab .iab_bottom li .iab_bbg div{padding:30px  20px;}


		/*滚动轴样式*/
		.iab .iab_bottom li .iab_bbg div .iab_bsumm{height: 170px; overflow-y:auto; /*margin-bottom: 20px;*/ z-index: 20;}  
	/*	.iab .iab_bottom li .iab_bbg div .iab_bsumm div{width:400px; height:400px; }*/
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar{width:6px; height:4px; margin-left: 5px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-track{background: #ededed; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-thumb{background: #aaa; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-thumb:hover{background: #747474; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-webkit-scrollbar-corner{background: #ededed; opacity:0.5;filter:Alpha(opacity=50);}

		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar{width:6px; height:4px; margin-left: 5px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-track{background: #ededed; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-thumb{background: #aaa; border-radius:6px; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-thumb:hover{background: #747474; opacity:0.5;filter:Alpha(opacity=50);}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm::-moz-scrollbar-corner{background: #ededed; opacity:0.5;filter:Alpha(opacity=50);}

	}
	@media (max-width: 1440px) {

		
		.menu .nav{padding-top: 5px;}	
		.menu .m_right{margin-top: 10px;}	
		.h-banner .banner-text{top: 60%;}
		.s-banner li:nth-child(4) .banner-text{left: 35%;}
		.cay .cay_menu li .cay_mbox .cay_mbcon h3{font-size: 22px;}
		.cay .cay_menu li .cay_mbox .cay_mbcon:hover {padding:8% 13%;}
		/*.cay .cay_menu li .cay_mbox .cay_mbcon{padding: 12% 12%;}*/
		.cay .cay_menu li .cay_mbox .cay_mbcon h4 a{font-size: 17px;}
		.cay .cay_menu li .cay_mbox .cay_mbcon span{height: 1px;}
		.cay .cay_menu li .cay_mbox .cay_mbcon .icdm{line-height: 28px;}

		.ilx .ilx_top .ilxt_lsumm{width: 650px;}
		.ilx .ilx_bottom .ilx_br{margin-right: 12%; width: 8%;}
		/*关于我们*/
		.iab .iab_top{margin-top: 8%;}
		.iab .iab_bottom li{width: 210px; height: 290px;}
		.iab .iab_bottom li .iab_bbg div{padding:30px  20px;}
		.iab .iab_bottom li .iab_bbg div .iab_bsumm{height: 170px; overflow: hidden; overflow-y:auto; }
		.iab .iab_bottom{margin-top: 5%;}

		/*新闻资讯*/
		.iab .iab_top .iabt_right{width: 55%; margin-right: 15%;}
		.ixw .ixw_top{margin-top: 8%;}	
		.ixw .ixw_top .ixw_btnm{display: none;}
		.ixw .ixw_bottom{margin-top: 4%;}
		.ixw .ixw_bottom li{width: 280px; height: 330px;/* margin-right: 60px;*/  position: relative;}
		.ixw .ixw_bottom li .ixw_box{padding: 20px 4px;}
		.ixw .ixw_bottom li .ixw_box .ixw_bpic{width: 272px; height: 150px; position: absolute; bottom: 3px;}
		.ixw .ixw_bottom li .ixw_box i{padding:0px 20px; margin-bottom: 10px;}
		.ixw .ixw_bottom li .ixw_box .ixw_btitle{padding:0px 20px; }
		.ixw .ixw_bottom li .ixw_box .ixw_bsumm{padding:0px 20px; margin-top: 10px;}
		.ixw .h-banner .hd li{width: 350px; height: 140px;}
		.ixw .h-banner .hd li>i{height: 140px; line-height: 140px;}
		.ixw .h-banner .hd{margin-top: -200px; right: -1.5%;}		

		/*技术支持*/
		.ijszc{top: 0%;}
		.ijszc .ijs_top .ijst_lsumm{margin-top: 2%;}
		.ijszc .ijs_top .ijst_lms{margin-top: 3%;}
		.ijszc .ijs_top .ijst_lms dd{line-height: 2em;}

		.ijst_lbtn{bottom:5%;}
		.ijst_lbtn .ijst_lbmore{width: 50px; height: 50px; }
		.ijst_lbtn .ijst_lbmore i{line-height: 50px; font-size: 28px;}
		.ijst_lbtn .ijst_lbfont{line-height: 50px;}

		/*联系我们*/
		.ilx .ilx_bottom{margin-top: 5%;}

		


		.ilxform{width: 400px; margin-left: 20px;}

	}

	@media (max-width: 1200px) {
		.section{height: 100%!important;}
		#menu2 li{width: 300px; height: 80px; font-size: 30px!important;}
		#menu2 a{font-size: 30px!important; width: 200px; color: #4093d0!important;}
		#menu2 a:hover{color: #1b3d6b}
		#menu2 li.add.active a{color: #000!important; font-weight: bold!important;}
		.sec06{background-position: center center!important; }
		/*.ilx{top: 40%;}*/
	}




.p479 {
    padding:0 5%;
    position: relative;
	width:100%;
	margin:0 auto;
}

.index2-left {
    width: 30%;
    float: left;
	margin-top: 10%;
}
.ind_sec1_nav{width:70%;float:right;margin-top: 10%}
.title .title_h3 {
    letter-spacing: 2px;
    line-height: 30px;
	color: #333;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	line-height: 1.5;
}
.title .title_h4 {
    margin-top: 20px;
    text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	color:#666
}
.sect_text {
    color: #333;
    line-height: 36px;
    height: 176px;
    overflow: hidden;
	font-size: 16px;
	width: 70%
}

.ind_sec1_nav > .left {
    float: left;
    width:32%;
    margin-right: 20px;
    display: inline-grid;
}
#ind1_nav_1 {
    width: 100%;
    float: right;
    -webkit-transition: all 1s ease-in-out 0.2s;
    -moz-transition: all 1s ease-in-out 0.2s;
    -ms-transition: all 1s ease-in-out 0.2s;
    -o-transition: all 1s ease-in-out 0.2s;
    transition: all 1s ease-in-out 0.2s;
}
.ind1_nav_outer {
    width: 100%;
    height: 0;
    padding-top: 58%;
    position: relative;
	margin-top: 20px;
}
.ind1_nav .ind1_nav_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 130px;
}
#ind1_nav_1 .ind1_nav_inner .bg1 {
   background-image: linear-gradient(to right , #02a7ff, #2759ed);
}
#ind1_nav_4 .ind1_nav_inner .bg1 {
   background-image: linear-gradient(to right , #02a7ff, #2759ed);
}
#ind1_nav_4 .ind1_nav_inner p{color: #fff}



.ind1_nav.active .ind1_nav_inner .bg2 {
    opacity: 1;
}
.ind1_nav .ind1_nav_inner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:#e3e3e3;
}
.ind1_nav .ind1_nav_inner .bg2 {
    opacity: 0;
	background-image: linear-gradient(to right , #02a7ff, #2759ed);
}
.ind1_nav:hover .ind1_nav_inner .bg2{opacity: 1;}
.ind1_nav:hover p{color:#fff;}
#ind1_nav_3:hover .img .img2{display: block}
#ind1_nav_5:hover .img .img2{display: block}
#ind1_nav_3:hover .img img{display: none}
#ind1_nav_5:hover .img img{display: none}
.ind1_nav .ind1_nav_inner .text {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.ind1_nav .ind1_nav_inner .img {
    position: relative;
	height: 60px;
}
#ind1_nav_1 p {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 12px;
}
.mt10{margin-top: 10%}


.ind_sec1_nav > .right {
    float: left;
    width: 50%;
    margin-right: 20px;
    display: inline-grid;
}

#ind1_nav_5{width: 70%;float: right;}
.ind_sec1_nav > .left .top{width: 100%;float: left;}
.ind_sec1_nav > .left .bottom{width: 100%;float: left;}


.ind_sec1_nav > .right .top {
    width: 100%;
    float: left;
}
.ind_sec1_nav > .bottom .top {
    width: 100%;
    float: left;
}

#ind1_nav_3{width: 49%;display: block;}
#ind1_nav_4{width: 41%;display: block;}

#ind1_nav_3 .ind1_nav_outer{margin-top:15%;}

.ind1_nav .img .img2{display: none}
.section section{height: 100%}




.rowbg {
    position: relative;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
-webkit-transition: .8s cubic-bezier(.445,.145,.355,1);
    -moz-transition: .8s cubic-bezier(.445,.145,.355,1);
    transition: .8s cubic-bezier(.445,.145,.355,1);
}
.active .rowbg {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
.prc_scale {
    width: 100%;
    overflow: hidden;
}
.prc_dot1 {
    top: 30%;
    left: 59%;
}
.prc_dot2 {
    top: 30%;
    left: 58.5%;
}
.prc_dot_law {
    animation: linkmove 0.5s ease-in-out infinite alternate;
    -webkit-animation: linkmove 1s ease-in-out infinite alternate;
    opacity: 1;
    position: absolute;
}

@keyframes linkmove{
  0%{margin-top:-26px }
  100%{margin-top: -52px;}
}
@-webkit-keyframes linkmove{
  0%{margin-top:-26px }
  100%{margin-top: -52px;}
}
@-moz-keyframes linkmove{
  0%{margin-top:-26px }
  100%{margin-top: -52px;}
}
@-ms-keyframes linkmove{
  0%{margin-top:-26px }
  100%{margin-top: -52px;}
}
@-o-keyframes linkmove{
  0%{margin-top:-26px }
  100%{margin-top: -52px;}
}




.region-list{position: absolute;z-index: 99;top: 32%;left: 56%;}
@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:366px;width:366px;border:1px solid rgba(255,255,255,.8);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:.5;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.swiper-wrapper2{width: 1200px;margin-top: 20px;}
.swiper-wrapper2 .swiper-slide p{text-align: center;}

/*foot*/
.index-pic .txt {
    overflow: hidden;
}
.index-pic .txt .left {
    width: 30.6%;
    float: left;
    background: #255dee;
    padding: 2.6% 4.5%;
    color: #fff;
    position: relative;
}
.index-pic .txt .left .line {
    float: right;
    width: 123px;
    height: 11px;
    background: url(../images/line3.png);
    margin-top: 10px;
}


.index-pic .txt .left a, .index-pic .txt .right a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.index-pic .txt .right {
    width: 69.4%;
    float: left;
    background-image: linear-gradient(to right , #02a7ff, #2759ed);
    padding: 2.6% 4.5%;
    color: #fff;
    position: relative;
}

.index-pic .txt .right .line {
    float: right;
    width: 415px;
    height: 11px;
    background: url(../images/line2.png);
    margin-top: 10px;
}
/*about*/

.normal-layout-blue {
    background: #2b46b2 url(../images/xt_01.png) no-repeat center bottom;
    color: #fff;
}
.intro {
    width: 1200px;
    margin: 0 auto;
    padding: 130px 0;
}
.intro-left {
    float: left;
}
.intro-right {
    margin-left: 34%;
}
p.chn {
    font-size: 14px;
    line-height: 28px;
}
.numlist {
    margin-left: -33px;
    margin-top: 80px;
	text-align: center;
}
.numlist li {
    width: 170px;
    height: 170px;
    margin-left: 50px;
    position: relative;
	display: inline-block
	
}

.numlist li .circle {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: circleScale 3s forwards;
    -webkit-animation: circleScale 3s forwards;
}
.numlist li p:nth-child(2) {
    color: #fff;
    margin-top: 40px;
}

.numlist li p {
    text-align: center;
    font-size: 12px;
    color: #b1b1b1;
}
.titl{text-align: center;}

.hist{width: 100%;overflow: hidden;}
.hist-in{width: 1200px;margin: 0 auto;padding: 4% 0;}
.titl p{text-transform: uppercase}
/*发展历程*/

.timeLine {overflow: hidden;position: relative;width: 500px;float: left;padding: 40px;padding-left: 0;}
.timeLine li {background: url(../images/back1.png) repeat-y 28px 0;padding-bottom: 15px;zoom: 1;display: flex;line-height: 36px;position: relative;}
.timeLine li:after {content:" ";display: block;height: 0px;clear: both;}
.timeLine li p {display:inline-block;width:0px;font-size: 16px;text-align:right;padding-right:20px;color:#1296db;}
.timeLine li p span {display: block;color: #6fceff;font-size: 12px;}
.timeLine li .con {width: calc(100% - 230px);display:inline-block;padding-left: 30px;background: url(../images/icon1.jpg) no-repeat left;line-height: 36px;}
.timeLine li .con img{max-width: 100%;}

/* .on  */
.hist-box {padding:40px 0}
.technical{min-height: 600px;}
.hist-box .hist-l{float: left;padding:80px 40px}
.te-box{width: 60%;float: left;padding: 40px 0}
.te-box li{float: left;text-align: center;margin-right: 40px;}
.te-box li img{max-height: 170px;}
.te-box li p{color:#fff;text-align: center;padding: 20px 0}
.coop{padding: 40px 0;overflow: hidden;}
.coop li{width: 234px;height: 182px;background: #fff;float: left;}
.coop li p{text-align: center;}
/*联系我们*/

.map2{height: 550px;overflow: hidden; background: #fff;max-width:1280px;margin: 0 auto;}
.map-box22 {float: right;height: 600px;width: 50%;overflow: hidden;position:relative}
.txts { width: 50%;float: left;}
.txts .pa {padding: 9% 9% 0 9%;}
.txts .name{border-bottom: 1px solid #1296db;padding: 20px 0;font-size: 32px;}
.mapbox .txts .name {
    font-size: 24px;
    color: #333297;
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px
}
.ctas {
    margin-top: 32px;
}
.ctas p {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 56px;
    position: relative;
	padding-left:56px;
}
.ctas .ic1{background: url(../images/c_05.jpg) no-repeat left center;}
.ctas .ic2{background: url(../images/c_08.jpg) no-repeat left 9px;}
.ctas .ic3{background: url(../images/c_10.jpg) no-repeat left center;}
.ctas .ic4{background: url(../images/c_12.jpg) no-repeat left 9px;}

/*加入我们*/
.rencai_textin {
    width: 100%;
    height: 250px;
    margin: 0 auto;
}

.rencai_l {
    width: 45%;
    float: left;
    margin-top: 56px;
	padding-right: 50px
}
.rencai_l span {
    font-size: 22px;
    color: #414141;
    width: 480px;
    height: 32px;
    display: block;
}
.rencai_l span img {
    float: left;
    margin-right: 20px;
}

.rencai_l span h4 {
    float: left;
    font-weight: normal;
    margin-right: 16px;
    font-size: 24px;
    line-height: 30px;
}
.rencai_l p {
    float: left;
    margin-top: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #858585;
}
.rencai_l span p {
    color: #858585;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 7px;
    float: left;
}
.rencai_r {
    padding-left: 100px;
    border-left: 1px solid #eee;
	padding-right: 0
}


.recruit-a {
    background:#f3f3f3 no-repeat center;
    height: 250px;
    width: 100%;
    background-size: cover;
}
.isearch {
    width: 516px;
    margin: 0 auto;
    padding-top: 80px;
    position: relative;
}


.recruit-a .isearch .int1 {
    background: #fdfaf9;
}
.isearch .int1 {
    width: 443px;
    height: 70px;
    background: #fff;
    border: none;
    border-radius: 3px;
    float: left;
    padding-left: 45px;
    padding-right: 20px;
    font-size: 18px;
    color: #333;
}

.isearch .int2 {
    width: 70px;
    height: 70px;
    background: #fff url(../images/s2.png) no-repeat center;
    float: right;
    border: none;
    border-radius: 3px;
}


.hr-talent {
	float: right;
	overflow: hidden;
	box-shadow: rgba(0,0,0,.3) 0 0 8px;
	margin-right: 5px;
}
.hr-talent .hr-img {
	width: 375px;
	height: 214px;
	float: left;
}
.hr-talent .hr-text {
	float: left;
	width: 335px;
	height: 164px;
	padding: 50px 20px 0;
}
.hr-icon {
	width: 100%;
}
.hr-icon img {
	display: block;
	margin: 0 auto;
}
.hr-talent .hr-text h4 {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 36px;
}
.hr-talent .hr-text p {
	font-size: 14px;
	color: #858585;
	text-align: center;
}
.zhiw .bellows__item .bellows__header {
	padding: inherit;
	height: 46px;
	background: #fff;
}
.zhiw .bellows__item .bellows__header:hover {
	background: #f3f3f3;
	transition: all 0.5s;
}
.zhiw .bellows--is-open .bellows__header {
	background: #fff
}
.zhiw .bellows__content {
	padding: 2% 5%;
	overflow: hidden;
}
.zhiw .bellows__content .top {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}
.zhiw .bellows--is-open .bellows__header::after, .zhiw .bellows--is-open .bellows__header::before {
	background: #0384ce
}
.online_in {
	width: 1160px;
	min-height: 826px;
	margin: 0 auto
}
.list-top {
	height: 46px;
	line-height: 46px;
	background: #a6a6a6;
	font-size: 14px;
	color: #fff
}
.list-top .fl {
	color: #fff;
	font-size: 16px;
}
.list-top .td1 {
	background: url(../images/hr1_65.png) no-repeat left center;
}
.list-top .td2 {
	background: url(../images/hr1_67.png) no-repeat left center;
}
.list-top .td3 {
	background: url(../images/hr1_69.png) no-repeat left center;
}
.list-top .td4 {
	background: url(../images/hr1_71.png) no-repeat left center;
}
.fl {
	float: left;
}
.td1 {
	width: 26%;
	padding-left: 4.5%;
}
.td2 {
	width: 22%;
	padding-left: 4.5%;
}
.td3 {
	width: 22%;
	padding-left: 4.5%;
}
.td4 {
	width: 14%;
	padding-left: 4.5%;
}
.td5 {
	width: 12.33%;
	text-align: right
}
.zhiw .bellows__content h5 {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.zhiw .bellows__content p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: inherit;
	text-indent: inherit;
}
.zhiw .jianli_btn .anniu_in {
	font-size: 14px;
	color: #2772aa;
	line-height: 35px;
	padding: 0 20px;
	border: 1px solid #2772aa;
	background: 0 0;
	display: block
}
.zhiw .bellows__header::after, .zhiw .bellows__header::before {
	right: 72px
}
.e-mail {
	width: 100%;
	padding: 10px 0
}
.e-mail a {
	font-size: 14px;
	color: #333;
}
.e-mail a:hover {
	color: #0384ce
}
.e-mail span {
	border-bottom: 1px solid #0384ce
}
.bellows__item:not(.bellows--is-open)>.bellows__content {
	display: none
}
.bellows__item.bellows--is-closing>.bellows__content-wrapper, .bellows__item.bellows--is-open>.bellows__content-wrapper {
	display: block;
	border-bottom: 1px solid #ccc
}
.bellows__content-wrapper {
	display: none
}
.sidebar_box {
	width: 100%;
	height: 948px;
	overflow: hidden
}
.bellows {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.bellows__header {
	position: relative;
	padding: 10px 20px;
	border-bottom: 1px solid #e5e5e5;
	border-width: 0 0 1px;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}
.bellows--is-open .bellows__header {
	background: #0384ce
}
.bellows--is-open .bellows__header h3 {
	color: #fff
}
/*.bellows__item:last-child>.bellows__header{border-bottom:0}*/
.bellows__header h3 {
	margin: 0;
	font-size: 16px;
	color: #333
}
.bellows__content {
	padding: 20px 10px;
}
.bellows__content .bellows {
	margin-top: 20px
}
.bellows__content img {
	width: 89px;
	height: 89px;
	float: left
}
.bellows__content .sw-more {
	width: 90px;
	height: 29px;
	display: block;
	background: #0384ce;
	color: #fff;
	line-height: 29px;
	text-align: center;
	float: right
}
.bellows__content .sw-more:hover {
	opacity: .7
}
.zhiw .bellows__item .bellows__header .td4 {
	color: #d93c36;
}
.top dd {
	float: left;
	width: 21%;
	padding-left: 4%;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px;
}
.top dd span {
	color: #333;
}
.rez {
	width: 92%;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 2% 4%;
	padding-top: 0;
}
.rez .rez-l {
	width: 46%;
	float: left;
}
.rez .rez-r {
	width: 46%;
	float: right;
}
.more2 {
	margin-top: 23px;
}
.more2 a {
	width: 168px;
	height: 46px;
	display: block;
	background: #02a7ff;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	border-radius: 3px;
}
.more2 a:hover {
	background: #02a7ff;
}

.about_sec1_left {
    width:100%;
    background: #fff;
    z-index: 10;
    position: relative;
	padding: 80px 0
}
.zhiw {
    width: 1200px;
    margin: 0 auto;
}
.zhiw .bellows__item .bellows__header .fl{font-size: 14px;color: #333;line-height: 46px;}

/*news*/
ul.jsx-2090191608 {
    flex-wrap: wrap;
    margin: 0 auto ;
    width: 100%;
}
li.jsx-2090191608 {
    -webkit-box-align: start;
    align-items: flex-start;
    border: 0.02rem solid rgb(204, 204, 204);
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: flex;
    margin-bottom: 30px;
    padding: 15px;
    text-decoration: none;
    transition: box-shadow 0.3s ease 0s;
	width: 31%;
	display: inline-block;
	margin-right: 2%
}
.post-link.jsx-2090191608 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
img.jsx-2090191608 {
    height: 212px;
    width: 340px;
}
.post-title.jsx-2090191608 {
    color: #03a5ff;
    height: 64px;
    line-height: 28px;
    margin: 20px 0px;
    overflow: hidden;
    text-align: justify;
    width: 100%;
}
.post-title.jsx-2090191608 div.jsx-2090191608 {
    float: right;
    margin-left: -0.1rem;
    word-break: break-all;
    width: 100%;
}

.post-summary.jsx-2090191608 {
    color: rgb(119, 119, 119);
    font-size: 0.24rem;
    height: 0.9rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-align: justify;
    width: 100%;
}
.post-summary.jsx-2090191608 div.jsx-2090191608 {
    float: right;
    margin-left: -0.1rem;
    word-break: break-all;
    width: 100%;
}
.post-footer.jsx-2090191608 {
    -webkit-box-align: center;
    align-items: center;
    color: rgb(51, 51, 51);
    display: flex;
    font-size: 0.28rem;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 0.24rem;
    width: 100%;
}
.news{width: 100%;background: #f3f3f3;}
.news-in{width: 1200px;margin: 0 auto;}


.hr {
    width: 100%;
}
.hr-box {
    width: 1200px;
    margin: 0 auto;
	margin-bottom: 80px;
    padding: 50px 50px;
    background: #fff;
    margin-top: -100px;
    position: relative;
    box-shadow: 2px 0 5px 0 rgba(0,0,0,0.1);
}
.hr-title {
    width: 100%;
    height: 82px;
    border-bottom: 1px solid #ccc;
}

.hr-list {
    width: 100%;
    padding: 20px 0;
}


.hr-title h4 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
}
.hr-title p{padding: 15px 0}

.respons .title {
    overflow: hidden;
    margin-bottom: 5%;
}
/*解决方案*/



.content-item.jsx-2194773824 {
    -webkit-box-align: start;
    align-items: flex-start;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 2rem;
}

.content-item-title.jsx-2194773824 {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
}

.content-item-title.jsx-2194773824 span.jsx-2194773824 {
    color: #03a5ff;
    font-weight: 900;
    line-height: 1.25;
}

.content-item-subtitle.jsx-2194773824 {
    color: #333;
    font-weight: 700;
    margin: 0.64rem 0px;
}
.content-bar.jsx-2194773824 {
   background-image: linear-gradient(to right , #02a7ff, #2759ed);
    height: 5px;
    margin: 30px 0px;
    width: 65px;
}

.content-item-content.jsx-2194773824 {
    font-weight: 500;
    line-height: 1.6;
    margin: 0px 0px 30px;
    font-size: 16px;
}
.content-item-detail.jsx-2194773824 {
    color:#333;
}
.content-item-detail.jsx-2194773824 ul.jsx-2194773824 {
    list-style: inside disc;
}

.content-item-detail-item.jsx-2194773824 {
    margin-top: 0.4rem;
    font-size: 16px;
}


.content-item-right.jsx-2194773824 img.jsx-2194773824 {
    height: auto;
    max-width:570px;
}
.solution:nth-child(odd){background: #f3f3f3;}
.solution-in{width: 1300px;}
.content-item-left.jsx-2194773824 {
    flex: 1 1 0%;
    margin: 0px 40px 0px 0px;
}




@media screen and (max-width: 414px){
	/*html{overflow-y: scroll!important;height: auto!important;overflow: hidden!important}
	body{overflow: auto!important;height: auto!important}*/
	.fp-viewing-page1{height: auto!important}
	#menu2{display: none}
	.h-banner{height: 230px;margin-top: 59px;}
	.active .h-banner{margin-top: 110px}
	.section { }
	.index2-left{width: 100%;float: none;margin-top: 15%}
	.ind_sec1_nav{width: 100%;float: none}
	.title .title_h3{font-size:18px;}
	.title .mt10{display: none}
	.sect_text{overflow: inherit;width: 100%}
	.ind_sec1_nav > .left{display: none}
	.ind_sec1_nav > .right{display: none}
	.prc_dot1 {top: 32%;left: 65%;}
	.region-list {top: 32%;left: 57%;}
	.rowbg{zoom:.7;margin-left: -50%;}
	.irbottom.phui{display: none}
	.ijszc .ijs_top .ijst_left{width: 100%}
	.swiper-slide img{max-width: 100%}
	header .header-top p{font-size: 12px}
	.index-pic .txt .left{width: 38%}
	.index-pic .txt .right{width: 62%}
	footer .top .right .box{float: left}
	.swiper-button-next, .swiper-button-prev{display: none}
	.swiper-wrapper2 .swiper-slide p{line-height: 1.5em;font-size: 12px}
	.sec01{height: 230px!important;}
	
	.h-banner .hd{margin-right: -36px;}
	/*about*/
	.h-banner .banner-text{zoom:.5;left: 10%;top: 20%}
	.hist-box{padding: 0}
	.intro{width: 92%;padding: 20px 0}
	.intro-left{width: 100%;margin-bottom: 20px;}
	.intro-right {margin-left: 0;width: 100%;}
	.numlist{margin-top: 20px;margin-left: 0}
	.numlist li{width: 48%;height: 100px;margin-left: 0px;}
	.numlist li .circle{border: none}
	.hist-in{width: 92%}
	.hist-box .hist-l{display: none}
	
	.te-box{width: 100%;padding: 20px 0}
	.te-box li{width: 50%;margin-right: 0}
	.te-box li img{max-height: 66px}
	.coop{padding: 20px 0}
	.coop li{width: 50%}
	.coop li img{width: 100%}
	/*解决方案*/
	.news-in{width: 92%}
	.content-item.jsx-2194773824{padding: 0;display: block}
	.content-item-left.jsx-2194773824{width: 100%}
	.content-item-right.jsx-2194773824 img.jsx-2194773824{max-width: 100%}
	.content-item-content.jsx-2194773824{font-size: 14px}
	.content-item-subtitle.jsx-2194773824{font-size: 14px}
	.content-item-detail-item.jsx-2194773824{font-size: 14px}
	/*人才*/
	.rencai_l {width: 100%;margin-top: 20px;}
	.rencai_r{padding-left: 0;border-left:none;}
	.recruit-a{height: 80px}
	.isearch{zoom:.5;padding-top: 40px;}
	.isearch .int2{float: left}
	.rencai_l span h4{font-size: 18px;}
	.zhiw{width:100%;}
	.fl{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	.zhiw .bellows__content{padding:2% 0;}
	.rez{width:100%;}
	.list-top{padding:inherit;}
	.zhiw .bellows__item .bellows__header{padding: inherit;}
	.top dd{width: 25%;}
	.rez .rez-l{width:100%;}
	.rez .rez-r{width:100%;}
	.list-top .fl{background:none;}
	.about_sec1_left{padding: 20px 0}
	/*联系我们*/
	.map2{max-width: 100%;height: auto}
	.map-box22{width: 100%;height: 300px}
	.txts{width: 100%}
	.txts .name{font-size: 18px}
	.txts .pa{padding: 3%}
	.ctas p{font-size: 14px}
	/*新闻*/
	li.jsx-2090191608{width: 100%}
	img.jsx-2090191608{width: 100%;max-height: 212px}
	.hr-box{width: 92%;margin-bottom: 20px;padding: 15px 20px;margin-top: 20px}
	
	
	
	
	
	
	
}

