.pc {
	display: block
}

.ph {
	display: none
}

.plan_main_none {
	display: none
}

@media (max-width:1025px) {
	.header .header_nav ul.nav .first_class ul {
		display: none
	}

	body {
		min-width: auto;
		overflow-x: hidden
	}

	.container {
		width: 100%
	}

	.w1200 {
		width: 100%
	}

	.pc {
		display: none
	}

	.ph {
		display: block
	}

	.header {
		height: auto;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 99999
	}

	.header .header_welcome {
		display: none
	}

	.header .header_nav {
		height: 50px
	}

	.header .header_nav .logo {
		height: 50px;
		width: 100%;
		float: none;
		background: #f5f5f5;
		position: relative;
		z-index: 99
	}

	.header .header_nav .logo img {
		float: left;
		height: 30px;
		margin: 10px;
		vertical-align: middle
	}

	.header .header_nav ul.nav {
		float: none;
		height: auto;
		background: #fff;
		position: relative;
		padding: 10px;
		display: none;
		background: #f9f9f9;
		box-shadow: 0 0 15px rgba(0,0,0,.3)
	}

	.header .header_nav ul.nav .first_class {
		float: none;
		text-align: center;
		position: relative;
		z-index: 2
	}

	.header .header_nav ul.nav .first_class>a {
		display: block;
		height: auto;
		font-size: 16px;
		padding: 0;
		color: #323232;
		line-height: 200%
	}

	.header .header_nav ul.nav .first_class ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 100%
	}

	.header .header_nav ul.nav .first_class ul li {
		white-space: nowrap;
		color: #323232;
		background: #fff;
		line-height: 15px;
		border-bottom: 1px solid #c8c8c8;
		text-align: left;
		text-indent: 1.2em;
		padding-right: 1em;
		font-weight: bolder;
		margin-top: -2px;
		opacity: 0;
		height: 2px
	}

	.header .header_nav ul.nav .first_class ul li:hover {
		text-indent: 1.6em;
		padding-right: .6em;
		color: #af012a
	}

	.header .header_nav ul.nav .first_class.selected>a,.header .header_nav ul.nav .first_class:hover a {
		color: #af012a
	}

	.header .header_nav ul.nav span {
		display: none
	}

	.index_plan {
		background-size: cover
	}

	.index_plan li.plan_main {
		float: left;
		height: 35vw;
		width: 50%;
		position: relative
	}

	.index_plan li.plan_main.plan_main_none {
		display: block;
		background: #fff
	}

	.index_plan li.plan_main .plan p {
		background-position: center bottom
	}

	.index_plan li.plan_main .plan.plan2 p,.index_plan li.plan_main .plan.plan2 span {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}

	.index_plan li.plan_main .plan.plan2 span {
		background: #3a3a3a;
		opacity: .82
	}

	.index_plan li.plan_main .plan.plan1 {
		background-color: #fff
	}

	.index_plan li.plan_main .plan.plan1 p {
		height: 15vw;
		opacity: 1;
		margin-bottom: 20px;
		background-size: auto 60px
	}

	.index_plan li.plan_main .plan.plan1 span {
		width: 100%;
		font-size: 18px;
		margin: 8px auto
	}

	.index_plan li.plan_main .plan.plan1 ul {
		width: 80%;
		margin: 0 auto;
		top: 100px
	}

	.index_plan li.plan_main .plan.plan1 ul li {
		height: 38px;
		line-height: 38px;
		font-size: 14px;
		margin-top: 30px;
		opacity: 0
	}

	.index_plan li.plan_main .plan:hover.plan1 {
		background-color: rgba(255,255,255,0)
	}

	.index_plan li.plan_main .plan:hover.plan1 p {
		height: 0;
		opacity: 0;
		margin-bottom: 20px
	}

	.index_plan li.plan_main .plan:hover.plan1 span {
		margin-top: 30px;
		color: #fff
	}

	.index_plan li.plan_main .plan:hover.plan1 ul {
		top: 10px
	}

	.index_plan li.plan_main .plan:hover.plan1 ul li {
		color: #fff;
		margin-top: 0;
		opacity: 1
	}

	.index_news .news_left {
		width: 47%
	}

	.index_news .news_right {
		width: 52%
	}

	.index_news .news_right li {
		padding-right: 25px
	}

	.index_news .news_left p span.time {
		right: 14px;
		top: 21px
	}

	.index_about {
		height: auto;
		margin-top: 0
	}

	.index_about.no_margin {
		margin-top: 0
	}

	.index_about .about_main {
		padding-top: 20px
	}

	.index_about .about_main p {
		line-height: 100px
	}

	.index_about .about_main p.bottom_p,.index_about .about_main p:last-child {
		font-size: 18px
	}

	.index_about .about_main span {
		width: 90%;
		margin: 0 auto;
		color: #fff;
		font-size: 14px;
		text-align: justify;
		display: block;
		line-height: 1.7em;
		text-indent: 2em;
		letter-spacing: 1px
	}

	.index_title {
		text-align: center;
		height: 100px;
		margin-top: 15px
	}

	.index_title p {
		text-align: center;
		font-size: 20px;
		color: #323232;
		padding-top: 10px;
		line-height: 60px;
		height: 60px;
		background: url(../image/____03.png) no-repeat center bottom
	}

	.index_title span {
		text-align: center;
		font-size: 12px;
		color: #909090
	}

	.index_system {
		height: 40vw;
		margin-top: 10px
	}

	.index_system .swiper-slide-active {
		position: relative
	}

	.index_system .index_system_main {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden
	}

	.index_system .index_system_main .system_left {
		height: 100%;
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		overflow: hidden;
		text-align: left
	}

	.index_system .index_system_main .system_left img {
		width: auto;
		min-width: auto;
		min-height: auto;
		height: 100%
	}

	.index_system .index_system_main .system_right {
		position: absolute;
		height: 100%;
		width: 35%;
		background: #6ca9e8;
		right: 0;
		top: 0
	}

	.index_system .index_system_main .system_right p {
		padding-left: 20%;
		padding-top: 30%;
		color: #fff;
		font-size: 14px;
		text-align: left;
		line-height: 300%;
		letter-spacing: 1px
	}

	.index_system .index_system_main a {
		position: absolute;
		left: 65%;
		top: 70%;
		width: 150px;
		height: 36px;
		background: #1d86f2;
		color: #fff;
		letter-spacing: 2px;
		font-size: 20px;
		line-height: 36px;
		border-radius: 20px;
		margin-left: -75px
	}

	.index_system .index_system_main:hover .system_left img {
		transform: scale(1.02);
		-ms-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		-o-transform: scale(1.02)
	}

	.index_system .swiper-slide-active .index_system_main {
		box-shadow: 3px 3px 10px rgba(55,55,55,.7)
	}

	.index_system .swiper-slide-shadow-left,.index_system .swiper-slide-shadow-right {
		height: 426px
	}

	.index_honour {
		height: auto;
		margin-top: 0;
		background-position: center;
		background-repeat: no-repeat;
		padding-bottom: 40px
	}

	.index_honour .honour_title {
		height: 116px;
		line-height: 116px;
		font-size: 24px;
		color: #4d4d4d;
		text-align: center
	}

	.index_honour .honour_banner {
		width: 100%;
		height: 70vw;
		max-width: 576px;
		max-height: 394px;
		margin: 0 auto
	}

	.system_banner {
		height: 50vw
	}

	.system_banner p {
		font-size: 30px;
		padding-top: 20vw
	}

	.system_banner span {
		font-size: 20px;
		padding: 0 5%;
		display: block
	}

	.system_title {
		font-size: 34px;
		letter-spacing: 2px;
		color: #fff;
		line-height: 120px;
		text-align: center
	}

	.system_about img {
		display: block;
		margin: -25px auto 0
	}

	.system_about span {
		width: auto;
		padding: 0 5%;
		font-size: 14px;
		text-align: justify;
		text-indent: 2em;
		line-height: 1.7em;
		margin: 20px auto 30px
	}

	.system_skill span {
		display: block;
		text-align: center;
		color: #fff;
		line-height: 200%;
		padding: 0 5%
	}

	.system_skill span.st {
		font-size: 18px
	}

	.system_skill span.sl {
		font-size: 14px;
		padding-bottom: 30px
	}

	.system_product {
		background: url(../image/system_bg_03.jpg) repeat-x center center;
		height: auto;
		position: relative
	}

	.system_product img {
		position: relative;
		margin: auto;
		left: 0;
		right: auto;
		top: 0;
		width: 100%;
		display: block
	}

	.system_show .system_title {
		color: #0054a7
	}

	.system_show iframe {
		display: block;
		width: 94%!important;
		height: 80%!important;
		height: 65vw!important;
		margin: 0 auto;
		background: #ccc;
		margin-bottom: 50px
	}

	.system_detail_banner {
		height: 570px;
		background-position: center center
	}

	.system_detail_banner span {
		position: absolute;
		right: 50px;
		top: 150px;
		font-size: 22px;
		color: #191919;
		line-height: 240%;
		letter-spacing: 2px
	}

	.product_list {
		width: 96%;
		margin-left: 2%
	}

	.product_list li {
		position: relative
	}

	.product_list li .product_thumb {
		position: relative;
		z-index: 2
	}

	.product_list li .product_text {
		float: none;
		position: absolute;
		padding-left: 300px;
		height: 100%;
		left: 40px;
		right: 10px;
		top: 0;
		width: auto
	}

	footer {
		padding-top: 30px
	}

	footer .container {
		width: 100%
	}

	footer .container dl {
		display: none
	}

	footer .container #contactus {
		float: none;
		width: 600px;
		max-width: 100%;
		margin: 0 auto
	}

	footer .container #contactus dl {
		display: block
	}

	footer .container #contactus>dl {
		float: none;
		margin-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 150%;
		width: auto;
		min-height: 10px
	}

	footer .container #contactus>dl:first-child {
		background: 0 0
	}

	footer .container #contactus>dl:last-child {
		background: 0 0
	}

	footer .container #contactus dt {
		font-size: 14px;
		padding-bottom: 17px;
		color: #fff;
		display: none
	}

	footer .container #contactus dd {
		font-size: 12px;
		color: #fff;
		margin: 0 10px;
		line-height: 200%;
		float: left
	}

	footer .container .QR_Code {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 20px
	}

	footer .container .QR_Code div {
		float: left;
		width: 50%;
		margin-bottom: 20px;
		padding-top: 0;
		position: relative;
		top: 0;
		text-align: center
	}

	.news-list li {
		position: relative;
		width: 96%;
		margin: 0 auto
	}

	.news-list li .left {
		position: relative;
		z-index: 3;
		margin-left: 1%
	}

	.news-list li>.right {
		box-sizing: border-box;
		width: 92%;
		float: none;
		position: relative;
		left: 5%
	}

	ul.i-list li {
		list-style: none;
		float: left;
		margin: 0;
		overflow: hidden;
		width: 20%
	}

	ul.i-list li:first-child,ul.i-list li:last-child {
		margin: 0
	}

	ul.i-list span {
		display: block;
		padding-top: 28px;
		font-size: 18px;
		color: #323232;
		text-align: center
	}

	ul.i-list .ball {
		width: 100px;
		height: 100px;
		font-size: 50px;
		line-height: 100px;
		border-radius: 50%;
		text-align: center;
		color: #FFF;
		margin: 0 auto;
		cursor: pointer;
		transition: all .4s
	}

	ul.i-list .ball:hover {
		transform: translatey(-20px)
	}

	#content #slogan {
		width: 96%;
		margin: 0 auto
	}

	#content #slogan>li {
		width: 50%;
		margin-top: 10px
	}

	.honour-container .honour-pagination {
		background: 0 0
	}

	.system-container {
		width: 100%;
		height: 100%
	}

	.banner-container {
		height: 35vw
	}

	.menu-button {
		float: right;
		top: 0;
		left: 0;
		padding: 12px 9px 13px;
		cursor: pointer;
		-webkit-transition: .3s;
		transition: .3s;
		background-color: #2C8DFB
	}

	.menu-button .bar:nth-of-type(1) {
		margin-top: 0
	}

	.menu-button .bar:nth-of-type(3) {
		margin-bottom: 0
	}

	.bar {
		position: relative;
		display: block;
		width: 37px;
		height: 3px;
		margin: 8px auto;
		background-color: #fff;
		border-radius: 10px;
		-webkit-transition: .3s;
		transition: .3s
	}

	.cross .bar:nth-of-type(1) {
		-webkit-transform: translatey(11px) rotate(-40.5deg);
		-ms-transform: translatey(11px) rotate(-40.5deg);
		transform: translatey(11px) rotate(-40.5deg)
	}

	.cross .bar:nth-of-type(2) {
		opacity: .05
	}

	.cross .bar:nth-of-type(3) {
		-webkit-transform: translatey(-11px) rotate(40.5deg);
		-ms-transform: translatey(-11px) rotate(40.5deg);
		transform: translatey(-11px) rotate(40.5deg)
	}
}

@media (max-width:700px) {
	.pc,.pd {
		display: none
	}

	.index_plan {
		background: 0 0!important;
		margin-bottom: 50px
	}

	.index_plan li.plan_main {
		float: left;
		height: auto;
		width: 20%;
		position: relative;
		box-shadow: none
	}

	.index_plan li.plan_main.plan_main_none {
		display: none
	}

	.index_plan li.plan_main .plan p {
		background-position: center bottom
	}

	.index_plan li.plan_main .plan.plan2 {
		display: none
	}

	.index_plan li.plan_main .plan.plan1 {
		position: relative;
		margin-top: 20px;
		background-color: #fff
	}

	.index_plan li.plan_main .plan.plan1 p {
		height: 10vw;
		opacity: 1;
		margin-bottom: 10px;
		background-size: auto 8vw
	}

	.index_plan li.plan_main .plan.plan1 span {
		width: auto;
		font-size: 12px;
		margin: 8px
	}

	.index_plan li.plan_main .plan.plan1 ul {
		display: none
	}

	.index_plan li.plan_main .plan:hover.plan1 {
		background-color: rgba(255,255,255,0)
	}

	.index_plan li.plan_main .plan:hover.plan1 p {
		height: 10vw;
		opacity: 1;
		margin-bottom: 10px
	}

	.index_plan li.plan_main .plan:hover.plan1 span {
		margin-top: 0;
		color: #181818
	}

	.index_about {
		height: auto;
		margin-top: 0;
		padding: 10px 0
	}

	.index_about.no_margin {
		margin-top: 0
	}

	.index_about .about_main {
		padding-top: 10px
	}

	.index_about .about_main p {
		line-height: 50px;
		font-size: 20px
	}

	.index_about .about_main p.bottom_p,.index_about .about_main p:last-child {
		font-size: 16px
	}

	.index_about .about_main span {
		width: 90%;
		margin: 0 auto;
		color: #fff;
		font-size: 12px;
		text-align: justify;
		display: block;
		line-height: 1.7em;
		text-indent: 2em;
		letter-spacing: 1px
	}

	.index_news .news_left {
		height: auto;
		width: 96%;
		padding: 10px 2%;
		float: none;
		overflow: hidden;
		border-bottom: 1px dashed #dcdcdc;
		background: #f6f6f6
	}

	.index_news .news_left div {
		height: 25vw;
		line-height: 25vw;
		width: 30%;
		text-align: center;
		overflow: hidden;
		float: left
	}

	.index_news .news_left div img {
		min-width: auto;
		min-height: auto;
		width: auto;
		height: 100%;
		vertical-align: middle
	}

	.index_news .news_left div img:hover {
		transform: scale(1.03)
	}

	.index_news .news_left p {
		padding: 0;
		width: 65%;
		margin-left: 2%;
		background: #f6f6f6;
		height: auto;
		float: left
	}

	.index_news .news_left p b {
		display: block;
		font-size: 14px;
		color: #323232;
		height: 26px;
		line-height: 26px;
		overflow: hidden
	}

	.index_news .news_left p b:hover {
		color: #3dae42
	}

	.index_news .news_left p span {
		padding-bottom: 15px;
		display: block;
		font-size: 10px;
		line-height: 1.4em;
		margin-top: 2px;
		height: 4em;
		overflow: hidden;
		text-align: justify;
		position: relative
	}

	.index_news .news_left p span.time {
		display: none
	}

	.index_news .news_right {
		height: auto;
		width: 100%;
		float: none;
		background: #f6f6f6;
		padding-top: 3px
	}

	.index_news .news_right li {
		padding-left: 80px;
		padding-right: 10px;
		border-bottom: 1px dashed #dcdcdc;
		height: auto;
		padding-bottom: 8px;
		position: relative
	}

	.index_news .news_right li .news_title {
		font-size: 14px;
		height: 1.6em;
		line-height: 1.6em;
		color: #000
	}

	.index_news .news_right li .news_title:hover {
		color: #3dae42
	}

	.index_news .news_right li .news_text {
		color: #909090;
		font-size: 10px;
		text-align: justify;
		line-height: 1.5em;
		display: block;
		height: 4.5em;
		overflow: hidden
	}

	.index_news .news_right li .news_time {
		width: 58px;
		position: absolute;
		top: 3px;
		left: 10px
	}

	.index_news .news_right li .news_time span {
		display: block;
		width: 100%;
		background: #3dae42;
		color: #fff;
		text-align: center
	}

	.index_news .news_right li .news_time span.day {
		font-size: 22px;
		line-height: 38px
	}

	.index_news .news_right li .news_time span.month {
		font-size: 12px;
		line-height: 20px;
		margin-top: 3px
	}

	.index_news .news_right li:hover {
		transform: translatex(5px)
	}

	.index_system {
		height: 50vw
	}

	.index_system .index_system_main .system_right {
		position: absolute;
		height: 100%;
		width: 35%
	}

	.index_system .index_system_main .system_right p {
		padding-left: 10%;
		padding-top: 30%;
		font-size: 10px;
		text-align: left;
		line-height: 150%
	}

	.index_system .index_system_main a {
		left: 65%;
		top: 70%;
		width: 80px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		margin-left: -40px
	}

	.index_system .swiper-slide-active .index_system_main {
		box-shadow: 3px 3px 10px rgba(55,55,55,.7)
	}

	.index_system .swiper-slide-shadow-left,.index_system .swiper-slide-shadow-right {
		height: 426px
	}

	.system_banner {
		height: 40vw
	}

	.system_banner p {
		font-size: 18px;
		padding-top: 10vw;
		padding-bottom: 5vw
	}

	.system_banner span {
		font-size: 12px;
		padding: 0 20%;
		line-height: 1.5em;
		display: block
	}

	.system_title {
		font-size: 20px;
		letter-spacing: 1px;
		color: #fff;
		line-height: 4em;
		text-align: center
	}

	.system_about img {
		display: block;
		margin: -5 vw auto 0;
		width: 15vw
	}

	.system_about span {
		width: auto;
		padding: 0 10%;
		font-size: 12px;
		text-align: justify;
		text-indent: 2em;
		line-height: 1.7em;
		margin: 10px auto 30px
	}

	.system_skill span {
		display: block;
		text-align: center;
		color: #fff;
		line-height: 200%;
		padding: 0 10%
	}

	.system_skill span.st {
		font-size: 16px
	}

	.system_skill span.sl {
		font-size: 12px;
		padding-bottom: 20px
	}

	.system_product {
		background: url(../image/system_bg_03.jpg) repeat-x center center;
		height: auto;
		position: relative
	}

	.system_product img {
		position: relative;
		margin: auto;
		left: 0;
		right: auto;
		top: 0;
		width: 100%;
		display: block
	}

	.system_show .system_title {
		color: #0054a7
	}

	.system_detail_banner {
		height: 570px;
		background-position: center center
	}

	.system_detail_banner span {
		position: absolute;
		right: 50px;
		top: 150px;
		font-size: 22px;
		color: #191919;
		line-height: 240%;
		letter-spacing: 2px
	}

	.category_show {
		height: 30vw!important;
		background-position: center center;
		background-size: cover
	}

	.category_show p {
		right: 5vw;
		top: 5vw!important;
		font-size: 18px;
		height: auto;
		line-height: 32px;
		padding: 5px 10px
	}

	.category_show p span {
		font-size: 14px
	}

	.category_show p b {
		font-size: 24px
	}

	.product_category {
		padding-top: 40px;
		padding-bottom: 30px
	}

	.product_category ul {
		width: 98%
	}

	.product_category ul li {
		width: 16%;
		margin: 0 2%
	}

	.product_category ul li p {
		width: 12vw;
		height: 10vw;
		line-height: 10vw;
		overflow: hidden;
		border: none
	}

	.product_category ul li p img {
		max-height: 90%;
		max-width: 90%
	}

	.product_category ul li span {
		width: auto;
		font-size: 8px;
		line-height: 110%
	}

	.product_list {
		width: 96%;
		min-height: 0;
		margin: 0 auto;
		padding: 0
	}

	.product_list li {
		margin: 10px 0;
		padding-bottom: 8px;
		border-bottom: 1px dashed #dcdcdc
	}

	.product_list li .product_thumb {
		width: 24vw;
		height: 20vw;
		line-height: 24vw
	}

	.product_list li .product_thumb img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		vertical-align: middle
	}

	.product_list li .product_text {
		float: right;
		width: 70vw;
		position: relative;
		left: 0;
		padding: 0
	}

	.product_list li .product_text p {
		font-size: 16px;
		line-height: 150%
	}

	.product_list li .product_text span {
		font-size: 12px;
		line-height: 18px;
		max-height: 54px;
		margin: 3px 0 5px;
		overflow: hidden
	}

	.product_list li .product_text a {
		width: 70px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		border: 1px solid #3dae42
	}

	.system_detail_banner {
		height: 67vw;
		background-position: center center;
		background-size: cover
	}

	.system_detail_banner span {
		position: absolute;
		right: 50px;
		top: 20vw;
		font-size: 18px;
		color: #191919;
		line-height: 200%;
		letter-spacing: 2px
	}

	.honour-container .honour-pagination {
		background: 0 0
	}

	.honour-container .honour-pagination .swiper-pagination-bullet {
		border-radius: 14px;
		width: 14px;
		height: 14px;
		overflow: hidden;
		line-height: 222px;
		background: #aeaeae;
		border: 1px solid #8d8e8f;
		color: #fff;
		font-size: 14px;
		margin: 0 2px
	}

	.honour-container .honour-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #4bb450;
		border-color: #4bb450
	}

	.content_style1 {
		min-height: 300px
	}

	.content_style1 .style1_title {
		height: 38px;
		margin-right: 10px;
	}
	.product_list li {
	    box-sizing: border-box;
	    width: 47%;
	    height: auto;
	    border: 1px solid #d8d8d8;
	    margin: 5px 1%;
	    float: left;
	}
	.product_list li p {
	    text-align: center;
	    color: #323232;
	    font-size: 14px;
	}
	.product_list li a {
	    display: block;
	    margin: 5px auto 0 auto;
	    width: 80px;
	    height: 25px;
	    line-height: 25px;
	    text-align: center;
	    background: #e5e5e5;
	    color: #323232;
	    border-radius: 3px;
	    font-size: 12px;
	}

	.content_style1 .style1_title span {
		left: 5px
	}
	.p-crumb{
		display: none;
	}
	.content_style1 .style1_title.style1_title_product span {
		display: block;
		overflow: hidden;
		hidden: 36px;
		font-size: 18px;
		line-height: 200%;
		padding-right: 40px
	}

	.content_style1 .style1_content {
		margin: 20px 4%;
		padding: 0;
		font-size: 14px;
		line-height: 150%;
		overflow: hidden;
		text-align: justify
	}

	.aboutus_title {
		font-size: 24px;
		color: #0054a7;
		text-align: center;
		height: 70px;
		line-height: 80px;
		overflow: hidden
	}

	.aboutus_title.fff {
		color: #fff
	}

	.aboutus_licheng ul {
		background: url(../image/aboutus_doc_03.png) 53px top repeat-y
	}

	.aboutus_licheng ul li {
		margin-bottom: 15px;
		padding-left: 80px;
		padding-right: 20px;
		font-size: 12px
	}

	.aboutus_licheng ul li span.time {
		left: 10px
	}

	.aboutus_licheng ul li:after {
		left: 45px
	}

	.aboutus_jishu {
		display: none;
		background: #1966b5;
		padding-bottom: 50px
	}

	.aboutus_jishu .zhuanli-container {
		overflow: hidden;
		height: 470px
	}

	body .index_honour {
		height: auto!important
	}

	body .index_honour .about_honour {
		margin-top: 0;
		background-position: center;
		background-repeat: no-repeat;
		margin-left: 0;
		box-shadow: 3px 6px 18px rgba(0,0,0,.4)
	}

	.aboutus_honour .swiper-pagination {
		right: 10px;
		left: auto;
		top: 85px;
		bottom: 40px;
		height: auto;
		width: 20px;
		margin: auto
	}

	.aboutus_honour .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		overflow: hidden;
		text-indent: 100px;
		margin: 6px 0;
		opacity: 1;
		box-shadow: 0 0 2px rgba(0,0,0,.4);
		background: rgba(255,255,255,.5);
		border-radius: 20px
	}

	.aboutus_honour .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #2a77c8
	}

	.aboutus_slide_main {
		width: 250%;
		padding: 25% 0
	}

	.aboutus_slide_main .swiper-slide p {
		bottom: 10px!important
	}

	.aboutus_slide_main .swiper-slide p .about_pt {
		font-size: 18px
	}

	.aboutus_slide_main .swiper-slide p .about_pc {
		font-size: 12px;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1)
	}

	.aboutus_slide_main .swiper-slide:after {
		opacity: .35;
		filter: alpha(opacity=35);
		transform: translatey(0) translatex(0)
	}

	.news-menu span {
		line-height: 35px;
		font-size: 18px;
		margin-right: 0;
		width: 25%;
		padding: 15px 2% 6px
	}

	.news-list {
		padding-top: 10px
	}

	.news-list li {
		padding: 0 0 10px;
		width: 96%;
		margin: 0 auto;
		border: 1px solid #e3e3e3;
		margin-bottom: -1px
	}

	.news-list li>.left {
		width: 25vw;
		margin: 0;
		height: 20vw;
		left: 1vw;
		line-height: 20vw;
		top: 1vw
	}

	.news-list li>.left a {
		display: block;
		width: 100%;
		height: 100%
	}

	.news-list li>.left a img {
		height: 100%;
		width: auto
	}

	.news-list li>.right {
		box-sizing: border-box;
		width: 93%;
		margin: 0;
		float: none;
		left: 4%
	}

	.news-list li h4 {
		font-size: 14px;
		line-height: 24px;
		height: 24px;
		overflow: hidden
	}

	.news-list li p {
		font-size: 10px;
		margin-top: 0;
		display: block;
		line-height: 1.5em;
		max-height: 4.5em;
		overflow: hidden;
		text-align: justify
	}

	.news-list li p.time {
		display: none
	}

	.news-list li>a {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0
	}

	.content_body {
		padding-bottom: 50px;
		line-height: 150%
	}

	.content_body * {
		max-width: 100%!important
	}

	.content_body img {
		height: auto!important;
		margin: 5px 0
	}

	.news-info {
		margin-bottom: 30px;
		padding-left: 2%;
		padding-right: 2%;
		width: 96%
	}

	.news-info .pagenext,.news-info .pageprev {
		font-size: 14px;
		color: #323232;
		margin: 0 3% 0;
		line-height: 46px;
		height: 46px;
		overflow: hidden
	}

	.news-info h4 {
		font-size: 16px;
		padding-bottom: 16px
	}

	.news-info div:first-of-type {
		font-size: 12px;
		margin-bottom: 12px
	}

	ul.i-list li {
		width: 16%;
		margin: 0 2%
	}

	ul.i-list li:first-child,ul.i-list li:last-child {
		margin: 0 2%
	}

	ul.i-list li .ball {
		width: 16vw;
		height: 16vw;
		font-size: 7vw;
		line-height: 16vw;
		border-radius: 50%;
		text-align: center;
		color: #FFF;
		margin: 0 auto;
		cursor: pointer;
		transition: all .4s
	}

	ul.i-list span {
		padding-top: 10px;
		font-size: 12px
	}

	.ball-box {
		padding-top: 20px
	}

	ul.i-list .ball:hover {
		transform: translatey(-20px)
	}

	#content h2 {
		font-size: 18px;
		width: 90%;
		margin: 0 auto;
		padding: 40px 0 15px
	}

	#content h3 {
		margin-bottom: 10px
	}

	#content h3>div {
		font-size: 16px;
		padding: 0 15px
	}

	#content #slogan {
		width: 96%;
		margin: 0 auto
	}

	#content #slogan>li {
		width: 50%;
		height: auto;
		margin-top: 10px
	}

	#content #slogan>li>.wrap {
		height: 50vw
	}

	#content #slogan>li>.wrap .mask>h4 {
		font-size: 14px;
		padding: 4vw 0 3vw
	}

	#content #slogan>li>.wrap .mask>p {
		font-size: 10px;
		padding: 0 3vw
	}

	#content #slogan>li>.wrap .mask:after,#content #slogan>li>.wrap .mask:before {
		display: none
	}

	section#job {
		padding-bottom: 40px;
		margin-top: 40px
	}

	#job .job-position,#job .job-salary {
		color: #0054a7;
		max-width: 96%;
		margin: 0 auto
	}

	#job h3 {
		padding: 25px 0 18px 0
	}

	#job .job-position>p,#job .job-salary>p {
		line-height: 160%;
		font-size: 14px
	}

	#worker {
		padding: 40px 0 80px
	}

	#worker .info {
		margin-bottom: 30px
	}

	.wk {
		width: 100%;
		height: auto;
		padding: 0;
		overflow: hidden;
		position: relative
	}

	.wk .wk_body {
		width: 96%;
		height: auto;
		margin: 0 auto;
		position: relative
	}

	.wk-col {
		text-align: center;
		width: 100%;
		float: none;
		height: 100%
	}

	.wk-col.wk-col-2 {
		width: 100%;
		display: none
	}

	.wk-col.wk-col-2 .wk-row {
		height: 100%
	}

	.wk-row img {
		width: 100%;
		height: 100%;
		vertical-align: middle
	}

	.wk-row img:hover {
		transform: scale(1.03)
	}

	.banner-pagination {
		display: none
	}

	.pages {
		margin: 50px 2% 20px;
		font-size: 16px;
		display: inline-table
	}

	.pages a,.pages span {
		display: inline;
		color: #23527c;
		font-size: 12px;
		line-height: 12px;
		padding: 6px 10px;
		border: 1px solid #ddd;
		margin-left: -1px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.pages a.a1:first-child,.pages span.a1:first-child {
		display: none
	}

	.news-menu span {
		padding: 15px 1% 8px
	}

	.news-menu span.active,.news-menu span:hover {
		border-bottom: 2px solid #b63036
	}

	.frontdesk img {
		max-width: 98%;
		height: auto
	}

	.address div {
		line-height: 150%;
		padding: 0 4%
	}

	.address h1 {
		font-size: 20px
	}

	#baidumap {
		height: 90vw!important
	}

	#baidumap .BMap_omCtrl.BMap_ieundefined.BMap_noprint.anchorBR.quad4 {
		display: none
	}

	#company {
		background: #1966b5;
		color: #fff;
		padding: 60px 4%;
		font-size: 12px
	}

	#company .left,#company .right {
		box-sizing: border-box;
		width: 100%;
		float: left;
		padding-left: 0
	}

	#company .left span,#company .right span {
		display: inline-block;
		width: 40px;
		height: 20px;
		line-height: 15px;
		overflow: hidden;
		vertical-align: middle;
		padding: 0 2px
	}

	#company .left div,#company .right div {
		line-height: 20px;
		font-size: 12px;
		color: #fff
	}

	#contact {
		padding-bottom: 70px
	}

	#contactinfo label {
		display: block;
		padding-bottom: 10px
	}

	#contactinfo .form-group {
		margin-bottom: 10px
	}

	#contactinfo input {
		width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		border: 1px solid #a2a2a2;
		height: 34px;
		width: 100%;
		text-indent: 10px
	}

	#contactinfo input[type=submit] {
		border: none;
		font-size: 20px;
		background: #d7d7d7;
		color: #fefefe;
		height: auto;
		padding: 10px 0
	}

	#contactinfo textarea {
		border: 1px solid #a2a2a2;
		width: 100%;
		height: 118px;
		resize: none;
		padding: 10px;
		box-sizing: border-box
	}

	#contactinfo {
		width: 94%;
		margin: 0 auto
	}

	#contactinfo .left,#contactinfo .right {
		float: none;
		box-sizing: border-box;
		font-size: 14px
	}

	#contactinfo .right {
		margin-left: 0
	}

	#contactinfo .left>input,#contactinfo .right>input {
		width: 100%
	}

	.p-m-left {
		width: 100%;
		float: none;
	}
	.p-list-r {
		box-sizing: border-box;
		width: 100%;
		float: none;
		padding-left: 0px;
		margin-top:30px; 
	}
	.p-m-left dt {
		line-height: 80px;
		height: 80px;
		background: #2894ff;
		color: #fff;
		font-size: 24px;
		padding-left: 10px;
	}
	.p-m-left>dl{
		display: none;
	}
	.p-m-left>dl:first-child{
		display: block;
	}
}