/*清除并统一浏览器默认样式*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img {

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

	line-height: 1.4em;

}

q:before,q:after {

	content:'';

}

abbr,acronym {

	border:0;

}

/*通用样式设置*/



* {

	margin: 0px;

	padding: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */

	-o-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */

	-ms-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */

	-moz-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */

	font-style: normal;

	/*list-style: none;*/

	font-family: 'Poppins', sans-serif;

	/*-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;*/

}



a {

	text-decoration: none;

	/*word-break: break-all;*/

}

img {

    border: none;

}

body {

	position: relative;

	min-height: 100%;

	font-size: 14px;

	color: #666;

	min-width: 320px;

	overflow-x: hidden;

	background: #fff;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 

color: #999; 

} 

input:-moz-placeholder, textarea:-moz-placeholder { 

color: #999; 

} 

input::-moz-placeholder, textarea::-moz-placeholder { 

color: #999; 

} 

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 

color: #999; 

}

textarea {

	resize: none;

}

/*详情页图片*/

.alignleft {

  float: left;

  margin: 6px 28px 28px 0;

}



.alignright {

  float: right;

  margin: 6px 0 28px 28px;

}



.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto 28px;

}

/*清除浮动*/

.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear: both;

	visibility:hidden;

}

.box {

  width: 95%;

  margin: 0 auto;

  max-width: 1440px;

}

.wrap {

  width: 95%;

  margin: 0 auto;

  max-width: 1280px;

}

.content {

	margin-right: auto;

	margin-left: auto;

	max-width: 1920px;

}



@media all and (max-width: 1440px) {

	.wrap {

		max-width: 1000px;

	}

}



/*inner_banner*/

.inner_banner {

	width: 100%;

}

.inner_banner img {

	display: block;

	width: 100%;

}

/*面包屑导航*/

.breadnav {

	font-size: 16px;

}

.breadnav_box {

	display: flex;

	display: -webkit-flex;

	align-items: center;

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.breadnav a {

	color: #666;

	text-transform: capitalize;

}

.breadnav span {

	color: #666;

	margin: 0 5px;

}

.breadnav span:first-child {

	margin-left: 0;

}

.breadnav a:hover {

	color: #2f318b;

}

@media all and (max-width: 1440px) {

	.breadnav {

		font-size: 14px;

	}

}

@media all and (max-width: 768px) {

	.breadnav span,.breadnav span.iconfont {

		font-size: 12px;

	}

	.breadnav_box>a:last-child {

		overflow: hidden;

		text-overflow:ellipsis;

		white-space: nowrap;

	}

}



/*滚轮导航样式*/

.nav-list-box {

	overflow: auto;

}



.nav-scroll {

	width: 100%;

	text-align: center;

	white-space:nowrap;

}



.nav-scroll a {

	/*padding: 0 30px;*/

}



.nav-list-box::-webkit-scrollbar {

    width: 4px;    

    /*height: 4px;*/

    display: none;

}

.nav-list-box::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: rgba(0,0,0,0.2);

    display: none;

}

.nav-list-box::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 0;

    background: rgba(0,0,0,0.1);

    display: none;

}



/*iframe 视频样式 - 设置宽高*/

/*.pc-slide-video {

	position: relative;

	padding-bottom: 56.25%;

	padding-bottom: 100%;

	height: 0;

	overflow: hidden;

}

.pc-slide-video iframe,

.pc-slide-video object,

.pc-slide-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}*/

/*弹性布局*/

.flex_row {

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}

.flex_row_top {

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}

/*分享*/



.in_share {

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	align-items: center;

	width: 300px;

	/*justify-content: space-between;*/

	justify-content: flex-start;

}



.in_share a {

	display: block;

	width: 35px;

	margin-right: 10px;

	height: 35px;

	border-radius: 50%;

	background-color: #9ba0a4;

	position: relative;

}

.in_share a span.iconfont {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	color: #070310;

	font-weight: 900;

}

.in_share a:hover {

	background-color: #2f318b;

}

.in_share a:hover span.iconfont {

	color: #fff;

}

/*分页器*/

.page-splitter {

	text-align: center;

}

.page-splitter a, .page-splittera.nextpostslink, .page-splittera.previouspostslink {

	color: #333;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	display: inline-block;

	border-radius: 50%;

	background: #d2d2d2;

	color: #fff;

}

.page-splitter span.current {

	color: #333;

	width: 30px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin: 0 5px;

	display: inline-block;

	border-radius: 50%;

	background-color: #2f318b;

	color: #fff;

}

/*.page-splitter a:first-child,.page-splitter a:last-child {

	background: none;

	color: #d2d2d2;

	margin: 0 20px;

}*/

.page-splitter a:hover {

	background-color: #2f318b;

}

.page-splitter a:first-child:hover,.page-splitter a:last-child:hover {

	background: none;

	color: #2f318b;

}

.page-splitter a.page-splitter-avtive {

	color: #fff;

	background-color: #2f318b;

}

.page-splitter a span.iconfont {

	font-weight: 600;

}

/*模块标题*/

.in_title {

	text-align: center;

	position: relative;

	padding: 10px 0;

}

.in_title:after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	width: 83px;

	height: 84px;

	background: url(../images/in_title_bg.png) no-repeat center;

	background-size: cover;

}

.in_title h2 {

	font-size: 34px;

	color: #111;

	text-transform: uppercase;

	font-weight: 600;

}

.in_title h3 {

	font-size: 14px;

	color: #999;

}



@media all and (max-width: 1440px) {

	.in_title h2 {

		font-size: 26px;

	}

	.in_title h3 {

		font-size: 12px;

	}

	.in_title:after {

		width: 70px;

		height: 71px;

	}

}



/*主标题*/

h1 {

	line-height: 1.4em;

	font-size: 34px;

	color: #111;

	font-weight: 600;

}

@media all and (max-width: 1440px) {

	h1 {

		font-size: 26px;

	}

}

@media all and (max-width: 768px) {

	h1 {

		font-size: 20px;

	}

}

/*副标题*/

h2 {

	line-height: 1.4em;

	font-size: 34px;

	color: #111;

	text-transform: uppercase;

	font-weight: 600;

}

@media all and (max-width: 1440px) {

	h2 {

		font-size: 28px;

	}

}

@media all and (max-width:768px) {

	h2 {

		font-size: 24px;

	}

}

/*小模块标题*/

h3 {

	line-height: 1.4em;

}



h3.item_h3 {

	font-size: 24px;

	color: #000;

	font-weight: 600;

	position: relative;

	border-bottom: 2px solid #eee;

	padding-bottom: 12px;

	margin-bottom: 30px;

}

h3.item_h3:after {

	content: "";

	position: absolute;

	width: 40px;

	height: 2px;

	background: #2f318b;

	left: 0;

	bottom: -1px;

}



@media all and (max-width: 1440px) {

	h3.item_h3 {

		font-size: 20px;

	}

}



/*文章-产品标题*/

h4 {

	line-height: 1.5em;

}



h4 a {

	color: #111;

	font-weight: 600;

}

h4 a:hover {

	color: #2f318b;

}

a article {

	color: #999;

}

a article:hover {

	color: #2f318b;

}

/*溢出隐藏*/

.single_ellipsis {

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.multi_ellipsis {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

/*阴影效果

-webkit-box-shadow:inset 0 0 10px #0CC;

-moz-box-shadow:inset 0 0 10px #0CC;

box-shadow:inset 0 0 10px #0CC;*/



/*文章详情*/

article {

	font-size: 16px;

	line-height: 25px;

	color: #666;

}

article p {

	margin-bottom: 30px;

}

article p:last-child {

	margin-bottom: 0;

}

article img {

	display: block;

	max-width: 100%;

	height: auto;

	margin-bottom: 30px;

}

article ul{
	padding-left: 22px;
}

article ol {

	padding-left: 15px;

}





@media all and (max-width: 1440px) {

	article {

		font-size: 14px;

	}

	article p {

		margin-bottom: 20px;

	}

	article img {

		margin-bottom: 20px;

	}

}

/*详情页表格样式*/

article .tableDiv {

	overflow: auto;

}

article table {

	border: 1px solid #dcdfe1;

	border-bottom: none;

  	/*overflow:auto;*/

  	width: 100%;

}

article table thead,

article table tbody {



}

article table tr {

    background-color: #fff;

	border-bottom: 1px solid #dcdfe1;



}

article table tr:nth-child(2n+1) {

	background-color: #f8f8f8;

}

article table tr th {

	font-size: 16px;

	color: #8b949b;

	padding-top: 10px;

	padding-bottom: 10px;    

	font-weight: 600;

}

article table tr td {

	border-right: 1px solid #dcdfe1;

	font-size: 14px;

	color: #8b949b;

	padding: 8px 10px;

}

article table tr td p {

	padding-bottom: 0;

}

article table tr td:last-child {

	border-right: none;

}



/*内页小导航*/

.innerNav {

	width: 100%;

	display: flex;

	display: -webkit-flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-around;

	height: 70px;

	line-height: 70px;

}

.innerNav a {

	color: #111111;

	font-size: 18px;

	border-bottom: 2px solid #fff;

	padding: 0 10px;

}

.innerNav a:hover {

	color: #fa8241;

	border-bottom: 2px solid #fa8241;

}



/*分割线*/

.cut {

	display: block;

	width: 30px;

	height: 1px;

	background-color: #fa8241;

	margin-top: 10px;

	margin-bottom: 25px;

}

/*更多*/

.in_more {

	display: block;

	position: relative;

	width: 35px;

	height: 35px;

	border-radius: 50%;

	border: 1px solid #b7b7b7;

}

.in_more span {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	color: #b7b7b7;

	font-weight: 600;

	transition: all .3s;

}



.in_more:hover {

	background: #2f318b;

}

.in_more:hover span {

	color: #fff;

	transform: translate(-20%,-50%);

}



@media all and (max-width: 1440px) {

	.in_more {

		width: 30px;

		height: 30px;

	}

}





/*返回顶部*/



#gotop {

	width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border-radius: 50%;

    background: #2f318b;

    position: fixed;

    bottom: 10%;

    left: 3%;

    z-index: 10;

    text-align: center;

    cursor: pointer;

    color: #fff;

    opacity: .9;

}

#gotop:hover {

	opacity: 1;

}

#gotop span {

	font-size: 30px!important;

}



/*底部导航样式*/



#dibunav{

	display: none;

}

@media only screen and (max-width: 750px) {

	#dibunav{

		width: 80%;

		position: fixed;

		display: block;

		bottom: 0%;

		left: 50%;

		transform: translate(-50%,-50%);

		display: flex;

    	justify-content: center;

    	background: rgba(245,245,245,0.9);

    	border-radius: 100px;

    	z-index: 99;

    	box-shadow: 0px 26px 25px -29px #000;

	}

}

#dibunav .dibunav-con{

	width: 95%;

	display: -webkit-flex;

	display: flex;

}

#dibunav .dibunav-con li{

	text-align: center;

	float: left;

	width: 25%;

	padding: 16px 0px;

}

#dibunav .dibunav-con li{

	border-left: 1px solid #fff;

}

#dibunav .dibunav-con li:nth-child(1){

	border-left: none;

}

#dibunav .dibunav-con li a{

	color: #1968d1;

	text-align: center;

}

#dibunav .dibunav-con li a img{

	/*width: 100%;*/

	display: inline-block;

	margin: 0 auto;

}

@media only screen and (max-width: 450px) {

	#dibunav{

		width: 95%;

		height: 63px;

	}

	#dibunav .dibunav-con li a img{

		width: 25px;

	}

	#dibunav .dibunav-con li{

		    padding: 8px 0px 10px 0;

	}

}

@media only screen and (max-width: 320px) {

	#dibunav{

		width: 100%;

		bottom: -3%;

	}

	#dibunav .dibunav-con li a img{

		width: 20px;

	}

}



/*模块-间距*/



.section100 {

	padding: 100px 0;

}

.section80 {

	padding: 80px 0;

}

.section60 {

	padding: 60px 0;

}

.section50 {

	padding: 50px 0;

}



@media all and (max-width: 1440px) {

	.section100 {

		padding: 80px 0;

	}

	.section80 {

		padding: 60px 0;

	}

	.section60 {

		padding: 50px 0;

	}

	.section50 {

		padding: 40px 0;

	}	

}

@media all and (max-width: 1023px) {

	.section100 {

		padding: 60px 0;

	}

	.section80 {

		padding: 50px 0;

	}

	.section60 {

		padding: 40px 0;

	}

	.section50 {

		padding: 30px 0;

	}	

}

@media all and (max-width: 768px) {

	.section100 {

		padding: 50px 0;

	}

	.section80 {

		padding: 40px 0;

	}

	.section60 {

		padding: 30px 0;

	}	

}

@media all and (max-width: 450px) {

	.section100 {

		padding: 40px 0;

	}

	.section80 {

		padding: 30px 0;

	}

}



/*margin_top*/

.margin_top100 {

	margin-top: 100px;

}

.margin_top80 {

	margin-top: 80px;

}

.margin_top60 {

	margin-top: 60px;

}

.margin_top50 {

	margin-top: 50px;

}

.margin_top40 {

	margin-top: 40px;

}

.margin_top30 {

	margin-top: 30px;

}

.margin_top20 {

	margin-top: 20px;

}



@media all and (max-width: 1440px) {

	.margin_top100 {

		margin-top: 80px;

	}

	.margin_top80 {

		margin-top: 60px;

	}

	.margin_top60 {

		margin-top: 50px;

	}

	.margin_top50 {

		margin-top: 40px;

	}

	.margin_top40 {

		margin-top: 30px;

	}

	.margin_top30 {

		margin-top: 20px;

	}

}

@media all and (max-width: 1023px) {

	.margin_top100 {

		margin-top: 60px;

	}

	.margin_top80 {

		margin-top: 50px;

	}

	.margin_top60 {

		margin-top: 40px;

	}

	.margin_top50 {

		margin-top: 30px;

	}

	.margin_top40 {

		margin-top: 20px;

	}

}

@media all and (max-width: 768px) {

	.margin_top100 {

		margin-top: 50px;

	}

	.margin_top80 {

		margin-top: 40px;

	}

	.margin_top60 {

		margin-top: 30px;

	}

	.margin_top50 {

		margin-top: 20px;

	}

}

@media all and (max-width: 450px) {

	.margin_top100 {

		margin-top: 40px;

	}

	.margin_top80 {

		margin-top: 30px;

	}

	.margin_top60 {

		margin-top: 20px;

	}

}



/*margin_bot*/

.margin_bot100 {

	margin-bottom: 100px;

}

.margin_bot80 {

	margin-bottom: 80px;

}

.margin_bot60 {

	margin-bottom: 60px;

}

.margin_bot50 {

	margin-bottom: 50px;

}

.margin_bot40 {

	margin-bottom: 40px;

}

.margin_bot30 {

	margin-bottom: 30px;

}

.margin_bot20 {

	margin-bottom: 20px;

}

@media all and (max-width: 1440px) {

	.margin_bot100 {

		margin-bottom: 80px;

	}

	.margin_bot80 {

		margin-bottom: 60px;

	}

	.margin_bot60 {

		margin-bottom: 50px;

	}

	.margin_bot50 {

		margin-bottom: 40px;

	}

	.margin_bot40 {

		margin-bottom: 30px;

	}

	.margin_bot30 {

		margin-bottom: 20px;

	}	

}

@media all and (max-width: 1023px) {

	.margin_bot100 {

		margin-bottom: 60px;

	}

	.margin_bot80 {

		margin-bottom: 50px;

	}

	.margin_bot60 {

		margin-bottom: 40px;

	}

	.margin_bot50 {

		margin-bottom: 30px;

	}

	.margin_bot40 {

		margin-bottom: 20px;

	}

}

@media all and (max-width: 768px) {

	.margin_bot100 {

		margin-bottom: 50px;

	}

	.margin_bot80 {

		margin-bottom: 40px;

	}

	.margin_bot60 {

		margin-bottom: 30px;

	}

}

@media all and (max-width: 450px) {

	.margin_bot100 {

		margin-bottom: 40px;

	}

	.margin_bot80 {

		margin-bottom: 30px;

	}

	.margin_bot60 {

		margin-bottom: 20px;

	}

}



/*padding_top*/

.padding_top100 {

	padding-top: 100px;

}

.padding_top80 {

	padding-top: 80px;

}

.padding_top60 {

	padding-top: 60px;

}

.padding_top50 {

	padding-top: 50px;

}

.padding_top40 {

	padding-top: 40px;

}

.padding_top30 {

	padding-top: 30px;

}

.padding_top20 {

	padding-top: 20px;

}

@media all and (max-width: 1440px) {

	.padding_top100 {

		padding-top: 80px;

	}

	.padding_top80 {

		padding-top: 60px;

	}

	.padding_top60 {

		padding-top: 50px;

	}

	.padding_top50 {

		padding-top: 40px;

	}

	.padding_top40 {

		padding-top: 30px;

	}

	.padding_top30 {

		padding-top: 20px;

	}	

}

@media all and (max-width: 1023px) {

	.padding_top100 {

		padding-top: 60px;

	}

	.padding_top80 {

		padding-top: 50px;

	}

	.padding_top60 {

		padding-top: 40px;

	}

	.padding_top50 {

		padding-top: 30px;

	}

	.padding_top40 {

		padding-top: 20px;

	}

}

@media all and (max-width: 768px) {

	.padding_top100 {

		padding-top: 50px;

	}

	.padding_top80 {

		padding-top: 40px;

	}

	.padding_top60 {

		padding-top: 30px;

	}

	.padding_top50 {

		padding-top: 20px;

	}

}

@media all and (max-width: 450px) {

	.padding_top100 {

		padding-top: 40px;

	}

	.padding_top80 {

		padding-top: 30px;

	}

	.padding_top60 {

		padding-top: 20px;

	}

}

/*padding_bot*/

.padding_bot100 {

	padding-bottom: 100px;

}

.padding_bot80 {

	padding-bottom: 80px;

}

.padding_bot60 {

	padding-bottom: 60px;

}

.padding_bot50 {

	padding-bottom: 50px;

}

.padding_bot40 {

	padding-bottom: 40px;

}

.padding_bot30 {

	padding-bottom: 30px;

}

.padding_bot20 {

	padding-bottom: 20px;

}

@media all and (max-width: 1440px) {

	.padding_bot100 {

		padding-bottom: 80px;

	}

	.padding_bot80 {

		padding-bottom: 60px;

	}

	.padding_bot60 {

		padding-bottom: 50px;

	}

	.padding_bot50 {

		padding-bottom: 40px;

	}

	.padding_bot40 {

		padding-bottom: 30px;

	}

	.padding_bot30 {

		padding-bottom: 20px;

	}	

}

@media all and (max-width: 1023px) {

	.padding_bot100 {

		padding-bottom: 60px;

	}

	.padding_bot80 {

		padding-bottom: 50px;

	}

	.padding_bot60 {

		padding-bottom: 40px;

	}

	.padding_bot50 {

		padding-bottom: 30px;

	}

	.padding_bot40 {

		padding-bottom: 20px;

	}

}

@media all and (max-width: 768px) {

	.padding_bot100 {

		padding-bottom: 50px;

	}

	.padding_bot80 {

		padding-bottom: 40px;

	}

	.padding_bot60 {

		padding-bottom: 30px;

	}

	.padding_bot50 {

		padding-bottom: 20px;

	}

}

@media all and (max-width: 450px) {

	.padding_bot100 {

		padding-bottom: 40px;

	}

	.padding_bot80 {

		padding-bottom: 30px;

	}

	.padding_bot60 {

		padding-bottom: 20px;

	}

}



/*css3动画*/

/*@keyframes mycolor{

	0%{

		transform: rotate(90deg);

	}

	30%{

		transform: rotate(90deg);

		

	}

	60%{

		transform: rotate(270deg);

		

	}

	100%{

		transform: rotate(360deg);

	

	}

}

@-webkit-keyframes mycolor{

	0%{

		transform: rotate(90deg);

	}

	30%{

		transform: rotate(90deg);

		

	}

	60%{

		transform: rotate(270deg);

		

	}

	100%{

		transform: rotate(360deg);

	

	}

}

@-moz-keyframes mycolor{

	0%{

		transform: rotate(90deg);

	}

	30%{

		transform: rotate(90deg);

		

	}

	60%{

		transform: rotate(270deg);

		

	}

	100%{

		transform: rotate(360deg);

	

	}

}

@-o-keyframes mycolor{

	0%{

		transform: rotate(90deg);

	}

	30%{

		transform: rotate(90deg);

		

	}

	60%{

		transform: rotate(270deg);

		

	}

	100%{

		transform: rotate(360deg);

	

	}

}

@-ms-keyframes mycolor{

	0%{

		transform: rotate(90deg);

	}

	30%{

		transform: rotate(90deg);

		

	}

	60%{

		transform: rotate(270deg);

		

	}

	100%{

		transform: rotate(360deg);

	

	}

}

*/