@charset "UTF-8";
body{
	font-family: "微软雅黑" !important;
}
img{
	max-width: 100%;
}
a:hover, a:visited, a:active{
	text-decoration: none;
}
.clear{
	clear: both;
}

.footH {
    height: 50px;
    display: none;
}
.footFix {
    background: #333;
    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;
} 
.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 #0b2e8c;
	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: #0b2e8c; 
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
}
/*head*/ 
.menus{
	width: 100%;
	padding: 33px 0 34px 0;
	background-color: #fff;
	position: relative;
	transition: all .5s ease;
}
.menus.fixedbg {
    position: fixed !important;
    opacity: 0.9;
	padding:10px 0 20px 0;
	z-index: 8888;
	transition: all .5s ease;
}
.menus.fixedbg::after{
	height: 100%;
	left: -30px;
	top: -20px;
	box-shadow: 7px 5px 10px 0 rgba(0, 0, 0, 0);
	transition: all .5s ease;
} 
@media (max-width: 1920px) and (min-width:1610px) {
	.menus .container {
		width: 1600px;
	}
}
.menus .Logo{
	float: left;
	z-index: 9;
	top: 0px;
	transition: all 1s ease;
	padding-top:0px;
}
.menus .Logo img{
	float: left;
}
.menus .Logo p{
	font-weight: bold;
	font-size:26px;
	color:#0b2e8c;
	float: left;
    margin-left: 18px;
	padding-top: 8px;	
}
.menus .Logo p span{
	display: block;
	font-weight: bold;
	font-size:26px;
	color:#333333;
}
.menus .Logomobile{
	display: none;
}
.menus.fixedbg .Logo{
	padding-top:0px;
	transition: all 1s ease;	
}
.menus .Logo img{
	display: block;
}
.WebLink{
	z-index: 9;
	float: right;
	margin-left: 12%;
	margin-top: 10px;
}
.menus.fixedbg .WebLink{
	margin-top:10px;
}
.WebLink li{
	float: left;
	margin-left: 50px;
	position: relative;
}

.WebLink li:nth-child(1){
	margin-left: 0;
}
.WebLink li a{
	display: block;
	font-size: 18px;
	font-weight:600;
	color: #222222;
	line-height: 30px;
	transition: all 0.5s ease;
	text-decoration: none;
	
}
.WebLink li.on a{
	color: #6775ab;
	transition: all 0.5s ease;
}
.WebLink li.on i{
	color: #6775ab;
	transition: all 0.5s ease;
}
.WebLink li:hover a, .WebLink li:hover i{
	color: #6775ab;
	transition: all 0.5s ease;
}
.WebLink li a span{
	font-size: 12px;
}
.head-pj{
	width: 62%;
	float: right;
}
.head-tel{
	float:right;
	font-family: arial;
	font-size:22px;
	font-weight: bold;
	color:#0b2e8c;
}
.head-tel a{
	color:#0b2e8c;
}
.head-tel i{
	font-size:19px;
	color:#a1a1a2;
	margin-right:10px;
}
.head-tel span{
	font-size:16px;
	color:#555555;
}
.head-ss{
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/search.png) no-repeat center center;
	position: relative;
	z-index: 9;
	cursor: pointer;
	margin-top: 5px;
	margin-left:34px;
}
.menus.fixedbg .head-ss {
    display: none;
    visibility: hidden;
    transition: all .5s ease;
}
.warmp{
	position: relative;
    right: 0;
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#nav-over{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.4);*/
}

#pcbanner .blackadv{
	position: absolute;
	background:rgba(0,0,0,0.4);
	width:100%;
	padding:0 5%;
	height:121px;
	bottom:0px;
	left: 0px;
	z-index: 1;
}
.slide-txt{
	width:20%;
	float:left;
	border-right: 1px solid #909598;
	text-align: center;
	margin-top: 35px;
}
.slide-txt h1{
	color:#ffffff;
	font-size:18px;
}
.slide-txt h2{
	font-size:15px;
	color:rgba(255,255,255,0.7);
	padding-top: 22px;
}
.slide-txt:last-child{
	border-right: none;
}
#bannerpagin{
	bottom:183px;
	left:-40%;
}
#bannerpagin .swiper-pagination-bullet{
	background:#fff;
	opacity: 0.5;
	margin:0 16px;
}
#bannerpagin .swiper-pagination-bullet-active{
	background:#50669d;
	opacity: 1;
	
	position: relative;
}
#bannerpagin .swiper-pagination-bullet-active::after{
	position: absolute;
	content: "";
	width:33px;
	height: 33px;
	border:1px solid #50669d;
	border-radius: 50%;
	left:-150%;
	top: -150%;
}
/*product*/
.indexProduct{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	padding:65px 0 0 0;
}
.indexProduct_title{
	font-size:36px;
	font-weight: bold;
	color:#222222;
	line-height: 38px;
	text-align: center;
}
.indexProduct_sub{
	position: relative;
	display: block;
	text-align: center;
	margin: 25px 0 44px;
}
.indexProduct_sub::before{
	content:"";
	background:url(../images/linedot-l.png) no-repeat;
	display: block;
	width:101px;
	height: 8px;
	position: absolute;
	left: 43%;
	top: 8px;
}
.indexProduct_sub::after{
	content:"";
	background:url(../images/linedot-r.png) no-repeat;
	display: block;
	width:101px;
	height: 8px;
	position: absolute;
	right: 43%;
	top: 8px;
}
.indexProduct_hd{
	width:100%;
	overflow: hidden;
}
.indexProduct_hd ul{
	width:65%;
	margin:0 auto;
	text-align: center;
}
.indexProduct_hd ul li{
	width:25%;
	float:left;
	cursor: pointer;
	color:#333333;
	font-size:18px;
	transition: all .5s ease;
}
.indexProduct_hd ul li:hover, .indexProduct_hd ul li.on{
	color:#0b2e8c;
	transition: all .5s ease;
}
.indexProduct_hd ul li:first-child{
	background:url(../images/product1.png) no-repeat center top;
	padding-top: 60px;
	transition: all .5s ease;
}
.indexProduct_hd ul li:nth-child(2){
	background:url(../images/product2.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(3){
	background:url(../images/product3.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(4){
	background:url(../images/product4.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(5){
	background:url(../images/product5.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(6){
	background:url(../images/productt6.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(7){
	background:url(../images/productt7.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:nth-child(8){
	background:url(../images/productt8.png) no-repeat center top;
	padding-top: 60px;
}
.indexProduct_hd ul li:hover:first-child, .indexProduct_hd ul li.on:first-child{
	background:url(../images/product6.png) no-repeat center top;
	transition: all .5s ease;
}
.indexProduct_hd ul li:hover:nth-child(2), .indexProduct_hd ul li.on:nth-child(2){
	background:url(../images/product7.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(3), .indexProduct_hd ul li.on:nth-child(3){
	background:url(../images/product8.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(4), .indexProduct_hd ul li.on:nth-child(4){
	background:url(../images/product9.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(5), .indexProduct_hd ul li.on:nth-child(5){
	background:url(../images/product10.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(6), .indexProduct_hd ul li.on:nth-child(6){
	background:url(../images/productt6_on.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(7), .indexProduct_hd ul li.on:nth-child(7){
	background:url(../images/productt7_on.png) no-repeat center top;
}
.indexProduct_hd ul li:hover:nth-child(8), .indexProduct_hd ul li.on:nth-child(8){
	background:url(../images/productt8_on.png) no-repeat center top;
}
.indexProduct_bd{
	padding-top: 43px;
	overflow: hidden;
	position: relative;
}

.indexProduct_bd ul .swiper-slide{
	overflow: hidden;
	position: relative;
}
.indexProduct_bd ul .swiper-slide img{
	width:100%;
	transform: scale(1);
	transition: all .5s ease;
}
.indexProduct_bd ul .swiper-slide:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.indexProduct_bd ul .swiper-slide span{
	position: absolute;
	background:rgba(0,0,0,0.1);
	line-height:60px;
	color:#fff;
	width:100%;
	text-align: center;
	font-size:17px;
	left: 0;
	bottom: 0;
	transition: all .5s ease;
}
.indexProduct_bd ul .swiper-slide:hover span{
	background:rgba(11,46,140,0.7);
}
/*.indexProduct_bd ul li span::before{
	content:"";
	display:block;
	background:#999f94;
	width:46px;
	height: 1px;
	position: absolute;
	left:34%;
	top: 39px;
}
.indexProduct_bd ul li span::after{
	content:"";
	display:block;
	background:#999f94;
	width:46px;
	height: 1px;
	padding-right:14px;
	position: absolute;
	right:34%;
	top: 39px;
}*/
#gzproductN{
	width: 64px;
	height: 64px;
	background:url(../images/gzproductN.png) no-repeat;
	right: 57px;
}
#gzproductP{
	width: 64px;
	height: 64px;
	background:url(../images/gzproductP.png) no-repeat;
	left: 57px;
}
/*bangong*/
.indexBangong{
	width:100%;
	overflow: hidden;
	background: url(../images/bangongbg.jpg) no-repeat;
	background-size:cover;
	padding:68px 0 50px 0;
}
.indexBangong_hd{
	width:100%;
	max-width:1380px;
	margin:0 auto;
	position: relative;
}
#Bangong-container {
	width:89.782%;
	margin:0 auto;
}
#Bangong-container .swiper-wrapper{
	
}
#Bangong-container .swiper-slide{
	position:relative;
	border:1px solid #dadada;
	color:#333333;
	font-size:16px;
	line-height: 47px;
	float:left;
	width:141px;
	text-align: center;
	cursor: pointer;
	transition: all .5s ease;
	padding-left: 25px;
}
#Bangong-container .swiper-slide:first-child{
	margin-left:0px;
}
#Bangong-container .swiper-slide img{
	margin-right: 10px;
}
#Bangong-container .swiper-slide .bangonghd-icon{
	position: absolute;
	top: 11px;
    left: 21px;
}
#Bangong-container .swiper-slide:nth-child(2){
	padding-left: 30px;
}
#Bangong-container .swiper-slide:nth-child(2) .bangonghd-icon{
	left: 14px;
}
#bangongN{
	background:url(../images/bangongN.png) no-repeat left center;
	width:36px;
	right: 0px;
}
#bangongP{
	background:url(../images/bangongP.png) no-repeat left center;
	width:36px;
	left: 0px;
}
#Bangong-container .swiper-slide .bangonghd-icon .nohover{
	display: block;
}
#Bangong-container .swiper-slide .bangonghd-icon .hover{
	display: none;	
}
/*hover*/
#Bangong-container .swiper-slide:hover, #Bangong-container .swiper-slide.on{
	border:1px solid #0b2f8c;
	background: #0b2f8c;
	color:#fff;
	transition: all .5s ease;
}
#Bangong-container .swiper-slide:hover .bangonghd-icon .nohover, #Bangong-container .swiper-slide.on .bangonghd-icon .nohover{
	display: none;
}
#Bangong-container .swiper-slide:hover .bangonghd-icon .hover, #Bangong-container .swiper-slide.on .bangonghd-icon .hover{
	display: block;	
}
/*indexBangong_bd*/
.indexBangong_bd{
	width:100%;
	max-width: 1380px;
	overflow: hidden;
	margin:0 auto;
	padding-top: 57px;
}
.indexBangong_bd .item{
	width:100%;
	overflow: hidden;
}
.indexBangong_bd .item .p19{
	text-align: center;
	margin-bottom:36px;
}
.indexBangong_bd .item .p19 .item_list{
	background: #fff;
	overflow: hidden;
	/*padding:25px 50px;*/
}
.indexBangong_bd .item .p19:nth-child(4n+1){
	margin-left: 0px;
}
.indexBangong_bd .item .p19 .item_Pic{
	overflow: hidden;
}
.indexBangong_bd .item .p19 .item_Txt{
	font-size:16px;
	line-height: 28px;
	height: 28px;
	color:#333333;
	margin:17px 0 10px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: all .6s ease;
}
.indexBangong_bd .item .p19 .item_Pic img{
	transform: scale(1);
	transition: all .6s ease;
}
.indexBangong_bd .item .p19:hover .item_Pic img{
	transform: scale(1.2);
	transition: all .6s ease;
}
.indexBangong_bd .item .p19:hover .item_Txt{
	color:#0b2e8c;
	transition: all .6s ease;
}
/*indexAdvantage*/
.indexAdvantage{
	width:100%;
	overflow: hidden;
	margin:0 auto;
	padding:63px 0 98px 0;
	max-width: 1380px;
}
.indexAdvantage_left{
	width:43.7681%;
	float:left;
}
.indexAdvantage_right{
	float: right;
	padding-top: 45px;
}
.indexAdvantage_bd ul li{
	display: none;
}
.indexAdvantage_bd ul li:first-child{
	display: block;
}
.indexAdvantage_left_title{
	font-size:36px;
	font-weight: bold;
	color:#333333;
	line-height: 46px;
	text-align: left;
}
.indexAdvantage_sub{
	position: relative;
    display: block;
    text-align: left;
    margin: 20px 0 15px;
	padding-left: 56px;
}
.indexAdvantage_sub::before{
	content: "";
    background: url(../images/shortline-l.png) no-repeat;
    display: block;
    width: 40px;
    height: 8px;
    position: absolute;
    left: 0%;
    top: 8px;
}
.indexAdvantage_sub::after{
	content: "";
    background: url(../images/shortline-r.png) no-repeat;
    display: block;
    width: 40px;
    height: 8px;
    position: absolute;
    right: 78%;
    top: 8px;
}
.indexAdvantage_hd{
	width:100%;
}
.indexAdvantage_hd .item{
	border-bottom:1px solid #ebeaea;
	padding-top: 14px;
	cursor: pointer;
	padding-bottom:20px;
	padding-left: 10px;
	transition: all .5s ease;
}
.indexAdvantage_hd .item.on{
	background: #f2f2f2;
	padding-left: 20px;
	transition: all .5s ease;	
}
.indexAdvantage_hd .item >.item_title{
	font-size:20px;
	color:#333333;
	line-height: 42px;
	transition: all .5s ease;
}
.indexAdvantage_hd .item >.item_title i{
	font-size:10px;
	color:#0b2f8c;
	padding-right: 11px;
}
.indexAdvantage_hd .item >.item_sub{
	font-size:15px;
	line-height: 25px;
	color:#888888;
	padding-top: 8px;
	transition: all .5s ease;
}
.indexAdvantage_hd .item:hover >.item_title, .indexAdvantage_hd .item.on >.item_title{
	color:#0b2f8c;
	transition: all .5s ease;
}
.indexAdvantage_hd .item:hover >.item_sub, .indexAdvantage_hd .item.on >.item_sub{
	color:#0b2f8c;
	transition: all .5s ease;
}
.indexAdvantage_bd ul{
	display: none !important;
}
.indexAdvantage_bd ul:first-child{
	display: block !important;
}
/*indexSolution*/
.indexSolution{
	width:100%;
	overflow: hidden;
	background:#f6f4f3 url(../images/solutionbg.jpg) no-repeat;
	background-size:cover;
	padding:55px 0 97px 0;
}
.indexSolution_hd{
	width:100%;
	overflow: hidden;
	text-align: center;
}
.indexSolution_hd ul{
	width:56.6%;
	margin:0 auto;
	overflow: hidden;
	max-width: 781px;
}
.indexSolution_hd ul li{
	font-size:20px;
	color:#333333;
	border-top: 1px solid #c8c7c7;
	border-bottom: 1px solid #c8c7c7;
	text-align: center;
	width:358px;
	float:left;
	line-height: 54px;
	cursor:pointer;
	transition: all .5s ease;
}
.indexSolution_hd ul li:nth-child(2){
	float:right;
}
.indexSolution_hd ul li:hover, .indexSolution_hd ul li.on{
	color:#0b2e8c;
	border-top: 1px solid #0b2e8c;
	border-bottom: 1px solid #0b2e8c;
	transition: all .5s ease;
}
.indexSolution_bd{
	width:100%;
	margin-top: 68px;
}
.indexSolution_bd ul{
	position: relative;
}
.indexSolution_bd ul li{
	width:100%;
	overflow: hidden;
}
#Solution_bd {
	max-width: 1380px;
	margin:0 auto;
}
#Solution_bd .swiper-slide{
	position: relative;
}
#Solution_bd .swiper-slide::before{
	position: absolute;
	content: "";
   /* display: block;*/
	width: calc(100% - 30px);
    height: calc(100% - 24px);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    top: 12px;
    left: 15px;
    z-index: 2;
}
.img-warp{
	position: relative;
	z-index: 1;
}
.img-warp span{
	position: absolute;
	font-size:16px;
	color:#fff;
	width:100%;
	text-align: center;
	left:0%;
	bottom: 55px;
	z-index: 2;
}
.img-shadow{
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1;
}
.img-round{
	height: 48px;
    position: absolute;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 100%;
    color: #fff;
    z-index: 2;
	opacity: 0;
}
#Solution_bd .swiper-slide:hover .img-warp{
	background:rgba(0,0,0,0.1);
	transition: all .1s ease;
}
#Solution_bd .swiper-slide:hover .img-round{
	opacity: 1;
}
.img-round .round-ico1{
	width: 48px;
    height: 48px;
    position: relative;
    margin: 0 auto;
}
.img-round .round-ico1 .cir-wrap{
	opacity: 1;
    transition-duration: .5s;
}
.cir-wrap .list3-cir{
	position: absolute;
    display: block;
    border-radius: 50%;
    animation: cir-scale2 2s linear infinite;
}
.cir-wrap .list3-cir1{
	border: 1px solid #fff;
    width: 80px;
    height: 80px;
    left: -13px;
    top: -16px;
}
.cir-wrap .list3-cir2{
	border: 1px solid #fff;
    width: 80px;
    height: 80px;
    left: -23px;
    top: -34px;
}
.cir-wrap .list3-cir3{
	border: 1px solid rgba(255, 255, 255, 0.2);
    width: 180px;
    height: 180px;
    left: -68px;
    top: -76px;
}
@keyframes rotate360 {
  form {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } 
}
@keyframes cir-scale {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }
  80% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1); } 
}
@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(0.5); } 
}
@keyframes cir-scale3 {
  0% {
    opacity: 0;
    transform: scale(0.85); }
  20% {
    opacity: 1; }
  60% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(0.85); } 
}
@keyframes cir-scale4 {
  0% {
    transform: scale(0.5); }
  60% {
    transform: scale(1.2); }
  100% {
    transform: scale(0.5); } 
}
#SolutionN{
	background:url(../images/solutionN.png) no-repeat;
	width:64px;
	height: 64px;
	right: 6%;
}
#SolutionP{
	background:url(../images/solutionP.png) no-repeat;
	width:64px;
	height: 64px;
	left: 6%;
}
/*indexCase*/
.indexCase{
	width:100%;
	overflow: hidden;
	background:#f6f4f3 url(../images/casebg.jpg) no-repeat;
	background-size:cover;
	padding:70px 0 90px 0;
}
.indexCase .container{
	position: relative;
}
.indexCase_bd{
	float:left;
	z-index: 100;
	width:73.767%;
	position: relative;
}
.case-item_title{
	font-size:24px;
	color:#0b2f8c;
	line-height: 58px;
}
.case-item_title i{
	font-size:12px;
	margin-right: 11px;
}
.case-item_pic{
	padding-top: 11px;
}
.case-item_pic .swiper-container{
	padding-bottom:120px;
}
.case-item_pic .swiper-pagination{
	width:56%;
	bottom: 40px;
	color:#999999;
	text-align: left;
	padding-left: 29px;
	padding-bottom: 15px;
	font-size: 28px;
	border-bottom: 2px solid #e0e0e1;
}
.case-item_pic .swiper-pagination .swiper-pagination-current{
	font-family: arial;
	font-size: 28px;
	color:#0b2f8c;
	font-style: italic;
	padding:0 5px;
}
.case-item_pic .swiper-pagination .swiper-pagination-total{
	font-size: 20px;
	color:#999999;
	font-family: arial;
	padding:0 5px;
}
.case-item_pic .swiper-button-next{
	background:url(../images/caseN.png) no-repeat;
	left: 120px;
	width:10px;
	height: 17px;
	bottom: 68px;
	top: unset;
}
.case-item_pic .swiper-button-prev{
	background:url(../images/caseP.png) no-repeat;
	left: 1px;
	width:10px;
	height: 17px;
	bottom: 68px;
	top: unset;
}
.indexCase_bd .more{
	width:210px;
	font-size:16px;
	border:1px solid #0b2e8c;
	color:#0b2e8c;
	background:url(../images/rightarrowb.png) no-repeat 146px center;
	float: right;
	position: absolute;
	bottom: -55px;
	right: 226px;
	padding: 15px 33px 15px 36px;
	z-index: 99999;
	display: block !important;
}
.indexCase_hd{
	width: 28.913%;
	height: 100%;
	float: right;
	position: absolute;
	background:#fff;
	border-top-right-radius: 48px;
	border-bottom-left-radius: 48px;
	right: 0;
	top: 0;
	padding: 73px 0px 81px 86px;
}
.indexCase_hd ul li{
	padding-right:33px;
	text-align: right;
	cursor: pointer;
}
.indexCase_hd ul li span{
	font-size:16px;
	border-bottom: 1px solid #e3e3e4;
	line-height: 56px;
	display: block;
	color:#333333;
}
.indexCase_hd ul li:hover, .indexCase_hd ul li.on{
	background: #0b2f8c;
}
.indexCase_hd ul li:hover span, .indexCase_hd ul li.on span{
	color:#fff;
}
.indexCase_hd ul li i{
	font-size:12px;
	color:#fff;
	padding-left: 10px;
}
.indexCase_hd ul li:last-child span{
	border-bottom: none;
}
.indexCase_bd .more:hover{
	background:#0b2e8c url(../images/rightarrow.png) no-repeat 146px center;
	color:#fff;
}
/*indexAbout*/
.indexAbout{
	width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 63px 0 98px 0;
	background: #f4f4f4;
}
.indexAbout_left{
	width:50%;
	float: left;
}
.indexAbout_left_title{
	font-size: 36px;
    font-weight: bold;
    color: #333333;
    line-height: 46px;
    text-align: left;
}
.indexAbout_sub{
	position: relative;
    display: block;
    text-align: left;
    margin: 20px 0 15px;
    padding-left: 56px;
}
.indexAbout_sub::before{
	content: "";
    background: url(../images/shortline-l.png) no-repeat;
    display: block;
    width: 40px;
    height: 8px;
    position: absolute;
    left: 0%;
    top: 8px;
}
.indexAbout_sub::after{
	content: "";
    background: url(../images/shortline-r.png) no-repeat;
    display: block;
    width: 40px;
    height: 8px;
    position: absolute;
    right: 80.5%;
    top: 8px;
}
.indexAbout_info{
	font-size:15px;
	color:#555555;
	line-height: 32px;
	padding-top: 22px;
}
.Aboutmore{
	padding-top: 31px;
}
.indexAbout_list{
	width:100%;
	overflow: auto;
	padding-top: 59px;
}
.indexAbout_list .p16{
	padding-right: 16px;
	padding-left: 0;
}
.indexAbout_list .p16 .Pic{
	width:100%;
	position: relative;
	overflow: hidden;
}
.indexAbout_list .p16 .Pic img{
	transition: all .5s ease;
	transform: scale(1);
	width: 100%;
}
.indexAbout_list .p16 .Pic:hover img{
	transition: all .5s ease;
	transform: scale(1.1);
}
.indexAbout_list .p16 .Pic span{
	position: absolute;
	width:100%;
	background:rgba(0,0,0,0.5);
	line-height: 42px;
	text-align: center;
	color:#fff;
	font-size:16px;
	bottom: 0;
	left: 0;
	transition: all .5s ease;
}
.indexAbout_list .p16 .Pic:hover span{
	background:rgba(11,47,140,0.8);
	transition: all .5s ease;
}
.indexAbout_right{
	float:right;
	padding-top: 33px;
	overflow: hidden;
}
.indexAbout_right img{
	transition: all .5s ease;
	transform: scale(1);
	width: 100%;
}
.indexAbout_right:hover img{
	transition: all .5s ease;
	transform: scale(1.1);
}
/*indexNews*/
.indexNews{
	width:100%;
	margin:0 auto;
	padding:56px 0px 84px 0px;
	border-bottom: 1px solid #b2b2b2;
}
.indexNews_info{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
.indexNews_info_left{
	float:left;
	width: 30.144927%;
}
.leftnews_item{
	width:100%;
	overflow: hidden;
	transition: all .5s ease;
}
.leftnews_item:hover{
	transition: all .5s ease;
	box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.3);
}
.leftnews_item .Pic{
	width:100%;
	overflow: hidden;
}
.leftnews_item .Pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.leftnews_item:hover .Pic img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.leftnews_item .Txt{
	background: #f8f8f8;
	padding:19px 22px 47px 20px;
}
.leftnews_item .Txt .tit{
	font-size:18px;
	color:#333333;
	line-height: 28px;
	transition: all .5s ease;
}
.leftnews_item:hover .Txt .tit{
	color: #0b2f8c;
    transition: all .5s ease;
}
.leftnews_item .Txt .date{
	font-size:26px;
	font-family: arial;
	color:#b1aea9;
	line-height: 35px;
	padding-top: 12px;
}
.leftnews_item .Txt .date span{
	font-size:14px;
	color:#b1aea9;
	padding-left: 5px;
	line-height: 35px;
	vertical-align: top;
}
.leftnews_item .Txt .sub{
	font-size:15px;
	line-height: 26px;	
	color:#888888;
	padding-top: 24px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height: 100px;
}
.indexNews_info_right{
	width:69.85507%;
	float:left;
	padding-left:1.970954%;
}
.rightnews_item{
	width:49.5%;
	float:left;
	background:#f8f8f8;
	padding: 19px 55px 22px 20px;
	margin-bottom: 8px;
	transition: all .5s ease;
}
.rightnews_item:hover{
	transition: all .5s ease;
	box-shadow: -5px 5px 10px -5px rgba(0,0,0,0.3);
}
.rightnews_item:nth-child(2n+2){
	margin-left: 1%;;
}
.rightnews_item .Txt{
	width:100%;
}
.rightnews_item:hover .Txt .tit{
	color:#0b2f8c;
	transition: all .5s ease;
}
.rightnews_item .Txt .tit{
	font-size:18px;
	color:#333333;
	line-height: 28px;
	transition: all .5s ease;
}
.rightnews_item .Txt .date{
	font-size:26px;
	font-family: arial;
	color:#b1aea9;
	line-height: 35px;
	padding-top: 12px;
}
.rightnews_item .Txt .date span{
	font-size:14px;
	color:#b1aea9;
	padding-left: 5px;
	line-height: 35px;
	vertical-align: top;
}
.rightnews_item .Txt .sub{
	font-size:15px;
	line-height: 26px;	
	color:#888888;
	padding-top: 8px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height:30px;	
}
.indexNews .more{
	width: 210px;
    border: 1px solid #0b2e8c;
	background: url(../images/rightarrowb.png) no-repeat 146px center;	
	margin: 0 auto;
	margin-top: 58px;
	transition: all .5s ease;
}
.indexNews .more a{
	font-size: 16px;
	color: #0b2e8c;
	padding-left: 35px;
	display: block;
	line-height: 48px;
	transition: all .5s ease;
}
.indexNews .more:hover{
	background:#0b2e8c url(../images/rightarrow.png) no-repeat 146px center;
	transition: all .5s ease;
}
.indexNews .more:hover a{
	color: #fff;
	transition: all .5s ease;
}
/*foot*/
.foot{
	width: 100%;
	padding: 54px 0px 0px 0px;
	background:#333333 url(../images/footlogo.png) no-repeat 64% 100%;
	position: relative;
}
.foot > .container{
	padding-bottom: 70px;
}
.foot>span{
	position: absolute;
	top: 0;
	left: 0;
	background-image:linear-gradient(rgb(46, 46, 46), rgb(51, 51, 51));
	height: 28px;
	width:100%;
}
.foot-left{
	width:51.95652%;
	float:left;
}
.foot-leftlist{
	float:left;
	width:25%;
}
.foot-leftlist h3{
	font-size:16px;
	line-height: 24px;
	color:#ffffff;
	text-align: left;
}
.foot-leftlist ul{
	padding-top: 16px;
}
.foot-leftlist ul li a{
	font-size:14px;
	line-height: 33px;
	color:rgba(255,255,255,0.6)
}
.copyright{
	border-top: 1px solid #565656;
	line-height: 54px;
	width:100%;
}
.copyright-left{
	float:left;
	color:rgba(255,255,255,0.5);
	font-size:14px;
}
.copyright-right{
	float:right;
	color:rgba(255,255,255,0.5);
	font-size:14px;
}
.foot-right{
	float:right;
}
.foot-rightlist{
	/*text-align: right;*/
}
.foot-rightlist ul li{
	font-size:14px;
	color:#fff;
	line-height: 36px;
}
.foot-rightlist ul li a{
	color:#fff;
}
.foot-rightlist ul li>span{
	color:#eeaf27;
	font-family: arial;
	font-size:20px;
}
.foot-rightlist ul li>span a{
	color:#eeaf27 !important;
}
.foot-rightlist ul li:first-child{
	background:url(../images/add.png) no-repeat 0px 9px;
	padding-left:27px;
}
.foot-rightlist ul li:nth-child(2){
	background:url(../images/tel.png) no-repeat left center;
	padding-left:27px;
}
.foot-rightlist ul li:nth-child(3){
	background:url(../images/phone.png) no-repeat left center;
	padding-left:27px;
}
.foot-rightlist ul li:nth-child(4){
	background:url(../images/email.png) no-repeat left center;
	padding-left:27px;
}
.copyright a:hover{
	color: rgba(255,255,255,1);
}
/*右侧悬浮*/
.right-nav {
	position: fixed;
	right: 2.5%;
	top: 46%;
	width: 68px;
	height: 325px;
	margin-top:-127px ;
	color: #fff;
	z-index: 99;
	transition: right, 0.5s;
	font-size: 13px;
	background:#fff;
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
}
.right-nav .iconfont{
	color: #18328c;
	line-height: 50px;
	font-size: 24px;
	display: block;
}

.right-nav .nav-advertisement {
	cursor: pointer;
}
.fttel{
	line-height: 22px;
}
.fttel span{
	display: block;
	width: 90%;
	margin: 0 auto;
	
}
 

.right-nav .nav-recharge .line {
	width: 24px;
	height: 1px;
}
.right-nav .nav-hover {
 
}
.right-nav .nav-hover>div {
	height: 65px;
	position: relative;
	text-align: center;
	line-height: 3px;
	overflow: hidden;
	color:#18328c;
}
.right-nav .nav-hover>.go-top {
	cursor: pointer;
	transition-property: left;
	transition-duration: 0.5s;
	display: block !important;
}
#gotop i{
	font-size: 25px;
	line-height: 60px;
}
.right-nav .nav-hover>.go-top>img {
	width: 20px;
}

.right-nav .nav-hover>div>img {
	margin-top: 9px;
}
.right-nav .nav-hover>div .nav-open {
	position: absolute;
	left: -150px;
	top: 0;
	min-height: 60px;
	width: 0;
	line-height: 60px;
	background-color: #18328c;
	color: #fff;
	transition: all .5s ease;
	display: none;
	height: 100%;
}
.right-nav .nav-hover>div .nav-open a{
	display: block;
}
.right-nav .nav-hover>div:hover .nav-open {
	left: -141px;
	display:block;
	width: 140px;
	transition: all .5s ease;
}
.right-nav .nav-hover>div.mp-code-wrap .nav-open {
	width: 281px;
	left: -296px;
	background-color: #ffffff;
}

.right-nav .nav-hover>div.mp-code-wrap .redPoi {
	display: block;
}

.right-nav .nav-hover>div.mp-code-wrap:hover .nav-open {
	opacity: 1;
	left: -281px;
	display: block;
}

.right-nav .nav-hover>div.mp-code-wrap .mp-code .line {
	margin: 18px 5px 0;
	height: 100px;
	width: 1px;
	background-color: #ccc;
}

.right-nav .nav-hover>div.mp-code-wrap .content {
	background-color: #ffffff;
	color: #282828;
}

.right-nav .nav-hover>div .nav-open .arrow {
	position: absolute;
	right: -8px;
	top: 14px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #18328c;
}

.right-nav .nav-hover>div .nav-open .team-num {
	line-height: 18px;
	color: #f6f8f9;
	margin-top: -5px;
	padding-bottom: 5px;
}

.right-nav .nav-hover>div .nav-open .team-num2 {
	margin-top: 10px;
	font-size: 12px;
}

.right-nav .nav-hover>div .nav-open img {
	width: 135px;
}

.right-nav .nav-hover>div {
	overflow: visible;
	border-bottom:#d6d6d7 solid 1px;
}
.right-nav .nav-hover>div:hover{
	background: #18328c;
	transition: all .5s ease;
	border-bottom: none;
	border-left: 1px solid rgba(255,255,255,0.1);
	color:#fff;
}
.right-nav .nav-hover>div:hover i{
	color:#fff;
	transition: all .5s ease;
}
.right-nav .nav-hover>div:hover {
	overflow: visible;
}
.right-nav .nav-hover>div .fdweixin {
	background: #18328c!important;
	padding: 8px;
	width: 150px;
	left: -180px;
}
 .right-nav .nav-hover>div:hover .fdweixin {
	opacity: 1;
	left: -155px;
	display:block;
}
@media screen and (max-width: 1365px) {
	.right-nav {
		right: 0px;
	}
	 
	.right-nav .nav-recharge .line {
		background-color: transparent;
	}
	 
	.right-nav .nav-advertisement img {
		margin-left: 0;
	}
}

@media screen and (min-width: 1366px) {
	
	.right-nav .nav-recharge,
	.go-top {
		left: 0;
	}
	.right-nav .nav-recharge .line {
		background-color: #636363;
	}
	.right-nav .nav-hover>.go-top {
	 
	}
	.right-nav .nav-advertisement img {
		margin-left: -36px;
	}
}
/*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: -210px;
	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: 420px;
	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: 48%; 
	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;
	float: left;
}
.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;
}
.tc-inner .closetc{
	color: #999;
	border-radius: 10px;
	border: 1px solid #999;	
	display: block;
	line-height: 40px;
	margin-left: 4%;
	transition: all .5s ease;
}
.tc-inner .closetc:hover{
	color: #fff;
	background: #999;
	transition: all .5s ease;
}
/*Nybanner*/
.Nybanner{
	width:100%;
	overflow: hidden;
}
.subdh{
	border-bottom: 1px solid #d3d3d3;
	line-height: 54px;
}
.subdh-left{
	float:left;
	font-size:24px;
	color:#333333;
	border-bottom:3px solid #0b2f8c;
}
.subdh-right{
	float:right;
	font-size:15px;
	color:#666666;
}
.subdh-right i{
	color:#cdcccc;
	font-size:15px;
	padding-right: 7px;
}
.contactinfo{
	width:100%;
	overflow: hidden;
	padding-top: 69px;
	padding-bottom:105px;
}
.contactinfo_title{
	font-size:36px;
	line-height: 48px;
	color:#0b2f8c;
	text-align: center;
}
.contactinfo_sub{
	position: relative;
    display: block;
    text-align: center;
    margin: 25px 0 22px;
}
.contactinfo_sub::before{
	position: absolute;
	display: block;
	content: "";
	width: 36px;
	height: 2px;
	background: #bcbbbb;
	left: 45%;
	top: 13px;
}
.contactinfo_sub::after{
	position: absolute;
	display: block;
	content: "";
	width: 36px;
	height: 2px;
	background: #bcbbbb;
	right: 45%;
	top: 13px;
}
.contactinfo_list{
	width:100%;
	overflow: hidden;
	padding-bottom: 58px;
	padding-top: 20px;
}
.contactinfo_list .p18{
	background:#fff;
}

.contactinfo_list .p18 .Txt{
	font-size:22px;
	font-weight: bold;
	color:#555555;
	text-align: center;
}
.contactinfo_list .p18 .sub{
	font-size:14px;
	color:#666666;
	line-height: 20px;
	padding-top: 15px;
	text-align: center;
}
.contactinfo_list .p18_item{
	padding-top: 28px;
	box-shadow:0px 2px 17px 5px rgba(0,0,0,0.1);
	padding-bottom: 38px;
	position: relative;
	overflow: hidden;
}
.contactinfo_list .p18 .p18_item::before{
	position: absolute;
	content:"";
	display: block;
	background:url(../images/contact_listball.png) no-repeat left top;
	width: 164px;
    height: 124px;
}
.contactinfo_list .p18:first-child .p18_item::before{
	left: -23px;
	bottom: 127px;
}
.contactinfo_list .p18:nth-child(2) .p18_item::before{
	right: -31px;
	bottom: -50px;
}
.contactinfo_list .p18:nth-child(3) .p18_item::before{
	right: -52px;
	top: -37px;
}
.contactinfo_list .p18:nth-child(4) .p18_item::before{
	left: 24px;
	bottom: -48px;
}
.contactinfo_list .p18:first-child .Txt{
	background:url(../images/contact_add.png) no-repeat center top;
	padding-top: 83px;
	
}
.contactinfo_list .p18:nth-child(2) .Txt{
	background:url(../images/contact_phone.png) no-repeat center top;
	padding-top: 83px;
}
.contactinfo_list .p18:nth-child(3) .Txt{
	background:url(../images/contact_tel.png) no-repeat center top;
	padding-top: 83px;
}
.contactinfo_list .p18:nth-child(4) .Txt{
	background:url(../images/contact_email.png) no-repeat center top;
	padding-top: 83px;
}
.contactinfo_map{
	border:2px solid #ebeaea;
}
/*About*/
.aboutinfo{
	width:100%;
	padding-top: 87px;
	overflow: hidden;
}
.aboutprofile{
	width:100%;
	overflow: hidden;
	padding-bottom:100px;
}
.aboutprofile_left{
	float:left;
	width:38.11594%;
	overflow: hidden;
}
.aboutprofile_left img{
	transform: scale(1);
	transition: all .5s ease;
}
.aboutprofile_left:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.aboutprofile_right{
	width:61.8%;
	float:left;
	padding-left: 40px;
}
.aboutprofile_right_tit{
	font-size:36px;
	color:#0b2f8c;
	line-height: 48px;
}
.aboutprofile_right_subt{
	font-size:16px;
	line-height: 28px;
	font-family: arial;
	color:#0b2f8c;
	padding-top: 9px;
}
.aboutprofile_right_info{
	width:100%;
	overflow: hidden;
	font-size:15px;
	line-height: 28px;
	padding-top: 24px;
}
.aboutprofile_right_info_left{
	float:left;
	width:58%;
	text-align: justify;
}
.aboutprofile_right_info_right{
	float: left;
	width:42%;
	padding-left:5.8343%;
	text-align: justify;
}
.aboutculture{
	background:url(../images/culture.jpg) no-repeat;
	background-size:cover;
	width:100%;
	overflow: hidden;
	height: 539px;
	position: relative;
}
.aboutculture_title{
	font-size:36px;
	color:#fff;
	line-height: 48px;
	text-align: left;
	padding-top: 63px;

}
.aboutculture_info{
	widht:100%;
	padding-top: 25px;
}
.aboutculture_info_item{
	width: 32.88405%;
	line-height: 102px;
	border-bottom: 1px dashed #8699c1;
	color:#ffffff;
}
.aboutculture_info_item h1{
	font-size:22px;
	font-weight: bold;
	line-height: 28px;
	padding-top: 21px;
}
.aboutculture_info_item h2{
	font-size:16px;
	line-height: 26px;
	padding-top: 12px;
	padding-bottom: 16px;
}

.abouthonor{
	width:100%;
	overflow: hidden;
	padding-top:79px;
	padding-bottom: 92px;
	background:#f5f5f5;
	position: relative;
}
.abouthonor_title{
	font-size:36px;
	line-height: 36px;
	color:#333333;
	text-align: center;
}
.abouthonor_info{
	width:100%;
	overflow: hidden;
	padding-top: 57px;
	position: relative;
}
#abHonorContainer{
	width:100%;
	max-width: 1380px;
}
#abHonorN{
	background: url(../images/solutionN.png) no-repeat;
    width: 64px;
    height: 64px;
    right: 6%;
}
#abHonorP{
	background: url(../images/solutionP.png) no-repeat;
    width: 64px;
    height: 64px;
    left: 6%;
}
.slide-honor{
	position: relative;
}
.slide-honor img{
	width:100%;
}
.slide-honor span{
	width:100%;
	display: block;
	line-height: 58px;
	color:#333333;
	font-size:16px;
	text-align: center;
	border-bottom: 2px solid #cdcccc;
}

.aboutcj{
	width:100%;
	overflow: hidden;
	margin:0 auto;
	padding:93px 0px 90px;
	position: relative;
}
.aboutcj_info{
	width:100%;
	overflow: hidden;
}
.aboutcj_info_left{
	float:left;
	width:37.6811%;
}
.aboutcj_info_right{
	float:left;
	width:62.318%;
	padding-left:24px;
}
.aboutcj-cp{
	background: #f1f1f1;
	padding:82px 36px 72px 53px;
	overflow: hidden;
}
.aboutcj-lx{
	border:1px solid #0b2e8c;
	font-size:36px;
	color:#0b2e8c;
	padding: 21px 36px;
	float:left;
	position: relative;
}
.aboutcj-lx span{
	position: absolute;
	border:1px solid #7e8fbe;
	width:100%;
	height: 100%;
	top: 6px;
	left: 5px;
}
.aboutcj-xp{
	overflow: hidden;
	padding-left: 41px;
	font-size:16px;
	line-height: 26px;
	color:#555555;
	padding-top: 48px;
}
.aboutcj-fz{
	padding-top: 20px;
	width:100%;
	overflow: hidden;
}
.aboutcj-fz .p16{
	padding-left: 0;
	padding-right: 16px;
}
.aboutcj-fz .p16:last-child{
	padding-right: 0;
}
.aboutcj-fz .p16 .pic{
	overflow: hidden;
}
.aboutcj-fz .p16 .pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.aboutcj-fz .p16 .pic:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.aboutright{
	position: fixed;
	left: 0.5%;
	top: 30%;
	background:url(../images/about-sx.jpg) repeat-y left 5px top;
	opacity: 0;
	transition: all .2s ease;
	z-index: 9999;
}
.aboutright.cur{
	opacity: 1;
	transition: all .2s ease;
}

.aboutright a{
	font-size:16px;
	display: block;
	color:#999;
	transition: all .5s ease;
	line-height: 26px;
	padding-bottom: 33px;
} 
.aboutright a i{
	color:#0b2f8c;
	font-size:11px;
	padding-right: 10px;
}
.aboutright a:hover, .aboutright a.on {
	color:#0b2f8c;
	list-style: none;
	text-decoration: none;
	transition: all .5s ease;
}
.List-hidden{
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    opacity: 0;
    margin-top: -90px;
}
/*case*/
.caseinfo{
	width:100%;
	position: relative;
	margin: 0 auto;
	padding-bottom: 70px;
}
.caseinfo_left{
	width:19.6376%;
	position: relative;
	float:left;
	top: -111px;
}
.casetitle{
	text-align: center;
	background: url(../images/case-hx.jpg) repeat-y;
	padding:20px 0 20px 0;
	width:100%;
	margin-bottom: 6px;
}
.casetitle .tit{
	font-size:28px;
	line-height: 38px;
	color:#fff;
}
.casetitle span{
	display: block;
	font-family: arial;
	font-size:16px;
	padding-top: 15px;
	color:#fff;
	letter-spacing: 5px;
	line-height: 20px;
}
.cls-list{
	width:100%;
	overflow: hidden;
	margin-bottom: 1px;
}
.cls-list h3{
	color:#555555;
	font-size: 16px;
	background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 33px center;
	line-height: 51px;
	padding-left:50px;
	cursor: pointer;
	transition: all .5s ease;
}
.cls-list h3 a{
	display: block;
}
.cls-list h3:hover, .cls-list h3.on{
	background: #2b4ca3 url(../images/whitesanjiao.png) no-repeat 33px center;
	transition: all .5s ease;
}
.cls-list h3:hover a, .cls-list h3.on a{
	color:#fff;
	transition: all .5s ease;
}
/*.cls-list h3.on ul{
	display: block;
}
.cls-list ul{
	background:#f9f9f9;
	padding:14px 0 8px 0;
	display: none;
}
.cls-list ul li a{
	display: block;
	text-indent: 50px;
	color:#888888;
	font-size:15px;
	line-height: 35px;
}
.cls-list ul li:hover a, .cls-list ul li.on a{
	color:#2b4ca3;
}*/
.caseinfo_right{
	float: left;
	width:80.3623%;
	padding-left: 5.4347%;
	padding-top: 66px;
}
.caseinfo_right_list{
	width:100%;
	overflow: hidden;
}
.case_item{
	width:48.5%;
	float:left;
	border:1px solid #e2e6ed;
	padding:7px 6px;
	margin-bottom: 32px;
}
.case_item:nth-child(2n+2){
	margin-left: 3%;
}
.case_pic{
	float:left;
	width: 51%;
	overflow: hidden;
}
.case_pic img{
	transition: all .5s ease;
	transform: scale(1);
}
.case_item:hover .case_pic img{
	transition: all .5s ease;
	transform: scale(1.2);
}
.case_txt{
	float:left;
	width: 49%;
	background: #f9f9f9;
	padding:4px 0 24px 22px;
}
.case_txt h1{
	color:#333333;
	font-size:18px;
	line-height: 47px;
	border-bottom: 1px solid #e4e4e4;
	transition: all .5s ease;
}
.case_item:hover .case_txt h1{
	transition: all .5s ease;
	color:#0b2f8c;
}
.case_txt h2{
	line-height:40px;
	font-size:15px;
	color:#555555;
	border-bottom: 1px solid #e4e4e4;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	height: 40px;
}
.case_txt .more{
	color:#0b2f8c;
	font-size:15px;
	line-height: 30px;
	display: block;
	position: relative;
	margin-top:14px;
}
.case_txt .more span{
	float: right;
	position: absolute;
	background: url(../images/learnmore.png) no-repeat;
	width: 19px;
	height: 12px;
	bottom: 10px;
	left: 69px;
}

/*caseDeinfo*/
.caseDeinfo{
	width:100%;
	overflow: hidden;
	padding: 44px 0 50px 0;
}
.caseDeinfo_left{
	width:66.3043%;
	float: left;
	padding-bottom: 150px;
}
.caseDeinfo_left_title{
	font-size:32px;
	color:#333333;
	line-height: 62px;
	padding-bottom:16px;
	border-bottom: 1px solid #e7e7e7;
}
.caseDeinfo_left_info{
	font-size:15px;
	color:#666666;
	line-height: 28px;
}
.info_item{
	padding-top: 27px;
	padding-bottom:86px;
	border-bottom:1px solid #e7e7e7;
}
.caseDeinfo_left_info .pnht{
	float: left;
	line-height:32px;
	font-size:15px;
	color:#555555;
	padding-top: 45px;
}
.caseDeinfo_left_info .pnht .prev{
	
}
.caseDeinfo_left_info .pnht .next{
    margin-left: 15px;	
}
.caseDe_return{
	float:right;
	margin-top: 45px;
}
.caseDe_return a{
	font-size:15px;
	color:#0b2f8c;
	border-radius: 19px;
	border:1px solid #0b2f8c;
	display: block;
	background:#fff url(../images/return.png) no-repeat 25px center;
	padding:7px 24px 7px 54px;
	transition: all .5s ease;
}
.caseDe_return a:hover{
	color:#fff;
	background:#0b2f8c url(../images/returnw.png) no-repeat 25px center;
	transition: all .5s ease;
}
.caseDeinfo_right{
	width:33.6957%;
	float:left;
	padding-left: 8.8%;
	padding-top: 24px;
}
.caseDe_recommend{
	width:100%;
	overflow: hidden;
	margin-bottom: 26px;
}
.caseDe_recommend_tit{
	width:100%;
	color:#ffffff;
	font-size:20px;
	line-height: 51px;
	background:#0b2f8c;
	text-indent: 33px;
}
.caseDe_recommend ul li{
	margin-top: 1px;
}
.caseDe_recommend ul li a{
	color:#666666;
	font-size:16px;
	background: #f1f1f1 url(../images/bluesanjiao.png) no-repeat 33px center;
	line-height: 51px;
    padding-left: 50px;
	transition: all .5s ease;
	display: block;
}
.caseDe_recommend ul li a:hover{
	color: #ffffff;
    background: #2b4ca3 url(../images/whitesanjiao.png) no-repeat 33px center;
	text-indent: 5px;
    transition: all .5s ease;
}
.caseDe_recommend_relate{
	width:100%;
}
.caseDe_relate_tit{
	font-size: 20px;
    line-height: 51px;
    background: #0b2f8c url(../images/learnmorew.png) no-repeat right 25px center;
	text-indent: 33px;
	padding-right: 25px;
	color: #ffffff;
}

.caseDe_recommend_relate .item{
	width:97.5%;
	margin-top: 19px;
	border:1px solid #d2d2d2;
	margin-right:2.5%;
	box-shadow: 8px 9px 0px 0px rgba(241,241,241,1);
	margin-bottom: 20px;
}
.caseDe_recommend_relate .item .pic{
	padding: 6px;
	overflow: hidden;
}
.caseDe_recommend_relate .item .pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.caseDe_recommend_relate .item:hover .pic img{
	transform: scale(1.1);
	transition: all .5s ease;
}
/*.caseDe_recommend_relate .item:hover .txt{
	color:#fff;
	background: #0b2f8c;
	transition: all .5s ease;
}*/
.caseDe_recommend_relate .item .txt{
	color:#333333;
	font-size:17px;
	line-height: 57px;
	border-bottom:1px solid #d2d2d2;
	padding:7px 0 2px 0;
	text-indent: 21px;
	transition: all .5s ease;
}
.caseDe_recommend_relate .item .knowmore{
	color:#777777;
	font-size:15px;
	line-height: 57px;
	text-indent: 20px;
	transition: all .5s ease;
}
.caseDe_recommend_relate .item:hover .knowmore{
	color:#0b2f8c;
	/*background: #0b2f8c;*/
	transition: all .5s ease;
}
/*bookshelf*/
#sjbanner{
	
}
#sjbanner .swiper-slide{
	position: relative;
}
#sjbanner .swiper-slide .bannerword{
	position: absolute;
	font-size:42px;
	font-weight: bold;
	color:#ffffff;
	bottom: 108px;
	text-align: center;
	width:100%;
}
#sjbanner .swiper-slide .bannerword span{
	font-size:16px;
	line-height:20px;
	color:#fff;
	letter-spacing: 6px;
	font-family: Arial;
	display: block;
}
#sjpagin{bottom: 25px;}
#sjpagin .swiper-pagination-bullet{
	width:13px;
	height: 13px;
	background:#fff;
	opacity: 1;
}
#sjpagin .swiper-pagination-bullet-active{
	margin:0 4px;
	background: #152b79;
}
#sjpagin .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0 7px !important;
}
/*install*/
.bookshelf_install{
	width:100%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 95px;
}
.bookshelf_install_title{
	position: relative;
	font-size:36px;
	color:#333333;
	text-align: center;
}
.bookshelf_install_title::before{
	position: absolute;
	content:"";
	width: 57px;
	height: 9px;
	left: 39%;
	top: 45%;
	background:url(../images/bookleft.png);
}
.bookshelf_install_title::after{
	position: absolute;
	content:"";
	width: 57px;
	height: 9px;
	right: 39%;
	top: 45%;
	background:url(../images/bookright.png);
}
.bookshelf_install_list{
	width:100%;
	margin: 0 auto;
	padding-top: 55px;
	overflow: hidden;
}
.bookshelf_install_left{
	width:54.7101%;
	float:left;
}
.bookshelf_install_left video{
	width: 100%;
	height: 485px;
}
.bookshelf_install_right{
	width:45.2898%;
	float:left;
	padding-left: 1.82%;;
}
.install_right_top{
	width:100%;
	overflow: hidden;
	margin-bottom: 13px;
}
.install_right_top .pic{
	float:left;
	width:48.5%;
	overflow: hidden;
}
.install_right_top .pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.install_right_top .pic:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.install_right_top .txt{
	width:51.5%;
	float:left;
	background:#f1f1f1;
	padding:22px 28px;
}
.install_right_top .txt h1{
	font-size:20px;
	line-height: 28px;
	color:#333333;
}
.install_right_top .txt h2{
	font-size:14px;
	line-height: 26px;
	color:#666666;
	padding-top: 12px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	max-height: 89px;
}
.install_right_bottom{
	width:100%;
}
.install_right_bottom_left{
	float:left;
	width:48.5%;
}
.install_right_bottom_right{
	float:left;
	width:48.5%;
	margin-left: 3%;
}
.install_right_bottom .pic{
	width:100%;
	overflow: hidden;
}
.install_right_bottom .pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.install_right_bottom .pic:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
.install_right_bottom .txt{
	padding:15px 0 17px 0;
	border-bottom:2px solid #e1e2e2;
}
.install_right_bottom .txt h1{
	color:#333333;
	font-size:20px;
	line-height: 32px;
}
.install_right_bottom .txt h2{
	padding-top: 8px;
	font-size:14px;
	line-height: 26px;
	color:#666666;
}
/*Steelshelf*/
.bookshelf_steel{
	width:100%;
	margin: 0 auto;
	background: #f1f1f1;
	padding:52px 0 97px 0;
	position: relative;
}
.bookshelf_steel_info{
	width:100%;
	margin:0 auto;
	padding-top: 41px;
	overflow: hidden;
}
.steel_info_left{
	width: 37.03125%;
	float:left;
	padding-top: 23px;
	padding-left: 10%;
    padding-right: 1%;
}

.left_sub{
	color:#555555;
	font-size:16px;
	line-height: 28px;
}
.left_button{
	border:1px solid #006dbc;
	background: #006dbc;
	text-align: center;
	width:155px;
	margin-top:153px;
}
.left_button a{
	color:#fff;
	line-height: 47px;
	display: block;
	position: relative;
}
.left_button a .bgsq{
	position: absolute;
	background: #fff;
	*filter: alpha(opacity=10);
	opacity: 0.1;
	left: 0;
    top: 0;
    right: 0;
    height: 100%;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.left_button a:hover .bgsq{
	height: 0;
}
.left_button3{
	border:1px solid #006dbc;
	background: #006dbc;
	text-align: center;
	width:155px;
	margin-top:43px;
}
.left_button3 a{
	color:#fff;
	line-height: 47px;
	display: block;
	position: relative;
}
.left_button3 a .bgsq{
	position: absolute;
	background: #fff;
	*filter: alpha(opacity=10);
	opacity: 0.1;
	left: 0;
    top: 0;
    right: 0;
    height: 100%;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.left_button3 a:hover .bgsq{
	height: 0;
}
/*.steel_info_right{
	position: relative;
	background: #006dbc;
	width:1209px;
	float:right;
}*/
.steel_info_right{
	width: 62.96875%;
	float:left;
	position: absolute;
	background:#0b2f8c;
	height: 77.894%;
	z-index: 1;
	right: 0;
}
.steel_container{
	padding-right: 16.9762%;
}
#steelimg{
	z-index: 2;
}
#steelimg .swiper-slide img{
	margin-top: 113px;
}
#stpagin{
   bottom: 45px;
}
#stpagin .swiper-pagination-bullet{
	width:12px;
	height: 12px;
	background:#fff;
	opacity: 1;
}
#stpagin .swiper-pagination-bullet-active{
	background: #006dbc;
}
/*zhuanyin*/
.bookshelf_zhuanyin{
	width:100%;
	overflow: hidden;
	margin: 0 auto;
	padding:123px 0 148px 0;
}
.bookshelf_zhuanyin_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.bookshelf_zhuanyin_title::before {
    position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 37.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.bookshelf_zhuanyin_title::after {
    position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 37.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
.bookshelf_zhuanyin_info{
	width: 100%;
	padding-top:60px;
}
.zhuanyin_info_left{
	float:left;
	width:49.5%;
}
.zhuanyin_info_right{
	float:right;
	width: 50.5%;
	padding-left:5.5697%;
}
.zhuanyin_info_left .pic{
	position: relative;
	background:#0b2f8c;
	height: 405px;
}
.zhuanyin_info_left .pic img{
	position: absolute;
	left: 24px;
	top: 24px;
}
.zhuanyin_righttit{
	font-size:24px;
	line-height: 28px;
	color:#0b2f8c;
	padding-top: 27px;
}
.zhuanyin_rightsub{
	font-size:16px;
	line-height: 28px;
	padding-top: 21px;
	color:#555555;
}
.zhuanyin_rightbut{
	border: 1px solid #006dbc;
    background: #006dbc;
    text-align: center;
    width: 155px;
    margin-top: 77px;
}
.zhuanyin_rightbut a{
	color: #fff;
    line-height: 47px;
    display: block;
	position: relative;
}
.zhuanyin_rightbut a .bgsq{
	position: absolute;
    background: #fff;
    *filter: alpha(opacity=10);
    opacity: 0.1;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.zhuanyin_rightbut a:hover .bgsq{
	height: 0;
}
/*wooden*/
.bookshelf_wooden{
	width:100%;
	margin:0 auto;
	background:#f1f1f1;
	padding:52px 0 81px 0;
}
.bookshelf_wooden_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.bookshelf_wooden_title::before {
    position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 35%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.bookshelf_wooden_title::after {
    position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 35%;
    top: 45%;
    background: url(../images/bookright.png);
}
.bookshelf_wooden_info{
	width:100%;
	margin:0 auto;
	padding-top: 47px;
}
.wooden_info_left{
	float: left;
	width:38.40579%;
}
.wooden_lefttit{
	font-size: 24px;
    line-height: 28px;
    color: #0b2f8c;
    padding-top: 77px;
}
.wooden_leftsub{
	font-size: 16px;
    line-height: 28px;
    padding-top: 24px;
    color: #555555;
}
.wooden_info_right{
	width:61.5942%;
	float: left;
	padding-left: 8.913%;
	position: relative;
}
.wooden_info_right .pic{
	text-align: left;
}
.wooden_info_right .pic2{
	position: absolute;
	right: 0;
	bottom: 55px;
}
.wooden_info_right .pic2 img{
	border:6px solid #fff;
}
/*bookshelf_case*/
.bookshelf_case{
	width:100%;
	margin:0 auto;
	padding:48px 0 80px 0;
}	
.bookshelf_case_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.bookshelf_case_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 36.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.bookshelf_case_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 36.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
.bookshelf_case_info{
	padding-top: 51px;
	width:100%;
}
#bkcase .tit{
	width:100%;
	background: #fff;
	padding: 23px 14px 37px 20px;
	transition: all .5s ease;
}
#bkcase .tit h1{
	color:#333333;
	font-size:20px;
	line-height: 26px;
	transition: all .5s ease;
}
#bkcase .tit h2{
	color:#666666;
	font-size:15px;
	line-height: 25px;
	padding-top: 16px;
	transition: all .5s ease;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 66px;
}
#bkcase .swiper-slide .pic{
	overflow: hidden;
}
#bkcase .swiper-slide img{
	transform: scale(1);
	transition: all .5s ease;
}
#bkcase .swiper-slide:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
#bkcase .swiper-slide:hover .tit{
	background: #0b2f8c;
	transition: all .5s ease;
}
#bkcase .swiper-slide:hover .tit h1{
	transition: all .5s ease;
	color:#fff;
}
#bkcase .swiper-slide:hover .tit h2{
	transition: all .5s ease;
	color:#fff;
}
#bkcaseN{
	background:#fff url(../images/bangongN.png) no-repeat right center;
	right: 42%;
	width: 34px;
	height: 36px;
	top: unset;
	bottom: 0;
}
#bkcaseP{
	background:#fff url(../images/bangongP.png) no-repeat right center;
	left: 42%;
	width: 34px;
	height: 36px;
	top: unset;
    bottom: 0;
}
.bookshelf_case_but{
	margin:0 auto;
	border:1px solid #c3c3c3;
	border-radius: 17px;
	width: 127px;
	margin-top: 66px;
	background: #fff;
	overflow: hidden;
}
.bookshelf_case_but a{
	display: block;
	font-size:16px;
	color:#333333;
	padding:7px 23px;
	background: url(../images/caseN.png) no-repeat right 23px center;
	position: relative;
	 transition: all 0.6s;
}
.bookshelf_case_but a span{
	position: relative;
	z-index: 1;
}
.bookshelf_case_but a:hover{
	color:#fff;
	background: url(../images/caseNw.png) no-repeat right 23px center;
}
.bookshelf_case_but a .bgsqr1{
	content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #006dbc;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.bookshelf_case_but a:hover .bgsqr1{
	border-width: 200px 0 0 200px;
}
.bookshelf_case_but a .bgsqr2{
	content: '';
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #006dbc;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.bookshelf_case_but a:hover .bgsqr2{
	border-width: 0 200px 200px 0;;
}
.bookshelf_case_info hr{
	width:100%;
	height: 1px;
	background: #dddddd;
	margin: 0;
	margin-top: -20px;
}
/*custom*/
.bookshelf_custom{
	width:100%;
	margin: 0 auto;
	padding: 47px 0 105px 0;
	background:#f1f1f1;
}
.bookshelf_custom_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.bookshelf_custom_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 41.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.bookshelf_custom_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 41.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
.bookshelf_custom_info{
	width:100%;
	margin: 0 auto;
	padding-top: 49px;
	position: relative;
}
#customimg .swiper-slide .pic{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#customimg .swiper-slide .pic img, #customimg .swiper-slide .pic2 img{
	width: 100%;
	transform: scale(1);
	transition: all .5s ease;
}
#customimg .swiper-slide .pic2{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
}
#customimg .swiper-slide .pic span, #customimg .swiper-slide .pic2 span{
	position: absolute;
	width:100%;
	color:#ffffff;
	background: rgba(0,0,0,0.6);
	font-size:16px;
	text-align: center;
	bottom: 0;
	left: 0;
	line-height: 57px;
	transition: all .5s ease;
}
#customimg .swiper-slide .pic:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
#customimg .swiper-slide .pic2:hover img{
	transform: scale(1.2);
	transition: all .5s ease;
}
#customimg .swiper-slide .pic:hover span, #customimg .swiper-slide .pic2:hover span{
	background: rgba(11,47,140,0.8);
}
#customN{
	background: url(../images/solutionN.png) no-repeat;
	width: 64px;
	height: 64px;
	right: 6%;
}
#customP{
	background: url(../images/solutionP.png) no-repeat;
	width: 64px;
	height: 64px;
	left: 6%;
}
/*bookshelfDe*/
.bookshelfDe_bn{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f2f2f2;
}
.bookshelfDe_bn_left{
	float:left;
	width: 50%;
}
#shelfDebn .swiper-slide img{
	width: 100%;
}
.bookshelfDe_bn_right{
	float:left;
	width: 50%;
	border-top:1px solid #cccccc;
	padding:44px 28.125% 64px 77px;
}
.bookshelfDe_bn_right .title{
	color:#222222;
	font-size:36px;
	line-height: 40px;
}
.bookshelfDe_bn_right ul{
	padding-top: 13px;
}
.bookshelfDe_bn_right ul li{
	line-height: 60px;
	border-bottom: 1px solid #d7d7d7;
	color:#555555;
	font-size:16px;
}
.bookshelfDe_bn_right ul li.feature{
	line-height: 36px;
	padding: 10px 0 15px 0;
}
.bookshelfDe_bn_right .ljzx{
	border:1px solid #0b2f8c;
	float: left;
	margin-top:35px;
	overflow: hidden;
	position: relative;
}
.bookshelfDe_bn_right .ljzx a{
	color:#0b2f8c;
	font-size:16px;
	line-height: 51px;
	transition: all .5s ease;
	display:block;
	padding: 0 70px;
}
.bookshelfDe_bn_right .ljzx:hover a span{
	color:#fff;
	position: relative;
	z-index: 999;
}
.bookshelfDe_bn_right .ljzx a .bgin{
	background: #0b2f8c;
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    *filter: alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
}
.bookshelfDe_bn_right .ljzx:hover a .bgin{
	opacity: 1;
    *filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
	z-index: 996;
}
.bookshelfDe_bn_right .ljzx a i{
	font-size:29px;
	color:#0b2f8c;
	padding-right: 12px;
	vertical-align: bottom;
	z-index: 999;
}
.bookshelfDe_bn_right .ljzx:hover a i{
	color:#fff;
	position: relative;
}
#shelfDepagin{
	bottom: 25px;
}
#shelfDepagin .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
	width: 12px;
	height: 12px;
}
#shelfDepagin .swiper-pagination-bullet-active{
	background: #0b2f8c;
}
.bookshelfDe_canshu{
	padding-top: 73px;
	padding-bottom: 74px;
}
.bookshelfDe_hd{
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.bookshelfDe_hd::before{
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height: 1px;
	background: #cccccc;
	top: 21px;
    z-index: -1;
}
.bookshelfDe_hd ul li{
	border:1px solid #cccccc;
	color:#222222;
	font-size:16px;
	background: #fff;
	display: inline-block;
	line-height: 40px;
	padding:0 41px;
	transition: all .5s ease;
	cursor: pointer;
}
.bookshelfDe_hd ul li.on{
	color:#ffffff;
	background: #0b2f8c;
	border:1px solid #0b2f8c;
	transition: all .5s ease;
}
.bookshelfDe_bd_info{
	margin-top: 63px;
	width: 100%;
}
.bookshelfDe_bd_info strong{
	font-size:18px;
	line-height: 28px;
	font-weight: bold;
	color:#666666;
}
.bookshelfDe_bd_info ul{
	padding-top: 6px;
}
.bookshelfDe_bd_info ul li{
	background: url(../images/bluequan.png) no-repeat left center;
	padding-left: 16px;
	font-size: 15px;
	color:#666666;
	line-height: 32px;
	cursor: pointer;
}
.bookshelfDe_return{
	background: #0b2f8c;
	width: 254px;
	margin: 0 auto;
	margin-top: 62px;
}
.bookshelfDe_return a{
	font-size: 18px;
	color:#fff;
	text-align: center;
	display: block;
	line-height: 59px;
}
.associated{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 60px;
}
#associated_item{
	padding-bottom: 60px;
}
#associated_item .swiper-slide{
	border: 1px solid #d2d2d2;
	box-shadow: 8px 9px 0px 0px rgba(241,241,241,1);
	
}
#associated_item .swiper-slide .pic{
	padding: 6px;
    overflow: hidden;
}
#associated_item .swiper-slide .pic img{
	transform: scale(1);
    transition: all .5s ease;
}
#associated_item .swiper-slide:hover .pic img{
	transform: scale(1.2);
    transition: all .5s ease;
}
#associated_item .swiper-slide .txt{
	color: #333333;
    font-size: 17px;
    line-height: 57px;
    border-bottom: 1px solid #d2d2d2;
    padding: 7px 0 2px 0;
    text-indent: 21px;
    transition: all .5s ease;
}
#associated_item .swiper-slide:hover .txt{
	color:#fff;
	background: #0b2f8c;
	transition: all .5s ease;
}
#associated_item .swiper-slide .knowmore{
	color: #777777;
    font-size: 15px;
    line-height: 57px;
    text-indent: 20px;
    transition: all .5s ease;
}
#associated_item .swiper-slide:hover .knowmore{
	color:#fff;
	background: #0b2f8c;
	transition: all .5s ease;
}
#aspagin{
	bottom: 0px;
}
#aspagin .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
}
#aspagin .swiper-pagination-bullet-active{
	background: #0b2f8c;
}
/*denserack_install*/
.denserack_install{
	width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 95px;
}
.denserack_install_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.denserack_install_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 37.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.denserack_install_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 37.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
.denserack_install_list{
	width: 100%;
    margin: 0 auto;
    padding-top: 55px;
    overflow: hidden;
}
.denserack_install_left{
	width: 62.31884%;
	float: left;
}
.denserack_install_left .item{
	width: 32.1093%;
	margin-right: 1.7441%;
	background: #f3f3f3;
	padding:18px 20px 72px 18px;
	float: left;
}
.denserack_install_left .item:last-child{
	margin-right: 0;
}
.denserack_install_left .item .pic{
	overflow: hidden;
}
.denserack_install_left .item .pic img{
	transform: scale(1);
	transition: all .5s ease;
}
.denserack_install_left .item:hover .pic img{
	transform: scale(1.1);
	transition: all .5s ease;
}
.denserack_install_left .item .tit{
	font-size:20px;
	line-height: 30px;
	color:#333333;
	padding-top: 25px;
	transition: all .5s ease;
}
.denserack_install_left .item:hover .tit{
	color:#0b2e8c;
	transition: all .5s ease;
}
.denserack_install_left .item .sub{
	padding-top: 18px;
	font-size:14px;
	line-height: 26px;
	color:#666666;
	height: 120px;
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.denserack_install_right{
	width: 37.6811%;
	float: left;
	padding-left: 2.53623%;
}
.denserack_install_right video{
	width: 100%;
}
.install_right_sub{
	padding-top: 20px;
	font-size: 15px;
	color:#666666;
	line-height: 28px;
}
/*denserack_handcrank*/
.denserack_handcrank{
	width: 100%;
    margin: 0 auto;
    background: #f1f1f1;
    padding: 52px 0 97px 0;
    position: relative;
}
.denserack_handcrank_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.denserack_handcrank_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 40.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.denserack_handcrank_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 40.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
.denserack_handcrank_info{
	width: 100%;
    margin: 0 auto;
    padding-top: 63px;
    overflow: hidden;
}
.handcrank_info_left{
	width: 26.884%;
	float: left;
	padding-top: 2px;
}
.left_button2 {
    border: 1px solid #006dbc;
    background: #006dbc;
    text-align: center;
    width: 155px;
    margin-top: 49px;
}
.left_button2 a {
    color: #fff;
    line-height: 47px;
    display: block;
    position: relative;
}
.left_button2 a .bgsq {
    position: absolute;
    background: #fff;
    *filter: alpha(opacity=10);
    opacity: 0.1;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.left_button2 a:hover .bgsq {
    height: 0;
}
.denserack_handcrank .buttombg{
	width: 62.65625%;
	position: absolute;
	background: #0b2f8c;
	left: 0;
	bottom: 0;
	height: 169px;
	z-index: 1;
}
.handcrank_info_right{
	width: 73.116%;
	padding-left: 6.30434%;
	float: left;
}
.handcrank_info_right .item{
	width:32.32104%;
	margin-right: 1%;
	float:left;
}
.handcrank_info_right .item .pic{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.handcrank_info_right .item .pic img{
	transition: all .5s ease;
	transform: scale(1);
}
.handcrank_info_right .item:hover .pic img{
	transition: all .5s ease;
	transform: scale(1.1);
}
.handcrank_info_right .item .txt{
	position: absolute;
	left: 38px;
	bottom: 36px;
	font-size:18px;
	color:#333333;
	background: #fff;
	line-height: 65px;
	text-align: center;
	padding: 0 58px;
	margin: 0 auto;
	transition: all .5s ease;
}
.handcrank_info_right .item:hover .txt{
	background: #0b2f8c;
	color:#fff;
	transition: all .5s ease;
}
/*denserack_electric*/
.denserack_electric{
	width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 48px 0 91px 0;
}
.denserack_electric_info{
	width: 100%;
	margin-top: 48px;
	overflow: hidden;
	background: #e9e8e8;
}
.electric_info_left{
	width: 50%;
	float:left;
}
.electric_info_left .pic{
	overflow: hidden;
}
.electric_info_left .pic img{
	transition: all .5s ease;
	transform: scale(1);
}
.electric_info_left:hover .pic img{
	transition: all .5s ease;
	transform: scale(1.1);
}
.electric_info_right{
	width: 50%;
	float:left;
	padding: 55px 45px 89px 45px;
}
.electric_righttit{
	font-size: 24px;
    line-height: 28px;
    color: #0b2f8c;
}
.electric_rightsub{
	font-size: 15px;
    line-height: 28px;
    padding-top: 21px;
    color: #555555;
}
/*intelligent*/
.denserack_intelligent{
	width: 100%;
    margin: 0 auto;
    background: #f1f1f1 url(../images/intelligentbg.jpg) no-repeat;
    padding: 50px 0 26px 0;
	background-size:100%;
}
.denserack_intelligent_info{
	width: 100%;
    margin-top: 61px;
    overflow: hidden;
}
.intelligent_info_left{
	float: left;
	width: 35%;
	margin-top: 274px;
}
.intelligent_info_middle{
	float: left;
	text-align: center;
}
.intelligent_info_right{
	margin-top: 230px;
	font-size:16px;
	color:#555555;
	line-height: 28px;
	float: left;
	width: 35%;
	padding-left: 1%;
}
.intelligent_lefttit{
	color:#0b2f8c;
	font-size:24px;
	line-height: 28px;
}
.intelligent_button{
	border: 1px solid #006dbc;
    background: #006dbc;
    text-align: center;
    width: 155px;
    margin-top: 41px;
}
.intelligent_button a{
	color: #fff;
    line-height: 47px;
    display: block;
    position: relative;
}
.intelligent_button a .bgsq{
	position: absolute;
    background: #fff;
    *filter: alpha(opacity=10);
    opacity: 0.1;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.intelligent_button a:hover .bgsq{
	height: 0;
}
/*denserack_case*/
.denserack_case_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.denserack_case_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 35%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.denserack_case_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 35%;
    top: 45%;
    background: url(../images/bookright.png);
}
.denserack_custom_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.denserack_custom_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 40.5%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.denserack_custom_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 40.5%;
    top: 45%;
    background: url(../images/bookright.png);
}
/*gzjj*/
.gzjj{
	width:100%;
	margin: 0 auto;
	background: #f3f2f2;
	padding:44px 0 53px 0;
}
.gzjj_title{
	position: relative;
    font-size: 36px;
    color: #333333;
    text-align: center;
}
.gzjj_title::before{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    left: 36%;
    top: 45%;
    background: url(../images/bookleft.png);
}
.gzjj_title::after{
	position: absolute;
    content: "";
    width: 57px;
    height: 9px;
    right: 36%;
    top: 45%;
    background: url(../images/bookright.png);
}
.gzjj_info{
	padding-top: 37px;
}
.gzjj_info_tit{
	font-size:24px;
	color:#0b2e8c;
	line-height: 53px;
	border-bottom: 3px solid #0b2e8c;
	background: #e5e5e5;
	text-align: center;
}
.sub-cat-product{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	padding-top: 27px;
	
}
.tab-pane.active in{
	display: block;
}
.cat-product{
	overflow: hidden;
}
.cat-product .wrap{
	width: 24%;
	height: auto;
	margin-right:1.333%;
	margin-bottom: 18px;
	float: left;
	overflow: hidden;
	background: #fff;
	/*padding: 25px 52px 35px 60px;*/
	padding: 0px 0px 20px 0px;
}
.cat-product .wrap:nth-child(4n+4){
	margin-right:0%;
}
.cat-product .wrap.hide-wrap{
	padding: 0;
    overflow: hidden;
    height: 0;
}
.cat-product .wrap .pic{
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
}
.cat-product .wrap .pic img{
	transition: all .5s ease;
	transform: scale(1);
}
.cat-product .wrap:hover .pic img{
	transition: all .5s ease;
	transform: scale(1.1);	
}
.cat-product .wrap .txt{
	text-align: center;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	color:#333333;
	margin-top: 18px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition: all .5s ease;
}
.cat-product .wrap:hover .txt{
	color:#0b2e8c;
	transition: all .5s ease;
}
.more-btn-wrap{
	float:left;
	margin-top: 27px;
	width: 100%;
	text-align: center;
}
.more-btn-wrap a{
	width: 50%;
	display: block;
	padding:13px 0px;
	font-size:16px;
	color:#0b2e8c;
	margin: auto;
	border-radius: 4px;
	text-decoration: none;
	border:1px solid #0b2e8c;
}
.more-btn-wrap a i{
	padding-left: 13px;
}
.more-btn-wrap:hover a{
	text-decoration: none;
	background: #0b2e8c;
	color: #fff;
}


.jq22 .hidden li{
	float: left;
	margin-right: 18px;
	background: #fff;
	padding: 25px 52px 35px 60px;
	margin-bottom: 18px;
}

.jq22 ul.list li:nth-child(4n+4){
	margin-right: 0px;
}
.jq22 ul.list li img{
	width: 100%;
	height: 100%;
}
.jq22 ul.list p{
	text-align: center;
	padding: 10px;
}
.jq22 .more{
	margin-top: 27px;
	overflow: hidden;
	text-align: center;
}
.jq22 .more a{
	font-size:16px;
	padding:13px 290px;
	color:#0b2e8c;
	margin:0 auto;
	line-height: 50px;
	text-align:center;
	border-radius: 4px;
	border:1px solid #0b2e8c;
}
.jq22 .more a i{
	padding-left: 13px;
}
.jq22 .more a:hover{
	text-decoration: none;
	background: #0b2e8c;
	color: #fff;
}

/*news*/
.news_info{
	width: 100%;
	margin: 0 auto;
	padding-top: 59px;
}
.news_title{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.news_title ul li{
	border: 1px solid #eaeaea;
	border-radius: 24px;
	display: inline-block;
	transition: all .5s ease;
}
.news_title ul li a{
	color:#888888;
	font-size:16px;
	text-align: center;
	display: block;
	padding: 8px 49px;
	transition: all .5s ease;
}
.news_title ul li:hover, .news_title ul li.on{
	border: 1px solid #2b4ca3;
	transition: all .5s ease;
}
.news_title ul li:hover a, .news_title ul li.on a{
	color:#0b2f8c;

	transition: all .5s ease;
}
.news_list{
	width: 100%;
	padding-top: 50px;
	overflow: hidden;
}
.news_list .item{
	width: 100%;
	margin-bottom: 16px;
	overflow: hidden;
	background: #fff;
}
.news_list .item:hover{
	transition: all .5s ease;
}
.news_list .item_l{
	float: left;
	position: relative;
	width: 19.16666%;
	padding: 32px 10px 42px 0;
}
.news_list .item .item_l::before{
	width: 0%;
	content: "";
	display: block;
	height: 280px;
	background: #0b2f8c;
	position: absolute;
	top: 0;
	transition: all .5s ease;
	right: 0;
}
.news_list .item:hover .item_l::before{
	width: 100%;
	background: #0b2f8c;
	transition: all .5s ease;
}
.news_list .item_l .date{
	width: 88px;
    float: right;
    font-family: Arial;
    line-height: 1;
    text-align: center;
    color: #fff;
	background: #0b2f8c;
	padding: 8px 0 15px 0;
	position: relative;
}

.news_list .item_l .date h1{
	font-size: 36px;
	line-height: 58px;
	font-family: arial;
	display: block;
	position: relative;
}
.news_list .item_l .date h2{
	font-size: 16px;
	font-family: arial;
	display: block;
	position: relative;
}
.news_list .item_r{
	width: 66.77083%;
	float:left;
	position: relative;
	padding: 32px 0 1% 11px;
}
.news_list .item:hover .item_r{
	background: #fafafa;
	transition: all .5s ease;
}
.news_list .item_r .box{
	width:100%;
	overflow: hidden;
	border-left: 1px solid #e8e8e8;
	padding-left: 23px;
}
.news_list .item_r .box .intro_box{
	float: left;
	width: 57.3453%;
}
.news_list .item_r .box .intro_box .tit{
	color:#333333;
	font-size:20px;
	line-height: 28px;
	transition: all .5s ease;
}
.news_list .item:hover .item_r .box .intro_box .tit{
	color:#0b2f8c;
	transition: all .5s ease;
}
.news_list .item_r .box .intro_box .subt{
	color:#999999;
	font-size:15px;
	padding-top: 14px;
}
.news_list .item_r .box .intro_box .subt span{
	background: url(../images/view_03.png) no-repeat left center;
	padding-left: 27px;
}
.news_list .item_r .box .intro_box .con{
	color:#888;
	font-size:15px;
	line-height: 26px;
	padding-top: 11px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height: 62px;
}
.news_list .item_r .box .intro_box .more{
	border:1px solid #4174bb;
	border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
	color:#4174bb;
	float: left;
	line-height: 42px;
	text-align: center;
	padding: 0 29px;
	margin-top: 36px;
}
.news_list .item_r .box .img_box{
	float: right;
	/*margin-left: 6%;*/
	padding-top: 16px;
}
.news_list .item_extra{
	width: 14.0625%;
	float: left;
	height: 100%;
	position: relative;
}
.news_list .item_extra::after{
	position: absolute;
	content: "";
	width: 0%;
	background: #fafafa;
	top: 0;
	left: 0;
	height: 280px;
}
.news_list .item:hover .item_extra::after{
	width: 100%;
	transition: all .3s ease;
}
/*newsDe*/
.newsDeinfo_left_title{
	font-size: 32px;
    color: #333333;
    line-height: 62px;
}
.newsDeinfo_left_subtitle{
    border-bottom: 1px solid #e7e7e7;
	font-size: 15px;
	line-height: 25px;
	color: #888888;
	padding-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
}
.newsDeinfo_left_subtitle .time{
	background: url(../images/clock.png) no-repeat left center;
	padding-left: 29px;
	float: left;
}
.newsDeinfo_left_subtitle .views{
	margin-left: 16px;
	background: url(../images/view_03.png) no-repeat left center;
	padding-left: 29px;
	float: left;
}
.newsDeinfo_left_subtitle .keywords{
	margin-left: 16px;
	float: left;
}
.newsDe_return{
	float: left;
    margin-top: 45px;
    margin-left: 45%;
}
.newsDe_return a {
    font-size: 15px;
    color: #0b2f8c;
    border-radius: 19px;
    border: 1px solid #0b2f8c;
    display: block;
    background: #fff url(../images/return.png) no-repeat 25px center;
    padding: 7px 24px 7px 54px;
    transition: all .5s ease;
}
.newsDe_return a:hover {
    color: #fff;
    background: #0b2f8c url(../images/returnw.png) no-repeat 25px center;
    transition: all .5s ease;
}
.newsDeinfo_right{
	width: 33.6957%;
    float: left;
    padding-left: 8.8%;
    padding-top: 24px;
	
}
.newsDeinfo_right_first{
	border:10px solid #f3f3f3;
	overflow: hidden;
	margin-bottom: 32px;
}
.newsDeinfo_right_first .prevnext{
	padding:37px 25px;
}
.previnfo{
	border-bottom: 1px solid #ececec;
	padding-bottom: 27px;
}

.previnfo .tit{
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	font-weight: bold;
}
.previnfo .time{
	background: url(../images/clock.png) no-repeat left center;
	padding-left: 26px;
	color:#676767;
	margin-top: 11px;
}
.previnfo .txt{
	color:#555555;
	margin-top:14px;
	font-size: 15px;
	line-height: 25px;
	transition: all .5s ease;
}
.previnfo:hover .txt{
	color:#0b2f8c;
	transition: all .5s ease;
}
.nextinfo .next{
	padding-top: 20px;
	display: block;
}
.nextinfo .tit{
	font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: bold;
	padding-top:21px;
}
.nextinfo .time{
	background: url(../images/clock.png) no-repeat left center;
	padding-left: 26px;
	color:#676767;
	margin-top: 11px;
}
.nextinfo .txt{
	color:#555555;
	margin-top:14px;
	font-size: 15px;
	line-height: 25px;
}
.nextinfo:hover .txt{
	color:#0b2f8c;
	transition: all .5s ease;	
}
/*Page*/
.Page{
	padding: 30px 0;
	overflow: hidden;
	text-align: center;
}
.disabled{ border:1px solid #d8d8d8; padding: 4px 4px; font-size:12px; color:#ababab; display: none;}
.Page a:hover{
	border:1px solid #0b2f8c;

}
.Page a{ border:1px solid #efefef; padding: 5px 10px; font-size:12px; color:#3c3c3c;background: #fff;margin: 0 0px;  }
.Page a.sy{color:#e6483c !important;}
.current{ background:#0b2f8c; padding:3px 10px; color:#fff; border:1px solid #efefef;font-size:12px;}















@media (max-width: 1920px) and (min-width:1460px) {
	
}
/*@media (max-width: 1920px) and (min-width:1460px) {
	.indexProduct .leftPro .right{
		width: 42.88337924701561%;
	}
}*/

/* 内页尺寸 */
@media (max-width: 1920px) and (min-width:1610px) {
	
}
@media (max-width: 1920px) and (min-width: 1440px) {

}
.sroll_top {
    right: 0.8%;
    bottom: 8%;
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 1000;
}


/*Webkit,Opera9.5+,Ie9+*/
::selection {
	background: rgba(11,46,140,.8);
	color: #fff;
}

/*Mozilla Firefox*/
::-moz-selection {
	background: rgba(11,46,140,.8);
	color: #fff;
}
 
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
	width: 4px;
	height: 16px; 
	background-color: #f2f2f2; 
} 
 
/*定义滚动条轨道 内阴影+圆角*/
::-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(11,46,140,1); 
	border-radius: 0;
}  
::-webkit-scrollbar-thumb:hover{
	background-color: rgba(11,46,140,.8);
}
::-webkit-scrollbar-thumb:active{
	background-color: rgba(11,46,140,1); 
}
/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/ 
	
@-webkit-keyframes object_big {
 50% { -webkit-transform: scale(0.5); }

}

@keyframes object_big {
 50% { 
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  } 

}
@-webkit-keyframes object_one {
 50% { -webkit-transform: translate(-65px,-65px)  ; }
}
@keyframes object_one {
 50% { 
    transform: translate(-65px,-65px) ;
    -webkit-transform: translate(-65px,-65px) ;
  } 

}
@-webkit-keyframes object_two {
  50% { -webkit-transform: translate(0,-65px) ; }
}

@keyframes object_two {
 50% { 
    transform: translate(0,-65px) ; 
    -webkit-transform: translate(0,-65px) ; 
  } 

}
@-webkit-keyframes object_three {
 50% { -webkit-transform: translate(65px,-65px) ; }
}

@keyframes object_three {
 50% { 
    transform: translate(65px,-65px) ;
    -webkit-transform: translate(65px,-65px) ;
  } 
}

@-webkit-keyframes object_four {
  
  50% { -webkit-transform: translate(65px,0) ; }

}
@keyframes object_four {
  50% { 
    transform: translate(65px,0) ;
    -webkit-transform: translate(65px,0) ;
  } 
}
@-webkit-keyframes object_five {
  50% { -webkit-transform: translate(65px,65px) ; }
}
@keyframes object_five {
  50% { 
    transform: translate(65px,65px) ;
    -webkit-transform: translate(65px,65px) ;
  } 
}
@-webkit-keyframes object_six {
  
  50% { -webkit-transform: translate(0,65px) ; }

}
@keyframes object_six {
  50% { 
    transform:  translate(0,65px) ;
    -webkit-transform:  translate(0,65px) ;
  } 
}
@-webkit-keyframes object_seven {
  
  50% { -webkit-transform: translate(-65px,65px) ; }

}
@keyframes object_seven {
  50% { 
    transform: translate(-65px,65px) ;
    -webkit-transform: translate(-65px,65px) ;
  } 

}
@-webkit-keyframes object_eight {
  
 50% {
  	-webkit-transform: translate(-65px, 0);
  }
 }
 @keyframes object_eight {
 	50% {
 		transform: translate(-65px, 0);
 		-webkit-transform: translate(-65px, 0);
 	}
 }

.search-wrap {
	display: flex;
	flex-direction: row;
}

.search-wrap input {
	background: none;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #333;
	width: 80%; 
	border: none;
	outline: none;
	padding-left: 10px;
	border: 1px solid #999 ;
	color: #fff;
}
.search-wrap input::-webkit-input-placeholder{
	color: #fff;
}
.layui-layer-shade{
	opacity: 0.8 !important;
}
.search-wrap button {
	background: #ec1b24 ;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 0px;
	height: 45px;
	line-height: 45px;
	width: 28%;
	border: none;
	outline: none;
}
.ksly-ss{
	width: 40% !important;
	background: none !important;
}

.shuiyin{
	width: 100%;
	height: 100%;
	position: relative;
}
.shuiyin::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 30px;
	background: url(../images/0shuiyin.png) repeat-x center center;
	top: 50%;
	margin-top: -15px;
	left: 0;
	z-index: 999;
	opacity: 0;
}