body {
	font-family : "Microsoft YaHei";
	background : #fff fixed no-repeat center center
}

a {
	color : #333;
	text-decoration : none;
}

.clearfix{
	*zoom:1;
}

.mt0{
	margin-top : 0!important;
}

.idx {
	padding-top : 0;
}

.fl {float:left;}

.container {
	background-color : #333;
	background : linear-gradient(to bottom,#0084FF 40px,#fff 40px);
	backface-visibility : hidden;
}

.header {
	position : relative;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 85px;
	background-color : rgba(255,255,255,1);
	transition : all .3s ease;
	z-index : 100;
}

.header-wrap {
	display : flex;
	flex-wrap : nowrap;
	align-items : center;
	justify-content : space-between;
	margin-left : auto;
	margin-right : auto;
	width : 950px;
	height : 85px;
}

.header-logo {
	height : 85px;
	width : 50%;
}

.header-list {
	padding-right : 40px;
	width : 50%;
	height : 85px;
	transition : height .3s ease;
}

.header-list-ul {
	display : flex;
	width : 100%;
	height : 85px;
	align-items : center;
	justify-content : space-between;
	transition : height .3s ease;
}

.header-list-li {
	position : relative;
	display : table;
	height : 85px;
	transition : height .3s ease;
}

.header-list-li:first-child {
	margin-left : 0;
}

.header-list-li-a {
	display : table-cell;
	vertical-align : middle;
}

.header-list-ul .is-current .header-list-li-underline {
	position : absolute;
	width : 100%;
	height : 3px;
	background : #1781E8;
	bottom : 16px;
}

.header-list-li:hover > .header-list-li-underline  {
	position : absolute;
	width : 100%;
	height : 3px;
	background : #1781E8;
	bottom : 16px;
}

.header-list-ul .is-current span {
	color : #1781E8;
	font-weight : 700;
}

.header-list-title {
	font-size : 16px;
	display : block;
	line-height 1.6;
	text-align : center;
}

.main-content {
	position : relative;
	height : auto;
}

.main-image {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 950px;
	height : 400px;
}

.main-image-slider {
	position : relative;
	zoom : 1;
	text-align : center;
}

.main-image-slider-ul {
	margin : 0;
	padding : 0;
	list-style : none;
}

.main-image-slider-li {
	list-style : none;
}

.main-image-pager {
	position : absolute;
	left : 0;
	text-align : center;
	bottom : 0px;
	width : 100%;
}

.swiper-pagination-bullet {
	display : inline-block;
	width : 32px;
	height : 20px;
	font-size : 0;
	line-height : 20px;
	text-align : center;
	cursor : pointer;
	transition : .9s;
}

.swiper-pagination-bullet:before {
	content : "";
	display : inline-block;
	width : 24px;
	height : 4px;
	border-radius : 2px;
	background : rgba(102, 102, 102, .5);
	vertical-align : middle;
	transition : width .8s, background-color .8s;
	box-shadow : 0 3px 6px 0 rgba(33, 39, 81, 0.20);
}

.swiper-pagination-bullet-active:before {
	background : #1781E8;
	box-shadow : 0 3px 6px 0 rgba(32, 42, 106, .5);
}

.main-neirong {
	margin-left : auto;
	margin-right : auto;
	width : 950px;
	height : auto;
}

.main-neirong-nav {
	width : 100%;
	margin-top : 10px;
	margin-bottom : 1px;
	float : left;
	font-size : 85%;
}

.main-left-category {
	width : 250px;
	border : 1px solid #ecebeb;
	margin-top : 17px;
	float : left;
	height : auto;
}

.main-left-category-title {
	width : 100%;
	height : 35px;
	color : #fff;
	background-color : #1781E8;
	text-align : center;
	font-size : 1.143em;
	padding-top : 8px;
}

.main-left-category-ul {
	padding : 0;
	margin : 0;
	list-style : none;
}

.main-left-category-li {
	width : 230px;
	height : 40px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	line-height : 40px;
	border-bottom : 1px solid #e2e2e2;
}

.main-left-category-li-current > .main-left-category-li-a {
	color : #1781E8;
}

.main-left-category-li-a {
	color : #58656e;
	display : block;
}

.main-left-category-contect-us {
	width : 200px;
	height : auto;
	margin-left : auto;
	margin-right : auto;
	margin-top : 20px;
	line-height : 30px;
	font-size : 15px;
	padding-bottom : 20px;
}

.main-left-category-contect-us-p {
	margin : 0px;
	padding : 0px;
}

.main-right-content {
	width : 680px;
	margin-top : 17px;
	min-height : 550px;
	float : right;
}

.main-right-content-introduce {
	position : relative;
	border : 1px solid #ecebeb;
	margin-bottom : 5px;
}

.main-right-content-introduce-h1 {
	position : relative;
	background-color : #1781E8;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	line-height : 1em;
	font-weight : 400;
	font-size : 1.143em;
	color : #FFF;
	padding : 11px 8px 13px 34px;
}

.main-right-content-introduce-div {
	padding-top : 0px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	height : auto;
}

.main-right-content-introduce-div p {
	padding-top : 0;
	font-size : 0.857em;
	line-height : 1.571em;
}

.main-right-content-news {
	position : relative;
	margin-top : 20px;
	border : 1px solid #ecebeb;
}

.main-right-content-news-h1 {
	position : relative;
	background-color : #1781E8;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	line-height : 1em;
	font-weight : 400;
	font-size : 1.143em;
	color : #FFF;
	padding : 11px 8px 13px 34px;
}

.main-right-content-news-ul {
	list-style-type : none;
}

.main-right-content-news-li {
	width : 96%;
	height : 150px;
	line-height : 16px;
	text-align : left;
	overflow : hidden;
	margin-top : 10px;
	margin-right : 15px;
}

.main-right-content-news-li p {
	width : 118px;
	height : 118px;
	text-align : center;
	border : 1px #ddd solid;
	vertical-align : middle;
	overflow : hidden;
	float : left;
	margin-right : 15px;
}

.main-right-content-news-li p {
	width : 118px;
	height : 118px;
	text-align : center;
	border : 1px #ddd solid;
	vertical-align : middle;
	overflow : hidden;
	float : left;
	margin-right : 15px;
}

.main-right-content-news-dl {
	padding-top : 0px;
	padding-left : 10px;
	padding-left : 10px;
}

.main-right-content-news-dl-a {
	color : #333;
	display : block;
	padding-top : 10px;
	padding-bottom : 7px;
}

.main-right-content-news-dl .bbline {
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #E2E2E2;
}

.main-right-content-news-dl-a dt {
	padding-top : 0;
	font-size : 0.857em;
	line-height : 1.571em;
	display : inline;
}

.main-right-content-news-dl-a dd {
	padding-top : 0;
	font-size : 0.857em;
	line-height : 1.571em;
	display : inline-block;
	padding-left : 0px;
	width : 500px;
	overflow ：hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
}

.main-right-product-display {
	margin-top : 20px;
	position : relative;
	width : 100%;
	border : 1px solid #ecebeb;
	height : 245px;
	margin-bottom : 5px;
}

.main-right-product-display-h1 {
	position : relative;
	background-color : #1781E8;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	line-height : 1em;
	font-weight : 400;
	font-size : 1.143em;
	color : #FFF;
	padding : 11px 8px 13px 34px;
}

.main-right-product-box-display {
	max-width: 1200px; 
	margin: 0px auto;
	overflow : hidden;
}

.main-right-product-box-display-wrap {
	position : relative;
	width : 100%;
	overflow : hidden;
	height : 180px;
}

.main-right-product-box-ul {
	list-style : none;
	height : 180px;
}

.main-right-product-box-li {
	position : relative;
	float : left;
	list-style : none;
	width : 116px;
	margin-right : 16px;
	text-align : center;
	
}

.main-right-product-box-li p {
	text-align : center;
	border : 1px #DDD solid;
	vertical-align : middle;
	overflow : hidden;
	background : #FFF;
	margin-bottom : 0px;
}

.main-right-product-box-li a {
	
}

.main-right-product-box-li span {
	margin-top : 0px;
	font-size : 15px;
	height : 40px;
	display : inline-block;
}

.main-right-product-list {
	position : relative;
	border : 1px solid #ecebeb;
	margin-bottom : 5px;
}

.main-right-product-list-h1 {
	position : relative;
	background-color : #1781E8;
	border-top-left-radius : 3px;
	border-top-right-radius : 3px;
	line-height : 1em;
	font-weight : 400;
	font-size : 1.143em;
	color : #FFF;
	padding : 11px 8px 13px 34px;
}

.product-list-div {
	margin-bottom : 20px;
}

.product-list-div .product-list-item-div {
	border : 1px solid #bbbbbb;
	padding : 10px;
	margin-bottom : 20px;
	height : 172px;
}

.product-list-div .product-list-item-div .product-list-item-left-div {
	width : 428px;
	margin-right : 20px;
	float : left;
}

.product-list-div .product-list-item-div .product-list-item-left-div h5 {
	background : url(../images/h5.gif) bottom repeat-x;
	color : #009fdf;
	float : right;
	width : 428px;
	font-size : 14px;
	padding-bottom : 5px;
	margin-bottom : 5px;
	margin-top : 0px;
}

.product-list-div .product-list-item-div .product-list-item-left-div p {
	line-height : 170%;
}

.product-list-div .product-list-item-div .product-list-item-right-div {
	float : right;
	width : 170px;
}

.footer {
	position : relative;
	margin-top : -50px;
	height : 20px;
	text-align : center;
	padding-bottom : 2px;
	padding-top : 5px;
	font-size : 13px;
	border-top : 1px #DDD solid;
	clear : both;
}
















