@media (max-width: 767px) {
	.m-btn-more {
		width: 150px;
		height: 42px;
		background: #09588c;
		line-height: 42px;
		text-align: center;
		margin: 15px auto;
		border-radius: 3px;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.m-btn-more a {
		display: block;
		color: white !important;
		font-size: 15px;
		text-transform: uppercase
	}

	.header {
		height: 65px;
		position: relative
	}

	.header-menu {
		display: block
	}

	.header-brand {
		line-height: 65px;
		font-size: 0;
		text-align: center
	}

	.header-brand img {
		vertical-align: middle;
		max-height: 40px
	}

	.header-tel {
		float: right
	}

	.header-tel ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100px
	}

	.header-tel li {
		color: #0e0e0e;
		font-size: 14px;
		line-height: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 20px
	}

	.header-tel li a {
		color: #000
	}

	.header-tel li:last-child a {
		color: #09588c;
		text-decoration: underline
	}

	.header-tel span {
		width: 37px;
		height: 37px;
		background: rgba(0,0,0,0.1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19000000', endColorstr='#19000000');
		display: block;
		border-radius: 37px;
		line-height: 37px;
		text-align: center;
		margin-right: 18px
	}

	:root .header-tel span {
		filter: none\9
	}

	.header-tel span i {
		font-size: 18px;
		color: rgba(0,0,0,0.4)
	}

	.nav-search {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 65px;
		line-height: 60px;
		text-align: center;
		cursor: pointer
	}

	.nav-search i {
		font-size: 22px;
		color: #024978;
		font-weight: 700
	}

	.nav-search-show {
		position: absolute;
		left: 0;
		top: 0;
		height: 65px;
		background: #fff;
		width: 100%;
		padding: 10px;
		line-height: 45px;
		display: none
	}

	.nav-search-show .wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.nav-search-show span {
		font-size: 15px;
		color: #09588b;
		padding-right: 10px
	}

	.nav-search-show input[type='text'] {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 45px;
		border: 1px solid #7d7d7d;
		border-radius: 0;
		padding: 10px;
		line-height: 23px
	}

	.nav-search-show input[type='submit'] {
		height: 45px;
		width: 40px;
		background: #09588b url("../images/search.png") no-repeat center center;
		float: right;
		text-align: center;
		line-height: 45px;
		border: none
	}
	.nav ul {
		position: absolute;
		left: 0;
		top: 65px;
		width: 100%;
		background: #fff;
		border-top: 1px solid #eeeeee;
		display: none;
		z-index: 99
	}

	.nav ul li {
		line-height: 43px;
		border-bottom: 1px solid #eeeeee;
		position: relative
	}

	.nav ul li a {
		display: block;
		padding: 0 30px;
		color: #3a3a3a
	}

	.nav ul li:hover {
		background: #09588b
	}

	.nav ul li:hover a {
		color: #fff
	}

	.nav ul li:after {
		position: absolute;
		right: 10px;
		top: 0;
		content: "+";
		padding: 0 5px;
		color: #3a3a3a;
		font-size: 16px
	}

	.nav ul li:first-child:after,.nav ul li:last-child:after {
		display: none
	}

	.nav ul li.hover:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		color: #fff
	}

	.nav ul .list {
		display: none;
		background: #f7f7f7
	}

	.nav ul .list dd {
		line-height: 40px;
		border-bottom: 1px solid #eeeeee;
		padding: 0 10px
	}

	.nav ul .list dd:last-child {
		border-bottom: none
	}

	.nav ul .list dd:hover {
		background: #09588b
	}

	.nav ul .list dd:hover a {
		color: #fff
	}

	.nav ul .list dd a {
		color: #3a3a3a
	}

	.header-tel {
		display: none
	}

	.banenr-swiper .swiper-slide {
		width: 100%;
		overflow: hidden
	}

	.banenr-swiper .swiper-slide img {
		height: 150px;
		width: 497px;
		display: block;
		-webkit-transform: translateX(-12%);
		transform: translateX(-12%)
	}

	.banenr-swiper .swiper-pagination-bullet {
		height: 10px;
		width: 10px;
		background: #8e8e8e
	}

	.banenr-swiper .swiper-pagination-bullet-active {
		background: #09588b
	}

	.banenr-swiper .swiper-pagination {
		bottom: 6px !important
	}

	.banenr-swiper .next,.banenr-swiper .prev {
		position: absolute;
		z-index: 3;
		width: 20px;
		height: 20px;
		top: 50%;
		border-radius: 100%;
		text-align: center;
		line-height: 20px;
		margin-top: -10px
	}

	.banenr-swiper .next i,.banenr-swiper .prev i {
		color: #fff;
		font-size: 12px
	}

	.banenr-swiper .prev {
		left: 15px;
		background: rgba(0,0,0,0.2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000')
	}

	:root .banenr-swiper .prev {
		filter: none\9
	}

	.banenr-swiper .next {
		right: 15px;
		background: rgba(0,0,0,0.2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000')
	}

	:root .banenr-swiper .next {
		filter: none\9
	}

	.index-aboutus {
		background: #f8f8f8;
		padding: 15px 0
	}

	.index-aboutus-headline {
		text-align: center
	}

	.index-aboutus-headline h2 {
		color: #2e2e2e;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px
	}

	.index-aboutus-headline h3 {
		color: #d8d8d8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px
	}

	.index-aboutus-headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2px
	}

	.index-aboutus-headline h4 i {
		width: 20%;
		height: 3px;
		background: #e1e1e1
	}

	.index-aboutus-headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.index-aboutus-pic {
		margin-top: 12px;
		text-align: center
	}

	.index-aboutus-pic img {
		max-width: 100%
	}

	.index-aboutus-text h2 {
		display: none
	}

	.index-aboutus-text h3 {
		display: none
	}

	.index-aboutus-text p {
		color: #363636;
		font-size: 15px;
		line-height: 30px;
		text-transform: uppercase;
		margin-top: 10px
	}
	.index-aboutus-text img {
		max-width:100%;
	}


	.index-aboutus-text .more {
		width: 150px;
		height: 42px;
		background: #09588c;
		line-height: 42px;
		text-align: center;
		margin: 15px auto;
		border-radius: 3px
	}

	.index-aboutus-text .more a {
		display: block
	}

	.index-aboutus-text .more span {
		color: white;
		font-size: 15px
	}

	.index-aboutus-text .more i {
		display: none;
		color: #fff;
		font-size: 13px
	}

	.index-product {
		padding: 25px 0
	}

	.index-product-headline {
		text-align: center
	}

	.index-product-headline h2 {
		color: #2e2e2e;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px
	}

	.index-product-headline h3 {
		color: #d8d8d8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px
	}

	.index-product-headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2px
	}

	.index-product-headline h4 i {
		width: 20%;
		height: 3px;
		background: #e1e1e1
	}

	.index-product-headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.index-product-tabs {
		margin-top: 20px;
		display: none;
		text-align: center
	}

	.index-product-tabs h3 {
		padding-left: 18px;
		font-size: 14px;
		line-height: 48px;
		color: #464646
	}

	.index-product-tabs li {
		height: 38px;
		border: 1px solid #d8d8d8;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: middle;
		margin: 0 3px;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		margin-bottom: 10px
	}

	.index-product-tabs li a {
		padding: 0 13px;
		display: block;
		line-height: 36px
	}

	.index-product-tabs li.on,.index-product-tabs li:hover {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: #09588b;
		border: 1px solid #09588b
	}

	.index-product-tabs li.on a,.index-product-tabs li:hover a {
		color: #fff
	}

	.index-product-list {
		margin-top: 20px;
		display: none
	}

	.index-product-list .row {
		margin-left: -5px;
		margin-right: -5px
	}

	.index-product-list .col-xs-6 {
		padding: 0 5px;
		display: none
	}

	.index-product-list .col-xs-6:nth-child(1) {
		display: block
	}

	.index-product-list .col-xs-6:nth-child(2) {
		display: block
	}

	.index-product-list .col-xs-6:nth-child(3) {
		display: block
	}

	.index-product-list .col-xs-6:nth-child(4) {
		display: block
	}

	.index-product-list .items {
		margin-bottom: 15px
	}

	.index-product-list .items-pic {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #d8d8d8;
		width: 100%;
		padding-top: 80%
	}

	.index-product-list .items-pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.index-product-list .items-pic a {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
		left: 0;
		top: 100%;
		background: rgba(9,88,139,0.5);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f09588b', endColorstr='#7f09588b');
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 9
	}

	:root .index-product-list .items-pic a {
		filter: none\9
	}

	.index-product-list .items-pic a span {
		width: 64px;
		height: 64px;
		border: 1px solid #fff;
		font-size: 24px;
		position: relative
	}

	.index-product-list .items-pic a span:after {
		content: '';
		width: 20px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px
	}

	.index-product-list .items-pic a span:before {
		content: '';
		width: 1px;
		height: 20px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -10px
	}

	.index-product-list .items-pic:hover a {
		top: 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.index-product-list h3 {
		color: black;
		font-size: 14px;
		text-align: center;
		line-height: 20px;
		margin-top: 10px
	}

	.index-product-list h3 span {
		display: block
	}

	.index-product-list h3 a {
		color: black
	}

	.index-superiority {
		padding: 30px 15px
	}

	.index-superiority .row div[class^=col] {
		padding: 0;
		margin: 0
	}

	.index-superiority .row>div:nth-child(2) {
		border-top: 1px solid rgba(255,255,255,0.2);
		border-left: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .row>div:nth-child(3) {
		border-top: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .row>div:nth-child(4) {
		border-left: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .row>div:nth-child(6) {
		border-left: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px
	}

	.index-superiority .title h2 {
		line-height: 1.1
	}

	.index-superiority .title h2 img {
		width: 50%
	}

	.index-superiority .title h3 {
		text-transform: uppercase;
		margin-top: 5px;
		font-size: 12px;
		font-family: Arial;
		font-size: 12px
	}

	.index-superiority .items {
		border: 1px solid rgba(255,255,255,0.2);
		border-top: none;
		border-left: none;
		text-align: center;
		padding: 20px 0;
		height: 160px;
		position: relative;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		cursor: pointer
	}

	.index-superiority .items:hover {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		background-color: #09588b;
		border-radius: 5px;
		border: 1px solid #09588b;
		box-shadow: 0 0 5px rgba(11,2,5,0.5);
		z-index: 2
	}

	.index-superiority .items:hover h4 i {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-superiority .items:hover h4 span {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 105px;
		height: 1px;
		opacity: 1;
		filter: alpha(opacity=100);
		background: #fff
	}

	.index-superiority .items:hover p {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-superiority h4 i {
		opacity: 0.4;
		filter: alpha(opacity=40)
	}

	.index-superiority h4 span {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 42px;
		height: 1px;
		opacity: 0.3;
		filter: alpha(opacity=30);
		background: #fff
	}

	.index-superiority .items-line {
		line-height: 3px
	}

	.index-superiority h3 {
		color: white;
		font-size: 17px;
		font-weight: 400;
		line-height: 24px;
		margin-top: 10px
	}

	.index-superiority p {
		color: white;
		opacity: 0.6;
		filter: alpha(opacity=60);
		font-size: 12px;
		font-weight: 400;
		line-height: 18px
	}

	.index-news {
		padding: 20px 0
	}

	.index-news .news-swiper {
		margin-top: 20px;
		padding-bottom: 25px
	}

	.index-news .swiper-slide .pic img {
		width: 100%
	}

	.index-news .swiper-slide .text-time {
		background: #f7f7f7;
		padding: 5px
	}

	.index-news .swiper-slide .text-time:hover {
		background: #09588b
	}

	.index-news .swiper-slide .text-time:hover .time,.index-news .swiper-slide .text-time:hover h3,.index-news .swiper-slide .text-time:hover p {
		color: #fff
	}

	.index-news .swiper-slide .text h3 {
		color: black;
		font-size: 16px;
		font-weight: 400;
		line-height: 30px
	}

	.index-news .swiper-slide .text p {
		color: #979797;
		font-size: 14px;
		line-height: 25px
	}

	.index-news .swiper-slide .time {
		font-size: 12px;
		color: #6d6d6d;
		text-align: right;
		line-height: 20px
	}

	.index-news .swiper-slide .time span {
		padding: 0 5px
	}

	.index-news .swiper-pagination-bullet {
		height: 10px;
		width: 10px;
		background: #8e8e8e
	}

	.index-news .swiper-pagination-bullet-active {
		background: #09588b
	}

	.index-news .swiper-pagination {
		bottom: 0px !important
	}

	.footer {
		background: #2b2b2b;
		padding: 30px 0;
		display: none
	}

	.footer-copyright {
		text-align: center;
		background: #000000;
		line-height: 60px;
		color: #fff;
		font-size: 14px;
		margin-top: 60px
	}
	.footer-copyright a{
		color: #fff;
	}
	.footer-copyright span{
		display:none;
	}		
	.index-product-list-wrap .index-product-list:nth-child(1) {
		display: block
	}

	.about-headline {
		text-align: center;
		margin-top: 20px
	}

	.about-headline h2 {
		color: #2e2e2e;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px
	}

	.about-headline h3 {
		color: #d8d8d8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px
	}

	.about-headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2px
	}

	.about-headline h4 i {
		width: 20%;
		height: 3px;
		background: #e1e1e1
	}

	.about-headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.about-txt{
		text-align:center;
		margin:0 auto;
		width:95%;
		}

	.content-headline {
		text-align: center;
		margin-top: 20px
	}

	.content-headline h2 {
		color: #2e2e2e;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px
	}

	.content-headline h3 {
		color: #d8d8d8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px
	}

	.content-headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2px
	}

	.content-headline h4 i {
		width: 20%;
		height: 3px;
		background: #e1e1e1
	}

	.content-headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.baidu-maps {
		margin-top: 30px
	}

	.content-company .headline {
		text-align: center;
		margin-top: 40px
	}

	.content-company .headline h2 {
		color: black;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px
	}

	.content-company .headline h3 {
		font-size: 12px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase
	}

	.content-company .row {
		border: 1px dotted #d3d3d3;
		margin: 15px 0 0;
		padding: 10px
	}

	.content-company .items {
		text-align: center;
		margin-bottom: 15px
	}

	.content-company .items h3 {
		color: black;
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 5px
	}

	.content-company .items p {
		color: #535353;
		font-size: 14px;
		line-height: 28px
	}

	.content-company .items li {
		color: #535353;
		font-size: 14px;
		line-height: 28px
	}

	.product-center {
		padding: 0 0 20px
	}

  .product-center .title { font-size: 30px; padding: 20px 0; line-height: 60px; text-align:center;border-bottom: #e3e3e3 1px solid; }
  .product-center .con { margin: 30px 0; }
  .product-center .con img{ max-width:100%;}
  
	.news-center {
		padding: 0 0 20px
	}

  .news-center .title { font-size: 30px; padding: 20px 0; line-height: 60px; text-align:center;border-bottom: #e3e3e3 1px solid; }
  .news-center .title2 { font-size: 14px;  line-height: 30px; text-align:center; }  
  .news-center .con { margin: 30px 0; }
  .news-center .con img{ max-width:100%;}  
  
  .g-pintBack {background-color: #e9ecec; font-size: 14px; text-align:center;}
  .g-pintBack .right {width:50%; text-align: center;}
  .g-pintBack .left {width:50%; text-align: center;}  
  
  .g-pintBack2 {background-color: #e9ecec; font-size: 14px;}
  .g-pintBack2 .right {width:100%; }
  .g-pintBack2 .left {width:100%; }    
  
	.download-center {
		padding: 0 0 20px
	}

	.download-center-list {
		margin-top: 20px
	}

	.download-center-list .items {
		background: #f0f0f0;
		padding: 15px 8px;
		margin-bottom: 30px;
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.download-center-list .items-pic {
		text-align: center
	}

	.download-center-list .items-pic img {
		width: 120px
	}

	.download-center-list .items-text {
		padding-left: 15px
	}

	.download-center-list .items-text h3 {
		color: black;
		font-size: 18px;
		font-weight: 400;
		line-height: 24px
	}

	.download-center-list .items-text p {
		font-size: 14px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase;
		margin-top: 5px
	}

	.download-center-list .items-text .download {
		height: 40px;
		line-height: 38px;
		width: 120px;
		background: #09588b;
		background: #fff;
		margin-top: 10px;
		text-align: center;
		border: 1px solid #e2e2e2;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.download-center-list .items-text .download a {
		display: block;
		color: #a2a2a2;
		font-size: 15px
	}

	.download-center-list .items-text .download i {
		font-size: 24px;
		vertical-align: middle
	}

	.download-center-list .items-text .download:hover {
		border: 1px solid #09588b;
		background: #09588b;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.download-center-list .items-text .download:hover a {
		color: white
	}

	.news-center-list {
		margin-top: 20px
	}

	.news-center-list .items {
		margin-bottom: 20px
	}

	.news-center-list .items a {
		border: 1px solid #eeeeee;
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding-bottom: 5px
	}

	.news-center-list .items .items-date {
		color: #797979;
		position: relative;
		text-align: right;
		padding-right: 5px
	}

	.news-center-list .items .items-date span {
		line-height: 20px;
		display: none
	}

	.news-center-list .items .items-date b {
		font-weight: 400
	}

	.news-center-list .items .items-title {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 10px 5px
	}

	.news-center-list .items .items-title h3 {
		font-size: 16px;
		color: #363636;
		line-height: 26px;
		font-weight: 400;
		text-transform: uppercase
	}

	.news-center-list .items .items-title p {
		color: #363636;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		margin-top: 5px
	}

	.news-center-list .items .items-pic img {
		width: 100%
	}

	.news-center-list .items:hover {
		box-shadow: 0 3px 10px rgba(11,2,5,0.12)
	}

	.product-center-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 10px;
		display: none
	}

	.product-center-search span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.product-center-search input {
		width: 100%;
		height: 38px;
		padding: 10px;
		line-height: 18px;
		border: 1px solid #dadada;
		border-radius: 0
	}

	.product-center-search a {
		height: 38px;
		width: 38px;
		background: #09588b;
		line-height: 38px;
		text-align: center;
		display: block;
		cursor: pointer
	}

	.product-center-search a i {
		color: #fff
	}

	.product-center-meun .headline {
		text-align: center;
		margin-top: 20px
	}

	.product-center-meun .headline h2 {
		color: #2e2e2e;
		font-size: 18px;
		font-weight: 500;
		line-height: 24px
	}

	.product-center-meun .headline h3 {
		color: #d8d8d8;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 16px
	}

	.product-center-meun .headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 2px
	}

	.product-center-meun .headline h4 i {
		width: 20%;
		height: 3px;
		background: #e1e1e1
	}

	.product-center-meun .headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.product-center-meun .list {
		margin-top: 20px
	}

	.product-center-meun .list li.on h3 {
		background: #00395f;
		color: #fff;
		display: block
	}

	.product-center-meun .list h3 {
		padding: 0 12px;
		font-size: 14px;
		line-height: 48px;
		color: #464646;
		text-align: left
	}

	.product-center-meun .list .list-show {
		display: none
	}

	.product-center-meun .list dl {
		background: #f7f7f7
	}

	.product-center-meun .list dd {
		line-height: 40px;
		border-bottom: 1px solid #eeeeee
	}

	.product-center-meun .list dd a {
		padding: 0 20px;
		color: #3a3a3a;
		display: block
	}

	.product-center-meun .list dd:hover {
		background: #00395f
	}

	.product-center-meun .list dd:hover a {
		color: #fff
	}

	.product-center-list {
		margin-top: 20px
	}

	.product-center-list .row {
		margin-left: -5px;
		margin-right: -5px
	}

	.product-center-list .col-xs-6 {
		padding: 0 5px;
		/*display: none*/
	}

	.product-center-list .col-xs-6:nth-child(1) {
		display: block
	}

	.product-center-list .col-xs-6:nth-child(2) {
		display: block
	}

	.product-center-list .col-xs-6:nth-child(3) {
		display: block
	}

	.product-center-list .col-xs-6:nth-child(4) {
		display: block
	}

	.product-center-list .items {
		margin-bottom: 15px
	}

	.product-center-list .items-pic {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #d8d8d8;
		width: 100%;
		padding-top: 80%
	}

	.product-center-list .items-pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.product-center-list .items-pic a {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
		left: 0;
		top: 100%;
		background: rgba(9,88,139,0.5);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f09588b', endColorstr='#7f09588b');
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 5
	}

	:root .product-center-list .items-pic a {
		filter: none\9
	}

	.product-center-list .items-pic a span {
		width: 64px;
		height: 64px;
		border: 1px solid #fff;
		font-size: 24px;
		position: relative
	}

	.product-center-list .items-pic a span:after {
		content: '';
		width: 20px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px
	}

	.product-center-list .items-pic a span:before {
		content: '';
		width: 1px;
		height: 20px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -10px
	}

	.product-center-list .items-pic:hover a {
		top: 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.product-center-list h3 {
		color: black;
		font-size: 14px;
		text-align: center;
		line-height: 20px;
		margin-top: 10px
	}

	.product-center-list h3 span {
		display: block
	}

	.product-center-list h3 a {
		color: black
	}

	.honor-list {
		margin-top: 50px
	}

	.honor-list .thumbnail {
		margin-bottom: 30px;
		border: none;
		padding: 0
	}

	.honor-list .thumbnail .caption {
		padding: 0
	}

	.honor-list .lightbox {
		position: relative;
		cursor: pointer;
		display: block;
		padding-top: 137%
	}

	.honor-list .lightbox img {
		max-width: 100%;
		max-height: 100%;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.honor-list .lightbox .hover {
		position: absolute;
		left: 0;
		bottom: 0;
		background: #09588b;
		line-height: 45px;
		text-align: center;
		width: 100%;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		overflow: hidden;
		height: 0;
		z-index: 9
	}

	.honor-list .lightbox .hover i {
		color: #fff;
		font-size: 20px
	}

	.honor-list .lightbox:hover .hover {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		bottom: 0;
		overflow: hidden;
		height: 45px
	}

	.honor-list h3 {
		color: black;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-top: 10px
	}

	.honor-list h3 a {
		color: black
	}

	#Floatingbar {
		margin-right: 15px;
		overflow: hidden;
		top: auto !important;
		bottom: 15px !important;
		display: none
	}

	#Floatingbar li {
		opacity: 0;
		filter: alpha(opacity=0)
	}

	#Floatingbar .backtop {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.content-us-banner img {
		width: 100%
	}

	.pagging {
		text-align: center;
		margin-top: 20px
	}

	.pagging a {
		width: 38px;
		height: 38px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: #eeeeee;
		color: #232323;
		line-height: 38px;
		text-align: center;
		vertical-align: middle;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		margin: 0 1px
	}

	.pagging a:hover {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		background: #09588b;
		color: #fff
	}

	.pagging span {
		margin: 0 1px;
		width: 38px;
		height: 38px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		line-height: 38px;
		color: #fff;
		vertical-align: middle;
		background: #09588b
	}

	.pagging .next,.pagging .prev {
		background: #09588b
	}

	.pagging .next i,.pagging .prev i {
		color: #fff;
		font-size: 12px
	}
}

@media (min-width: 768px) {
	.m-btn-more {
		line-height: 48px;
		text-align: center;
		margin: 15px auto;
		width: 213px;
		height: 48px;
		border-radius: 5px;
		border: 1px solid #e2e2e2;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.m-btn-more a {
		display: block;
		color: #a2a2a2;
		font-size: 15px;
		text-transform: uppercase
	}

	.m-btn-more:hover {
		border: 1px solid #09588b;
		background: #09588b;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.m-btn-more:hover a {
		color: white
	}

	.header {
		height: 100px
	}

	.header-menu {
		display: none
	}

	.header-brand {
		float: left;
		line-height: 100px;
		font-size: 0
	}

	.header-brand img {
		vertical-align: middle;
		max-height: 60px
	}

	.header-tel {
		float: right
	}

	.header-tel ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100px
	}

	.header-tel li {
		color: #0e0e0e;
		font-size: 14px;
		line-height: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 20px
	}

	.header-tel li a {
		color: #000
	}

	.header-tel li:last-child a {
		color: #09588c;
		text-decoration: underline
	}

	.header-tel span {
		width: 37px;
		height: 37px;
		background: rgba(0,0,0,0.1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19000000', endColorstr='#19000000');
		display: block;
		border-radius: 37px;
		line-height: 37px;
		text-align: center;
		margin-right: 18px
	}

	:root .header-tel span {
		filter: none\9
	}

	.header-tel span i {
		font-size: 18px;
		color: rgba(0,0,0,0.4)
	}

	.nav {
		background: #09588b;
		padding: 0 !important !important
	}

	.nav .container {
		position: relative
	}

	.nav ul {
		line-height: 80px;
		float: left;
		height: 80px
	}

	.nav ul li {
		font-size: 14px;
		color: white;
		position: relative;
		float: left
	}

	.nav ul li a {
		color: white;
		padding: 0 13px;
		display: block
	}

	.nav ul li.on a {
		color: #fff600
	}

	.nav ul li:last-child {
		display: none
	}

	.nav ul li:hover a {
		color: #fff600
	}

	.nav ul .list {
		position: absolute;
		left: 50%;
		top: 79px;
		width: 140px;
		background: #09588b;
		margin-left: -70px;
		display: none;
		text-align: center;
		z-index: 9999
	}

	.nav ul .list dd {
		float: none;
		line-height: 40px
	}

	.nav ul .list dd a {
		color: #fff
	}

	.nav ul .list dd:hover {
		background: #00395f
	}

	.nav ul .list dd:hover a {
		color: #fff
	}

	.nav-search {
		float: right;
		width: 80px;
		height: 80px;
		background-color: #024978;
		line-height: 80px;
		text-align: center;
		position: relative;
		cursor: pointer
	}

	.nav-search i {
		font-size: 22px;
		color: #fff
	}

	.nav-search-show {
		position: absolute;
		right: 15px;
		top: 90px;
		height: 48px;
		display: none;
		z-index: 99;
		padding-top: 6px
	}

	.nav-search-show:before {
		content: '▲';
		position: absolute;
		right: 12px;
		top: -6px;
		color: #09588b;
		font-size: 14px
	}

	.nav-search-show input[type='text'] {
		height: 40px;
		background: #fff;
		border: none;
		float: left;
		padding: 10px;
		line-height: 20px;
		width: 320px
	}

	.nav-search-show span {
		display: none
	}

	.nav-search-show input[type='submit'] {
		height: 40px;
		width: 40px;
		background: #09588b url("../images/search.png") no-repeat center center;
		float: right;
		text-align: center;
		line-height: 40px;
		border: none
	}

	.banenr-swiper .swiper-slide img {
		width: 100%
	}

	.banenr-swiper .swiper-pagination-bullet {
		opacity: 0.8;
		filter: alpha(opacity=80);
		height: 10px;
		width: 10px;
		background: #8e8e8e
	}

	.banenr-swiper .swiper-pagination-bullet-active {
		background: #09588b
	}

	.banenr-swiper .swiper-pagination {
		bottom: 2px
	}

	.banenr-swiper .next,.banenr-swiper .prev {
		position: absolute;
		z-index: 3;
		width: 40px;
		height: 40px;
		top: 50%;
		border-radius: 100%;
		text-align: center;
		line-height: 40px;
		display: none
	}

	.banenr-swiper .next i,.banenr-swiper .prev i {
		color: #fff
	}

	.banenr-swiper .prev {
		left: 20px;
		background: rgba(0,0,0,0.2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000')
	}

	:root .banenr-swiper .prev {
		filter: none\9
	}

	.banenr-swiper .next {
		right: 20px;
		background: rgba(0,0,0,0.2);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#33000000')
	}

	:root .banenr-swiper .next {
		filter: none\9
	}

	.index-aboutus {
		background: #f8f8f8;
		padding: 90px 0
	}

	.index-aboutus .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.index-aboutus-headline {
		display: none
	}

	.index-aboutus-pic {
		padding-right: 5px;
		text-align: center;
		overflow: hidden
	}

	.index-aboutus-pic img {
		max-width: 100%;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.index-aboutus-pic img:hover {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.index-aboutus-text {
		padding-left: 5px;
	}
	.index-aboutus-text img {
		max-width:100%;
	}
	.index-aboutus-text h2 {
		color: #2d2d2d;
		font-size: 30px;
		font-weight: 400;
		line-height: 34px
	}

	.index-aboutus-text h3 {
		font-weight: 400;
		color: #515151;
		opacity: 0.5;
		filter: alpha(opacity=50);
		font-size: 16px;
		line-height: 25px
	}

	.index-aboutus-text p {
		color: #363636;
		font-size: 14px;
		line-height: 30px;
		text-transform: uppercase;
		margin-top: 10px
	}

	.index-aboutus-text .more {
		width: 69px;
		height: 38px;
		background: #09588c;
		line-height: 38px;
		text-align: center;
		margin-top: 30px
	}

	.index-aboutus-text .more a {
		display: block
	}

	.index-aboutus-text .more span {
		display: none
	}

	.index-aboutus-text .more i {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		color: #fff;
		font-size: 13px;
		display: inline-block;
		*display: inline;
		*zoom: 1
	}

	.index-aboutus-text .more:hover i {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	.index-product {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.index-product-headline {
		text-align: center
	}

	.index-product-headline h2 {
		color: #494949;
		font-size: 30px;
		font-weight: 500;
		line-height: 45px
	}

	.index-product-headline h3 {
		font-size: 16px;
		color: #b8b8b8;
		text-transform: uppercase;
		line-height: 20px
	}

	.index-product-headline h4 {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 10px
	}

	.index-product-headline h4 i {
		width: 20%;
		height: 1px;
		background: #e1e1e1
	}

	.index-product-headline h4 span {
		height: 10px;
		width: 10px;
		background: #09588b;
		margin: 0 4px
	}

	.index-product-tabs {
		text-align: center;
		margin-top: 40px
	}

	.index-product-tabs li {
		height: 38px;
		border: 1px solid #d8d8d8;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: middle;
		margin: 0 3px;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s
	}

	.index-product-tabs li a {
		padding: 0 13px;
		display: block;
		line-height: 36px
	}

	.index-product-tabs li.on,.index-product-tabs li:hover {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		background: #09588b;
		border: 1px solid #09588b
	}

	.index-product-tabs li.on a,.index-product-tabs li:hover a {
		color: #fff
	}

	.index-product-list {
		margin-top: 60px
	}

	.index-product-list .items {
		margin-bottom: 15px
	}

	.index-product-list .items-pic {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #d8d8d8;
		width: 100%;
		width: 100%;
		padding-top: 80%
	}

	.index-product-list .items-pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.index-product-list .items-pic a {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
		left: 0;
		top: 100%;
		background: rgba(9,88,139,0.5);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f09588b', endColorstr='#7f09588b');
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 5
	}

	:root .index-product-list .items-pic a {
		filter: none\9
	}

	.index-product-list .items-pic a span {
		width: 64px;
		height: 64px;
		border: 1px solid #fff;
		font-size: 24px;
		position: relative
	}

	.index-product-list .items-pic a span:after {
		content: '';
		width: 20px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px
	}

	.index-product-list .items-pic a span:before {
		content: '';
		width: 1px;
		height: 20px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -10px
	}

	.index-product-list .items-pic:hover a {
		top: 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.index-product-list h3 {
		color: black;
		font-size: 14px;
		text-align: center;
		line-height: 60px
	}

	.index-product-list h3 a {
		color: black
	}

	.index-product-list h3 a:hover {
		color: #09588b
	}

	.index-superiority {
		padding: 150px 15px
	}

	.index-superiority .row div[class^=col] {
		padding: 0;
		margin: 0
	}

	.index-superiority .row>div:nth-child(2) {
		border-top: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .row>div:nth-child(3) {
		border-top: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .row>div:nth-child(4) {
		border-left: 1px solid rgba(255,255,255,0.2)
	}

	.index-superiority .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid rgba(255,255,255,0.2);
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 210px
	}

	.index-superiority .title h3 {
		margin-top: 15px
	}

	.index-superiority .items {
		border: 1px solid rgba(255,255,255,0.2);
		border-top: none;
		border-left: none;
		text-align: center;
		padding: 40px 0;
		height: 210px;
		position: relative;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		cursor: pointer
	}

	.index-superiority .items:hover {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		background-color: #09588b;
		border-radius: 5px;
		border: 1px solid #09588b;
		box-shadow: 0 0 5px rgba(11,2,5,0.5);
		z-index: 2
	}

	.index-superiority .items:hover h4 i {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-superiority .items:hover h4 span {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 105px;
		height: 1px;
		opacity: 1;
		filter: alpha(opacity=100);
		background: #fff
	}

	.index-superiority .items:hover p {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.index-superiority h4 i {
		opacity: 0.4;
		filter: alpha(opacity=40)
	}

	.index-superiority h4 span {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 42px;
		height: 1px;
		opacity: 0.3;
		filter: alpha(opacity=30);
		background: #fff
	}

	.index-superiority .items-line {
		line-height: 3px
	}

	.index-superiority h3 {
		color: white;
		font-size: 25px;
		font-weight: 400;
		line-height: 35px;
		margin-top: 10px
	}

	.index-superiority p {
		color: white;
		opacity: 0.6;
		filter: alpha(opacity=60);
		font-size: 14px;
		font-weight: 400;
		line-height: 24px
	}

	.index-news {
		padding: 100px 0
	}

	.index-news .news-swiper {
		margin-top: 50px
	}

	.index-news .swiper-pagination {
		display: none
	}

	.index-news .m-btn-more {
		margin-top: 40px
	}

	.index-news .swiper-slide {
		background: #f7f7f7;
		padding: 20px
	}

	.index-news .swiper-slide a {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.index-news .swiper-slide .pic {
		padding-right: 20px
	}

	.index-news .swiper-slide .pic img {
		width:150px;
		height:90px;
	}

	.index-news .swiper-slide .text h3 {
		color: black;
		font-size: 16px;
		font-weight: 400;
		line-height: 30px
	}

	.index-news .swiper-slide .text p {
		color: #979797;
		font-size: 14px;
		line-height: 25px;
		margin-top: 5px
	}

	.index-news .swiper-slide .time {
		display: none
	}

	.index-news .swiper-slide:hover {
		background: #09588b
	}

	.index-news .swiper-slide:hover .text h3,.index-news .swiper-slide:hover .text p {
		color: #fff
	}

	.footer {
		background: #2b2b2b;
		padding: 70px 0
	}

	.footer-addr {
		margin-top: 40px
	}

	.footer-addr li {
		color: white;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px;
		position: relative;
		padding-left: 48px
	}

	.footer-addr li .title {
		position: absolute;
		left: 0;
		top: 0
	}

	.footer-addr li p span {
		display: block
	}

	.footer-addr li p a {
		color: #fff;
		display: block
	}

	.footer-link {
		padding-left: 30px
	}

	.footer-link h3 {
		color: white;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px
	}

	.footer-link ul {
		margin-top: 10px
	}

	.footer-link li {
		color: white;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px
	}

	.footer-link li a {
		color: white
	}

	.footer-link li a:hover {
		color: #fff600
	}

	.footer-product h3 {
		color: white;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px
	}

	.footer-product ul {
		margin-top: 10px
	}

	.footer-product li {
		color: white;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px
	}

	.footer-product li a {
		color: white
	}

	.footer-product li a:hover {
		color: #fff600
	}

	.footer-search {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 5px
	}

	.footer-search input {
		width: 140px;
		height: 38px;
		padding: 10px;
		line-height: 18px;
		border: none
	}

	.footer-search input[type='submit'] {
		height: 38px;
		width: 38px;
		background: #09588b;
		line-height: 38px;
		text-align: center;
		background: #09588b url("../images/search.png") no-repeat center center;
		border: none
	}

	.footer-social {
		margin-top: 10px
	}

	.footer-social ul {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.footer-social li {
		position: relative;
		margin-right: 10px;
		cursor: pointer
	}

	.footer-social li .img {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		position: relative;
		position: absolute;
		width: 110px;
		height: 110px;
		background: #fff;
		border: 1px solid #ececec;
		top: -140px;
		left: 50%;
		margin-left: -55px;
		text-align: center;
		line-height: 110px;
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: -5
	}

	.footer-social li .img i {
		position: absolute;
		left: 0;
		width: 100%;
		text-align: center;
		bottom: -16px;
		line-height: 22px;
		font-size: 20px;
		z-index: 2
	}

	.footer-social li .img img {
		vertical-align: middle
	}

	.footer-social li a {
		color: #fff
	}

	.footer-social li i {
		color: #fff;
		font-size: 18px
	}

	.footer-social li:hover .img {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		top: -120px;
		z-index: 1;
		opacity: 1;
		filter: alpha(opacity=100)
	}

	.footer-about h3 {
		color: white;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px
	}

	.footer-about h4 {
		color: white;
		font-size: 14px;
		line-height: 30px;
		font-weight: 400;
		margin-top: 10px
	}

	.footer-about ul {
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: -5px
	}

	.footer-about ul li {
		padding: 5px
	}

	.footer-about ul li img {
		width: 100%
	}

	.footer-copyright {
		text-align: center;
		background: #000000;
		line-height: 80px;
		color: #fff;
		font-size: 14px
	}
	.footer-copyright a{
		color: #fff;
	}
	.content-us-maps {
		padding: 40px 0
	}
	.about-us {
		padding: 40px 0
	}

	.baidu-maps {
		margin-top: 60px
	}

	.content-company .headline {
		text-align: center;
		margin-top: 40px
	}

	.content-company .headline h2 {
		color: black;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px
	}

	.content-company .headline h3 {
		font-size: 14px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase;
		margin-top: 5px
	}

	.content-company .row {
		height: 210px;
		border: 1px dotted #d3d3d3;
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 15px 0 0
	}

	.content-company .col-xs-12 {
		position: relative
	}

	.content-company .col-xs-12:after {
		content: '';
		height: 100px;
		width: 1px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -50px;
		background: #e1e1e1
	}

	.content-company .col-xs-12:last-child:after {
		display: none
	}

	.content-company .items {
		text-align: center
	}

	.content-company .items h3 {
		color: black;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px
	}

	.content-company .items p {
		color: #535353;
		font-size: 12px;
		line-height: 25px;
		margin-top: 10px
	}

	.content-company .items ul {
		margin-top: 10px
	}

	.content-company .items li {
		color: #535353;
		font-size: 14px;
		line-height: 25px
	}

	.content-us-banner img {
		max-width: 100%
	}

	.about-headline {
		text-align: center;
		padding-bottom:40px;
	}

	.about-headline h2 {
		color: black;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px
	}

	.about-headline h3 {
		font-size: 14px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase;
		margin-top: 5px
	}

	.about-txt{
		text-align:center;
		}
	.content-headline {
		text-align: center
	}

	.content-headline h2 {
		color: black;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px
	}

	.content-headline h3 {
		font-size: 14px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase;
		margin-top: 5px
	}

	.product-center {
		padding: 40px 0
	}

.product-center .title { border-bottom: #e3e3e3 1px solid; font-size: 30px; padding-top: 20px; line-height: 40px; text-align:center; }
.product-center .title .container { padding-left: 30px; }
.product-center .con { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
.product-center .con p { margin: 2em 0; text-align: justify; }
.product-center .con img { display: block; margin: 2em 0; max-width: 100%; }

	.news-center {
		padding: 40px 0
	}

.news-center .title { border-bottom: #e3e3e3 1px solid; font-size: 30px; padding-top: 20px; line-height: 40px; text-align:center; }
.news-center .title .container { padding-left: 30px; }
.news-center .title2 {font-size: 14px; line-height: 40px; text-align:center; }
.news-center .title2 .container { padding-left: 30px; }
.news-center .con { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
.news-center .con p { margin: 2em 0; text-align: justify; }
.news-center .con img { display: block; margin: 2em 0; max-width: 100%; }

.g-pintBack { background-color: #e9ecec; height: 80px; padding-top: 40px; line-height: 20px; padding-bottom: 20px; font-size: 18px; position: relative; font-size: 14px; }
.g-pintBack .right {width:50%; text-align: right; padding: 0 40px; }
.g-pintBack .left {width:50%; text-align-last: auto; padding: 0 40px; }

.g-pintBack2 { background-color: #e9ecec; height: 80px; padding-top: 40px; line-height: 20px; padding-bottom: 20px; font-size: 18px; position: relative; font-size: 14px; }
.g-pintBack2 .right {width:50%; text-align: right; padding: 0 40px; }
.g-pintBack2 .left {width:50%; text-align-last: auto; padding: 0 40px; }

	.download-center {
		padding: 40px 0
	}

	.download-center-list {
		margin-top: 40px
	}

	.download-center-list .items {
		background: #f0f0f0;
		padding: 15px 8px;
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 30px
	}

	.download-center-list .items-pic img {
		width: 280px
	}

	.download-center-list .items-text {
		padding-left: 20px
	}

	.download-center-list .items-text h3 {
		color: black;
		font-size: 22px;
		font-weight: 400;
		line-height: 30px;
		margin-top: 10px
	}

	.download-center-list .items-text p {
		font-size: 14px;
		color: #9b9b9b;
		line-height: 20px;
		font-weight: 400;
		text-transform: uppercase;
		margin-top: 15px
	}

	.download-center-list .items-text .download {
		height: 45px;
		line-height: 43px;
		width: 140px;
		background: #09588b;
		background: #fff;
		margin-top: 150px;
		text-align: center;
		border: 1px solid #e2e2e2;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.download-center-list .items-text .download a {
		display: block;
		color: #a2a2a2;
		font-size: 15px
	}

	.download-center-list .items-text .download i {
		font-size: 20px
	}

	.download-center-list .items-text .download:hover {
		border: 1px solid #09588b;
		background: #09588b;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.download-center-list .items-text .download:hover a {
		color: white
	}

	.news-center-list {
		margin-top: 45px
	}

	.news-center-list .items {
		margin-bottom: 40px
	}

	.news-center-list .items a {
		height: 180px;
		border: 1px solid #eeeeee;
		display: -ms-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 40px
	}

	.news-center-list .items .items-date {
		margin-right: 60px;
		width: 94px;
		height: 94px;
		background: #ececec;
		padding-left: 10px;
		padding-top: 24px;
		color: #797979;
		position: relative;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.news-center-list .items .items-date:after {
		position: absolute;
		left: 70px;
		top: 20px;
		content: "";
		width: 54px;
		height: 1px;
		background: #d9d9d9;
		display: none
	}

	.news-center-list .items .items-date span {
		display: block;
		line-height: 20px
	}

	.news-center-list .items .items-date b {
		display: block;
		font-size: 24px;
		font-weight: 400
	}

	.news-center-list .items .items-title {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-right: 20px
	}

	.news-center-list .items .items-title h3 {
		font-size: 16px;
		color: #363636;
		line-height: 30px;
		font-weight: 400;
		text-transform: uppercase
	}

	.news-center-list .items .items-title p {
		color: #363636;
		font-size: 14px;
		line-height: 22px;
		text-transform: uppercase;
		margin-top: 10px
	}

	.news-center-list .items .items-pic {
		padding: 5px
	}

	.news-center-list .items .items-pic img {
		width:272px;
		height:172px;
	}

	.news-center-list .items:hover {
		box-shadow: 0 3px 10px rgba(11,2,5,0.12)
	}

	.news-center-list .items:hover .items-date {
		background: #09588b;
		color: #fff;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.news-center-list .items:hover .items-date:after {
		display: block
	}

	.product-center-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 5px
	}

	.product-center-search span {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.product-center-search input {
		width: 100%;
		height: 38px;
		padding: 10px;
		line-height: 18px;
		border: 1px solid #dadada
	}

	.product-center-search input[type='submit'] {
		height: 38px;
		width: 38px;
		background: #09588b;
		line-height: 38px;
		text-align: center;
		background: #09588b url("../images/search.png") no-repeat center center;
		border: none
	}


	.product-center {
		padding: 60px 0
	}

	.product-center-meun .headline {
		background: #00395f;
		padding: 25px;
		margin-top: 15px
	}

	.product-center-meun .headline h2 {
		color: white;
		font-size: 22px;
		font-weight: 400;
		line-height: 34px;
		border-bottom: 1px solid #fff
	}

	.product-center-meun .headline h3 {
		color: white;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase
	}

	.product-center-meun .list {
		background: #09588b
	}

	.product-center-meun .list li {
		color: white;
		font-size: 14px
	}

	.product-center-meun .list li h3 {
		line-height: 44px;
		height: 44px;
		color: white;
		padding: 0 15px;
		font-size: 14px;
		overflow: hidden;
		cursor: pointer
	}

	.product-center-meun .list li .list-show {
		display: none
	}

	.product-center-meun .list li dl {
		background: #f7f7f7
	}

	.product-center-meun .list li dd {
		line-height: 40px;
		border-bottom: 1px solid #eeeeee
	}

	.product-center-meun .list li dd a {
		padding: 0 20px;
		color: #3a3a3a;
		display: block
	}

	.product-center-meun .list li dd:hover {
		background: #00395f
	}

	.product-center-meun .list li dd:hover a {
		color: #fff
	}

	.product-center-meun .list li.on,.product-center-meun .list li:hover {
		background: #00395f
	}

	.product-center-list .items {
		margin-bottom: 15px
	}

	.product-center-list .items-pic {
		position: relative;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #d8d8d8;
		width: 100%;
		padding-top: 80%
	}

	.product-center-list .items-pic img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.product-center-list .items-pic a {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		position: absolute;
		left: 0;
		top: 100%;
		background: rgba(9,88,139,0.5);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f09588b', endColorstr='#7f09588b');
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 5
	}

	:root .product-center-list .items-pic a {
		filter: none\9
	}

	.product-center-list .items-pic a span {
		width: 64px;
		height: 64px;
		border: 1px solid #fff;
		font-size: 24px;
		position: relative
	}

	.product-center-list .items-pic a span:after {
		content: '';
		width: 20px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px
	}

	.product-center-list .items-pic a span:before {
		content: '';
		width: 1px;
		height: 20px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -10px
	}

	.product-center-list .items-pic:hover a {
		top: 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear
	}

	.product-center-list h3 {
		color: black;
		font-size: 14px;
		text-align: center;
		line-height: 60px
	}

	.product-center-list h3 a {
		color: black
	}

	.honor-list {
		margin-top: 50px
	}

	.honor-list .thumbnail {
		margin-bottom: 30px;
		border: none;
		padding: 0
	}

	.honor-list .lightbox {
		position: relative;
		cursor: pointer;
		display: block;
		padding-top: 137%
	}

	.honor-list .lightbox img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.honor-list .lightbox .hover {
		position: absolute;
		left: 0;
		bottom: 0;
		background: #09588b;
		line-height: 45px;
		text-align: center;
		width: 100%;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		overflow: hidden;
		height: 0;
		z-index: 9
	}

	.honor-list .lightbox .hover i {
		color: #fff;
		font-size: 20px
	}

	.honor-list .lightbox:hover .hover {
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		bottom: 0;
		overflow: hidden;
		height: 45px
	}

	.honor-list h3 {
		color: black;
		font-size: 14px;
		font-weight: 400;
		line-height: 30px;
		text-align: center
	}

	.honor-list h3 a {
		color: black
	}

	.pagging {
		text-align: center
	}

	.pagging a {
		width: 38px;
		height: 38px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		background: #eeeeee;
		color: #232323;
		line-height: 38px;
		text-align: center;
		vertical-align: middle;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		margin: 0 1px
	}

	.pagging a:hover {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
		background: #09588b;
		color: #fff
	}

	.pagging span {
		margin: 0 1px;
		width: 38px;
		height: 38px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		line-height: 38px;
		color: #fff;
		vertical-align: middle;
		background: #09588b
	}

	.pagging .next,.pagging .prev {
		background: #09588b
	}

	.pagging .next i,.pagging .prev i {
		color: #fff;
		font-size: 12px
	}
}

@media (min-width: 992px) {
	.header-brand {
		float: left;
		line-height: 100px;
		font-size: 0
	}

	.header-brand img {
		vertical-align: middle;
		max-height: 100%
	}

	.nav ul li a {
		padding: 0 28px
	}
}

@media (min-width: 1200px) {
	.nav ul li a {
		padding: 0 35px
	}
}