body{
	font-family: 微软雅黑;
}

img{
	max-width: 100%;
}

.menus-fix{
	display:none;
}
.clear{
	clear: both;
}

.footH {
    height: 50px;
    display: none;
}
.footFix {
    background: #034a95;
    padding: 10px 0;
    display: none;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    color: #fff;
}
.footFix>a {
    display: inline-block;
    width: 33%;
    font-size: 16px;
    color: #ffffff!important;
}
.footFix>a>i.iconfont {
    font-size: 20px;
    margin-right: 5px;
    color: #fff;
} 

/*head*/ 
.top-search{
	overflow: hidden;
	background: #f2f2f2;
	height: 0;
    transition: all .5s ease;
}
.top-search.on{
	height: 85px;
	padding: 20px;
    transition: all .5s ease;
}
.top-search input[type=text]{
	width: 80%;
	float: left;
	height: 45px;
	border: 2px solid #00a0ea;
	font-family: "思源黑体 CN";
	font-size: 18px;
	color: #333;
	text-indent: 12px;
}
.top-search input[type=button]{
	width: 20%;
	border: none;
	float: left;
	height: 45px;
	background: #00a0ea; 
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
}
/*header*/
.header{
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	padding-bottom:16px;
	z-index:100;
	background:rgba(0,0,0,0);
	transition: all 0.5s ease 0s;

}
.header .fix{	border-bottom: 1px solid #e4e4e4;}
.header .container{max-width: 1380px;width:96.875%;}
.left{
	transform: translateX(-66%);
}
.he_l{
	float:left;
	margin-top:17px;
}
.he_l a{
	float:left;
}
.he_l img{
	float:left;
}
.he_l p{
	font-size:30px;
	
	font-weight: bold;
	color:#ffffff;
	float:left;
	margin-left:15px;
}
.he_l p span{
	display:block;
	font-size:11px;
	line-height:11px;
	color:#ffffff;
	font-family:"Arial";
}
.he_r{

	float:right;
	margin-top:37px;
}
.he_r ul{
	float:left;
	padding-right:39px;
	display: none;
	transition: all .5s ease;		
}
.he_r ul li{ 
	float: left; 
	margin-right:48px; 
	height: 30px; 
	line-height: 30px; 
	position: relative;
	transition-duration:.5s;
	-ms-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-webkit-transition-duration:.5s;
}
.he_r ul li:last-child{margin-right:0;}
.he_r ul li.cur a{ 
	top: -30px;
}
.he_r ul li a span.tx{ 
	color:#0050a0; font-weight: bold;
}
.he_r ul > li .xc-sub-lm-warp{
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width: 160px;
	top: 30px; 
	z-index: -1;
	visibility: hidden; 
    transition: all .5s ease;  	
}
.he_r ul > li:hover .xc-sub-lm-warp{ 
	z-index: 9999;
	visibility: visible;
}
.he_r ul > li .xc-sub-lm-warp .sub-lm-line{
	height: 29px;
}
.header.fixedbg .he_r ul > li .xc-sub-lm-warp .sub-lm-line{
	height: 24px; 
    transition: all .5s ease; 
}
.he_r ul > li .xc-sub-lm-warp .sub-lm{
	background: rgba(255,255,255,0.96);
	padding: 10px 0 20px 0;  
	margin-top: 50px;
	opacity: 0; 
	position: relative;
	z-index: 0;
	visibility: hidden;
    transition: all .2s ease; 
}
.he_r ul > li:hover .xc-sub-lm-warp .sub-lm{ 
	margin-top: 0;
	opacity: 1;
	visibility: visible;
	z-index: 9999; 
    transition: all .5s ease; 
}
.he_r ul > li .xc-sub-lm-warp .sub-lm > div{
	display: block;
	position: relative;
	line-height: 25px;
	text-align: center;
	font-size: 14px; 
	line-height: 40px;
    transition: all .5s ease;  
} 
.he_r ul > li .xc-sub-lm-warp .sub-lm > div > a{
	display: block;
	color: #666666;
    transition: all .5s ease; 
}
.he_r ul > li .xc-sub-lm-warp .sub-lm > div > a:hover{
	background: #0255a2;
	color: #fff;
    transition: all .5s ease; 
}



.he_r ul li a{ 
	font-size: 16px; 
	color: #3d3c3c; 
	position: relative; 
	top: 0; 
	display: block; 
	transition-duration:.3s;
	-ms-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
}
.he_r ul li a span{ 
	display: block; 
	height: 30px;
}

.search{
	float:left;
	color:#525659;
	cursor:pointer;
	font-family:"Calibri";
	height:30px;
	line-height:30px;
	padding-left:20px;
    margin-left: 44px;	
	background:url(../images/ico1.png) no-repeat center left;
	transition: all .5s ease;
}
.menu{
	float:left;
	padding-left:15px;
	margin-left:33px;
	color:#525659;
	cursor:pointer;
	background:url(../images/ico2.png) no-repeat 0px center;
	height:30px;
	line-height:30px;
	position:relative;
	display: block;
}
.menu:before{
	position:absolute;
	left:0px;
	top:2px;
}
.he_r ul li a.cur{
	font-size:14px;
	opacity:0;
	visibility:hidden;
}

.sear_con{
	position:absolute;
	left:420px;
	top:0px;
	padding:0px 40px 0px 30px;
	bottom:0px;
	background:#fff;
	right:6%;
	z-index:10;
	opacity:0;
	visibility:hidden;
	transition-duration:.5s;
	-ms-transition-duration:.5s;
	-moz-transition-duration:.5s;
	-webkit-transition-duration:.5s;
}
.header .sear_con.cur{
	left:610px;
	opacity:1;
	visibility:visible;
}

.sear_con input{
	height:99%;
	border:none;
	display:block;
	overflow:hidden;
	width:60%;
	color:#333;
	font-size:16px;
}
.ss-search{
	left:10px;
	top:35px;
	position:absolute;
	cursor: pointer;
}
.sear_con>p{
	position:absolute;
	width:38px;
	height:100%;
	right:0px;
	top:0px;
	cursor: pointer;
}
.sear_con>p span{
	height: 18px;
	width: 1px;
	background: #fff;
	position: absolute;
	display: block;
	top:35px;
	z-index: 1;
	transition-duration:.2s;
	-ms-transition-duration:.2s;
	-moz-transition-duration:.2s;
	-webkit-transition-duration:.2s;
}
.sear_con>p span.ac-gn-searchview-close-left{
	right: 18px;
}
.sear_con>p span.ac-gn-searchview-close-right{
	left: 18px;
}
.sear_con.cur>p span.ac-gn-searchview-close-left{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: #333;
}
.sear_con.cur>p span.ac-gn-searchview-close-right{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #333;
}
.header .wrap .language{
	width: 113px;
    height: 30px;
    position: relative;
    border: #c9c9c9 solid 1px;
    border-radius: 30px;
    line-height: 26px;
    text-align: center;
    color: #c9c9c9;
    float: right;
	margin:30px 0 0 0;
}
.header .wrap .language .text{
	font-size:14px;
	color:#fff;
}
.header .wrap .language i.arrow{
	width: 12px;
    height: 7px;
    background: url(../images/nav.png) 0 0 no-repeat;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    overflow: hidden;
    position: relative;
    top: -2px;
    margin-left: 10px;
    display: inline-block;
}

.he_r .head-language{
	color:#fff;
	width: 115px;
    height: 30px;
    position: relative;
    border: #fff solid 1px;
    border-radius: 30px;
    line-height: 26px;
    text-align: center;
	float:left;
	transition: all .5s ease;
	background: rgba(255,255,255,0);
}
.he_r .head-language:hover{
	border-radius: 0;
	transition: all .5s ease;
	border-bottom: none;
}
.he_r .language .text{
	font-size: 14px;
    color: #fff;
	transition: all .5s ease;
}
.he_r .language{
	float: left;
}
.he_r .language i.arrow{
	width: 13px;
    height: 9px;
    background: url(../images/nav.png) 0 0 no-repeat;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    overflow: hidden;
    position: relative;
    top: 0px;
    margin-left: 10px;
    display: inline-block;
	transition: all .5s ease;
}
.head-language a{
	position: absolute;
	width: 100%;
	line-height: 28px;
	display: block;
	text-align: center;
	text-indent: 0; 
	font-family: arial;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.head-language:hover a{
	opacity: 1;
	visibility: visible;
	top: 30px;
	color: #fff;
	transition: all .5s ease;
	border: #fff solid 1px
}

.nav{
	position: fixed;
    top: 0;
    right: -320px;
	z-index: 9999;
    background-color: #fff;
    width: 280px;
    padding-right: 0.4rem;	
	height:100%;
	-webkit-transition: all .5s ease;
    transition: all .5s ease;	
}
.close{
	width:25px;
	height:25px;
}
/*header fixedbg*/
.header.fixedbg{
	background:#fff;
	border-bottom: 1px solid #e4e4e4;
}
.header.fixedbg .he_l p, .header.fixedbg .he_l p span{
	color:#232323;
	transition: all .5s ease;
}
.header.fixedbg .he_r ul{
	display: block;
	transition: all .5s ease;	
}
.header.fixedbg .he_r .head-language{
	color:#0c6cb3;
	border: #0c6cb3 solid 1px;
	transition: all .5s ease;
}
.header.fixedbg .he_r .head-language:hover{
	border-bottom: none;
}
.header.fixedbg .he_r .head-language:hover a{
	border:none;
	color:#fff;
	line-height: 30px;
	height: 30px;
	background:#0c6cb3;	
}
.header.fixedbg .he_r .language .text{
	color:#0c6cb3;
	transition: all .5s ease;
}
.header.fixedbg .he_r .language i.arrow{
	background: url(../images/navb.png) 0 0 no-repeat;
	transition: all .5s ease;
}
.header.fixedbg .search{
	background: url(../images/ico1b.png) no-repeat center left;
	transition: all .5s ease;
}
.header.fixedbg .menu{
	display: none;
	transition: all .5s ease;
}
/*Section1*/
.section1{
	width:100%;
	margin:0 auto;
}
#pagination1 .swiper-pagination-bullet-active{
	background:rgba(12,108,179,1);
}
#pagination1 .swiper-pagination-bullet{
	opacity: 0.8;
}
#banner1 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}	
#banner1 .swiper-slide .pc{
	display: block;
}
#banner1 .swiper-slide .mobile{
	display: none;
}
.section1 .index_banner .items.pc{
	display: block;
}
.section1 .index_banner .items.mobile{
	display: none;
}
/*Section2*/
.section2{
	width:100%;
	margin:0 auto;
	position: relative;
}
.section2 .bd{
	width:100%;
	margin:0 auto;
	height:100%;	
}
.section2 .bd ul{
	height:100%;
}
.section2 .bd ul li{
	width:100%;
	height:100%;
}
.section2 .bd ul li .sec2{
	width:100%;
	position:relative;	
	height:100%;
}
.section2 .bd ul li .sec2-bg{
	width:100%;
	display: block;
	height:100%;
}

.section2 .bd ul li .sec2-info{
	background:#fff;
	width:480px;
	padding:42px 40px 70px 32px;
	position: absolute;
	top:129px;
	left:605px;
	text-align: justify;
}
.sec2-info .sec2-title{
	overflow: hidden;
}
.sec2-info .sec2-title h1{
	font-size:36px;
	color:#1d1d1d;
	overflow: hidden;
	padding-left: 17px;
    padding-top: 16px;
}	
.section2 .bd ul li .sec2-title span{
	border-radius: 50%;
	display: block;
	width:78px;
	height:78px;
	float: left;
}
.section2 .bd ul li:first-child .sec2-title span{
	background:#034a95 url(../images/tx.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(2) .sec2-title span{
	background:#034a95 url(../images/jz.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(3) .sec2-title span{
	background:#034a95 url(../images/qc.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(4) .sec2-title span{
	background:#034a95 url(../images/afdz.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(5) .sec2-title span{
	background:#034a95 url(../images/xfdz.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(6) .sec2-title span{
	background:#034a95 url(../images/jgsb.png) no-repeat center center;
}
.section2 .bd ul li:nth-child(7) .sec2-title span{
	background:#034a95 url(../images/ylsb.png) no-repeat center center;
}
.sec2-list{
	font-size:16px;
	line-height:32px;
	margin-top:26px;
	padding-left:8px; 
}
.sec2-more{
	margin-top:51px;
	border:1px solid #034a95;
	width:180px;
	margin-left:8px; 
	background: #fff;
	transition: all .5s ease;
}
.sec2-more a{
	color:#034a95;
	display: block;
	padding:15px 13px 15px 19px;
	font-size:15px;
}
.sec2-more i{
	color:#034a95;
	font-weight: bold;
	font-size:16px;
	float: right;
}
.sec2-more:hover{
	background: #034a95;
	transition: all .5s ease;
}
.sec2-more:hover a, .sec2-more:hover i{
	color:#fff;
	transition: all .5s ease;
}
.section2 .hd{
	width:280px;
	margin-left:270px;
	background:#3e73c2;
	position: absolute;
	top: 0;
	height:100%;
}
.section2 .hd ul{overflow: hidden;}
.section2 .hd ul li{
	line-height: 75px;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	transition: all .5s ease;
	background:#3e73c2;
	float:left;
	width:100%;
	padding-left:26px;	
}
.section2 .hd ul li:last-child{
	margin-bottom: 0px;
}
.section2 .hd ul li:first-child{
	background:url(../images/tx.png) no-repeat 48px center;
	margin-top:90px;
}
.section2 .hd ul li:nth-child(2){
	background:url(../images/jz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(2):hover, .section2 .hd ul li:nth-child(2).on {
	background:#034a95 url(../images/jz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(3){
	background:url(../images/qc.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(3):hover, .section2 .hd ul li:nth-child(3).on{
	background:#034a95 url(../images/qc.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(4){
	background:url(../images/afdz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(4):hover, .section2 .hd ul li:nth-child(4).on{
	background:#034a95 url(../images/afdz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(5){
	background:url(../images/xfdz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(5):hover, .section2 .hd ul li:nth-child(5).on{
	background:#034a95 url(../images/xfdz.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(6){
	background:url(../images/jgsb.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(6):hover, .section2 .hd ul li:nth-child(6).on{
	background:#034a95 url(../images/jgsb.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(7){
	background:url(../images/ylsb.png) no-repeat 48px center;
}
.section2 .hd ul li:nth-child(7):hover, .section2 .hd ul li:nth-child(7).on{
	background:#034a95 url(../images/ylsb.png) no-repeat 48px center;
}
.section2 .hd ul li:hover, .section2 .hd ul li.on{
	background:#034a95 url(../images/tx.png) no-repeat 48px center;
	transition: all .5s ease;
}
.section2pc{
	display: block;
	height:100%;
}
.section2mobile{
	display: none;
}
/*Section3*/
.section3{
	width:100%;
	margin:0 auto;
	background:url(../images/sec3bg.jpg) no-repeat;
	background-size: cover;
	height:100%;
	text-align: center;
	z-index: 1;
}
#J_dotLine{
	top: -710px;
    position: relative;
    height: 700px;
	z-index: -2;
}	

.sec3-title{
	width:100%;
	padding-top:146px;
	z-index: 999;
}
.sec3-title h1{
	font-size:38px;
	text-align: center;
	line-height:76px;
	color:#333333;
}
.sec3-title h2{
	font-size:16px;
	color:#787878;
	line-height:32px;
	margin-top:9px;
	text-align: center;
}
.sec3-hd{
	width:100%;
	margin:0 auto;
	margin-top:48px;
	overflow: hidden;
	text-align: center;
	max-width:1380px;
	z-index: 999;
}
.sec3-hd ul{
	display: inline-block;
}
.sec3-hd ul li{
	width:170px;
	line-height:40px;
	float: left;
	margin:0 5px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	color:#034a95;
	background: #ffffff;
	transition: all .5s ease;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sec3-hd ul li:hover, .sec3-hd ul li.on{
	color:#fff;
	background: #034a95;
	transition: all .5s ease;	
}
.sec3-bd{
	width:100%;
	margin:0 auto;
	margin-top:100px;
	max-width:1380px;
	overflow: hidden;
	z-index: 999;
}
.sec3-bd ul{}
.sec3-bd ul li{
	overflow: hidden;
	display: none;
}
.sec3-bd ul li .p10{
	padding:0 10px;
}
.sec3-bd ul li .item-list{
	width:100%;
	overflow: hidden;
}
.sec3-bd ul li .item-list .Pic{
	overflow: hidden;
	border:1px solid #cdcdcd;
}
.sec3-bd ul li .item-list .Pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.sec3-bd ul li .item-list:hover .Pic img{
	transform: scale(1.1);
	transition: all .5s ease;
}
.sec3-bd ul li .item-list .Txt{
	font-size:16px;
	color:#fff;
	line-height:40px;
	background: #787878;
	text-align: center;
	transition: all .5s ease;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sec3-bd ul li .item-list:hover .Txt{
	background: #0c6cb3;
	transition: all .5s ease;
}
.sec3-more{
	margin-top:51px;
	border:1px solid #034a95;
	width:180px;
	margin-left:8px; 
	transition: all .5s ease;
	display: inline-block;
	text-align: left;
}
.sec3-more a{
	color:#034a95;
	display: block;
	padding:15px 13px 15px 19px;
	font-size:15px;
}
.sec3-more i{
	color:#034a95;
	font-weight: bold;
	font-size:16px;
	float: right;
}
.sec3-more:hover{
	background: #034a95;
	transition: all .5s ease;
}
.sec3-more:hover a, .sec3-more:hover i{
	color:#fff;
	transition: all .5s ease;
}
/*Section4*/
.section4{
	width:100%;
	margin:0 auto;
	background-size: cover;
	height:100%;
}
/*缩放背景*/
.slideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 3;
}
@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.21176);
            transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}
@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  98.4375% {
    opacity: 1;
    -webkit-transform: scale(1.21176);
            transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}
.sec4-info{
	width:100%;
	max-width: 1380px;
	margin:0 auto;
	min-height:620px;
	z-index: 9999;
	position: relative;
	padding-top:190px;
}
.sec4-left{
	float:left;
	width:47.1014%;
}
.sec4-right{
	float:left;
	width:52.7536%;
	background:#fff;
	padding:65px 82px 70px 76px;
	min-height: 620px;
}
.sec4-right h1{
	color:#2b2b2b;
	font-size:38px;
	font-weight:bold;
	line-height:60px;
}
.sec4-right h2{
	font-size:15px;
	line-height:30px;
	margin-top:20px;
}
.sec4-more{
	margin-top:51px;
	border:1px solid #034a95;
	width:180px;
	margin-left:8px; 
	background: #fff;
	transition: all .5s ease;
}
.sec4-more a{
	color:#034a95;
	display: block;
	padding:15px 13px 15px 19px;
	font-size:15px;
}
.sec4-more i{
	color:#034a95;
	font-weight: bold;
	font-size:16px;
	float: right;
}
.sec4-more:hover{
	background: #034a95;
	transition: all .5s ease;
}
.sec4-more:hover a, .sec4-more:hover i{
	color:#fff;
	transition: all .5s ease;
}
.mobaboutimg{
	display: none;
}

/*Section5*/
.section5{
	width:100%;
	margin:0 auto;
	background-size: cover;
	height:100%;
}
.sec5-title{
	width:100%;
	text-align: center;
	margin: 0 auto;
	padding-top:150px;
	max-width:1380px;
	position: absolute;
	z-index: 9999;
	left:14.0625%;	
}
.sec5-title h1{
	color:#333333;
	font-size:38px;
	font-weight:bold;
	line-height:60px;
}
.sec5-title h2{
	font-size:16px;
	color:#787878;
	line-height:32px;
	margin-top:9px;
	text-align: center;
}
.sec5-info{
	width:100%;
	margin:0 auto;
	padding-top:300px;
	max-width:1380px;
	overflow: hidden;
	position: relative;
	z-index: 9999;
	
}
.sec5-left{
	width:32.6811%;
	float:left;
	padding-left:51px;
}
.sec5-left .Pic{
	width:100%;
	overflow: hidden;
}
.sec5-left .Pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.sec5-left:hover .Pic img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.sec5-left .Txt{
	border-bottom: 1px solid #e0d5d5;
	padding-bottom:32px;
	margin-top:16px;
}
.sec5-left .Txt .time{
	float:left;
	font-family: "Gotham Pro";
	color:#bbbbbb;
	float:left;
	width:74px;
	padding-left:5px;
}
.sec5-left .Txt .time span{
	font-size:60px;
	float:left;		
	line-height: 60px;
}
.sec5-left .Txt .time b{
	font-size:14px;
	float:left;		
}
.sec5-left .Txt .tit{
	font-size:20px;
	color:#333333;
	line-height:28px;
	height: 54px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	padding-left:25px;
}
.sec5-left:hover .Txt .tit{
	color:#0c6cb3;
}
.sec5-left .Txt .sub{
	font-size:15px;
	color:#787878;
	line-height: 26px;
	height: 52px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-left:25px;	
	margin-top:16px;
}
.sec5-right {
	width:59.4202%;
	float:right;
}
.sec5-list{
	border-bottom: 1px solid #e0d5d5;
	overflow: hidden;
}
.sec5-list a{
	display: block;
	overflow: hidden;
	padding:16px 0;
}
.sec5-list:first-child{
	border-top: 1px solid #e0d5d5;
}
.sec5-list .time{
	padding-left:2px;
	width:70px;	
	font-family: "Gotham Pro";
	color:#bbbbbb;
	float:left;
	padding-top:11px;
}
.sec5-list .time span{
	font-size:60px;
	float:left;		
	line-height: 60px;
}
.sec5-list .time b{
	font-size:14px;
	float:left;	
}
.sec5-list .Txt{
	float:left;
	width:524px;
	padding-left:40px;
	padding-top:11px;	
}
.sec5-list .Txt .tit{
	font-size:20px;
	line-height:28px;
	height: 28px;
	color:#333333;
	height: 28px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sec5-list .Txt .sub{
	font-size:15px;
	color:#787878;
	height: 52px;
	line-height: 26px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top:16px;
}
.sec5-list:hover .Txt .tit{
	color:#034a95;
}
.sec5-list .Pic{
	float:right;
	width: 20.5%;
	overflow: hidden;
}
.sec5-list .Pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.sec5-list:hover .Pic img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.sec5-more{
	margin-top:40px;
	border:1px solid #034a95;
	width:180px;
	margin-left:89px;
	transition: all .5s ease;
	display: inline-block;
	text-align: left;
}
.sec5-more a{
	color:#034a95;
	display: block;
	padding:15px 13px 15px 19px;
	font-size:15px;
}
.sec5-more i{
	color:#034a95;
	font-weight: bold;
	font-size:16px;
	float: right;
}
.sec5-more:hover{
	background: #034a95;
	transition: all .5s ease;
}
.sec5-more:hover a, .sec5-more:hover i{
	color:#fff;
	transition: all .5s ease;
}
/*footer*/
/*foot*/
footer{
	width: 100%;
	overflow: hidden;
	background: #333333;
}
.fp-auto-height{
	height: auto !important;
}
@media (min-width: 1200px){
	footer .container{
		width: 95.28125%;
	}
}
@media (min-width: 1920px){
	footer .container{
		width: 88.541667%;
	}
}
.foot-top{
	padding: 53px 0 80px 0;
	overflow: hidden;
}
.foot-lm{
	float: left;
	overflow: hidden;
}
.foot-lm .item-list{
	float: left;
	overflow: hidden;
	margin-left: 81px;
}
.foot-lm .item-list:nth-child(1){
	margin-left: 0;
}
.foot-lm .item-list h5{
	font-size: 18px;
	color: #fff;
	margin-bottom: 18px;
}
.foot-lm .item-list a{
	display: block;
	font-size: 14px;
	color: #9a9a9a;
	line-height: 32px;
}
.foot-lm .item-list a:hover{
	color: #fff;
}
.foot-ewm{
	float: right;
	overflow: hidden;
}
.foot-ewm img{
	
}
.foot-ewm p{
	font-size: 16px;
	line-height:36px;
	text-align: center;
	color: #fff;
	padding-top: 6px;
}
.foot-middle{
	line-height:57px;
	border-top: 1px solid #454545;
}
.foot-middle .link{
	font-size:16px;
	color:#fff;
}
.foot-middle .link a{
	font-size:14px;
	color:#dddcdc;
	margin-left:19px;
}
.foot-copy{
	width: 100%;
	overflow: hidden;
	line-height: 68px;
	border-top: 1px solid #454545;
}
.foot-copy p{
	font-size: 14px;
	color: #bfbfbf;
}
.foot-copy a{
	color: #BFBFBF;
}
.foot-copy a:hover{
	color: #fff;
	text-decoration: underline;
}
.f-l{
	float: left;
}
.f-r{
	float: right;
}
/*Share*/
.foot-share {
	clear: both;
    position: relative;
    float: right;
    margin-top: -70px;
    margin-right: 25px;
}

.foot-share .bdsharebuttonbox a {
	margin: 0px 3px;
	padding: 0;
	width: 34px;
	height: 34px;
}

.foot-share .bdsharebuttonbox a.bds_weixin {
	background: url(../images/fx1.png) no-repeat left top;
}

.foot-share .bdsharebuttonbox a.bds_tsina {
	background: url(../images/fx2.png) no-repeat left top;
}
/*内页banner*/
.Nybanner{
	margin-top:90px;
}
/*pc下拉*/
.dh-wrap{
	width:100%;
	opacity: 0;
	background: #fff;
	padding-top:40px;
	padding-bottom:50px;
	overflow: hidden;
	position: fixed;
    top: 90px;
    z-index: -1;	
	height: 0;
	transition: all .8s ease;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2);
}
.dh-wrap.xs{
	opacity: 1;
    z-index: 999;
	height:auto;
	transition: all .8s ease;	
}
.dh-wrap .class-list{
	width:100%;
	max-width:1200px;
	overflow: hidden;
	margin:0 auto;
	position: relative;
}

.dh-wrap .class-list .item{
	width: 16%;
	margin:0 auto;
	overflow: hidden;
	float:left;
}
.class-list .item h2{
	color:#333333;
	font-size:17px;
	font-weight:bold;
}
.class-list .item h2 a{
	display: inline-block;
	color:#0c6cb3;
}

.class-list .item ul{
	padding-top:26px;
}
.class-list .item ul li{
	font-size:14px;
	color:#666666;
	line-height:26px;
}
.class-list .item ul li:hover a, .class-list .item h2 a:hover{
	color:#0c6cb3;
}
.class-list .item ul li a{
	display:inline-block;
	overflow: hidden;
}

/*banner下方标题*/
.subdh{
	width:100%;
	overflow: hidden;
	margin:0 auto;
	border-bottom: 1px solid #dedede;
}
.subdh-info {
	margin: 0 auto;
	max-width:1380px;
	line-height:56px;
}	
.subdh-left{
	float:left;
	width:50%;
}
.subdh-left ul{}
.subdh-left ul li{
	width:64px;
	margin-left:43px;
	font-size:16px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0);
	float: left;
	transition: all .5s ease;
}
.subdh-left ul li a{
	display: block;
	color:#333333;
}
.subdh-left ul li:hover, .subdh-left ul li.on{
	border-bottom: 3px solid #0255a2;
	transition: all .5s ease;	
}
.subdh-left ul li:hover a, .subdh-left ul li.on a{
	color:#0255a2;
}
.subdh-left ul li:first-child{
	margin-left:0;
}
.subdh-right{
	float:right;
	background: url(../images/home.png) no-repeat left center;
	padding-left:26px;
	font-size: 15px;
}
.subdh-right a{
	color:#666666;
}
.subdh-right a:hover{
	color:#666666;
}
/*banner下方标题2*/
.subdh2{
	width:100%;
	overflow: hidden;
	margin:0 auto;
	border-bottom: 1px solid #dedede;
}
.subdh2-info {
	margin: 0 auto;
	max-width:1380px;
	line-height:56px;
}	
.subdh2-left{
	float:left;
}
.subdh2-left ul{}
.subdh2-left ul li{
	background: #fff;
	color:#333333;
	font-size:16px;
	float: left;
	transition: all .5s ease;
}
.subdh2-left ul li a{
	display: block;
	padding:0 16px;
	color:#333333;
}
.subdh2-left ul li:hover, .subdh2-left ul li.on, .subdh2-left ul li.cur{
	background: #0255a2;
	transition: all .5s ease;	
}
.subdh2-left ul li:hover a{
/*	background: #0255a2;*/
	color:#fff;
}
.subdh2-left ul li.cur a{
	background: #0255a2;
	color:#fff;
}
.subdh2-left ul li.on a{
	background: #0255a2;
	color:#fff;
}
.subdh2-left ul li:first-child{
/*	padding:0 16px;*/
}
.subdh2-right{
	float:right;
	background: url(../images/home.png) no-repeat left center;
	padding-left:26px;
	font-size: 15px;
}
.subdh2-right a{
	color:#666666;
}
.subdh2-right a:hover{
	color:#0255a2;
}
/*文字特效*/
.beat-char {
	line-height: 0;
	position: relative;
	display: inline-block;
	background: transparent; 
} 
.rotate{
	transform:rotate(360deg) ;
	-ms-transform:rotate(360deg);  /* IE 9 */
	-moz-transform:rotate(360deg);     /* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;
}  
/*内页关于我们*/
.about{
	width:100%;
	margin:0 auto;
}

.gsjs{
	width:100%;
	display: block;
	padding-top:68px;
	max-width:1380px;
	margin:0 auto;
}
.gsjs-left{
	width:50%;
	float:left;
}
.gsjs-left-title{
	font-size:32px;
	color:#0255a2;
	position: relative;
	z-index:1;
}
.gsjs-left-title span{
	font-size:42px;
	font-family: Arial;
	color:#efefef;
	position: absolute;
	top:-26px;
	left:0;
	z-index:-1;
	font-weight: bold;
}
.gsjs-left-title hr{
	width:30px;
	height:2px;
	display: block;
	margin-top:25px;
	background:#0255a2;
}
.gsjs-left-list{
	font-size:15px;
	color:#666666;
	line-height:28px;
}

.gsjs-right{
	float:right;
	margin-right:21px;
	position: relative;
	margin-bottom: 83px;
}
.gsjs-right img{
	z-index:1;
}
.gsjs-right span{
	position: absolute;
	width:610px;
	height:400px;
	border:1px solid #d2d2d2;
	bottom:-18px;
	right:-17px;
	z-index: -1;
}
.qywh{
	width:100%;
	background: #f1f1f1;
	overflow: hidden;
	text-align: center;
	padding-top:40px;
	padding-bottom:97px;
}
.qywh .container{
	width:96.875%;
	max-width: 1380px;
}
.qywh-title{
	color:#333333;
	font-size:36px;
	text-align: center;
}
.qywh-title span{
	width:40px;
	height:2px;
	display: block;
	margin: 0 auto;
	margin-top:30px;
	background:#0255a2;
}
.qywh-list{
	width:100%;
	background:url(../images/culture.png) no-repeat center 0;
	margin-top:33px;
	padding:0 99px;
	overflow: hidden;
}
.qywh-list ul li{
	width:50%;
	float:left;
	height:193px;
}
.qywh-list ul li:first-child{
	background: url(../images/qyjs.png) no-repeat 505px 98px;
}
.qywh-list ul li:nth-child(2){
	background: url(../images/zlfz.png) no-repeat 32px 98px;
}
.qywh-list ul li:nth-child(3){
	background: url(../images/qyzz.png) no-repeat 505px 29px;
}
.qywh-list ul li:nth-child(4){
	background: url(../images/khwx.png) no-repeat 32px 29px;
}
.qywh-list ul li:nth-child(2n+1){
	text-align: left;
	padding-left:57px;
}
.qywh-list ul li:nth-child(2n+2){
	text-align: right;
	padding-right:57px;
}
.qywh-list ul li .tit{
	color:#fff;
	font-size:24px;
	line-height:28px;
	padding-top:45px;
}
.qywh-list ul li .sub{
	color:#ffffff;
	font-size:16px;
	line-height:28px;
	margin-top:16px;
}
.zltx{
	width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 40px;
	padding-bottom:96px;
}
.zltx .container{
	width:96.875%;
	max-width: 1380px;
}
.zltx-list{
	width:100%;
	padding-top:66px;
}
.zltx-left{
	width:50%;
	float:left;
	background:url(../images/zltxleft.png) no-repeat 0px 0px;
	margin-top:43px;
	position: relative;
	height:395px;
}
.lefttx1{

}
.lefttx1 .tit{
	color:#666666;
	font-size:16px;
	position: absolute;
	left:105px;
	top:-41px;
}
.lefttx1 .nr{
	color:#fff;
	position: absolute;
	font-size:22px;
	background:url(../images/aqfz2.png) no-repeat center 0;
	line-height:76px;
	left:168px;
	top:21px;
	padding-top: 28px;
}
.lefttx2{
	
}
.lefttx2 .tit{
	color:#666666;
	font-size:16px;
	position: absolute;
	left:-24px;
	top:425px;
}
.lefttx2 .nr{
	color:#fff;
	position: absolute;
	font-size:22px;
	background:url(../images/zlfz2.png) no-repeat center 0;
	line-height:76px;
	left:26px;
	top:282px;
	padding-top: 28px;
}

.lefttx3 .tit{
	color:#666666;
	font-size:16px;
	position: absolute;
	left:232px;
	top:425px;
}
.lefttx3 .nr{
	color:#fff;
	position: absolute;
	font-size:22px;
	background:url(../images/zlfz2.png) no-repeat center 0;
	line-height:76px;
	left:313px;
	top:282px;
	padding-top: 28px;
}
.zltx-right{
	width:50%;
	float:right;
	padding-left:18px;
}
.zltx-zs{
	width:100%;
	float:left;
	background:#f0f4f7;
	line-height:70px;
	font-size:16px;
	padding-left:31px;
	text-align: left;
	transition: all .5s ease;	
	margin-bottom:20px;
	cursor:pointer;
}
.zltx-zs:hover{
	background:#0255a2;
	transition: all .5s ease;
	color:#fff;
}
.zltx-zs i{
	float:right;
	padding-right:17px;
	font-size:20px;
	color:#d9e1e7;
}
#pagination4{
	position: relative;
	margin-top:20px;
}
#pagination4 .swiper-pagination-bullet{
	width:14px;
	height:14px;
	margin:0 9px;
	opacity: 0.7;
	background:#cccccc ;
}
#pagination4 .swiper-pagination-bullet-active{
	background:#0255a2;
}
/*遮罩层*/
.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    visibility: hidden;
    opacity: 0;
	transition: all .5s ease;
}
.mask.visible{
	visibility: visible;
	opacity: 1;
    transition: all .5s ease;
}

/*弹出框*/
.Popup{ 
	background: #fff;
	border: 1px solid #e1e1e1;
	position: fixed; 
	z-index: 100;
	width: 450px;
	left: 50%;
	margin-left: -250px;
	top: 84%;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden;
    transition: all .5s ease;
	text-align: center;
}
.Popup.visible{
	visibility: visible;
	top: 24%;
	opacity: 1;
    transition: all .5s ease;
}
.Popup.downmore{  
    transition: all .5s ease;
}

.qyrz{
	width: 100%;
    background: #f1f2f7;
    overflow: hidden;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 97px;
}
.qyrz .container {
    width: 96.875%;
    max-width: 1380px;
}
.zs-warp{
	margin-top: 59px;
    position: relative;
}
#Szs{
	width: 76.9%;
    margin: 0 auto;
    padding: 10px;
}
#Szs .swiper-slide{
	width: 302px;
}
#Szs img{ 
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
}
#zsN, #zsP{
	width: 28px;
	height: 51px;
}
#zsN{
	background: url(../images/zsN.png) no-repeat center center;
	right:2%;
}
#zsP{
	background: url(../images/zsP.png) no-repeat center center;
	left: 2%;
}
.hzpp{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 97px;
}
.hzpp .container {
    width: 96.875%;
    max-width: 1380px;
}
.hzpp-list{
	margin-top:50px;
}
.hzpp-left{
	float:left;
	width:28.8405%;
}
.hzpp-right{
	width:67.4637%;
	float:left;
	padding-left:45px;
}
.hzpp-right #pinpai{width:100%;}
.hzpp-right .coop img{
	border:1px solid #cccccc;
}
/*内页产品列表*/
.Ny-Product{
	width:100%;
	background: url(../images/productbg.jpg) no-repeat;
	padding-top:54px;
	margin:0 auto;
	overflow: hidden;
	padding-bottom:70px;
	background-size: cover;
}
.Ny-Product .container{
	width:96.875%;
	margin:0 auto;
	overflow: hidden;
	max-width:1380px;
}
.Ny-Product-Left.pc{
	display: block;
}
.Ny-Product-Left.mobile{
	display: none;
}
.Ny-Product-Left{
	width:15.5797%;
	float:left;
	padding-top: 5px;
}
.Ny-Product-Left ul{}
.Ny-Product-Left ul li{
	width:100%;
	border-bottom:1px solid #d0d0d0;
}
.Ny-Product-Left ul li:hover,
.Ny-Product-Left ul li.on{
	background:#0255a2;
}
.Ny-Product-Left ul li:first-child{
	border-top:1px solid #d0d0d0;
}
.Ny-Product-Left ul li a{
	line-height:57px;
	display: block;
	font-size:15px;
	color:#666666;
	padding-left:20px;
}
.Ny-Product-Left ul li:hover a ,.Ny-Product-Left ul li.on a , .Ny-Product-Left ul li:hover i{
	color:#ffffff;
}
.Ny-Product-Left ul li i{
	display: block;
	font-size:14px;
	color:#666666;
	float:right;
	font-weight:bold;
	padding-right:10px;
}
.Ny-Product-Right{
	width:77.826%;
	float:right;
}
.Ny-Product-Right .ProductList{
	width:100%;
	overflow: hidden;
	min-height: 76px;
}
.Ny-Product-Right .clsSub{
	padding-left:12px;
	line-height:28px;
	font-size:15px;
	margin-bottom: 15px;
}
.ProductList .product-title{
	font-size:32px;
	color:#333333;
	line-height:28px;
	text-align: left;
	float: left;
	padding-top:7px;
	padding-left:12px;
}
.ProductList .SearchKeys{
	float:right;
	position: relative;
}
.ProductList .SearchKeys #keywords{
	line-height:40px;
	height:40px;
	width:449px;
	padding-right:3px;
	border-radius: 8px;
	font-size:15px;
	padding-left:17px;
	border:1px solid #bfbfbf;
}
.ProductList .SearchKeys .product-search{
	background:url(../images/search_02.png) no-repeat;
	width:18px;
	height:18px;
	float: right;
	position: absolute;
	right:16px;
	top:12px;
}
.ProductInfo{
	width:100%;
	overflow: hidden;
}
.ProductInfo .product-decade{
	width:100%;
	overflow: hidden;
}
.p12{
	padding-left:12px;
	padding-right:12px;
	margin-bottom: 23px;
}

.p12 .item-list{
	width:100%;
	overflow: hidden;
}
.p12 .item-list .Pic{
	width:100%;
	overflow: hidden;
	border:1px solid #dcdcdc;	
}
.p12 .item-list .Pic img{
	transform: scale(1);
	display: block;
	width: 100%;
	transition: all .5s ease;
}
.p12 .item-list:hover .Pic img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.p12 .item-list .Txt{
	font-size:16px;
	font-family: arial;
	color:#555555;
	text-align: center;
	line-height:54px;
	border: 1px solid #dcdcdc;
	border-top:none;
	background:#ffffff;
	transition: all .5s ease;	
}
.p12 .item-list:hover .Txt{
	background:#0255a2;
	color:#fff;
	transition: all .5s ease;	
}
/*产品内页*/
.Ny-ProductDe{
	width:77.6811%;
	float:right;
}
.ProductDe-list{
	padding-top:7px;
	overflow: hidden;
}
.ProductDe-list .productDe-left{
	float:left;
	width:41.791%;
	border:1px solid #dcdcdc;
}
.ProductDe-list .productDe-right{
	float:right;
	width:54.24%;
}
.productDe_title{
	color:#064f9f;
	font-size:32px;
	font-family: arial;
}
.productDe_sub{
	font-size:18px;
	font-weight: bold;
	color:#555555;
	padding-bottom:20px;
	border-bottom:1px solid #dcdcdc;
	margin-top:20px;
}
.productDe_sub span{
	font-size:15px;
	color:#666666;
	font-weight:normal;
}
.productDe_intro{
	font-size:18px;
	font-weight: bold;
	color:#555555;
	float:left;
	border-bottom:1px solid #dcdcdc;
	margin-top:20px;
}
.productDe_intro span{
	font-size:15px;
	line-height:32px;
	color:#666666;
	padding-top: 8px;
	padding-bottom:22px;	
	font-weight:normal;
	float:left;
	display: block;
	width: 100%;
}
.ProductDe-list .productDe-left .swiper-slide{

}
#pagination5{
	bottom:15px;
}
#pagination5 .swiper-pagination-bullet{
	width:12px;
	height:12px;
	background: #dcdcdc;
}
#pagination5 .swiper-pagination-bullet-active{background: #dcdcdc;}

.ProductDe-info{
	margin-top:54px;
	width:100%;
}
.ProductDe-info .hd{
	width:100%;
	overflow: hidden;
}
.ProductDe-info .hd ul li{
	background:#edecec;
	color:#333333;
	font-size:18px;
	text-align: center;
	line-height:50px;
	padding: 0 12px;
	display: block;
	float:left;
	cursor: pointer;
}
.ProductDe-info .hd ul li.on, .ProductDe-info .hd ul li:hover{
	background:#0050a0;
	color:#ffffff;
}
.ProductDe-info .bd{
	width:100%;
	overflow: hidden;
	margin-top:16px;
}
.info-item{

}
.info-item>ul>li{
	line-height: 54px;
	border-bottom:1px dashed #e0e0e0;
	background: url(../images/bluedot.png) no-repeat left center;
	padding-left:17px;
	font-size:15px;
	color:#666666;
}
/*解决方案*/
.Ny-Solution{
	width:100%;
	overflow: hidden;
	padding:65px 0;
}
.Ny-Solution .container{
	width: 96.875%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1380px;
}
.solution-list{
	width:100%;
	overflow: hidden;
}
.solution-item{
	width:100%;
	overflow: hidden;
	margin-bottom:24px;
	background: #f1f1f1;
	transition: all .8s ease;
}
.solution-item:hover{
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
	transition: all .8s ease;
}
.solution-item .solution-pic{
	width:50%;
	float:left;
	overflow: hidden;
}
.solution-item .solution-pic img{
	transform: scale(1);
	transition: all .8s ease;
}
.solution-item:hover .solution-pic img{
	transform: scale(1.1);
	transition: all .8s ease;
}
.solution-item .solution-word{
	width:50%;
/*	background:#f1f1f1;*/
	float:right;
	padding:34px 49px 37px 53px;
}
.solution-item:nth-child(2n+1) .solution-pic{
	width:50%;
	float:left;
}
.solution-item:nth-child(2n+1) .solution-word{
	width:50%;
	float:right;
}
.solution-item:nth-child(2n+2) .solution-pic{
	width:50%;
	float:right;
}
.solution-item:nth-child(2n+2) .solution-word{
	width:50%;
	float:left;
}
.solution-word .solution-tit{
	font-size:28px;
	color:#333333;
}
.solution-item:first-child .solution-tit{
	background:url(../images/blacktx.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(2) .solution-tit{
	background:url(../images/blackjz.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(3) .solution-tit{
	background:url(../images/blackqc.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(4) .solution-tit{
	background:url(../images/blackafdz.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(5) .solution-tit{
	background:url(../images/blackxfdz.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(6) .solution-tit{
	background:url(../images/blackjgsb.png) no-repeat;
	padding-left:63px;
}
.solution-item:nth-child(7) .solution-tit{
	background:url(../images/blackylsb.png) no-repeat;
	padding-left:63px;
}
.solution-word .solution-sub{
	color:#888888;
	font-size:15px;
	line-height: 28px;
	padding-top:25px;
	padding-left:2px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.solution-word .more{
	margin-top:50px;
	background: url(../images/jiantou.png) no-repeat left center;
	display: inline-block;
	font-size:15px;
	padding-left:40px;
	overflow: hidden;
	color:#0050a0;
}
/*解决方案内页*/
.Ny-SolutionDe{
	width:100%;
	overflow: hidden;
	padding:57px 0;
}
.Ny-SolutionDe .container{
	width: 96.875%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1380px;
}
.solutionDe-list{
	width: 100%;
    overflow: hidden;
	margin:0 auto;
	text-align: center;
	padding:0 100px;
}
.solutionDe_icon{
	width:75px;
	height:75px;
	display: inline-block;
	background:#0050a0 url(../images/tx.png) no-repeat center center;
	border-radius: 50%;
}
.solutionDe_icon#faIco1{
	background:#0050a0 url(../images/tx.png) no-repeat center center;
}
.solutionDe_icon#faIco2{
	background:#0050a0 url(../images/jz.png) no-repeat center center;
}
.solutionDe_icon#faIco3{
	background:#0050a0 url(../images/qc.png) no-repeat center center;
}
.solutionDe_icon#faIco4{
	background:#0050a0 url(../images/afdz.png) no-repeat center center;
}
.solutionDe_icon#faIco5{
	background:#0050a0 url(../images/xfdz.png) no-repeat center center;
}
.solutionDe_icon#faIco6{
	background:#0050a0 url(../images/jgsb.png) no-repeat center center;
}
.solutionDe_icon#faIco7{
	background:#0050a0 url(../images/ylsb.png) no-repeat center center;
}
.solutionDe_title{
	color:#333333;
	font-size:42px;
	text-align: center;
}
.solutionDe_title span{
	width: 43px;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    background: #0255a2;
}
.solutionDe_nr{
	color:#666666;
	font-size:15px;
	line-height:28px;
	text-align: left;
	margin-top: 36px;
	overflow: hidden;
}
.solutionDe_nr .sd1{
	margin-top:47px;
	float:left;
}
.solutionDe_nr .sd2{
	margin-top:47px;
	float:right;
}
.solutionDe-list .extra{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	margin-top:35px;
	text-align: left;
}
.extra_title{
	color:#333333;
	font-weight:bold;
	font-size:28px;
	line-height:28px;
}
.extra_info{
	color:#666666;
	font-size:15px;
	line-height:28px;
	margin-top:21px;
}
.relevant{
	width:100%;
	margin-top:53px;
	text-align: left;
}
.relevant_title{
	overflow: hidden;
	background:#f5f6f6;
	line-height: 47px;
}
.relevant_title span{
	width:3px;
	background:#0050a0;
	overflow: hidden;
	display: block;
	float: left;
}
.relevant_title h1{
	font-size:20px;
	color:#333333;
	line-height: 47px;
	padding-left:22px;
}
.relevant_info{
	width:100%;
	overflow: hidden;
	margin-top:36px;
}
.relevant_info .p8{
	padding:0 8px;
}
.relevant_info .item-list{
	width:100%;
	overflow: hidden;
}
.relevant_info .item-list .Pic{
	overflow: hidden;
    border: 1px solid #dcdcdc;	
}
.relevant_info .item-list .Pic img{
	transform: scale(1);
    transition: all .5s ease;
}
.relevant_info .item-list:hover .Pic img{
	transform: scale(1.1);
    transition: all .5s ease;
}
.relevant_info .item-list .Txt{
	font-size: 15px;
    color: #555555;
    line-height: 46px;
    background: #fff;
    text-align: center;
    transition: all .5s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	border: 1px solid #dcdcdc;	
	border-top: none;
	height:46px;
}
.relevant_info .item-list:hover .Txt{
	background: #0c6cb3;
	color:#fff;
    transition: all .5s ease;
}
/*技术支持*/
.technology{
	width: 100%;
    overflow: hidden;
    padding: 46px 0;
	min-height:250px;
}
.technology .container{
	width: 96.875%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1380px;
}
.technology-list{
	width:100%;
	overflow: hidden;
}
.technology-list ul li{
	width:47.6086%;
	float:left;
	overflow: hidden;
	border-bottom: 1px solid #e5e4e4;
	transition: all .8s ease;
}
.technology-list ul li:nth-child(2n+2){
	margin-left:63px;
}
.technology-list ul li:hover{
	cursor: pointer;
	border-bottom: 1px solid #0255a2;
}

.technology-list ul li .dl{
	width:100%;
	overflow: hidden;
	line-height: 122px;	
}
.dl .type{
	width:11.567%;
	float:left;
}
.dl .title{
	width:60%;
	padding-left:21px;
	float:left;
	margin-top:27px;
}
.dl .title .title_main{
	color:#333333;
	font-size:18px;
	line-height:28px;
	padding-top:4px;
	transition: all .8s ease;
}
.technology-list ul li:hover .title_main{
	color:#0255a2;
	transition: all .8s ease;
}
.dl .title .title_sub{
	color:#888888;
	font-size:15px;
	line-height:28px;
	padding-top:4px;	
}
.dl .title .title_sub span{
	margin-left:20px;
}
.dl .download{
	float:right;
	padding-right:4px;
	display: block;
	cursor: pointer;
}
.dl .download i{
	font-size:38px;
	color:#d1d0d0;
}
.technology-list ul li:hover .dl .download i{
	color:#0255a2;
	transition: all .8s ease;
}
.technology-info{
	width:100%;
	overflow: hidden;
}
/*新闻*/
.news{
	width: 100%;
    overflow: hidden;
    padding: 71px 0;
}
.news .container{
	width: 96.875%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1380px;
}
.news-list{
	width:100%;
	overflow: hidden;
}
.news-item{
	width:100%;
	overflow: hidden;
	background: #fff;
	padding:32px 34px 0px 31px;
	transition: all .5s ease;	
}
.news-list a{
/*	display: block;*/
	overflow: hidden;
}
.news-item:hover{
	background: #f4f6f8;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	transition: all .5s ease;
}
.news-item .item-list{
	padding: 0px 0px 35px 0px;
	border-bottom:1px solid #d3d5d6;
	overflow: hidden;
}
.news-item .item-list .Time{
	width:6.768%;
	float:left;
	background: #0050a0;
}
.news-item .item-list .Time .Time-d{
	font-size:48px;
	line-height:48px;	
	text-align: center;
	font-family: arial;
	color:#fff;
	padding-top:8px;
}
.news-item .item-list .Time .Time-ym{
	font-size:15px;
	line-height:28px;
	font-family: arial;
	text-align: center;	
	color:#fff;
	padding-top:2px;
}
.news-item .item-list hr{
	height:90px;
	width:1px;
	background:#e5e6e6;
	color:#e5e6e6;
	margin-left:24px;
	float:left;
	margin-top:0;
}
.news-item .item-list .Content{
	float:left;
	width:60.8365%;
	
	padding-left:20px;
}
.news-item .item-list .Content .tit{
	font-size:18px;
	font-weight: bold;
	color:#333333;
	line-height:28px;
	padding-top:3px;
}
.news-item .item-list .Content .sub{
	font-size:14px;
	color:#999999;
	line-height:28px;
	padding-top:13px;
}
.news-item .item-list .Content .sub span{
	margin-left:12px;
}
.news-item .item-list .Content .content{
	font-size:15px;
	color:#555555;
	line-height:28px;
	padding-top:12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-item .item-list .Pic{
	float:right;
	width: 20%;
	overflow:hidden;
}
.news-item:hover .item-list .Pic img{
	transform: scale(1.1);
	transition: all .5s ease;
}
.news-item .item-list .Pic img{
	transform: scale(1);
	transition: all .5s ease;
}
/*展会*/
.news-item2{
	width: 80%;
	margin:0 auto;
	overflow: hidden;
	background: #fff;
	transition: all .8s ease;
	margin-bottom: 20px;
}
.news-item2:hover{
	width:100%;
	padding-bottom:0%;
}
.item2-list{
	padding: 0px;
	position: relative;
}
.news-item2 .item2-list img{
	transform: scale(1);
	transition: all .8s ease;
}
.news-item2:hover .item2-list img{

}
.item2-list .txx{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 46px;
    line-height: 46px;
    padding: 0 10px;
    text-align: left;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 3;
    font-size: 18px;		
}
.item2-list .zhezhao{
	position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.news-item2:hover .item2-list .zhezhao{
	opacity: 0;
}
/*新闻内页*/
.Ny-newsDe{
	width: 100%;
    overflow: hidden;
    padding: 71px 0;
}
.Ny-newsDe .container{
	width: 96.875%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1380px;
}
.newsDe{
	width:100%;
	overflow: hidden;
}
.newsDe .time-box{
	width: 90px;
	float: left;
	background: #0050a0;
	font-family: arial;
	color: #fff;
	text-align: center;
	padding: 7px 0 7px;
}
.newsDe .time-box .day{
	font-size: 48px;
	line-height: 50px;
}
.newsDe .time-box .year{
	font-size: 15px;
	line-height: 25px;
}
.newsDe hr{
	width: 1px;
	height: 90px;
	background: #e5e6e6;
	float: left;
	margin: 0 0 0 28px;
	padding: 0;
}
.newsDe .content-warp{
	width: 89%;
	float: right;
}
.newsDe .content-warp .top-box{
	width: 100%;
	border-bottom: 1px solid #d3d5d6;
	padding-bottom: 16px;
}
.newsDe .content-warp .top-box .tg{
	width: 80%;
	float: left;
}
.newsDe .content-warp .top-box .tg .bt{
	font-size: 28px;
	line-height: 35px;
	color: #222222;
}
.newsDe .content-warp .top-box .tg .key{
	font-size: 14px;
	color: #999999;
	margin-top: 18px;
}
.newsDe .content-warp .top-box .tg .key span{
	margin-left:12px;
}
.de-share{
	width: 128px;
	height: 38px;
	line-height: 38px;
	background: #ededed url(../images/share-ico.png) no-repeat left 15px center;
	font-size: 15px;
	color: #333333;
	float: right;
	position: relative;
	text-indent: 48px;
/*	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);*/
	transition: all .5s ease;
	cursor: pointer;
}
.de-asb-share{
	position: absolute;
	width: 100%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	background: #fff;
	padding: 15px;
	display: none;
}
.de-asb-share a{
	display: block !important;
	width: 100% !important;
	text-align: left;
	text-indent: 0;
	margin-bottom: 12px ;
	font-size: 14px;
	background: url(../images/fx-img.jpg) no-repeat !important;
	color: #555 !important;
	line-height: 25px;
	height: 25px !important;
	padding-left: 35px !important;
}
.de-asb-share .bshare-qzone{
	background-position: 0 0;
}
.de-asb-share .bshare-sinaminiblog{
	background-position: 0 -38px !important;
}
.de-asb-share .bshare-qqim{
	background-position: 0 -77px !important;
}
.de-asb-share .bshare-weixin{
	background-position: 0 -119px !important;
}
.newsDe .content{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	margin-top: 30px;
}
.de-fy{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #d3d5d6;
	padding-top: 22px;
	margin-top: 45px;
}
.de-fy .sxy{
	width: 75%;
	float: left;
}
.de-fy .sxy a{
	font-size: 15px;
	color: #555555;
	line-height: 30px;
	min-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: 100%;
	float: left;
}
.de-fy .sxy a:hover{
	color: #0050a0;
}
.de-fy .return{
	display: block;
	width: 155px;
	line-height: 48px;
	border: 1px solid #0050a0;
	float: right;
	background: url(../images/fh-ico1.png) no-repeat right 24px center;
	font-size: 15px;
	color: #0050a0;
	text-indent: 26px;
	margin-top: 4px;
}
.de-fy .return:hover{
	background: #0050a0 url(../images/fh-ico2.png) no-repeat right 24px center;
	color: #fff;
}
/*联系我们*/
.contact{
	width:100%;
	overflow: hidden;
}
.contact .container{
	width:96.875%;
	overflow: hidden;
	max-width:1380px;
} 
.lx-h4{
	font-size: 36px;
	line-height: 40px;
	color: #333333;
	background: url(../images/contact-ico.png) no-repeat left center;
	padding-left: 48px;
}
.lx-sub{
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	margin-top: 30px;
}
.jt-contact{
	margin-top: 58px;
}
.jt-contact .Info{
	width: 41.044776%;
	float: left;
}
.jt-contact .Info .tit{
	font-size: 28px;
	color: #0255a2;
	line-height: 30px;
	margin-bottom: 20px;
}
.jt-contact .Info p{
	line-height: 60px;
	border-bottom: 1px solid #e9e9e9;
	padding-left: 30px;
	font-size: 16px;
	color: #555555;
}
.jt-contact .Info p.dz{
	background: url(../images/c-dz.png) no-repeat left center;
	margin-top:34px;
}
.jt-contact .Info p.tel{
	background: url(../images/c-tel.png) no-repeat left center;
}
.jt-contact .Info a:hover{
	color:#555555;
}
.jt-contact .Info p.cz{
	background: url(../images/c-cz.png) no-repeat left center;
}
.jt-contact .Info p.email{
	background: url(../images/c-email.png) no-repeat left center;
}
.jt-contact .Info p.cz a,
.jt-contact .Info p.email a{
	font-family: arial;
	color: #555555;
}
.message{
	width: 50%;
	float: right;
	margin-top:59px;
}
.message input[type=text]{
	width: 100%;
	line-height: 50px; 
	border: none;
	padding-left: 0;
	margin-bottom: 11px;
	font-size: 14px;
	color: #999999;
	transition: all .5s ease;
}
.message input[type=text]:focus{
	box-shadow: 0 0 12px 0 rgba(0, 85, 255, 0.4);
	transition: all .5s ease;
}
.message input:-ms-input-placeholder{
	color: #999;
}
.message input[type=text]#name{
	background: #f2f2f2 url(../images/c-name.png) no-repeat left 17px center;
	padding-left: 45px;
}
.message input[type=text]#tel{
	background: #f2f2f2 url(../images/c-tel2.png) no-repeat left 17px center;
	padding-left: 45px;
}
.message textarea{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 175px;
	min-height: 175px;
	max-width: 175px;
	border: none;
	background: #F2F2F2 url(../images/c-msg.png) no-repeat top 18px left 17px; 
	line-height: 25px;
	padding-top: 12px;
	padding-left: 45px;
	padding-right: 42px;
	font-size: 14px;
	color: #999999;
	transition: all .5s ease;
}
.message textarea:focus{
	box-shadow: 0 0 12px 0 rgba(0, 85, 255, 0.4);
	transition: all .5s ease;
}
.message input[type=button]{
	width: 230px;
	display: block;
	height: 50px;
	background: #0255a2;
	font-size: 16px;
	color: #fff;
	border: none;
	outline: none; 
	margin: 25px auto 0;
	transition: all .5s ease;
}
.message input[type=button]:hover{
	box-shadow: 7px 5px 12px 0 rgba(0, 85, 255, 0.4);
	transition: all .5s ease;
}
.maps{
	width: 100%;
	border: 3px solid #e2dedf;
	border-radius: 5px;
	margin-top: 70px;
}

/*返回顶部*/
.sroll_top {right: 0.8%; bottom: 6.3%; position: fixed; display:none; cursor:pointer;z-index:9999;}

/*Mask*/
.mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,0.4);
    visibility: hidden;
    opacity: 0;
	transition: all .5s ease;
}
.mask.visible{
	visibility: visible;
	opacity: 1;
    transition: all .5s ease;
}
/*弹出框*/
.Popup{ 
	background: #fff;
	border: 1px solid #e1e1e1;
	position: fixed; 
	z-index: 100;
	width: 330px;
	left: 50%;
	margin-left: -250px;
	top: 84%;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden;
    transition: all .5s ease;
}
.Popup.visible{
	visibility: visible;
	top: 24%;
	opacity: 1;
    transition: all .5s ease;
}
.Popup.downmore{  
	width: 500px;
	padding: 32px 0 35px;
    transition: all .5s ease;
	border-radius: 24px;
}
.Popup .tc-inner{
	width: 350px;
	margin: 24px auto 0;
}
.tc-inner textarea{
	min-width: 100%;
    max-width: 100%;
    min-height: 80px;
    text-indent: 21px;
    padding-top: 8px;
    font-size: 16px;
	color: #666; 
	border: 1px solid #cccccc;
    background: #ffffff;
    line-height: 25px;
	border-radius: 10px;
}
.mta40{
	margin: 40px auto 0;
}
input::-webkit-input-placeholder {
    color: #999;
}
textarea::-webkit-input-placeholder {
    color: #999;
}
.mta15{
	margin: 15px auto 0;
}

.downmore{
	
}
.downmore h6{
	margin: 0;
	font-size: 28px;
	text-align: center;
	color: #0d5ead;
	padding:0 37px;
	font-weight: bold;
}
.downmore input[type=text]{
	width: 100%;
	height: 48px;
	border: 1px solid #cccccc;
	border-radius: 10px;
	outline: none;
	text-indent: 16px;
	font-size: 16px;
	color: #666; 
	margin-bottom: 13px;
}
.downmore a{
	display: block;
	width: 98%; 
	border: 1px solid #0f6fbb;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #0f6fbb;
	border-radius: 10px;
	cursor: pointer;
	margin: 10px auto 0;
	transition:all .5s ease;
}
.downmore a:hover{
	color:#fff;
	background:#0f6fbb;
	transition:all .5s ease;	
	
}
.download_list li{
	border-bottom:1px solid #dcdcdc;
	overflow:hidden;
	width:50%;
	float:left;
}

.download_list li .dl{
	margin-bottom: 0px; 
	overflow:hidden;
	padding:15px 0;
	padding-left:10px;
}
.download_list li:hover{
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    transition: all .5s ease;
	overflow:hidden;
	cursor:pointer;
}
.downloadbu{
	cursor: pointer;
}
/*Page*/
.page {
	padding: 50px 0px 30px 0px;
	text-align: center;
	clear: both;
	margin: 0px auto;
	font-size: 14px;
	margin-bottom: 30px;
}

.page a {
	padding: 9px 15px;
	margin: 3px;
	color: #333;
	text-align: none;
	background: #fff;
	border: #f9f9f9 solid 1px;
}

.page a:hover {
	color: #fff;
	background: #0255a2; 
	border: #f9f9f9 solid 1px;
}

.page a:active {
	color: #fff;
	background: #0255a2; 
	border: #f9f9f9 solid 1px;
}

.page span.current {
 	color: #fff;
	background: #0089ef; 
	border: #0089ef solid 1px;
	padding: 9px 15px;
	font-weight: bold;
	margin:3px; 
}

.page span.disabled {
	background: #ffffff;
	border: #f2f2f2 solid 1px;
	padding: 10px;
	margin: 0 3px; 
	color: #585858;
	font-weight: bold;
}
 
@-webkit-keyframes move {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-moz-keyframes move {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-o-keyframes move {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-ms-keyframes move {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }


 
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 4px;
	height: 16px;
	background-color: #fff; 
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{ 
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(1,102,179,.5); 
	border-radius: 0;
}  
::-webkit-scrollbar-thumb:hover{
	background-color: rgba(1,102,179,.8);
}
::-webkit-scrollbar-thumb:active{
	background-color: rgba(1,102,179,1); 
}
/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/ 

/*add*/
.pro-list .downlaod{
	padding-bottom: 40px;
}
.pro-list .downlaod ul li{
	color: #34a0f4;
	font-size: 16px;
	line-height: 50px;
}
.pro-list .downlaod ul li a{
	color: #34a0f4;
}
.pro-list .downlaod ul li a img{
	margin-right: 10px;
	width: 26px;
}
.pcshow{}
.mhide{
	display: none;
}
 /*==================banner元素动态  开始==============*/
.index_banner .item .inner {
	max-width: 1380px;
	margin: 0 auto;
}

.index_banner .item .inner1{
	margin-top:25.2vh;
} 
.index_banner .item .inner1 .pic1 {
	position: absolute;
	right: 17.46vw;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.index_banner .item .inner1 .pic1 img{
	width:80%;
}
.index_banner .item.active .inner1 .pic1 {
	opacity: 1;
	-o-animation: fadeInUp 1s .3s both;
	animation: fadeInUp 1s .2s both;
	-moz-animation: fadeInUp 1s .3s both;
	-webkit-animation: fadeInUp 1s .3s both;
}
.index_banner .item .inner1 .pic2{
	position: absolute;
	top: 39.6vh;
	right: -10vw;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.index_banner .item .inner1 .pic2 img{
	width:80%;
}
.index_banner .item.active .inner1 .pic2{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
}
/*two*/
.index_banner .item .inner2 {
	width: 81%;
	margin: 0 auto;
	margin-top:25.2vh;
}
.index_banner .item .inner2  .pic1{
	width: 49.6%;
	float: left;
	opacity: 0;
}
.index_banner .item.active .inner2 .pic1{
	opacity: 1;
	-o-animation: fadeInRight 1s .2s both;
	animation: fadeInRight 1s .2s both;
	-moz-animation: fadeInRight 1s .2s both;
	-webkit-animation: fadeInRight 1s .2s both;
}
.index_banner .item .inner2  .pic2{
	width: 44.8%;
	float: right;
	opacity: 0;
}
.index_banner .item.active .inner2 .pic2{
	opacity: 1;
	-o-animation: fadeInLeft 1s .4s both;
	animation: fadeInLeft 1s .2s both;
	-moz-animation: fadeInLeft 1s .4s both;
	-webkit-animation: fadeInLeft 1s .4s both;
}
/*three*/
.index_banner .item .inner3 {
	position: absolute;
	left: 50%;
	margin-left: -310px;
	top: 34.9vh;
}
.index_banner .item .inner3 .pic1{
	opacity: 0;
}
.index_banner .item.active .inner3 .pic1{
	opacity: 1;
	-o-animation: fadeInUp 1s .3s both;
	animation: fadeInUp 1s .2s both;
	-moz-animation: fadeInUp 1s .3s both;
	-webkit-animation: fadeInUp 1s .3s both;
}

.index_banner .item .inner3 .pic2{
	opacity: 0;
	margin-top: 42px;
}
.index_banner .item.active .inner3 .pic2{
	opacity: 1;
	-o-animation: fadeInUp 1s .6s both;
	animation: fadeInUp 1s .6s both;
	-moz-animation: fadeInUp 1s .6s both;
	-webkit-animation: fadeInUp 1s .6s both;
}
 /*four*/
.index_banner .item .inner4 {
	max-width: 1380px;
	margin: 0 auto;
	margin-top: 18.9vh;
	text-align: center;
}
.index_banner .item .inner4 .pic1{
	width: 504px;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.index_banner .item.active .inner4 .pic1{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
	opacity: 1;
}

.index_banner .item .inner4 .pic2{
	width: 72%;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-top: 48px;
}
.index_banner .item.active .inner4 .pic2{
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	transition-delay: 300ms;
	opacity: 3;
}

.index_banner .item .inner4 .pic3{
	display:flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 70px;
}
.index_banner .item .inner4 .pic3 .item-pic{
	opacity: 0;
	margin: 0 15px;
}
.index_banner .item.active .inner4 .pic3 .item-pic{
	opacity: 1;
}
.index_banner .item.active .inner4 .pic3 .item-pic:nth-child(1){
	-o-animation: fadeInUp 1s .2s both;
	animation: fadeInUp 1s .2s both;
	-moz-animation: fadeInUp 1s .2s both;
	-webkit-animation: fadeInUp 1s .2s both;
}
.index_banner .item.active .inner4 .pic3 .item-pic:nth-child(2){
	-o-animation: fadeInUp 1s .4s both;
	animation: fadeInUp 1s .4s both;
	-moz-animation: fadeInUp 1s .4s both;
	-webkit-animation: fadeInUp 1s .4s both;
}
.index_banner .item.active .inner4 .pic3 .item-pic:nth-child(3){
	-o-animation: fadeInUp 1s .6s both;
	animation: fadeInUp 1s .6s both;
	-moz-animation: fadeInUp 1s .6s both;
	-webkit-animation: fadeInUp 1s .6s both;
}
.index_banner .item.active .inner4 .pic3 .item-pic:nth-child(4){
	-o-animation: fadeInUp 1s .8s both;
	animation: fadeInUp 1s .8s both;
	-moz-animation: fadeInUp 1s .8s both;
	-webkit-animation: fadeInUp 1s .8s both;
}
 /*==================banner元素动态  结束==============*/



.twoD {
    line-height:25px;
    font-size: 16px;
    font-weight: 100;
    margin-left: 25px;
}
.twoD a{
     color:#ffffff;
    margin-bottom: 15px;
    display: inline-block;
}
