.m-list3{

	padding: 5px 0;

}

.ul-city{

	overflow: hidden;

	padding-top: 20px;

}

.ul-city li{

	float: left;

	margin-bottom: 20px;

}

.ul-city li a{

	display: block;

	margin-right: 17px;

	font-size: 14px;

}

.ul-city li a:hover{

	color: #243b8a;

}



.g-tit3{

	padding-bottom: 10px;

	font-size: 16px;

	color: #243b8a;

	border-bottom: 1px solid #e4e4e4;

	font-weight: 600;

}

.g-tit3 span{

	font-weight: 400;

	color: #999;

	text-transform: uppercase;

}





.fl {

	float: left

}



.fr {

	float: right

}



.clear {

	clear: both

}



.clearfix,.container:after,.row:after,ul {

	*zoom: 1

}



.clearfix:after,.container:after,.row:after,ul:after {

	content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}



.ellipsis {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.container {

	margin-right: auto;

	margin-left: auto

}



.content_box,.content_box *,.content_box :after,.content_box :before {

	box-sizing: content-box

}



.ml5 {

	margin-left: 5px

}



.mt5 {

	margin-top: 5px

}



.mr5 {

	margin-right: 5px

}



.mb5 {

	margin-bottom: 5px

}



.mg5 {

	margin: 5px

}



.pl5 {

	padding-left: 5px

}



.pt5 {

	padding-top: 5px

}



.pr5 {

	padding-right: 5px

}



.pb5 {

	padding-bottom: 5px

}



.pd5 {

	padding: 5px

}



.ml10 {

	margin-left: 10px

}



.mt10 {

	margin-top: 10px

}



.mr10 {

	margin-right: 10px

}



.mb10 {

	margin-bottom: 10px

}



.mg10 {

	margin: 10px

}



.pl10 {

	padding-left: 10px

}



.pt10 {

	padding-top: 10px

}



.pr10 {

	padding-right: 10px

}



.pb10 {

	padding-bottom: 10px

}



.pd10 {

	padding: 10px

}



.ml15 {

	margin-left: 15px

}



.mt15 {

	margin-top: 15px

}



.mr15 {

	margin-right: 15px

}



.mb15 {

	margin-bottom: 15px

}



.mg15 {

	margin: 15px

}



.pl15 {

	padding-left: 15px

}



.pt15 {

	padding-top: 15px

}



.pr15 {

	padding-right: 15px

}



.pb15 {

	padding-bottom: 15px

}



.pd15 {

	padding: 15px

}



.ml20 {

	margin-left: 20px

}



.mt20 {

	margin-top: 20px

}



.mr20 {

	margin-right: 20px

}



.mb20 {

	margin-bottom: 20px

}



.mg20 {

	margin: 20px

}



.pl20 {

	padding-left: 20px

}



.pt20 {

	padding-top: 20px

}



.pr20 {

	padding-right: 20px

}



.pb20 {

	padding-bottom: 20px

}



.pd20 {

	padding: 20px

}



.ml25 {

	margin-left: 25px

}



.mt25 {

	margin-top: 25px

}



.mr25 {

	margin-right: 25px

}



.mb25 {

	margin-bottom: 25px

}



.mg25 {

	margin: 25px

}



.pl25 {

	padding-left: 25px

}



.pt25 {

	padding-top: 25px

}



.pr25 {

	padding-right: 25px

}



.pb25 {

	padding-bottom: 25px

}



.pd25 {

	padding: 25px

}



.ml30 {

	margin-left: 30px

}



.mt30 {

	margin-top: 30px

}



.mr30 {

	margin-right: 30px

}



.mb30 {

	margin-bottom: 30px

}



.mg30 {

	margin: 30px

}



.pl30 {

	padding-left: 30px

}



.pt30 {

	padding-top: 30px

}



.pr30 {

	padding-right: 30px

}



.pb30 {

	padding-bottom: 30px

}



.pd30 {

	padding: 30px

}



.ml35 {

	margin-left: 35px

}



.mt35 {

	margin-top: 35px

}



.mr35 {

	margin-right: 35px

}



.mb35 {

	margin-bottom: 35px

}



.mg35 {

	margin: 35px

}



.pl35 {

	padding-left: 35px

}



.pt35 {

	padding-top: 35px

}



.pr35 {

	padding-right: 35px

}



.pb35 {

	padding-bottom: 35px

}



.pd35 {

	padding: 35px

}



.ml40 {

	margin-left: 40px

}



.mt40 {

	margin-top: 40px

}



.mr40 {

	margin-right: 40px

}



.mb40 {

	margin-bottom: 40px

}



.mg40 {

	margin: 40px

}



.pl40 {

	padding-left: 40px

}



.pt40 {

	padding-top: 40px

}



.pr40 {

	padding-right: 40px

}



.pb40 {

	padding-bottom: 40px

}



.pd40 {

	padding: 40px

}



.ml45 {

	margin-left: 45px

}



.mt45 {

	margin-top: 45px

}



.mr45 {

	margin-right: 45px

}



.mb45 {

	margin-bottom: 45px

}



.mg45 {

	margin: 45px

}



.pl45 {

	padding-left: 45px

}



.pt45 {

	padding-top: 45px

}



.pr45 {

	padding-right: 45px

}



.pb45 {

	padding-bottom: 45px

}



.pd45 {

	padding: 45px

}



.ml50 {

	margin-left: 50px

}



.mt50 {

	margin-top: 50px

}



.mr50 {

	margin-right: 50px

}



.mb50 {

	margin-bottom: 50px

}



.mg50 {

	margin: 50px

}



.pl50 {

	padding-left: 50px

}



.pt50 {

	padding-top: 50px

}



.pr50 {

	padding-right: 50px

}



.pb50 {

	padding-bottom: 50px

}



.pd50 {

	padding: 50px

}



.f12 {

	font-size: 12px

}



.f14 {

	font-size: 14px

}



.f16 {

	font-size: 16px

}



.f18 {

	font-size: 18px

}



.f20 {

	font-size: 20px

}



.f22 {

	font-size: 22px

}



.f24 {

	font-size: 24px

}



.f26 {

	font-size: 26px

}



.f28 {

	font-size: 28px

}



.f30 {

	font-size: 30px

}



.f32 {

	font-size: 32px

}



.f34 {

	font-size: 34px

}



.f36 {

	font-size: 36px

}







/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html {

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%

}



article,aside,footer,header,nav,section {

	display: block

}



h1 {

	font-size: 2em;

	margin: .67em 0

}



figcaption,figure,main {

	display: block

}



figure {

	margin: 1em 40px

}



hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible

}



pre {

	font-family: monospace,monospace;

	font-size: 1em

}



a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects

}



abbr[title] {

	border-bottom: none;

	text-decoration: underline;

	text-decoration: underline dotted

}



b,strong {

	font-weight: inherit;

	font-weight: bolder

}



code,kbd,samp {

	font-family: monospace,monospace;

	font-size: 1em

}



dfn {

	font-style: italic

}



mark {

	background-color: #ff0;

	color: #000

}



small {

	font-size: 80%

}



sub,sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}



sub {

	bottom: -.25em

}



sup {

	top: -.5em

}



audio,video {

	display: inline-block

}



audio:not([controls]) {

	display: none;

	height: 0

}



img {

	border-style: none

}



svg:not(:root) {

	overflow: hidden

}



button,input,optgroup,select,textarea {

	margin: 0

}



button,input {

	overflow: visible

}



button,select {

	text-transform: none

}[type=reset],[type=submit],button,html [type=button] {

	-webkit-appearance: button

}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {

	border-style: none;

	padding: 0

}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {

	outline: 1px dotted ButtonText

}



legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal

}



progress {

	display: inline-block;

	vertical-align: baseline

}



textarea {

	overflow: auto

}[type=checkbox],[type=radio] {

	box-sizing: border-box;

	padding: 0

}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {

	height: auto

}[type=search] {

	-webkit-appearance: textfield;

	outline-offset: -2px

}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {

	-webkit-appearance: none

}



::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit

}



details,menu {

	display: block

}



summary {

	display: list-item

}



canvas {

	display: inline-block

}[hidden],template {

	display: none

}



*,:after,:before {

	box-sizing: border-box

}



.yunu-infocontent-body img {

	max-width: 100%;

	display: block

}



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

	margin: 0;

	padding: 0

}



address,cite,dfn,em,var {

	font-style: normal

}



sup {

	vertical-align: text-top

}



sub {

	vertical-align: text-bottom

}



legend {

	color: #000

}



fieldset,img {

	border: 0

}



body,button,input,select,textarea {

	font: 14px/1.5 \\5FAE\8F6F\96C5\9ED1,arial;

	color: #333;

	font-size: 14px

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



ol,ul {

	list-style: none

}



a,button,input[type=button],input[type=file],input[type=reset],input[type=submit] {

	cursor: pointer

}



a {

	color: inherit;

	color: expression(this.parentNode.currentStyle.color);

	text-decoration: none

}



a:focus {

	outline: thin dotted

}



a:active,a:hover {

	outline: 0

}



h1 {

	font-size: 36px

}



h2 {

	font-size: 32px

}



h3 {

	font-size: 28px

}



h4 {

	font-size: 24px

}



h5 {

	font-size: 20px

}



h6 {

	font-size: 16px

}



small {

	font-size: 12px

}



.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px

}



.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {

	float: left

}



.col-xs-12 {

	width: 100%

}



.col-xs-11 {

	width: 91.66666667%

}



.col-xs-10 {

	width: 83.33333333%

}



.col-xs-9 {

	width: 75%

}



.col-xs-8 {

	width: 66.66666667%

}



.col-xs-7 {

	width: 58.33333333%

}



.col-xs-6 {

	width: 50%

}



.col-xs-5 {

	width: 41.66666667%

}



.col-xs-4 {

	width: 33.33333333%

}



.col-xs-3 {

	width: 25%

}



.col-xs-2 {

	width: 16.66666667%

}



.col-xs-1 {

	width: 8.33333333%

}



.col-xs-pull-12 {

	right: 100%

}



.col-xs-pull-11 {

	right: 91.66666667%

}



.col-xs-pull-10 {

	right: 83.33333333%

}



.col-xs-pull-9 {

	right: 75%

}



.col-xs-pull-8 {

	right: 66.66666667%

}



.col-xs-pull-7 {

	right: 58.33333333%

}



.col-xs-pull-6 {

	right: 50%

}



.col-xs-pull-5 {

	right: 41.66666667%

}



.col-xs-pull-4 {

	right: 33.33333333%

}



.col-xs-pull-3 {

	right: 25%

}



.col-xs-pull-2 {

	right: 16.66666667%

}



.col-xs-pull-1 {

	right: 8.33333333%

}



.col-xs-pull-0 {

	right: auto

}



.col-xs-push-12 {

	left: 100%

}



.col-xs-push-11 {

	left: 91.66666667%

}



.col-xs-push-10 {

	left: 83.33333333%

}



.col-xs-push-9 {

	left: 75%

}



.col-xs-push-8 {

	left: 66.66666667%

}



.col-xs-push-7 {

	left: 58.33333333%

}



.col-xs-push-6 {

	left: 50%

}



.col-xs-push-5 {

	left: 41.66666667%

}



.col-xs-push-4 {

	left: 33.33333333%

}



.col-xs-push-3 {

	left: 25%

}



.col-xs-push-2 {

	left: 16.66666667%

}



.col-xs-push-1 {

	left: 8.33333333%

}



.col-xs-push-0 {

	left: auto

}



.col-xs-offset-12 {

	margin-left: 100%

}



.col-xs-offset-11 {

	margin-left: 91.66666667%

}



.col-xs-offset-10 {

	margin-left: 83.33333333%

}



.col-xs-offset-9 {

	margin-left: 75%

}



.col-xs-offset-8 {

	margin-left: 66.66666667%

}



.col-xs-offset-7 {

	margin-left: 58.33333333%

}



.col-xs-offset-6 {

	margin-left: 50%

}



.col-xs-offset-5 {

	margin-left: 41.66666667%

}



.col-xs-offset-4 {

	margin-left: 33.33333333%

}



.col-xs-offset-3 {

	margin-left: 25%

}



.col-xs-offset-2 {

	margin-left: 16.66666667%

}



.col-xs-offset-1 {

	margin-left: 8.33333333%

}



.col-xs-offset-0 {

	margin-left: 0

}



@media screen and (min-width:768px) {

	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {

		float: left

	}



	.col-sm-12 {

		width: 100%

	}



	.col-sm-11 {

		width: 91.66666667%

	}



	.col-sm-10 {

		width: 83.33333333%

	}



	.col-sm-9 {

		width: 75%

	}



	.col-sm-8 {

		width: 66.66666667%

	}



	.col-sm-7 {

		width: 58.33333333%

	}



	.col-sm-6 {

		width: 50%

	}



	.col-sm-5 {

		width: 41.66666667%

	}



	.col-sm-4 {

		width: 33.33333333%

	}



	.col-sm-3 {

		width: 25%

	}



	.col-sm-2 {

		width: 16.66666667%

	}



	.col-sm-1 {

		width: 8.33333333%

	}



	.col-sm-pull-12 {

		right: 100%

	}



	.col-sm-pull-11 {

		right: 91.66666667%

	}



	.col-sm-pull-10 {

		right: 83.33333333%

	}



	.col-sm-pull-9 {

		right: 75%

	}



	.col-sm-pull-8 {

		right: 66.66666667%

	}



	.col-sm-pull-7 {

		right: 58.33333333%

	}



	.col-sm-pull-6 {

		right: 50%

	}



	.col-sm-pull-5 {

		right: 41.66666667%

	}



	.col-sm-pull-4 {

		right: 33.33333333%

	}



	.col-sm-pull-3 {

		right: 25%

	}



	.col-sm-pull-2 {

		right: 16.66666667%

	}



	.col-sm-pull-1 {

		right: 8.33333333%

	}



	.col-sm-pull-0 {

		right: auto

	}



	.col-sm-push-12 {

		left: 100%

	}



	.col-sm-push-11 {

		left: 91.66666667%

	}



	.col-sm-push-10 {

		left: 83.33333333%

	}



	.col-sm-push-9 {

		left: 75%

	}



	.col-sm-push-8 {

		left: 66.66666667%

	}



	.col-sm-push-7 {

		left: 58.33333333%

	}



	.col-sm-push-6 {

		left: 50%

	}



	.col-sm-push-5 {

		left: 41.66666667%

	}



	.col-sm-push-4 {

		left: 33.33333333%

	}



	.col-sm-push-3 {

		left: 25%

	}



	.col-sm-push-2 {

		left: 16.66666667%

	}



	.col-sm-push-1 {

		left: 8.33333333%

	}



	.col-sm-push-0 {

		left: auto

	}



	.col-sm-offset-12 {

		margin-left: 100%

	}



	.col-sm-offset-11 {

		margin-left: 91.66666667%

	}



	.col-sm-offset-10 {

		margin-left: 83.33333333%

	}



	.col-sm-offset-9 {

		margin-left: 75%

	}



	.col-sm-offset-8 {

		margin-left: 66.66666667%

	}



	.col-sm-offset-7 {

		margin-left: 58.33333333%

	}



	.col-sm-offset-6 {

		margin-left: 50%

	}



	.col-sm-offset-5 {

		margin-left: 41.66666667%

	}



	.col-sm-offset-4 {

		margin-left: 33.33333333%

	}



	.col-sm-offset-3 {

		margin-left: 25%

	}



	.col-sm-offset-2 {

		margin-left: 16.66666667%

	}



	.col-sm-offset-1 {

		margin-left: 8.33333333%

	}



	.col-sm-offset-0 {

		margin-left: 0

	}

}



@media screen and (min-width:992px) {

	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {

		float: left

	}



	.col-md-12 {

		width: 100%

	}



	.col-md-11 {

		width: 91.66666667%

	}



	.col-md-10 {

		width: 83.33333333%

	}



	.col-md-9 {

		width: 75%

	}



	.col-md-8 {

		width: 66.66666667%

	}



	.col-md-7 {

		width: 58.33333333%

	}



	.col-md-6 {

		width: 50%

	}



	.col-md-5 {

		width: 41.66666667%

	}



	.col-md-4 {

		width: 33.33333333%

	}



	.col-md-3 {

		width: 25%

	}



	.col-md-2 {

		width: 16.66666667%

	}



	.col-md-1 {

		width: 8.33333333%

	}



	.col-md-pull-12 {

		right: 100%

	}



	.col-md-pull-11 {

		right: 91.66666667%

	}



	.col-md-pull-10 {

		right: 83.33333333%

	}



	.col-md-pull-9 {

		right: 75%

	}



	.col-md-pull-8 {

		right: 66.66666667%

	}



	.col-md-pull-7 {

		right: 58.33333333%

	}



	.col-md-pull-6 {

		right: 50%

	}



	.col-md-pull-5 {

		right: 41.66666667%

	}



	.col-md-pull-4 {

		right: 33.33333333%

	}



	.col-md-pull-3 {

		right: 25%

	}



	.col-md-pull-2 {

		right: 16.66666667%

	}



	.col-md-pull-1 {

		right: 8.33333333%

	}



	.col-md-pull-0 {

		right: auto

	}



	.col-md-push-12 {

		left: 100%

	}



	.col-md-push-11 {

		left: 91.66666667%

	}



	.col-md-push-10 {

		left: 83.33333333%

	}



	.col-md-push-9 {

		left: 75%

	}



	.col-md-push-8 {

		left: 66.66666667%

	}



	.col-md-push-7 {

		left: 58.33333333%

	}



	.col-md-push-6 {

		left: 50%

	}



	.col-md-push-5 {

		left: 41.66666667%

	}



	.col-md-push-4 {

		left: 33.33333333%

	}



	.col-md-push-3 {

		left: 25%

	}



	.col-md-push-2 {

		left: 16.66666667%

	}



	.col-md-push-1 {

		left: 8.33333333%

	}



	.col-md-push-0 {

		left: auto

	}



	.col-md-offset-12 {

		margin-left: 100%

	}



	.col-md-offset-11 {

		margin-left: 91.66666667%

	}



	.col-md-offset-10 {

		margin-left: 83.33333333%

	}



	.col-md-offset-9 {

		margin-left: 75%

	}



	.col-md-offset-8 {

		margin-left: 66.66666667%

	}



	.col-md-offset-7 {

		margin-left: 58.33333333%

	}



	.col-md-offset-6 {

		margin-left: 50%

	}



	.col-md-offset-5 {

		margin-left: 41.66666667%

	}



	.col-md-offset-4 {

		margin-left: 33.33333333%

	}



	.col-md-offset-3 {

		margin-left: 25%

	}



	.col-md-offset-2 {

		margin-left: 16.66666667%

	}



	.col-md-offset-1 {

		margin-left: 8.33333333%

	}



	.col-md-offset-0 {

		margin-left: 0

	}

}



@media screen and (min-width:1200px) {

	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {

		float: left

	}



	.col-lg-12 {

		width: 100%

	}



	.col-lg-11 {

		width: 91.66666667%

	}



	.col-lg-10 {

		width: 83.33333333%

	}



	.col-lg-9 {

		width: 75%

	}



	.col-lg-8 {

		width: 66.66666667%

	}



	.col-lg-7 {

		width: 58.33333333%

	}



	.col-lg-6 {

		width: 50%

	}



	.col-lg-5 {

		width: 41.66666667%

	}



	.col-lg-4 {

		width: 33.33333333%

	}



	.col-lg-3 {

		width: 25%

	}



	.col-lg-2 {

		width: 16.66666667%

	}



	.col-lg-1 {

		width: 8.33333333%

	}



	.col-lg-pull-12 {

		right: 100%

	}



	.col-lg-pull-11 {

		right: 91.66666667%

	}



	.col-lg-pull-10 {

		right: 83.33333333%

	}



	.col-lg-pull-9 {

		right: 75%

	}



	.col-lg-pull-8 {

		right: 66.66666667%

	}



	.col-lg-pull-7 {

		right: 58.33333333%

	}



	.col-lg-pull-6 {

		right: 50%

	}



	.col-lg-pull-5 {

		right: 41.66666667%

	}



	.col-lg-pull-4 {

		right: 33.33333333%

	}



	.col-lg-pull-3 {

		right: 25%

	}



	.col-lg-pull-2 {

		right: 16.66666667%

	}



	.col-lg-pull-1 {

		right: 8.33333333%

	}



	.col-lg-pull-0 {

		right: auto

	}



	.col-lg-push-12 {

		left: 100%

	}



	.col-lg-push-11 {

		left: 91.66666667%

	}



	.col-lg-push-10 {

		left: 83.33333333%

	}



	.col-lg-push-9 {

		left: 75%

	}



	.col-lg-push-8 {

		left: 66.66666667%

	}



	.col-lg-push-7 {

		left: 58.33333333%

	}



	.col-lg-push-6 {

		left: 50%

	}



	.col-lg-push-5 {

		left: 41.66666667%

	}



	.col-lg-push-4 {

		left: 33.33333333%

	}



	.col-lg-push-3 {

		left: 25%

	}



	.col-lg-push-2 {

		left: 16.66666667%

	}



	.col-lg-push-1 {

		left: 8.33333333%

	}



	.col-lg-push-0 {

		left: auto

	}



	.col-lg-offset-12 {

		margin-left: 100%

	}



	.col-lg-offset-11 {

		margin-left: 91.66666667%

	}



	.col-lg-offset-10 {

		margin-left: 83.33333333%

	}



	.col-lg-offset-9 {

		margin-left: 75%

	}



	.col-lg-offset-8 {

		margin-left: 66.66666667%

	}



	.col-lg-offset-7 {

		margin-left: 58.33333333%

	}



	.col-lg-offset-6 {

		margin-left: 50%

	}



	.col-lg-offset-5 {

		margin-left: 41.66666667%

	}



	.col-lg-offset-4 {

		margin-left: 33.33333333%

	}



	.col-lg-offset-3 {

		margin-left: 25%

	}



	.col-lg-offset-2 {

		margin-left: 16.66666667%

	}



	.col-lg-offset-1 {

		margin-left: 8.33333333%

	}



	.col-lg-offset-0 {

		margin-left: 0

	}

}



body,button,input,select,textarea {

	color: #5a5a5a;

}



body {

	max-width: 1920px

}



.center,body {

	margin: 0 auto

}



.center {

	width: 1200px

}



.header {

	position: relative

}



.header,.header .head_top {

	width: 100%

}



.header .head_top .text {

	position: relative

}



.header .head_top .tel {

	width: 100px;

	position: absolute;

	right: 0;

	top: 0;

	padding-top: 45px;

	text-align: right

}



.header .head_top .tel a {

	width: 30px;

	height: 30px;

	display: -moz-inline-stack;

	display: inline-block;

	vertical-align: middle;

	*vertical-align: auto;

	zoom: 1;

	*display: inline;

	background: #333;

	border-radius: 50%;

	margin-left: 15px

}



.header .head_top .tel a img {

	height: 15px;

	margin: 7px auto;

	display: block

}



.header .head_top .tel a:hover {

	background: #243b8a

}



.header .head_top .logo {

	float: left;

	position: absolute;

	left: 0;

	top: 0;

	width: 17%

}



.header .head_top .logo a img {

	display: block;

	max-width: 100%;

	margin-top: 32px

}



.header .head_top .nav {

	width: 90%;

	padding-left: 20%;

	padding-right: 100px;

	float: right

}



.header .head_top .nav li {

	width: 15%;

	float: left;

	position: relative;

	height: 120px;

	padding-top: 39px;

	padding-left: 3.5%

}



.header .head_top .nav li>a {

	color: #333;

	font-size: 18px;

	display: block;

	line-height: 100%

}



.header .head_top .nav li>a i {

	display: block;

	font-style: normal;

	font-size: 12px;

	color: #999;

	margin-top: 5px;

	font-family: arial

}



.header .head_top .nav li .v_list {

	position: absolute;

	top: 120px;

	left: 0;

	width: 150%;

	overflow: hidden;

	background: #fff;

	z-index: 100;

	display: none;

}



.header .head_top .nav li .v_list a {

	line-height: 37px;

	display: block;

	font-size: 14px;

	color: #333;

	padding: 0 30px

}



.header .head_top .nav li .v_list a:hover {

	background: #243b8a;

	color: #fff

}

.header .head_top .nav li.on {

	background: #243b8a;

}

.header .head_top .nav li.on >a {

	color: #fff

}

.header .head_top .nav li.on >a i {

	color: #fff

}



.header .head_top .nav li:first-child {

	padding-left: 5.6%

}



.header .head_top .nav li:hover {

	background: #243b8a

}



.header .head_top .nav li.active {

	background: #243b8a

}

.header .head_top .nav li.active>a {

	color: #fff;

}

.header .head_top .nav li.active a i {

	color: #fff;

}



.header .head_top .nav li:hover>a,.header .head_top .nav li:hover>a i {

	color: #fff

}



.m_header {

	width: 100%;

	overflow: hidden;

	display: none

}



.m_header .m_head_content {

	height: 60px;

	width: 100%;

	background: #fff;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 8;

	box-shadow: 0 8px 20px rgba(0,0,0,.5)

}



.m_header .m_head_content .m_head_logo {

	height: 60px;

	float: left;

	margin-left: .05rem

}



.m_header .m_head_content .m_head_logo img {

	max-height: 100%;

	float: left;

	height: 30px;

	margin-top: 15px

}



.m_header .m_head_content .menu {

	float: right;

	width: 60px;

	height: 60px

}



.m_header .m_head_content .menu i {

	color: #243b8a;

	font-size: 20px;

	text-align: center;

	line-height: 60px;

	display: block

}



.app_menu {

	width: 100%;

	position: fixed;

	height: 100%;

	top: 60px;

	right: 0;

	z-index: 8;

	display: none;

	background: rgba(0,0,0,.5)

}



.app_menu ul {

	background: #243b8a

}



.app_menu ul li {

	width: 100%;

	border-bottom: 1px solid #fff

}



.app_menu ul li>a {

	width: 50%;

	display: block

}



.app_menu ul li>a span {

	font-size: 14px;

	width: 100%;

	height: 42px;

	line-height: 42px;

	color: #fff;

	display: block;

	padding-left: 18px;

	font-weight: 700

}



.app_menu ul li.on {

	background: url(../images/bottom.png) no-repeat 95% 15px;

	background-size: 16px

}

.app_menu ul li.on.active {

	background: url(../images/bottom_top.png) no-repeat 95% 15px;

	background-size: 16px

}



.app_menu ul .v_list {

	width: 100%;

	display: none;

}



.app_menu ul .v_list a {

	font-size: 14px;

	width: 100%;

	line-height: 36px;

	color: #fff;

	display: block;

	padding-left: .4rem;

	border-bottom: 1px dashed #fff;

	float: none

}



.m_banner {

	margin: 0 auto;

	overflow: hidden;

	display: none;

	margin-top: 60px

}



.m_banner,.m_banner .mbanner {

	width: 100%;

	position: relative

}



.m_banner .mbanner ul li {

	width: 100%;

	line-height: 0

}



.m_banner .mbanner ul li img {

	width: 100%;

	height: auto

}



.banner_btn {

	width: 100%;

	text-align: center;

	position: absolute;

	z-index: 4;

	bottom: 5px;

	overflow: hidden

}



.banner_btn a {

	width: 12px;

	height: 12px;

	border-radius: 50%;

	display: inline-block;

	text-indent: -999px;

	margin: 0 3px;

	overflow: hidden;

	cursor: pointer;

	background: #f9c9d3;

	opacity: .4;

	margin: 0 5px;

	border: 2px solid #fff

}



.banner_btn a.in {

	background: #243b8a;

	opacity: 1

}



.pc_banner {

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

	line-height: 0

}



.pc_banner,.pc_banner .pcbanner {

	width: 100%;

	position: relative

}



.pc_banner .swiper-slide {

	width: 100%;

	background: #000

}



.pc_banner .swiper-slide img {

	width: 100%;

	display: block

}



.pc_banner .banner_pagination {

	position: absolute;

	width: 100%;

	left: 0;

	z-index: 7;

	text-align: center;

	padding-right: 5px

}



.pc_banner .banner_pagination span {

	width: 40px;

	height: 4px;

	border-radius: 0;

	display: inline-block;

	text-align: center;

	background: none;

	opacity: 1;

	cursor: pointer;

	margin: 0 3px;

	background: hsla(0,0%,100%,.5);

	border: none;

	outline: 0

}



.pc_banner .banner_pagination span.swiper-pagination-bullet-active {

	background: #fff;

	color: #fff

}



.pc_banner .banner_prev {

	left: 10px;

	background: url(../images/ble.png) no-repeat 50%

}



.pc_banner .banner_next,.pc_banner .banner_prev {

	position: absolute;

	top: 44%;

	z-index: 6;

	width: 40px;

	height: 40px;

	outline: 0;

	cursor: pointer

}



.pc_banner .banner_next {

	right: 10px;

	background: url(../images/bri.png) no-repeat 50%

}



.main {

	width: 100%;

	overflow: hidden

}



.box_tit span {

	font-size: 36px;

	text-align: center;

	color: #333;

	display: block

}



.box_tit span strong i {

	font-style: normal;

	padding: 0 5px

}



.box_tit p {

	font-size: 18px;

	color: #333;

	display: block;

	text-align: center;

	margin-top: 6px

}



.i_box1 {

	background: #eee;

	padding-top: 85px;

	padding-bottom: 40px

}



.i_box1 .box {

	width: 100%;

	margin-top: 60px

}



.i_box1_list_m {

	display: none

}



.more {

	margin: 0 auto

}



.more a span {

	width: 160px;

	height: 42px;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 42px;

	font-size: 16px;

	background: #243b8a;

	transition: .5s

}



.more a span:hover {

	padding-left: 10px;

	transition: .5s

}



.i_box2 {

	width: 100%;

	padding-top: 30px;

	padding-bottom: 180px;

	background: url(../images/bg1.png) no-repeat bottom #f7f7f7

}



.i_box2 .center {

	width: 1400px

}



.i_box2 .box_tit span {

	text-align: left

}



.i_box2 .box_tit span strong {

	color: #243b8a

}



.i_box2 .box_tit p {

	text-align: left

}



.i_box2 .box_tit em {

	width: 50px;

	height: 4px;

	background: #243b8a;

	display: block;

	font-style: normal;

	margin-top: 10px

}



.i_box2 .box {

	margin-top: 50px

}



.i_box2 .box .fl {

	width: 40%;

	padding-top: 2%

}



.i_box2 .box .fl .text {

	margin-top: 30px

}



.i_box2 .box .fl .text p {

	font-size: 18px;

	color: #333;

	display: block;

	line-height: 180%

}



.i_box2 .box .fl .text .more {

	margin: 0;

	margin-top: 60px

}



.i_box2 .box .fr {

	width: 50%

}



.i_box2 .box .fr img {

	display: block;

	max-width: 100%

}



.i_box3 {

	width: 100%;

	padding-top: 80px;

	padding-bottom: 70px;

	background: url(../images/bg.jpg) no-repeat top

}



.i_box3 .box_tit p,.i_box3 .box_tit span {

	color: #fff

}



.i_box3 .center {

	width: 1400px;

	overflow: hidden;

	padding: 0 100px;

	position: relative

}



.i_box3 .box {

	margin-top: 60px

}



.i_box3 .box .box3list {

	width: 100%;

	overflow: hidden;

	background: url(../images/bg.png) no-repeat center 60px

}



.i_box3 .box .box3list .swiper-slide {

	padding: 0 20px

}



.i_box3 .box .box3list .swiper-slide .text {

	width: 100%;

	position: relative

}



.i_box3 .box .box3list .swiper-slide .pic {

	width: 100%

}



.i_box3 .box .box3list .swiper-slide .pic img {

	display: block;

	max-width: 100%

}



.i_box3 .box .box3list .swiper-slide .text1 {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 140px;

	background: #fff;

	display: block;

	transition: .8s

}



.i_box3 .box .box3list .swiper-slide .text1 i {

	width: 50px;

	height: 50px;

	background: #243b8a;

	font-style: normal;

	font-size: 24px;

	color: #fff;

	text-align: center;

	line-height: 50px;

	border-radius: 50%;

	margin: 0 auto;

	display: block;

	font-weight: 700;

	margin-top: -25px;

	box-shadow: 0 1px 10px 1px #ccc

}



.i_box3 .box .box3list .swiper-slide .text1 span {

	display: block;

	text-align: center;

	font-size: 24px;

	color: #333;

	font-weight: 700;

	margin-top: 20px

}



.i_box3 .box .box3list .swiper-slide .text1 p {

	font-size: 14px;

	color: #999;

	display: block;

	text-align: center

}



.i_box3 .box .box3list .swiper-slide .text2 {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 100%;

	background: rgba(0,0,0,.5);

	transition: .8s

}



.i_box3 .box .box3list .swiper-slide .text2 h4 {

	font-size: 24px;

	color: #fff;

	text-align: center;

	margin-top: 30px

}



.i_box3 .box .box3list .swiper-slide .text2 i {

	font-style: normal;

	width: 1px;

	height: 20px;

	background: #fff;

	display: block;

	margin: 12px auto

}



.i_box3 .box .box3list .swiper-slide .text2 span {

	font-size: 24px;

	color: #fff;

	display: block;

	text-align: center;

	font-weight: 700

}



.i_box3 .box .box3list .swiper-slide .text2 p {

	font-size: 14px;

	color: #999;

	display: block;

	text-align: center

}



.i_box3 .box .box3list .swiper-slide .text2 ul {

	padding: 0 30px;

	height: 150px;

	margin-top: 40px

}



.i_box3 .box .box3list .swiper-slide .text2 ul li {

	width: 100%

}



.i_box3 .box .box3list .swiper-slide .text2 ul li a {

	font-size: 18px;

	color: #999;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	display: block;

	line-height: 30px

}



.i_box3 .box .box3list .swiper-slide .text2 ul li a:hover {

	color: #fff;

	text-decoration: underline

}



.i_box3 .box .box3list .swiper-slide .text2 em {

	height: 42px;

	color: #fff;

	display: block;

	text-align: center;

	line-height: 42px;

	font-size: 16px;

	background: #243b8a;

	margin-top: 60px;

	font-style: normal;

	margin: 0 30px;

	margin-top: 20px

}



.i_box3 .box .box3list .swiper-slide .text2 small {

	font-size: 16px;

	color: #999;

	display: block;

	text-align: center;

	margin-top: 15px

}



.i_box3 .box .box3list .swiper-slide:hover .text1 {

	bottom: 500px;

	transition: .8s

}



.i_box3 .box .box3list .swiper-slide:hover .text2 {

	top: 0;

	transition: .8s

}



.i_box3 .box .box3list .prev {

	position: absolute;

	top: 44%;

	left: 10px;

	z-index: 6;

	width: 75px;

	height: 200px;

	background: url(../images/ple.png) no-repeat 50% rgba(36,59,138,.5);

	outline: 0;

	cursor: pointer

}



.i_box3 .box .box3list .prev:hover {

	background: url(../images/ple.png) no-repeat 50% #243b8a

}



.i_box3 .box .box3list .next {

	position: absolute;

	top: 44%;

	right: 10px;

	z-index: 6;

	width: 75px;

	height: 200px;

	background: url(../images/pri.png) no-repeat 50% rgba(36,59,138,.5);

	outline: 0;

	cursor: pointer

}



.i_box3 .box .box3list .next:hover {

	background: url(../images/pri.png) no-repeat 50% #243b8a

}



.i_box4 {

	width: 100%;

	padding: 80px 0;

	overflow: hidden

}



.i_box4 .box4list {

	margin-top: 60px;

	position: relative

}



.i_box4 .box4list .swiper-slide {

	width: 1400px;

	transform: scaleY(.8);

	overflow: hidden;

	position: relative

}



.i_box4 .box4list .swiper-slide .pic {

	width: 100%

}



.i_box4 .box4list .swiper-slide .pic img {

	display: block;

	max-width: 100%

}



.i_box4 .box4list .swiper-slide .text {

	width: 50%;

	background: #243b8a;

	position: absolute;

	right: 0;

	bottom: 0;

	padding: 40px 50px;

	padding-bottom: 100px;

	display: none

}



.i_box4 .box4list .swiper-slide .text a {

	font-size: 24px;

	color: #fff;

	display: block;

	font-weight: 700;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.i_box4 .box4list .swiper-slide .text p {

	font-size: 18px;

	color: #c6cfef;

	display: block;

	line-height: 180%;

	margin-top: 20px

}



.i_box4 .box4list .prev {

	left: 52.7%;

	background: url(../images/le1.png) no-repeat 50% rgba(36,59,138,.5)

}



.i_box4 .box4list .next,.i_box4 .box4list .prev {

	position: absolute;

	bottom: 40px;

	z-index: 6;

	width: 110px;

	height: 35px;

	outline: 0;

	cursor: pointer

}



.i_box4 .box4list .next {

	left: 60%;

	background: url(../images/ri1.png) no-repeat 50% rgba(36,59,138,.5)

}



.i_box4 .box4list .swiper-slide-active {

	transform: scale(1)

}



.i_box4 .box4list .swiper-slide-active .text {

	display: block

}



.i_box4 .more {

	margin-top: 60px

}



.i_box4 .more a span {

	margin: 0 auto

}



.i_box5 {

	width: 100%;

	padding: 80px 0;

	background: #f7f7f7

}



.i_box5 .center {

	width: 1400px

}



.i_box5 .box {

	margin-top: 60px

}



.i_box5 .box .fl {

	width: 49%;

	background: #fff

}



.i_box5 .box .fl .pic img {

	display: block;

	max-width: 100%;

	position: relative;

	z-index: 4

}



.i_box5 .box .fl .new_time {

	margin-top: -40px;

	position: relative;

	z-index: 5

}



.i_box5 .box .fl .text {

	padding: 30px 10px 28px 30px

}



.i_box5 .box .fl .text a {

	font-size: 22px;

	color: #333;

	display: block;

	font-weight: 700;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.i_box5 .box .fl .text p {

	font-size: 18px;

	color: #999;

	display: block;

	line-height: 160%;

	margin-top: 20px

}



.i_box5 .box .fr {

	width: 49%

}



.i_box5 .box .fr li {

	width: 100%;

	padding: 20px;

	background: #fff;

	margin-bottom: 23px;

	position: relative

}



.i_box5 .box .fr li .libg {

	height: 3px;

	background: #243b8a;

	width: 0;

	transition: .8s;

	position: absolute;

	bottom: 0;

	left: 0

}



.i_box5 .box .fr li .item {

	position: relative

}



.i_box5 .box .fr li .item .new_time {

	position: absolute;

	left: 0;

	top: 0

}



.i_box5 .box .fr li .item .text {

	width: 100%;

	min-height: 80px;

	padding-left: 100px

}



.i_box5 .box .fr li .item .text a {

	font-size: 18px;

	color: #333;

	font-weight: 700;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.i_box5 .box .fr li .item .text p {

	font-size: 16px;

	color: #999;

	display: block;

	line-height: 24px;

	margin-top: 5px

}



.i_box5 .box .fr li:hover {

	box-shadow: 0 1px 10px 1px #ccc

}



.i_box5 .box .fr li:hover .libg {

	width: 100%;

	transition: .8s

}



.i_box5 .more {

	margin-top: 50px

}



.i_box5 .more a span {

	margin: 0 auto

}



.new_time {

	width: 80px;

	height: 80px;

	background: #243b8a;

	padding-top: 20px

}



.new_time p,.new_time span {

	font-size: 14px;

	color: #fff;

	display: block;

	line-height: 20px;

	text-align: center

}



.i_box6 {

	width: 100%;

	position: relative

}



.i_box6 .pic img {

	position: relative;

	left: 50%;

	margin-left: -960px;

	width: 1920px;

	display: block

}



.i_box6 .box {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%

}



.i_box6 .box .text {

	margin-left: 50%;

	margin-top: 12%;

	width: 50%;

	background: #fff;

	padding: 30px;

	padding-bottom: 0

}



.i_box6 .box .text .box_tit p,.i_box6 .box .text .box_tit span {

	text-align: left

}



.i_box6 .box .text .box_tit em {

	width: 50px;

	height: 4px;

	background: #243b8a;

	display: block;

	font-style: normal;

	margin-top: 10px

}



.i_box6 .box .text .text1 {

	margin-top: 30px

}



.i_box6 .box .text .text1 p {

	font-size: 14px;

	color: #666;

	display: block;

	line-height: 180%

}



.i_box6 .more {

	margin-top: 30px

}



.i_box6 .more a span {

	position: relative;

	top: 21px

}



.footer {

	padding-top: 60px;

	background: #252725;

	padding-bottom: 60px;

	width: 100%;

	overflow: hidden

}



.footer .center {

	width: 1400px

}



.footer .box h3 {

	font-size: 18px;

	color: #fff;

	display: block;

	font-weight: 700;

	margin-bottom: 25px

}



.footer .box .text1 {

	width: 36%;

	float: left;

	background: url(../images/fbg.png) no-repeat 100% 0

}



.footer .box .text1 p {

	padding-right: 35%

}



.footer .box .text1 p span {

	font-size: 14px;

	color: #999;

	display: block;

	padding-left: 30px;

	line-height: 24px;

	margin-bottom: 6px

}



.footer .box .text1 p span:first-child {

	background: url(../images/ic1.png) no-repeat left 3px;

	background-size: 18px

}



.footer .box .text1 p span:first-child+span {

	background: url(../images/ic2.png) no-repeat left 3px;

	background-size: 18px

}



.footer .box .text1 p span:first-child+span+span {

	background: url(../images/ic3.png) no-repeat left 3px;

	background-size: 18px

}



.footer .box .text1 p span:first-child+span+span+span {

	background: url(../images/ic4.png) no-repeat left 3px;

	background-size: 18px

}



.footer .box .text1 .list {

	margin-top: 50px

}



.footer .box .text1 .list a {

	float: left;

	font-size: 16px;

	color: #999;

	line-height: 100%;

	border-left: 1px solid #999;

	padding-right: 10px;

	padding-left: 10px

}



.footer .box .text1 .list a:first-child {

	border-left: none;

	padding-left: 0

}



.footer .box .text2 {

	width: 39%;

	float: left;

	background: url(../images/fbg.png) no-repeat 100% 0;

	padding: 0 7%

}



.footer .box .text2 form {

	padding-left: 15px

}



.footer .box .text2 form input {

	height: 40px;

	padding: 0 5px

}



.footer .box .text2 form input,.footer .box .text2 form textarea {

	width: 100%;

	border: 1px solid #515251;

	background: #252725;

	margin-bottom: 8px;

	outline: 0

}



.footer .box .text2 form textarea {

	height: 70px;

	padding: 5px

}



.footer .box .text2 form .sub_btn {

	background: #243158;

	width: 100px;

	font-size: 16px;

	color: #fff;

	text-align: center;

	line-height: 40px;

	border: none

}



.footer .box .text3 {

	width: 25%;

	float: left

}



.footer .box .text3 h3 {

	text-align: center

}



.footer .box .text3 span img {

	background: #fff;

	padding: 6px;

	display: block;

	margin: 0 auto;

	border-radius: 5px

}



.footer .box .text3 p {

	font-size: 14px;

	color: #fff;

	margin-top: 12px;

	text-align: center

}



.copyright {

	background: #252725;

	padding: 15px 0;

	border-top: 1px solid #515251

}



.copyright p {

	font-size: 14px;

	line-height: 24px;

	color: #999;

	text-align: center;

	display: block

}



.currson {

	background: #eee

}



.currson p {

	background: url(../images/map.png) no-repeat 0;

	line-height: 40px;

	background-size: 18px;

	padding-left: 30px

}



.currson p a {

	font-size: 14px;

	color: #666;

	padding-right: 2px

}



.currson p a:hover {

	color: #659832

}



.pro_text {

	margin-bottom: 20px

}



.pro_text .box {

	margin-top: 20px

}



.pro_text .box .fl {

	width: 20%

}



.pro_text .box .fr {

	width: 77%

}



.page_title {

	background: #243b8a

}



.page_title h3 {

	font-size: 24px;

	color: #fff;

	font-weight: 400;

	display: block;

	background: url(../images/pp.png) no-repeat 0;

	line-height: 80px;

	text-align: center

}



.page_tit h3 {

	line-height: 50px;

	font-weight: 400;

	background: url(../images/le3.png) no-repeat 95% 15px #eee;

	background-size: 16px;

	width: 100%;

	float: left;

	margin-top: 10px;

	padding-left: 12px

}



.page_tit h3 a {

	float: left;

	font-size: 16px;

	color: #666

}



.page_tit h3.on {

	background: url(../images/bottom.png) no-repeat 95% 15px #243b8a;

	background-size: 16px

}



.page_tit h3.on a {

	color: #fff

}



.page_tit h3:hover {

	background: url(../images/bottom.png) no-repeat 95% 15px #243b8a;

	background-size: 16px

}



.page_tit h3:hover a {

	color: #fff

}



.page_tit ul {

	display: none;

	float: left

}



.page_tit ul li a {

	font-size: 13px;

	color: #666;

	display: block;

	line-height: 30px;

	padding-left: 20px;

	background: url(../images/bot.png) no-repeat 0;

	background-size: 12px;

	margin-left: 5px

}



.page_tit ul li a:hover {

	color: #243b8a;

	background: url(../images/bot2.png) no-repeat 0;

	background-size: 12px;

	display: block

}



.page_tit ul li a:hover:hover {

	transition: .89s

}



.prolist li {

	width: 31.5%;

	margin-right: 2.66%;

	margin-bottom: 2.66%;

	float: left;

	border: 1px solid #ddd;

	padding: 12px

}



.prolist li .pic .imgauto {

	width: 100%;

	height: 375px;
	overflow:hidden;

}



.prolist li .pic .imgauto img {

	transform: scale(1);

	transition: .8s

}



.prolist li .text i {

	color: #e53a3e;

	font-style: normal

}



.prolist li .text a,.prolist li .text i {

	font-size: 14px;

	display: block;

	margin-top: 15px;white-space:nowrap;

overflow: hidden;

text-overflow:ellipsis;

}



.prolist li .text a {

	color: #666;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.prolist li:nth-child(3n) {

	margin-right: 0

}



.prolist li:hover {

	border-color: #243b8a

}



.prolist li:hover .text a {

	color: #243b8a

}







 #message .m-content .m-message{

    width:90%;

    padding:20px;

  }

  #message .m-content{

  margin-top:1rem;

  }

  

  .m-message label.code span {

  float:left;

  }

    .m-message label.code input {

  float:left;

  }

      .m-message label.code img {

  float:left;

  }









#message {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1000;

	transform: scale(0);

	transition: .3s;

}

.messagebg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 1001;

}

#message .m-content {

	margin-top: 10%;

}

#message .m-content .m-message{

	background: #fff;

	width: 580px;

    background: #fff;

    padding: 50px;	

    margin: 0 auto;

    position: relative;

    z-index: 1002;

    box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}







.m-message{



    width: 494px;



    margin: 48px auto 0;



}



.m-message label{



    margin-bottom: 15px;



    display: block;



    font-size: 14px;



}



.m-message label em{



    display: block;



    float: right;



    color: red;



    height: 32px;



    line-height: 32px;



}



.m-message label span{



    width: 70px;



    height: 34px;



    line-height: 34px;



    color: #2F2F2F;



    float: left;



    font-weight: bold;



    text-align: right;



    /*margin-right: 30px;*/



    display: inline-block;



}







.m-message label input.inp,.m-message label textarea,.m-message label.code input{



    width: 77%;



    overflow: hidden;



    height: 32px;



    line-height: 32px;



    border: #cccccc 1px solid;



    border-radius: 3px;



    padding:0 14px;



    box-sizing: border-box;



    color: #555;



    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;



       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;



}



.m-message label input:focus,.m-message label textarea:focus{



    border-color: #66afe9;



  outline: 0;



  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);



          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);



}



.m-message label textarea{



    height: 72px;



    line-height: 24px;



    padding:10px 14px;



}



.m-message label.code{



    line-height: 34px;



}



.m-message label.code input{



    width: 30%;



    float: left;



    margin-right: 30px;



}



.m-message label.code .pic {



    display: inline-block;



    vertical-align: top;



    width: 80px;



    height: 32px;



}



.m-message label.code img{



    display: block;



    width: 100%;



    height: 100%;



}





.btn-1 input{



    width: 52px;



    height: 32px;



    line-height: 32px;



    background: #e8e8e8;



    border: none;



    color: #333;



    margin-right: 22px;



    cursor: pointer;



    transition: 0.3s;



}



.btn-1{



    padding-left: 100px;



}



.btn-1 input.focus{



    background: #243b8a;



    color: #fff;



}



.btn-1 input.focus:hover{



    background: #444;



}



.btn-1 input:hover{



    background: #ccc;



}

.pro_content {

	width: 100%;

	margin-bottom: 20px

}



.pro_content .pro_pic {

	width: 50%;

	float: left

}



.pro_content .pro_text {

	width: 50%;

	float: left;

	padding-left: 2%

}



.pro_content .pro_text h3 {

	font-weight: 400;

	margin-top: 5px;

	line-height: 22px;

	font-size: 18px;

	color: #243b8a;

	padding-bottom: 10px;

	border-bottom: 1px dotted #ccc

}



.pro_content .pro_text .text {

	width: 100%;

	margin-top: 12px

}



.pro_content .pro_text .text p {

	font-size: 14px;

	line-height: 24px;

	padding-bottom: 12px

}



.pro_content .pro_text .text a {

	width: 100px;

	height: 32px;

	font-size: 14px;

	margin-top: 10px;

	display: block;

	color: #fff;

	line-height: 32px;

	padding-left: 24px

}



.pro_content .pro_text .text a,.pro_content .pro_text .text a:hover {

	background:  #243b8a;

	background-size: 16px

}



div.zoomDiv {

	z-index: 9;

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	border: 1px solid #ddd;

	display: none;

	text-align: center;

	overflow: hidden;

	font-size: 0

}



div.zoomDiv img {

	max-width: none

}



div.zoomMask {

	position: absolute;

	background: url(../images/mask.png) repeat scroll 0 0 transparent;

	cursor: move;

	z-index: 1;

	max-width: 200px!important;

	max-height: 200px!important

}



.img-center {

	text-align: center;

	font-size: 0

}



.img-center img {

	display: block;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle

}



.pc-slide {

	margin: 0 auto

}



.pc-slide,.pc-slide .view .swiper-slide {

	width: 100%

}



.pc-slide .view .swiper-slide .imgauto {

	width: 100%;

	height: 350px;

	border: 1px solid #ddd;

	box-sizing: border-box

}



.pc-slide .preview {

	width: 100%;

	margin-top: 10px;

	position: relative

}



.pc-slide .preview .swiper-container {

	width: 80%;

	margin: 0 10%

}



.pc-slide .preview .swiper-slide {

	width: 25%;

	padding: 5px

}



.pc-slide .preview .swiper-slide .imgauto {

	width: 100%;

	height: 80px;

	border: 1px solid #ddd

}



.pc-slide .preview .swiper-slide .imgauto img {

	display: block;

	padding: 5px

}



.pc-slide .preview .active-nav .imgauto {

	border: 1px solid #243b8a

}



.pc-slide .preview .arrow-left {

	background: url(../images/le2.png) no-repeat 0 0;

	background-size: 100%;

	left: 10px

}



.pc-slide .preview .arrow-left,.pc-slide .preview .arrow-right {

	position: absolute;

	top: 50%;

	margin-top: -9px;

	width: 9px;

	height: 18px;

	z-index: 5

}



.pc-slide .preview .arrow-right {

	background: url(../images/ri2.png) no-repeat 0 100%;

	background-size: 100%;

	right: 10px

}



.show_title {

	border-bottom: 1px solid #eee;

	margin-top: 40px;

	margin-bottom: 20px

}



.show_title h3 {

	width: 120px;

	height: 42px;

	font-size: 14px;

	margin-top: 10px;

	display: block;

	color: #fff;

	line-height: 42px;

	padding-left: 24px;

	background: #243b8a

}



.content_tit h3 {

	font-size: 22px;

	color: #222;

	display: block;

	margin: 20px 0;

	font-weight: 400;

	text-align: center

}



.content {

	width: 100%

}

.reimg img{ max-width:100%;height:auto !important;}

.content p {

	font-size: 16px;

	line-height: 32px;

	margin-bottom: 15px;

	color: #666

}



.content img {

	max-width: 100%;

	margin: 20px 0

}



.show_pages {

	margin-top: 30px

}



.show_pages p {

	font-size: 16px;

	color: #666;

	display: block;

	line-height: 24px;

	margin-top: 8px

}



.show_pages p:hover a {

	color: #243b8a

}



.pa_title {

	/*border-bottom: 1px dashed #ccc;*/

	    text-align: center;

	    font-size: 24px;

	    line-height: 34px;

	margin-bottom: 15px

}

.desc{

	

	    text-align: center;

	    margin-bottom: 20px;

}

.desc span {

    display: inline-block;

    font-size: 16px;

    margin: 0 10px;

}

.pa_title h3 {

	font-size: 24px;

	color: #666;

	display: block;

	line-height: 42px;

	font-weight: 400

}



.artlist li {

	width: 100%;

	padding: 20px;

	background: #fff;

	margin-bottom: 23px;

	position: relative;

	box-shadow: 0 1px 10px 1px #ccc

}



.artlist li .libg {

	height: 3px;

	background: #243b8a;

	width: 0;

	transition: .8s;

	position: absolute;

	bottom: 0;

	left: 0

}



.artlist li .item {

	position: relative

}



.artlist li .item .new_time {

	position: absolute;

	left: 0;

	top: 0

}



.artlist li .item .text {

	width: 100%;

	min-height: 80px;

	padding-left: 100px

}



.artlist li .item .text a {

	font-size: 18px;

	color: #333;

	font-weight: 700;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}



.artlist li .item .text p {

	font-size: 16px;

	color: #999;

	display: block;

	line-height: 24px;

	margin-top: 5px

}



.artlist li:hover .libg {

	width: 100%;

	transition: .8s

}



.case_list li {

	width: 32%;

	margin-right: 2%;

	margin-bottom: 2%;

	float: left;

	background: #fff;

	box-shadow: 0 1px 10px 1px #ccc

}



.case_list li .pic .imgauto {

	width: 100%;
	overflow:hidden;
	height: 200px;

}



.case_list li .pic .imgauto img {

	transform: scale(1);

	transition: .8s

}



.case_list li .text {

	padding: 12px 10px

}



.case_list li .text a {

	font-size: 16px;

	color: #666;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.case_list li .text p {

	font-size: 14px;

	color: #999;

	margin-top: 5px

}



.case_list li .libg {

	margin-top: 12px;

	position: relative

}



.case_list li .libg i {

	width: 0;

	height: 2px;

	background: #243b8a;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3

}



.case_list li .libg span {

	width: 100%;

	height: 1px;

	background: #ddd;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2

}



.case_list li .time {

	padding: 12px 10px;

	padding-top: 0

}



.case_list li .time span {

	color: #999;

	font-size: 14px;

	display: block

}



.case_list li:nth-child(3n) {

	margin-right: 0

}



.case_list li:hover .libg {

	margin-top: 12px;

	position: relative

}



.case_list li:hover .libg i {

	width: 100%;

	transition: .8s

}



.pagepro_tit {

	border-bottom: 1px solid #ddd;

	margin-bottom: 20px;

	padding-bottom: 10px

}



.pagepro_tit .protitle {

	float: left

}



.pagepro_tit .protitle h3 {

	font-size: 18px;

	line-height: 100%;

	color: #243b8a;

	padding-top: 15px

}



.page_search {

	float: right

}



.page_search .put1 {

	width: 182px;

	height: 36px;

	line-height: 36px;

	border: 1px solid #e6e6e6;

	border-right: 0;

	padding: 0 10px;

	float: left;

	outline: 0

}



.page_search .btn_submit {

	width: 78px;

	float: right;

	height: 36px;

	outline: 0;

	line-height: 36px;

	text-align: center;

	border: none;

	color: #fff;

	background-color: #243b8a;

	transition: .2s;

	float: left

}



.about_main .box_tit span {

	color: #666

}



.about_main .box_tit p {

	color: #888;

	margin-top: 0

}



.about_main .box_tit small {

	width: 50px;

	height: 5px;

	margin: 0 auto;

	display: block;

	background: #659832;

	margin-top: 10px

}



.about_text1 .box {

	width: 100%

}



.about_text1 .box .fl {

	width: 48%;

	margin-right: 2%;

	background: #fafafa;

	padding: 22px

}



.about_text1 .box .fl p {

	font-size: 14px;

	line-height: 27px;

	display: block;

	color: #666

}



.about_text1 .box .fr {

	width: 48%;

	margin-left: 2%

}



.about_text1 .box .fr img {

	max-width: 100%;

	display: block

}



.about_text2 {

	background: #f3f4f9;

	padding-top: 50px;

	margin-top: 50px

}



.about_text2 .box .fl {

	width: 48%;

	margin-right: 2%

}



.about_text2 .box .fl img {

	display: block;

	max-width: 100%

}



.about_text2 .box .fr {

	width: 48%;

	margin: 0 1%;

	padding-left: 5%

}



.about_text2 .box .fr .box_tit span {

	text-align: left;

	color: #666

}



.about_text2 .box .fr .box_tit p {

	text-align: left;

	color: #888

}



.about_text2 .box .fr .box_tit small {

	margin: 0;

	margin-top: 10px

}



.about_text2 .box .fr .list li {

	width: 100%;

	position: relative;

	padding-left: 50px;

	margin-bottom: 45px

}



.about_text2 .box .fr .list li img {

	position: absolute;

	left: 0;

	top: 5px;

	width: 50px;

	display: block

}



.about_text2 .box .fr .list li p {

	display: block;

	padding-left: 20px

}



.about_text2 .box .fr .list li p span {

	font-size: 20px;

	color: #666;

	font-weight: 700;

	display: block

}



.about_text2 .box .fr .list li p i {

	font-style: normal;

	font-size: 14px;

	color: #888;

	display: block;

	margin-top: 12px

}



.about_text3 .box figure {

	width: 23%;

	margin: 0;

	margin-right: 2.66%;

	margin-bottom: 2.66%;

	float: left;

	position: relative

}



.about_text3 .box figure .img-dv,.about_text3 .box figure .img-dv a img {

	width: 100%

}



.about_text3 .box figure span {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: block;

	opacity: 0;

	overflow: hidden;

	z-index: 5;

	transition: .8s;

	cursor: pointer;

	background: url(../images/ss.png) no-repeat 50% rgba(0,0,0,.5);

	background-size: auto 15%

}



.about_text3 .box figure:nth-child(4n) {

	margin-right: 0

}



.about_text3 .box figure:hover span {

	opacity: 1;

	transition: .8s

}



.about_text4 {

	background: #f3f4f9;

	padding: 50px 0;

	margin-top: 50px

}



.about_text4 .box li {

	width: 20%;

	float: left;

	position: relative;

	padding-left: 50px

}



.about_text4 .box li img {

	position: absolute;

	left: 10px;

	top: 5px;

	width: 50px;

	display: block

}



.about_text4 .box li p {

	display: block;

	padding-left: 25px

      /*ceshi*/

}



.about_text4 .box li p span {

	font-size: 20px;

	color: #666;

	display: block;

	margin-top: 5px

}



.about_text4 .box li p i {

	font-style: normal;

	font-size: 14px;

	color: #888;

	display: block;

	margin-top: 5px

}



.about_text5 .box {

	margin: 50px 0

}



.about_text5 .box h3 {

	font-size: 18px;

	color: #666;

	display: block;

	font-weight: 400;

	margin-bottom: 26px

}



.about_text5 .box .text1 {

	width: 25%;

	float: left

}



.about_text5 .box .text1 ul li {

	width: 100%;

	float: left;

	position: relative;

	padding-left: 22px;

	margin-bottom: 20px

}



.about_text5 .box .text1 ul li img {

	position: absolute;

	left: 0;

	top: 5px;

	width: 21px;

	display: block

}



.about_text5 .box .text1 ul li p {

	display: block;

	padding-left: 12px

}



.about_text5 .box .text1 ul li p span {

	font-size: 18px;

	color: #666;

	display: block

}



.about_text5 .box .text1 ul li p i {

	font-style: normal;

	font-size: 14px;

	color: #888;

	display: block;

	margin-top: 5px

}



.about_text5 .box .text2 {

	width: 10%;

	float: left;

	margin-left: 8%

}



.about_text5 .box .text2 a {

	font-size: 14px;

	color: #666;

	display: block;

	line-height: 20px;

	margin-bottom: 17px;

	padding-left: 18px;

	background: url(../images/le3.png) no-repeat 0;

	background-size: 12px

}



.about_text5 .box .text2 a:hover {

	color: #659832;

	text-decoration: underline

}



.about_text5 .box .text3 {

	width: 10%;

	float: left;

	margin-left: 5%

}



.about_text5 .box .text3 a {

	font-size: 14px;

	color: #666;

	display: block;

	line-height: 20px;

	margin-bottom: 17px

}



.about_text5 .box .text3 a:hover {

	color: #659832;

	text-decoration: underline

}



.about_text5 .box .text4 {

	width: 35%;

	float: left;

	margin-left: 7%

}



.about_text5 .box .text4 ul li {

	position: relative;

	padding-left: 60px;

	min-height: 60px;

	margin-bottom: 20px

}



.about_text5 .box .text4 ul li .pic {

	width: 60px;

	height: 60px;

	position: absolute;

	left: 0;

	top: 0

}



.about_text5 .box .text4 ul li .pic img {

	width: 100%;

	display: block;

	border-radius: 50%

}



.about_text5 .box .text4 ul li .text {

	padding-left: 12px;

	padding-top: 5px

}



.about_text5 .box .text4 ul li .text p {

	font-size: 14px;

	color: #888;

	display: block;

	padding-left: 30px;

	background: url(../images/rij.png) no-repeat 0

}



.about_text5 .box .text4 ul li .text a {

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-size: 14px;

	color: #666;

	margin-top: 8px

}



.about_text5 .box .text4 ul li .text a:hover {

	color: #659832

}



.contact_text1 .box li {

	width: 25%;

	float: left;

	border-left: 1px solid #eee

}



.contact_text1 .box li i {

	text-align: center;

	line-height: 50px;

	font-style: normal;

	display: block

}



.contact_text1 .box li i img {

	display: inline-block;

	vertical-align: middle

}



.contact_text1 .box li span {

	display: block;

	text-align: center;

	font-size: 18px;

	color: #666;

	margin-top: 10px

}



.contact_text1 .box li p {

	font-size: 14px;

	color: #888;

	margin-top: 5px;

	text-align: center

}



.contact_text1 .box li:first-child {

	border: none

}



.art2list .i_box8 {

	background: none;

	margin-top: 0

}



.art2list .i_box8 .box li {

	margin: 0;

	margin-bottom: 50px;

	margin-right: 1.33%

}



.art2list .i_box8 .box li:first-child {

	margin-left: 0

}



.art2list .i_box8 .box li:nth-child(4n) {

	margin-right: 0

}



.iet {

	height: 30px;

	width: 100%;

	background: #fff3d7;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9;

	display: none

}



.iet p {

	width: 100%;

	text-align: center;

	font-size: 12px;

	color: #333;

	line-height: 30px

}



.iet p a {

	color: #3aba50;

	font-size: 12px

}



.iet span {

	position: absolute;

	right: 5%;

	top: 0;

	height: 30px;

	line-height: 30px;

	cursor: pointer

}



.iet span,.iet span i {

	font-size: 12px;

	color: #333

}



.iet span i {

	padding-left: 5px;

	font-style: normal

}





.link {

	

    padding: 8px 0px;

    color: #333;

    font-size: 13px;

}

.link .center{ width:1400px}

.link .list span {

    font-size: 15px;

    font-weight: bold;

}

.link .list a {

    font-size: 14px;

    padding: 0 10px 0 5px;

    margin-bottom: 5px;

    display: inline-block;

}



.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}

.footer-fix li {float: left;width: 25%;}

.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}

.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}

.footer-fix li i.i1 {background-image: url(../images/f_01.png);}

.footer-fix li i.i2 {background-image: url(../images/f_02.png);}

.footer-fix li i.i3 {background-image: url(../images/f_03.png);}

.footer-fix li i.i4 {background-image: url(../images/f_04.png);}



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

	.footer .center,.i_box2 .center,.i_box3 .center,.i_box5 .center {

		width: 100%

	}



	.i_box4 .box4list .swiper-slide {

		width: 80%

	}



	.i_box4 .box4list .swiper-slide .text p {

		line-height: 30px;

		height: 120px;

		overflow: hidden

	}

}



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

	.center {

		width: 100%

	}



	.i_box4 .box4list .swiper-slide .text p {

		height: 90px

	}

}



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

	.header {

		display: none

	}



	.m_header {

		display: block

	}



	.pc_banner {

		display: none

	}



	.m_banner {

		display: block

	}



	.footer .box .text1 .list {

		display: none

	}

}



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

	

	#message .m-content .m-message {

    width: 90%;

    padding: 20px;

}



 .footer-fix {display: block;}  

 

	.i_box1_list {

		display: none

	}



	.i_box1_list_m {

		display: block

	}





	.i_box1,.i_box2 {

		padding-top: 20px

	}



	.i_box2 .box {

		margin-top: 0;

		width: 96%;

		margin: 0 2%

	}



	.i_box2 .box .fl,.i_box2 .box .fr {

		width: 100%;

		padding-top: 0

	}



	.i_box2 .box .fr {

		margin-top: 20px

	}



	.i_box3 .box .box3list .prev {

		width: 35px;

		height: 70px

	}



	.i_box3 .center {

		padding: 0 40px

	}



	.i_box3 .box .box3list .next {

		width: 35px;

		height: 70px

	}



	.i_box3 {

		padding: 30px 0

	}



	.i_box3 .box_tit p {

		padding: 0 10%;

		line-height: 150%

	}



	.i_box3 .box {

		margin-top: 30px

	}



	.i_box4 {

		padding: 20px 0

	}



	.i_box4 .box_tit p {

		padding: 0 10%;

		line-height: 150%

	}



	.i_box4 .box4list .swiper-slide .text {

		position: relative;

		width: 100%;

		padding: 15px;

		padding-bottom: 60px

	}



	.i_box4 .box4list .prev {

		bottom: 10px;

		left: 30%

	}



	.i_box4 .box4list .next {

		bottom: 10px;

		left: auto;

		right: 30%

	}



	.i_box5 {

		padding: 20px 0

	}



	.i_box5 .box {

		width: 96%;

		margin: 0 2%;

		margin-top: 20px

	}



	.i_box5 .box .fl {

		width: 100%

	}



	.i_box5 .box .fr {

		width: 100%;

		margin-top: 20px

	}



	.i_box6 .pic img {

		width: 1200px;

		margin-left: -600px

	}



	.i_box6 .box .text {

		width: 85%;

		margin-left: 7.5%;

		padding: 15px

	}



	.i_box6 .box .text .text1 {

		margin-top: 15px

	}



	.i_box6 .more {

		margin-top: 0

	}



	.footer .box .text1,.footer .box .text2 {

		width: 100%;

		background: none

	}



	.footer .box .text3 {

		display: none

	}



	.footer {

		padding: 30px 2%

	}



	.pro_text .box .fl,.pro_text .box .fr {

		width: 96%;

		margin: 2%

	}



	.pro_content .pro_pic {

		width: 100%

	}



	.pro_content .pro_text {

		width: 100%;

		margin-top: 12px

	}



	div.zoomMask {

		display: none!important

	}

	.contact_text1 .box li {

		padding: 0 2%;

	}

	

	

	

	  .m_header .app_menu {    

    	position: fixed;

	    left: 0;

	    top: 50px;

	    width: 100%;

	    background: #243b8a;

	    margin-top: 0;

    	z-index: 20;

	}

     .m_header .app_menu li>a {

    	width: 50%;

    	display: block;

    }

    .m_header .app_menu li.active {

    	background: url(../images/bottom_x.png) no-repeat 95% 15px;

    	background-size: 16px;

    }

    .m_header .app_menu li.active.open {

    	background: url(../images/bottom_t.png) no-repeat 95% 15px;

    	background-size: 16px;

    }

    .m_header .app_menu li .v_list {

    	display: none;

    }

   .m_header .app_menu .nav-menu>li.open .v_list {

    	display: block;

    	position: relative;

    	margin-right: 0;

    	margin-left: 10%;

    }

  

}



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

	#certify .swiper-slide img {

		padding: 5px;

		background: #fff

	}



	.box_tit span {

		font-size: .18rem

	}



	.box_tit p {

		font-size: .12rem

	}



	.i_box1 .box {

		margin-top: 30px

	}



	.i_box2 .box_tit span {

		text-align: center

	}



	.i_box2 .box_tit p {

		text-align: center;

		padding: 0 10%;

		line-height: 160%

	}



	.i_box2 .box_tit em {

		margin: 0 auto;

		margin-top: 10px

	}



	.i_box2 .box .fl .text {

		margin-top: 20px;

		padding: 0 2%

	}



	.i_box2 .box .fl .text p {

		font-size: .11rem

	}



	.i_box2 .box .fl .text .more {

		margin-top: 20px;

		text-align: -webkit-center;

	}



	.more a span {

		width: 1rem;

		height: .28rem;

		font-size: .11rem;

		border-radius: 3px;

		line-height: .28rem

	}



	.i_box2 .box .fr {

		padding: 0 2%

	}



	.i_box2 {

		background: none;

		padding-bottom: 20px

	}



	.i_box3 .center {

		padding: 0 .58rem

	}



	.i_box3 .box .box3list .swiper-slide {

		padding: 0

	}



	.i_box3 .box .box3list .swiper-slide .text {

		width: 260px;

		margin: 0 auto

	}



	.i_box3 .box .box3list .next {

		background: url(../images/pri.png) no-repeat 50% #243b8a

	}



	.i_box3 .box .box3list .prev {

		background: url(../images/ple.png) no-repeat 50% #243b8a

	}



	.i_box4 .box4list .prev {

		width: .7rem;

		bottom: 10px;

		left: 25%;

		background: url(../images/le1.png) no-repeat 50% #243b8a;

		background-size: 100%

	}



	.i_box4 .box4list .next {

		width: .7rem;

		bottom: 10px;

		left: auto;

		right: 25%;

		background: url(../images/ri1.png) no-repeat 50% #243b8a;

		background-size: 100%

	}



	.i_box4 .box4list .swiper-slide .text a {

		font-size: .13rem

	}



	.i_box4 .box4list .swiper-slide .text p {

		font-size: .11rem;

		line-height: .2rem;

		height: .6rem;

		margin-top: 10px

	}



	.i_box4 .box4list,.i_box4 .more {

		margin-top: 20px

	}



	.new_time {

		width: 70px;

		height: 70px;

		padding-top: 15px

	}



	.i_box5 .box .fl .new_time {

		margin-top: -35px

	}



	.i_box5 .box .fl .text {

		padding: 12px 15px

	}



	.i_box5 .box .fl .text a {

		font-size: .12rem

	}



	.i_box5 .box .fl .text p {

		font-size: .11rem;

		line-height: 160%;

		margin-top: 10px

	}



	.i_box5 .box .fr li {

		padding: 12px 15px

	}



	.i_box5 .box .fr li .item .text {

		padding-left: 85px;

		min-height: 70px

	}



	.i_box5 .box .fr li .item .text a {

		font-size: .12rem

	}



	.i_box5 .box .fr li .item .text p {

		font-size: .11rem;

		line-height: .18rem;

		height: .36rem;

		overflow: hidden

	}



	.i_box5 .more {

		margin-top: 10px

	}



	.i_box6 .more a span {

		top: .25rem

	}



	.i_box6 .box .text .text1 p {

		font-size: .11rem;

		line-height: 160%

	}



	.footer .box .text3 h3 {

		display: none

	}



	.footer .box .text2 {

		padding: 0;

		margin-top: 20px

	}



	.footer .box .text2 form {

		padding: 0

	}



	.footer .box h3 {

		font-size: .13rem;

		color: #999;

		margin-bottom: 12px

	}



	.footer .box .text2 h3 {

		display: none

	}



	.footer .box .text1 p {

		padding-right: 0

	}



	.footer .box .text2 form .sub_btn {

		color: #999

	}



	.copyright {

		    padding: 15px 5% 50px 0;

	}



	.page_title h3 {

		line-height: .5rem;

		font-size: .16rem;

		background-size: .2rem

	}



	.page_tit h3 {

		line-height: 42px

	}



	.page_tit h3 a {

		font-size: .115rem

	}



	.pro_text .box {

		margin-top: 10px

	}



	.currson {

		padding: 0 2%

	}



	.prolist li {

		width: 48%;

		margin: 1% 0

	}



	.prolist li:nth-child(2n) {

		margin-left: 4%

	}



	.prolist li .pic .imgauto {

		height: 1.8rem

	}



	.show_title {

		margin-top: 20px

	}



	.content p {

		line-height: 200%

	}



	.content p,.show_pages p {

		font-size: .115rem

	}



	.artlist li {

		padding: 10px

	}



	.artlist li .item .text {

		padding-left: 85px;

		min-height: 70px

	}



	.artlist li .item .text a {

		font-size: .12rem

	}



	.artlist li .item .text p {

		font-size: .11rem;

		line-height: .18rem;

		height: .36rem;

		overflow: hidden

	}



	.case_list li {

		width: 48%;

		background: #fff;

		box-shadow: 0 1px 10px 1px #ccc

	}



	.case_list li,.case_list li:nth-child(3n) {

		margin-right: 4%

	}



	.case_list li:nth-child(2n) {

		margin-right: 0

	}



	.case_list li .pic {

		padding: 5px

	}



	.case_list li .pic .imgauto {

		height: .94rem

	}



	.case_list li .text p {

		font-size: .11rem;

		line-height: .18rem;

		height: .36rem;

		overflow: hidden

	}



	.case_list li .text {

		padding: 5px 8px

	}



	.case_list li .text a {

		font-size: .12rem

	}



	.case_list li .time {

		padding-bottom: 5px

	}



	.case_list li .time span {

		font-size: .11rem;

		margin-top: 5px

	}



	.pagepro_tit .protitle {

		display: none

	}



	.pagepro_tit {

		border: none;

		margin-bottom: 5px

	}



	.page_search {

		width: 100%

	}



	.page_search .put1 {

		width: 75%

	}



	.page_search .btn_submit {

		width: 25%

	}

}



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

	.i_box3 .center {

		padding: 0 57px

	}

}



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

	.i_box3 .center {

		padding: 0 30px

	}

}



#certify .swiper-slide {

	overflow: hidden;

}



#certify .swiper-slide a .pic {

	display: block;

	overflow: hidden;

}



#certify .swiper-slide img {

	transform: scale(1);

	transition: .8s;

}



#certify .swiper-slide:hover img {

	transform: scale(1.1);

	transition: .8s;

}



.pages .pagination {

	text-align: center;

	height: auto;

}



.pages .pagination a {

	padding: 0;

	padding: 0 12px;

	height: 30px;

	line-height: 30px;

	display: inline-block;

	float: none;

	border: 1px solid #eee;

}



.pages .pagination p {

	padding: 0;

	padding: 0 12px;

	height: 30px;

	line-height: 30px;

	display: inline-block;

	float: none;

	border: 1px solid #eee;

}



.pages .pagination a:hover {

	border: 1px solid #243b8a;

	color: #243b8a;

}



.pages .pagination a.page-num-current {

	border: none;

	background: #243b8a;

	color: #fff;

	border: 1px solid #243b8a;

}



.footer .box .text3 span img {

	max-width: 120px;

}



.fix_text {

	position: fixed;

	top: 32%;

	right: 0;

	z-index: 99;

}



.fix_text .text {

	width: 200px;

	background: #fff;

	box-shadow: 0 1px 10px 1px #ccc;

	padding-top: 15px;

}



.fix_text .text h3 {

	font-size: 14px;

	color: #243b8a;

	display: block;

	text-align: center;white-space:nowrap;

overflow: hidden;

text-overflow:ellipsis; padding:0 10px

}



.fix_text .text p {

	text-align: center;

	font-size: 12px;

	color: #999;

	margin-top: 6px;

}



.fix_text .text p span {

	display: inline-block;

	color: #333;

	padding-right: 5px;

}



.fix_text .text p span i {

	display: inline-block;

	padding: 1px 2px;

	background: #f67b1d;

	color: #fff;

	font-style: normal;

	border-radius: 2px;

}



.fix_text .text p span em {

	color: #f67b1d;

	padding: 0 5px;

	font-style: normal;

}



.fix_text .text ul {

	border-top: 2px solid #243b8a;

	margin-top: 15px;

}



.fix_text .text li {

	border-bottom: 1px dashed #ececec;

	line-height: 50px;

	padding-left: 28px;

	position: relative;

}



.fix_text .text li a {

	display: block;

	padding-left: 35px;

}



.fix_text .text li .ewmpic {

	position: absolute;

	left: -150px;

	width: 150px;

	top: 0;

	opacity: 0;

	transition: .5s;

}



.fix_text .text li .ewmpic img {

	display: block;

	max-width: 100%;

	padding: 10px;

	background: #fff;

}



.fix_text .text li:first-child a {

	background: url('../images/f1.png') no-repeat left center;

}



.fix_text .text li:first-child +li a {

	background: url('../images/f2.png') no-repeat left center;

	display: none;

}



.fix_text .text li:first-child +li:hover a {

	display: block;

}



.fix_text .text li:first-child +li +li a {

	background: url('../images/f3.png') no-repeat left center;

}



.fix_text .text li:first-child +li +li +li a {

	background: url('../images/f5.png') no-repeat left center;

}



.fix_text .text li:first-child +li +li +li +li a {

	background: url('../images/f6.png') no-repeat left center;

}



.fix_text .text li:first-child +li +li +li +li +li a {

	background: url('../images/f6.png') no-repeat left center;

}



.fix_text .text li:hover .ewmpic {

	opacity: 1;

	transition: .5s;

}



.fix_text .text li:hover {

	background: #eee;

}



.fixbg {

	position: relative;

}



.fix_text .text .fixbg span {

	width: 0;

	height: 2px;

	background: #999;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 3;

	transition: .8s;

}



.fix_text .text .fixbg p {

	width: 100%;

	height: 2px;

	background: #243b8a;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	margin-top: 0;

}



.fix_text .text:hover .fixbg span {

	width: 100%;

	transition: .8s;

}



.page_tit ul .v_list {

	display: none;

}



.page_tit ul li.on a {

	color: #243b8a;

}



.page_tit ul .v_list p {

	padding-left: 30px;

}



.page_tit ul .v_list a {

	font-size: 13px;

	color: #666;

	display: block;

	line-height: 30px;

	padding-left: 20px;

	background: url(../images/bot.png) no-repeat 0;

	background-size: 12px;

	margin-left: 5px;

}



.page_tit ul .v_list p.on a {

	color: #243b8a;

}



.telnumber p {

	display: none;

}



.telnumber:hover p {

	display: block;

}



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

	.i_box4 .box4list .next {

		left: 65%;

	}

}



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

	.fix_text {

		display: none;

	}

	.nbanr{ margin-top:60px;}

}





.dates li {font-size: 14px;margin:20px 0}

.dates li span{float:right}



.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}

.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}

.pages a:hover{display:inline-block;color: #fff;background: #243b8a;border-color: #243b8a;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.pages span{display:inline-block;color: #666;}

.pages a.page-num-current{display:inline-block;color: #fff;background: #243b8a;border-color: #243b8a;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.text-secondary{text-align: center; padding:10px 0}