@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3, h4
{ margin: 0; padding: 0; font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;letter-spacing:1px; font-family: "simhei";}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;display:block}
.clear { clear:both;}
a{text-decoration:none;outline:0;}
center{padding:20px 0;}
.cl {
	clear: both;
}
body {
	background: #fff;
}
.swiper-container {
  width: 100%;
  height: calc(100vw * 0.4687);
}
/* .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;info
}
*/
.swiper-slide img {
	width: 100%;
	height: 100%;
	display: block;
} 
.header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-top: 1rem;
	padding-bottom: .7rem;
	box-sizing: border-box;
}
.header > .logo {
	width: 34.66vw;
	margin-left: 5.06vw;
}
.header > .logo > a > img {
	width: 100%;
}
.header > .menu_icon {
	width: 11.06vw;
	margin-right: 5.33vw;
}
.header > .menu_icon > img {
	width: 100%;
}
.about {
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 5vw;
	color: #333333;
	line-height: 180%;
	font-size: .9rem;
}
.about p {
	margin-bottom: .5rem;
}
.about a {
	color: #333;
}
.about img {
	max-width: 100%;
}
.product {
	width: 100%;
}
.product > .list {
	box-sizing: border-box;
	width: 100%;
	padding: 2rem 5vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product > .list > .item {
	width: 42.66vw;
	border: 1px #d2d2d2 solid;
	color: #333333;
	margin-bottom: .5rem;
	padding: .2rem .5rem;
	box-sizing: border-box;
	overflow: hidden;
	height: 1.6rem;
	line-height: 160%;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.product > .list > .item > a {
	color: #333333;
}
.product_detail {
	width: 90vw;
	margin: 0 auto;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2.5rem;
}
.product_detail > .title {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	padding-bottom: 1rem;
}
.product_detail > .con {
	width: 100%;
}
.product_detail > .con img {
	max-width: 100%;
}
.news_type {
	width: 100%;
}
.news_type > .list {
	width: 100%;
	display: flex;
	padding-left: 12vw;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.news_type > .list > .item {
	width: 22.66vw;
	color: #333333;
	text-align: center;
	border: 1px #ececec solid;
	margin-right: 4vw;
	padding: .4rem 0px;
}
.news_type > .list > .now {
	background: #164da0;
	color: #fff;
	border: 1px #164da0 solid;
}
.news_type > .list > .item > a {
	color: #333333;
}
.news_type > .list > .now > a {
	color: #fff;
}
.new {
	width: 100%;
	box-sizing:border-box;
	padding: 1rem 5vw;
	color: #333333;
}
.new > .title {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
}
.new > .date {
	width: 100%;
	text-align: center;
	font-size: .7rem;
	padding: .5rem 0px;
}
.new > .con {
	font-size: .8rem;
	line-height: 180%;
	margin-bottom: 1rem;
}
.new > .con img {
	max-width: 100%;
}
.adv_title {
	margin: 0 auto;
	background: #164da0;
	color: #fff;
	width: 24.4vw;
	text-align: center;
	padding: .3rem 0px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.adv_con {
	width: 82.66vw;
	margin: 0 auto;
	margin-bottom: 2rem;
	position: relative;
}
.adv_con > img {
	width: 100%;
}
.adv_con > .con {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
	padding: .7rem;
	line-height: 145%;
	font-size: .6rem;
}
.advs {
	width: 100%;
	padding-bottom: 1rem;
}
.advs > .item {
	width: 82.66vw;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.advs > .item > img {
	width: 100%;
}
.contact {
	width: 100%;
	box-sizing: border-box;
	padding-left: 12.8vw;
	color: #333333;
	margin-top: 2rem;
	padding-bottom: 2rem;
}
.contact > .title {
	font-size: .9rem;
	margin-bottom: 1.5rem;
}
.contact > .info {
	font-size: .7rem;
	line-height: 180%;
}
.contact > .info > a {
	color: #333;
}
#container {
	width: 90vw;
	margin: 0 auto;
	height: 200px;
}
.menu {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
	display: none;
	background: rgba(0,0,0,.9);
}
.menu > .close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #fff;
}
.menu > .close > i {
	font-size: 1.2rem;
}
.menu > .list {
	width: 100%;
	padding-top: 1rem;
}
.menu > .list > .item {
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	margin-bottom: 1rem;
}
.menu > .list > .item > .name {
	font-size: 1.05rem;
	width: 100%;
	/*background: #134b9f;*/
	padding: .5rem 0px;
	padding-left: 12.8vw;
	box-sizing: border-box;
}
.menu > .list > .item > .name > a {
	color: #fff;
}
.menu > .list > .item > .sub {
	width: 100%;
	padding-left: 12.8vw;
	box-sizing: border-box;
}
.menu > .list > .item > .sub > .item {
	font-size: .8rem;
}
.banner {
	width: 100%;
}
.banner img {
	width: 100%;
}
.search {
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 5vw;
	display: flex;
}
.search > .input {
	width: 73.06vw;
	border: 1px #dcdcdc solid;
	border-right: 0px;
	border-radius: .5rem;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	display: flex;
	box-sizing: border-box;
	height: 1.8rem;
}
.search > .input > .icon {
	margin-left: 2.4vw;
	width: 3.06vw;
	margin-right: 2.4vw;
	padding-top: .5rem;
}
.search > .input > .icon > img {
	width: 100%;
}
.search > .input > .input {
	width: 65.2vw;
}
.search > .input > .input > input {
	width: 100%;
	border: 0px;
	height: 1.8rem;
	background:none;
	border:none;
	box-sizing: border-box;
	outline: none;
	display:block;
}
.search > .btn {
	width: 16.4vw;
}
.search > .btn > button {
	width: 100%;
	background: #134b9f;
	color: #fff;
	border: 0px;
	height: 1.8rem;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}
.index_title {
	width: 100vw;
	margin-top: .5rem;
	margin-bottom: 1rem;
}
.index_title > img {
	width: 18.8vw;
	margin: 0 auto;
}
.index_pl {
	width: 100%;
	display: flex;
	box-sizing: border-box;
	padding: 1rem 5vw;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index_pl > .item {
	width: 42.8vw;
	margin-bottom: .8rem;
}
.index_pl > .item > .img {
	width: 100%;
	border: 1px #dfdfdf solid;
	box-sizing: border-box;
}
.index_pl > .item > .img img {
	width: 100%;
}
.index_pl > .item > .name {
	width: 100%;
	font-size: .7rem;
	display: flex;
	margin-top: 2px;
}
.index_pl > .item > .name > .name {
	width: calc(100% - 10.86%);
	background: #f5f5f5;
	height: 1rem;
	overflow: hidden;
	font-size: .6rem;
	box-sizing: border-box;
	padding-left: 5px;
}
.index_pl > .item > .name > .name > a {
	color: #000000;
}
.index_pl > .item > .name > .icon {
	width: 10.86%;
}
.index_pl > .item > .name > .icon > img {
	width: 100%;
}
.product_more {
	width: 100%;
	text-align: center;
}
.product_more > a > button {
	border: 0px;
	background: #164da0;
	color: #fff;
	margin: 0 auto;
	padding: .3rem .7rem;
}
.index_about {
	width: 100%;
	background: #f9f6f6;
	margin-top: 1.5rem;
}
.index_about > .title {
	width: 19.33vw;
	margin: 0 auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.index_about > .title > img {
	width: 100%;
}
.index_about > .banner {
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 5vw;
	padding-top: 0px;
}
.index_about > .banner > img {
	width: 100%;
}
.index_about > .content {
	width: 100%;
	box-sizing: border-box;
	padding: 1rem 5vw;
	padding-top: 0px;
	color: #333333;
}
.index_about > .content p {
	font-size: .85rem;
	line-height: 180%;
	margin-bottom: .4rem
}
.index_about > .content > div {
	font-size: .85rem;
	line-height: 180%;
	margin-bottom: .4rem
}
.qyys {
	width: 100%;
	position: relative;
}
.qyys > img {
	width: 100%;
}
.qyys > .main {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.qyys > .main > .title {
	width: 100%;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
}
.qyys > .main > .title > img {
	width: 24.93%;
	margin: 0 auto;
}
.qyys > .main > .icons {
	width: 100%;
	display: flex;
	box-sizing: border-box;
	padding: 1rem 5vw;
	padding-top: 0px;
}
.qyys > .main > .icons > .item {
	width: 16.8vw;
	margin-right: 1.333vw;
}
.qyys > .main > .icons > .item:last-child {
	margin-right: 0px;
}
.qyys > .main > .icons > .item > img {
	width: 100%;
}
.qyys > .main > .content {
	width: calc(100vw - 10vw);
	color: #fff;
	margin-left: 5vw;
	margin-right: 5vw;
	background: #134b9f;
	box-sizing: border-box;
	padding-left: 3.43%;
	padding-right: 3.43%;
	padding-top: .7rem;
	padding-bottom: .7rem;
	line-height: 180%;
}
.qyys > .main > .content > .title {
	width: 100%;
	text-align: center;
}
.qyys > .main > .content > .content {
	width: 100%;
	text-align: center;
}
.index_news {
	width: 100%;
}
.index_news > .title {
	width: 22.4vw;
	margin: 0 auto;
	padding: 1.5rem 0px;
}
.index_news > .title > img {
	width: 100%;
}
.index_news > .list {
	width: 100%;
	padding: 0px .5rem;
	box-sizing: border-box;
}
.index_news > .list > .item {
	width: 100%;
	display: flex;
	background: #f3f3f3;
	padding: 1rem 0px;
	margin-bottom: 1rem;
}
.index_news > .list > .item > .img {
	width: 40%;
	margin-right: 5.3vw;
}
.index_news > .list > .item > .img > a > img {
	width: 100%;
}
.index_news > .list > .item > .info {
	width: calc(100% - 40% - 5.3vw);
	box-sizing: border-box;
	padding-right: .2rem;
}
.index_news > .list > .item > .info > .title {
	color: #070707;
	font-size: .85rem;
	margin-bottom: .4rem;
}
.index_news > .list > .item > .info > .title > a {
	color: #070707;
	font-size: .85rem;
}
.index_news > .list > .item > .info > .desc {
	color: #070707;
	line-height: 180%;
	margin-bottom: .3rem;
}
.index_news > .list > .item > .info > .desc > a {
	color: #070707;
}
.index_news > .list > .item > .info > .date {
	width: 100%;
	display: flex;
}
.index_news > .list > .item > .info > .date > .icon {
	color: #1950a1;
	margin-right: 2px;
}
.index_news > .list > .item > .info > .date > .icon > i {
	font-size: .8rem;
}
.index_news > .list > .item > .info > .date > .val {
	font-size: .6rem;
}
.footer {
	width: 100%;
	background: #333333;
	box-sizing: border-box;
	padding: 1.5rem 0rem 1rem 0rem;
}
.footer > .title {
	width: 100%;
	font-size: .95rem;
	font-weight: bold;
	color: #fff;
	padding-left: 1rem;
	box-sizing: border-box;
}
.footer > .content {
	width: 100%;
	display: flex;
	margin-top: 1rem;
	padding-left: 1rem;
	box-sizing: border-box;
	margin-bottom: 1rem;
}
.footer > .content > .info {
	color: #fff;
	font-weight: 500;
	line-height: 150%;
}
.footer > .content > .info > a {
	color: #fff;
}
.footer > .content > .qrcode {
	
}
.footer > .copy {
	width: 100%;
	border-top: 1px #f3f3f3 solid;
	text-align: center;
	color: #999999;
	padding-top: 1rem;
	font-size: .6rem;
}

.sj_page{
	width: auto;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 25px;
	line-height: 25px;
	color: #666769;
	font-size: 15.05px;
	text-align: center;
}
.sj_page > ul {
	float: right;
}
.sj_page > ul > li {
	float:left;
	width:10px;
	height: 25px;
	line-height: 25px;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
	color:#646464;
	text-align: center;
	margin-right: 10px;
}
.sj_page > ul > li > a {
	color: #898989;
	font-size: 15.05px
}
.sj_page > ul > .pre{
	width:10px;
	color:#898989;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
}
.sj_page > ul > .pre > a {
	color:#898989;
	font-size: 15.05px
}
.sj_page > ul > .active{
	color:#898989;
	border:0px;
	font-weight: bold;
	font-size: 15.05px
	/*background:#ffffff;*/
}
.sj_page > ul > .redirect{
	width:80px;

}