/*pc导航*/
.nav-item{ 
	
}	
.nav-link{ 
	color: #333; font-size: 16px; line-height: 130px;
	display: block; padding: 0 15px;
}

.nav-link:hover{ background: #0048bf; color: #fff; }
.nav-item.active{background: #0048bf; color: #fff;}





/*tabs*/
.tabs{ width: 100%; }
.tabs-top{  }
.tabs-top-list{  }
.tabs-top-item{ width: 100px; background: #f3f3f3; text-align: center; line-height: 50px; }
.tabs-top-item.on{ background: #333; color: #fff; }
.tabs-top-item:hover{  }
.tabs-bot{  }
.tabs-bot-list{ position: relative; }
.tabs-bot-item{ 
	background: #dbdbdb; height: 100px;
 }
 



/*浮动列表*/
.flist{  }
.flist-fbound{  }
.flist-fbound:after{ content:" "; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; font-size: 0;  }
.flist-fitem{ float: left; width: 49%; margin-left: 2%; margin-top: 10px; }
.flist-fitem:nth-of-type(2n+1){ margin-left: 0; }
.flist-fitem-pad{
	padding-top: 100%; 
	position: relative; overflow: hidden; 
}
.flist-fitem-pic{ 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center;
}
.flist-fitem-pic img{ display: block; width: 100%; height: auto;  }



/*banner*/
.swiper-pagination{ font-size: 0; }
.swiper-pagination .swiper-pagination-bullet{ opacity: 1; }
.swiper-link{ display: block; overflow: hidden;}
.swiper-link img{ display: block; width: 100%; height: auto; }











/*手机端导航*/
.easeInOutQuint{
	-webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	-moz-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	 -o-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	 transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.easeInOutExpo{
	-webkit-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}


.m-container,
.m-nav-link .iconfont,
.m-sub-item,
.m-sub{
	-webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	-moz-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	-o-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

html.dialog-open{
	overflow: hidden !important; position: fixed !important;
	height: 100%; width: 100%;
}
.m-mask{ 
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;
	background: url(../images/opacity-black50.png) repeat;
	opacity: 0; visibility: hidden;
}
.m-mask.animIn{opacity: 1; visibility: visible;  }
.m-container{
	position: fixed; left: 0; top: 0; z-index: 10000;
	min-width: 100px; width: 70%; max-width: 320px; height: 100%;
	overflow: auto;
    background-color: #fff; color: #333;
   	transform: translate3d(-100%,0,0);
}
.m-container.animIn{ 
	transform: translate3d(0,0,0); 
	-webkit-box-shadow:  0 13px 50px 0 #fff;
    box-shadow: 0 13px 50px 0 #fff;
}	
.m-nav{ 
	padding: 20px 30px; overflow: hidden;
}
.m-nav-list{  }
.m-nav-item{ 
	position: relative; 
 	transform: translate3d(-350px,0,0); opacity: 0;
 	
 	-webkit-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
 	
 	
}
.m-nav-item.animIn{ transform: translate3d(0,0,0); opacity: 1; 
	-webkit-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 1000ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

}
.m-nav-link{ 
	display: block; position: relative;
	font-size: 20px; color: #333; line-height: 50px; padding-left: 15px; padding-right: 16px;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-nav-link .iconfont{
	position: absolute; right: 0; top: 0; line-height: 50px;
}
.m-nav-link .iconfont.animIn{ transform: rotate(90deg); }

.m-sub{ height: 0; overflow: hidden; background: #424242; }
.m-sub-list{ margin: 5px 0; }
.m-sub-item{ 
	position: relative; 
 	transform: translate3d(-350px,0,0); opacity: 0; 
}
.m-sub-item.animIn{ transform: translate3d(0,0,0); opacity: 1;  }		
.m-sub-link{ 
	display: block; 
	color: #fff; font-size: 16px; line-height: 40px; padding-left: 55px; padding-right: 15px; 
}

/*导航控制器*/
.m-control{ 
	cursor: pointer;
	position: absolute; z-index: 33; right: 10px; top: 50%; 
	width: 50px; height: 50px; margin-top: -25px; 
	background: #616161;
}
.burger{ position: absolute; left: 50%; top: 50%; margin-top: -33%;  margin-left: -33%; padding-top: 66%; padding-left: 66%; /*background: #fff;*/ }
.burger:after,.burger:before{
	width: 100%;
	height: 2px;
	left: 0; 
	background: #fff;
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -1px;		    
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.burger:after{ 
	-webkit-transform: translateY(-3.75px) translateZ(0);
	transform: translateY(-3.75px) translateZ(0);
}
.burger:before{ 
	-webkit-transform: translateY(3.75px) translateZ(0);
	transform: translateY(3.75px) translateZ(0);
} 
.cross .burger::before{
    -webkit-transform: rotate(-45deg) translateZ(0);
	transform: rotate(-45deg) translateZ(0);
}
.cross .burger::after{
	-webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}



/*固定条*/
.slideBar{
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 3;
	transform: translate3d(80px,0,0);
	opacity: 0; visibility: hidden;
	
	
	-webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	-moz-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	 -o-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
	 transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.slideBar.js-show{
	transform: translate3d(0,0,0);
	opacity: 1; visibility: visible;
}

.slideBar-item{  
	background: #fff; border: 1px solid #DBDBDB;  
	line-height: 50px; width: 50px; height: 50px; box-sizing: border-box;  position: relative; cursor: pointer;
	font-size: 0;
}
.slideBar-item+.slideBar-item{ margin-top: -1px; }


.slideBar-icon{ font-size: 22px; vertical-align: middle; display: inline-block; width: 100%; height: 100%; color: #999; }
.slideBar-item-cover{ position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; color: #fff; background: #007edf;
	padding-top: 4px;
    line-height: 20px;
    text-align: center;
    display: none;
}
.slideBar-item-cover i{
	display: inline-block;
    width: 40px;
    font-size: 12px;
    letter-spacing: 2px;
}  
.slideBar-content{ 
	position: absolute;
	transition-property: all;
	transition-duration: 200ms;
	box-sizing: border-box;
	transform: translate3d(230px,0,0); opacity: 0; visibility: hidden;
 	right: 49px; top: -1px; bottom: -1px; left: auto; 
 	background: #007edf; color: #fff; height: 49px;  line-height: 49px; width: 180px;
 	
 	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
	        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.slideBar-item+.slideBar-item.last-slideBar-item .slideBar-content{ height: 50px; line-height: 50px; }
.slideBar-content-txt1{ font-size: 16px; color: #fff; padding: 0 10px; white-space: nowrap; }
.slideBar-item.active .slideBar-item-cover{
	display: block;
}
.slideBar-item.active .slideBar-content{
	opacity: 1; visibility: visible; transform: translate3d(0,0,0);
}



/*翻页*/
.pagination{
	margin: 40px 0; font-size: 0; text-align: center;
}
	
.pagination a,.pagination span{
	display: inline-block; color: #333; font-size: 16px;
	transition: all .2s ease;  line-height: 45px; padding: 0 18px;
	background: #fff;
	margin-right: 10px;	 
}
.pagination a:hover,.pagination span:hover{
	background: #eeeeee; 
}
	
.pagination .pagination-current{
 	color: #ff861b; background: #fff !important;
}



.text_box{
	font-size: 16px; color: #5c5858; line-height: 35px;
}
.text_box img{ display: block; width: 100%; }




/*面包屑导航*/
.breadcrumb{ padding: ;  line-height: 30px; }
.breadcrumb-icon{ font-size: 14px; color: #333; line-height: 30px; }
.breadcrumb-item+.breadcrumb-item:before{ font-size: 14px; color: #333; line-height: 30px; 
	content: '>'; margin: 0 5px; float: left;
}
.breadcrumb-item{ height: 30px; overflow: hidden;  }
.breadcrumb-link{ font-size: 14px; color: #333; }
.breadcrumb-link:hover{ color: #005BAC; }
.breadcrumb-link.active{ color: #005BAC; }