blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

abbr, acronym, fieldset, img {
	border: 0
}

ol, ul {
	list-style: none
}

caption, th {
	text-align: left
}

q:after, q:before {
	content: ''
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.col-c, .col-l, .col_c, .col_l, .l {
	float: left
}

.col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span {
	float: right
}

.c {
	clear: both
}

.n, em {
	font-weight: 400;
	font-style: normal
}

.b {
	font-weight: 700
}

.i {
	font-style: italic
}

.fa {
	font-family: Arial
}

.fg {
	font-family: Georgia
}

.ft {
	font-family: Tahoma
}

.fl {
	font-family: Lucida Console
}

.fs {
	font-family: '宋体'
}

.fw {
	font-family: '微软雅黑'
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tl {
	text-align: left
}

.tdu {
	text-decoration: underline
}

.tdn, .tdn:hover, a.tdl:hover {
	text-decoration: none
}

.fc0 {
	color: #000
}

.fc3 {
	color: #333
}

.fc6 {
	color: #666
}

.fc9 {
	color: #999
}

.fcr {
	color: red
}

.fcw {
	color: #fff
}

.fcb {
	color: #00f
}

.fcg {
	color: green
}

.f0 {
	font-size: 0
}

.f10 {
	font-size: 10px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f20 {
	font-size: 20px
}

.f24 {
	font-size: 24px
}

.vm {
	vertical-align: middle
}

.vtb {
	vertical-align: text-bottom
}

.vt {
	vertical-align: top
}

.vn {
	vertical-align: -2px
}

.vimg {
	margin-bottom: -3px
}

.m0 {
	margin: 0
}

.ml0 {
	margin-left: 0
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.mr0 {
	margin-right: 0
}

.mr5 {
	margin-right: 5px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mb5 {
	margin-bottom: 5px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.ml-1 {
	margin-left: -1px
}

.mt-1 {
	margin-top: -1px
}

.p1 {
	padding: 1px
}

.pl5 {
	padding-left: 5px
}

.p5 {
	padding: 5px
}

.pt5 {
	padding-top: 5px
}

.pr5 {
	padding-right: 5px
}

.pb5 {
	padding-bottom: 5px
}

.p10 {
	padding: 10px
}

.pl10 {
	padding-left: 10px
}

.pt10 {
	padding-top: 10px
}

.pr10 {
	padding-right: 10px
}

.pb10 {
	padding-bottom: 10px
}

.p20 {
	padding: 20px
}

.pl20 {
	padding-left: 20px
}

.pt20 {
	padding-top: 20px
}

.pr20 {
	padding-right: 20px
}

.pb20 {
	padding-bottom: 20px
}

.pr, .rel {
	position: relative
}

.abs, .pa {
	position: absolute
}

.dn {
	display: none
}

.db {
	display: block
}

.dib {
	-moz-inline-stack: inline-block;
	display: inline-block
}

.di {
	display: inline
}

.ovh {
	overflow: hidden
}

.ovs {
	overflow: scroll
}

.vh {
	visibility: hidden
}

.vv {
	visibility: visible
}

.lh14 {
	line-height: 14px
}

.lh16 {
	line-height: 16px
}

.lh18 {
	line-height: 18px
}

.lh20 {
	line-height: 20px
}

.lh22 {
	line-height: 22px
}

.lh24 {
	line-height: 24px
}

.fix {
	*zoom: 1
}

.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.z {
	_zoom: 1
}

.h1 {
	height: 1px
}

.h5 {
	height: 5px
}

.h, .h10 {
	height: 10px
}

.h15 {
	height: 15px
}

.h20 {
	height: 20px
}

.h, .h1, .h10, .h15, .h20, .h5 {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	clear: both
}

body {
	font: 12px/1.5 "微软雅黑", "Microsoft Yahei";
	color: #444;
	background-color: #fff
}

a {
	text-decoration: none;
	color: #444
}

a:hover {
	color: #f60
}

img {
	max-width: 100%;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

input, select, textarea {
	font-size: 12px;
	color: #444;
	font-family: "微软雅黑", "Microsoft Yahei";
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

button, input[type=button], input[type=reset], input[type=submit], select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer
}

::-webkit-input-placeholder {
	color: #666
}

::-moz-placeholder {
	color: #666
}

::-ms-input-placeholder {
	color: #666
}

select::-ms-expand {
	display: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.ani {
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.wp {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.h50 {
	height: 50px;
	clear: both;
	overflow: hidden
}

.h100 {
	height: 100px;
	clear: both;
	overflow: hidden
}

* {
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
	font-family: arialna;
	src: url(../fonts/arialna.ttf)
}

.bd1 {
	background-color: #f8f8f8
}

.hd-top {
	height: 140px;
	background-color: #fff
}

.hd-top:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.header .logo {
	float: left;
	height: 140px;
	line-height: 140px;
	overflow: hidden;
}

.header .logo a {
	display: block
}

.header .logo img {
	display: inline-block;
	vertical-align: middle;
	height: 90px;
	margin-top: -2px
}

.hd-top .hdr {
	float: right
}

.hd-top .top {
	margin-top: 24px;
	margin-bottom: 5px
}

.hd-top .top:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.hd-top .lang {
	float: left;
	margin-right: 8px;
	margin-top: 11px;
	position: relative
}

.hd-top .lang .tit {
	display: block;
	width: 100px;
	font-size: 14px;
	color: #666;
	line-height: 40px;
	padding: 0 30px 0 11px;
	background: url(../images/icon7.png) 88% 50% no-repeat;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.hd-top .lang .tit i {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 15px;
	background: url(../images/icon5.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 5px
}

.hd-top .lang dl {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	z-index: 2;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(16, 16, 16, .12);
	-moz-box-shadow: 0 2px 4px rgba(16, 16, 16, .12);
	-ms-box-shadow: 0 2px 4px rgba(16, 16, 16, .12);
	-o-box-shadow: 0 2px 4px rgba(16, 16, 16, .12);
	box-shadow: 0 2px 4px rgba(16, 16, 16, .12);
	display: none
}

.hd-top .lang dd a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 40px;
	padding: 0 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.hd-top .lang dd a i {
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 15px;
	background: url(../images/icon6.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 5px
}

.hd-top .lang dd a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.hd-top .tel {
	float: left;
	overflow: hidden
}

.hd-top .tel i {
	display: block;
	float: right;
	width: 48px;
	height: 44px;
	background: url(../images/icon8.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-animation: shake 1s both infinite;
	-moz-animation: shake 1s both infinite;
	-ms-animation: shake 1s both infinite;
	-o-animation: shake 1s both infinite;
	animation: shake 1s both infinite;
}

.hd-top .tel .txt {
	text-align: right;
	overflow: hidden
}

.hd-top .tel .txt span {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1.3em;
	margin-bottom: -1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.hd-top .tel .txt h3 {
	font-size: 22px;
	color: #063a67;
	line-height: 1.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.hd-top .tel .txt h3 em {
	font-size: 14px;
	font-weight: 700
}

.so {
	float: right;
	width: 300px;
	height: 34px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #2158a3;
	padding-right: 42px;
	position: relative;
	overflow: hidden
}

.so:after {
	content: '';
	width: 1px;
	height: 18px;
	background-color: #2158a3;
	position: absolute;
	top: 50%;
	right: 42px;
	margin-top: -9px
}

.so .inp {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #333;
	padding: 0 16px;
	border: none;
	overflow: hidden
}

.so .sub {
	display: block;
	width: 42px;
	height: 32px;
	border: none;
	background: url(../images/icon9.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.so .sub:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	filter: alpha(Opacity=80);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.menuBtn {
	position: relative;
	z-index: 9;
	display: none;
	float: right;
	width: 40px;
	height: 40px;
	padding: 7px;
	cursor: pointer;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.menuBtn b {
	display: block;
	height: 3px;
	background-color: #004a84;
	margin: 3px 0 5px;
	border-radius: 2px;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.menuBtn.open b {
	display: none;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 50%;
	width: 30px
}

.menuBtn.open b:first-child {
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
	display: block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

.nav {
	background-color: #0d599b;
	position: relative
}

.nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 15;
}

.nav:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}




.nav .wp>ul {
	margin: 0 -37px;
	float: left;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.nav .wp>ul>li {
	float: left;
}

.nav .wp>ul>li .v1 {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 76px;
	padding: 0 37px;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.nav .wp>ul>li .v1:after {
	content: '';
	width: 1px;
	height: 40px;
	background: url(../images/bg1.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px
}

.nav .wp>ul>li:last-child .v1:after {
	display: none
}

.nav .wp>ul>li .v1:before {
	content: '';
	height: 3px;
	background-color: transparent;
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav .wp>ul>li.on .v1, .nav .wp>ul>li:hover .v1 {
	background-color: #fff;
	color: #0d599b
}

.nav .wp>ul>li.on .v1:before, .nav .wp>ul>li:hover .v1:before {
	background-color: #0d599b
}



.nav .logo {
	float: left;
	margin-left: -140px;
	margin-right: 15px;
	height: 76px;
	line-height: 76px;
	overflow: hidden;
	visibility: hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.nav.fixed .wp>ul {
	margin: 0;
}

.nav.fixed .wp>ul>li .v1 {
	padding: 0 30px;
}
.nav.fixed .logo{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	margin-left: 0;
}
.nav .logo img {
	height: 40px;
}
.nav.fixed .logo {
	visibility: visible;
}

.nav .so {
	display: none
}

.nav .down {
	position: absolute;
	top: 76px;
	left: 0;
	right: 0;
	z-index: 2;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .14);
	-moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .14);
	-ms-box-shadow: 0 2px 16px rgba(0, 0, 0, .14);
	-o-box-shadow: 0 2px 16px rgba(0, 0, 0, .14);
	box-shadow: 0 2px 16px rgba(0, 0, 0, .14);
	/*visibility: hidden;*/
	display: none;
}
/*.nav .down.on{
	visibility: visible;
	display: none;
}*/

.nav .down .close {
	/*display: block;*/
	display: none;
	width: 48px;
	height: 48px;
	background: url(../images/icon10.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 20px;
	right: 13%;
	z-index: 3;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav .down .close:hover {
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.nav .down .con {
	max-height: 480px;
	overflow-y: auto;
	padding: 20px 0
}

.nav .wp>ul .con>ul {
	float: left;
	width:295px;
	/*height: 100%;*/
	padding-right: 25px;
	margin-bottom: 20px;
	overflow: hidden
}

.nav .wp>ul .con>ul>li:first-child {
	overflow: hidden
}

.nav .wp>ul .con>ul>li:first-child .pic {
	width: 162px;
	height: 94px;
	overflow: hidden;
	margin-bottom: 10px
}

.nav .wp>ul .con>ul>li:first-child .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.nav .wp>ul .con>ul>li:first-child h3 {
	font-size: 18px;
	color: #0d599b;
	line-height: 1.38em;
	font-weight: 400;
	padding-bottom: 8px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.nav .wp>ul .con>ul>li:first-child h3 a{
	color: #0d599b;
}

.nav .wp>ul .con>ul>li:first-child h3:after {
	content: '';
	width: 100%;
	height: 1px;
	background: url(../images/bg2.png) left center repeat-x;
	position: absolute;
	left: 0;
	bottom: 0
}

.nav .wp>ul .con>ul>li:nth-child(2) {
	padding-top: 4px
}


.nav .wp>ul .con>ul>li:nth-child(2) a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 2em;
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.nav .wp>ul .con>ul>li:nth-child(2) .div-down>li:first-child>a{
	display: inline-block;
	font-size: 14px;
	color: #666;
	line-height: 2em;
	/*padding-left: 14px;
	background: url('../images/line-01.jpg') left 15px no-repeat;*/
}
.nav .wp>ul .con>ul>li:nth-child(2) .div-down-c{
	padding-left: 14px;
}

.nav .wp>ul .con>ul>li:nth-child(2) a:hover {
	color: #0d599b
}



#banner {
	height: 832px
}

#banner .slick-list, #banner .slick-slide, #banner .slick-slider, #banner .slick-track {
	height: 100%
}

#banner .slick-slide {
	outline: 0;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover
}

#banner .slick-next, #banner .slick-prev {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	overflow: hidden;
	width: 45px;
	height: 50px;
	font-size: 0;
	line-height: 0;
	z-index: 9;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: auto 50px;
	-ms-background-size: auto 50px;
	-moz-background-size: auto 50px;
	-webkit-background-size: auto 50px;
	background-size: auto 50px
}

#banner .slick-prev {
	left: 50%;
	margin-left: -645px;
	background-image: url(../images/arr-l.png)
}

#banner .slick-next {
	right: 50%;
	margin-right: -645px;
	background-image: url(../images/arr-r.png)
}

#banner .slick-dots {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
	z-index: 9
}

#banner .slick-dots li {
	display: inline-block;
	margin: 0 2px
}

#banner .slick-dots li a {
	display: block;
	width: 24px;
	height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: 999px;
	background-color: #fff;
	border-radius: 50%
}

#banner .slick-dots li.slick-active a {
	background-color: #000
}

.ban {
	height: 480px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden
}

.ul-imgtxt1 {
	margin-bottom: -100px;
	position: relative;
	z-index: 11;
}

.ul-imgtxt1:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.ul-imgtxt1 li {
	float: left;
	width: 33.33%
}

.ul-imgtxt1 .con {
	height: 150px;
	overflow: hidden;
	padding: 45px 30px 45px 68px
}

.ul-imgtxt1 li:last-child .con {
	padding-left: 24px
}

.ul-imgtxt1 i {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	margin-right: 20px
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.ul-imgtxt1 .txt {
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	line-height: 1.67em
}

.ul-imgtxt1 .txt span {
	display: block;
	font-size: 16px;
	line-height: 1.3em;
	padding-top: 5px;
	margin-bottom: 1px
}

.ul-imgtxt1 .txt h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ul-imgtxt1 .txt h3 a {
	display: block;
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ul-imgtxt1 .txt h3 a:hover {
	text-decoration: underline
}

.footer {
	position: relative;
	z-index: 10;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 154px 0 54px
}

.footer:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.fd-qr {
	float: right;
	width: 175px;
	background-color: #063a67;
	padding: 9px 0;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 7px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.fd-qr .pic {
	width: 158px;
	height: 158px;
	overflow: hidden;
	margin: 0 auto 9px
}

.fd-qr .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.fd-qr span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 1.63em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.fd-l {
	overflow: hidden
}

.fd-nav {
	overflow: hidden;
	margin-bottom: 51px
}

.fd-nav dl {
	overflow: hidden
}

.fd-nav dd {
	float: left;
	margin-right: 56px
}

.fd-nav dd a {
	display: block;
	font-size: 22px;
	color: #fff;
	line-height: 1.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-nav dd a:hover {
	text-decoration: underline
}

.fd-addr {
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	line-height: 1.8em;
	margin-bottom: 28px
}

.fd-addr p a {
	color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-addr p a:hover {
	text-decoration: underline
}

.fd-copy {
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	line-height: 1.8em
}

.fd-copy span {
	margin-left: 50px
}

.fd-copy span a {
	color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.fd-copy span a:hover {
	text-decoration: underline
}

.banner .item {
	height: 690px;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.banner .txt {
	position: absolute;
	top: 28.2%;
	left: 20%
}

.banner .txt h3 {
	font-size: 86px;
	color: #063a67;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-weight: 600
}

.banner .txt p {
	font-size: 20px;
	color: #565656;
	line-height: 1.6em;
	margin-bottom: 33px
}

.banner .txt .more {
	width: 162px;
	height: 46px;
	line-height: 46px;
	display: block;
	font-size: 24px;
	color: #fff;
	background: url(../images/gt-sy.png) center right no-repeat #ec6600;
	padding-left: 13px;
	background-position-x: 117px
}

.banner .slick-dots {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center
}

.banner .slick-dots li {
	display: inline-block;
	margin: 0 10px
}

.banner .slick-dots li button {
	border: 2px solid #073b65;
	display: block;
	width: 18px;
	height: 18px;
	background-color: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: 999px;
	padding: 0;
	border-radius: 50%
}

.banner .slick-dots li.slick-active button {
	background-color: #ec6600
}

.ul-list3 {
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 73px;
	padding-bottom: 71px
}

.ul-list3 h4 {
	font-size: 24px;
	color: #0d599b;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.ul-list3 h4::before {
	content: '';
	position: absolute;
	top: 40px;
	left: 50%;
	width: 76px;
	height: 2px;
	background-color: #0d599b;
	transform: translateX(-50%);
}

.ul-list3 .swiper-slide {
	background: url(../images/sy-line.png) center bottom no-repeat;
	background-position-y: 435px;
	position: relative;
	padding-top: 60px
}

.ul-list3 .swiper-slide .txt {
	background: url(../images/ty-sy.png) top center no-repeat;
	height: 450px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 22px;
	cursor: pointer
}
.ul-list3 .swiper-slide.on .txt{
	background: url(../images/ty-sy3.png) top center no-repeat;
}
.ul-list3 .swiper-slide.on p{
	color: #fff;
}
.ul-list3 .swiper-slide p {
	position: absolute;
	width: 240px;
	display: inline-block;
	top: 16%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 16px;
	color: #666
}

.ul-list3 .swp {
	background: url(../images/sy-lic.png) bottom left no-repeat;
	background-position-y: 400px;
	max-width: 1795px;
	margin: 0 auto
}

.ul-list3 .swiper-slide em {
	position: absolute;
	width: 6px;
	height: 6px;
	border: 7px solid #999;
	border-radius: 50%;
	bottom: 54px;
	left: 50%;
	display: block;
	background-color: #fff;
	margin-left: -9.5px;
	box-sizing: content-box;
	-moz-box-sizing: content-box
}

.ul-list3 .swiper-slide span {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #666;
	padding-top: 14px
}

.ul-list3 .swiper-container .swiper-slide-active .txt {
	background: url(../images/ty-sy2.png) top center no-repeat;
	-webkit-transform: translateY(-59px);
	-moz-transform: translateY(-59px);
	-o-transform: translateY(-59px);
	-ms-transform: translateY(-59px);
	transform: translateY(-59px)
}

.ul-list3 .swiper-container .swiper-slide-active p {
	color: #fff
}

.ul-list3 .swiper-slide-active.swiper-slide {
	background: url(../images/sy-line2.jpg) center bottom no-repeat;
	background-position-y: 382px
}

.ul-list3 .swiper-slide-active.swiper-slide em {
	border: 7px solid #0d599b
}

.ul-list3 .swiper-slide-active.swiper-slide span {
	color: #0d599b
}

.wp-sy {
	max-width: 1480px;
	margin: 0 auto;
	overflow: hidden
}

.sy-t1 {
	margin-bottom: 35px
}

.sy-t1 .g-tit-ls h3 {
	color: #0d599b;
	font-weight: 400;
	font-size: 32px
}

.sy-t1 .g-tit-ls span {
	font-size: 20px;
	color: #666;
	font-family: "Times New Roman"
}

.sy-t1 .g-tit-ls {
	padding-right: 133px
}

.row-a1 {
	overflow: hidden;
	padding: 0 30px
}

.ul-list1 {
	margin: 56px -3px 102px;
	overflow: hidden;
	padding-top: 6px
}

.ul-list1 li {
	float: left;
	width: 33.33%;
	padding: 0 3px;
	margin-bottom: 8px
}

.ul-list1 .pic {
	padding-top: 67.8%;
	position: relative;
	height: 0;
	overflow: hidden
}

.ul-list1 .con a {
	display: block;
}

.ul-list1 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.ul-list1 .pic a:hover img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.ul-list1 .con {
	position: relative;
	display: block;
	overflow: hidden;
	transition: .6s;
	top: 0
}

.ul-list1 .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	background: url(../images/icon-1-j.png) 95% center no-repeat;
	padding-left: 30px;
	line-height: 48px;
	color: #fff;
	background-color: rgba(0, 0, 0, .4);
	transition: .3s;
	font-size: 28px
}

.ul-list1 li .box:hover .info {
	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.ul-list1 .info-2 {
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	top: 100%;
	background: url(../images/icon-2-j.png) center 62% no-repeat;
	background-color: rgba(0, 0, 0, .5);
	transition: .5s
}

.ul-list1 li .box:hover .info-2 {
	top: 0
}

.ul-list1 .info-2 .desc {
	position: absolute;
	top: 40%;
	left: 84px;
	right: 84px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ul-list1 .info-2 .desc p {
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	color: #fff
}

.row-a1 .m-tit-td h3 {
	font-size: 36px;
	color: #333;
	line-height: 1.4em;
	font-weight: 700
}

.row-a1 .g-tit-ls {
	padding-right: 110px
}

.row-a1 .g-tit-ls span {
	margin-right: 0
}

.row-a1 .m-tit-td {
	margin: 100px 0 0
}

.row-a1 .m-tit-td span {
	color: #999
}

.m-imgtxt1 {
	overflow: hidden;
	background: url(../images/imgtxt1-bg-ls.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 110px 0 500px
}

.m-imgtxt1 .imgtxtl {
	float: left;
	width: 42%
}

.m-imgtxt1 .imgtxtl .pic {
	overflow: hidden;
}

.m-imgtxt1 .imgtxtl a {
	display: block;
}

.m-imgtxt1 .imgtxtl img {
	display: block;
	width: 100%;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.m-imgtxt1 .imgtxtl a:hover img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.m-imgtxt1 .imgtxtr {
	float: right;
	width: 58%;
	padding-left: 50px
}

.g-tit {
	text-align: center
}

.g-tit-ls {
	padding-right: 140px;
	display: inline-block;
	background: url(../images/tit-bg-ls.png) right bottom 5px no-repeat;
	-webkit-background-size: 130px auto;
	background-size: 130px auto
}

.g-tit-ls h3 {
	font-size: 36px;
	color: #333;
	line-height: 1.4em
}

.g-tit-ls span {
	display: block;
	text-transform: uppercase;
	font-size: 22px;
	color: #999;
	text-align: right;
	line-height: 1.2em;
	margin-right: -35px;
	font-family: "Times New Roman"
}

.m-imgtxt1 .box {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto
}

.m-imgtxt1 .imgtxtr .g-tit {
	text-align: left
}

.m-imgtxt1 .imgtxtr .pic {
	margin: 35px 0 28px -110px;
	position: relative;
	width: 793px;
	border: 12px solid #fff;
	-webkit-box-sizing: inline;
	-moz-box-sizing: inline;
	-o-box-sizing: inline;
	box-sizing: inline;
	overflow: hidden;
}

.m-imgtxt1 .imgtxtr .pic a {
	display: block;
}

.m-imgtxt1 .imgtxtr .pic img {
	display: block;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.m-imgtxt1 .imgtxtr .pic a:hover img {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.m-imgtxt1 .imgtxtr .pic .data {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 0;
	right: 0;
	background-color: #123b60;
	text-align: center;
	color: #fff
}

.m-imgtxt1 .imgtxtr .pic .day {
	font-size: 54px;
	line-height: 1.1em
}

.m-imgtxt1 .imgtxtr .pic .year {
	font-size: 16px;
	line-height: 1.1em
}

.m-imgtxt1 .imgtxtr .txt {
	font-size: 16px;
	color: #666;
	line-height: 1.88em
}

.m-imgtxt1 .imgtxtr .txt h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 14px
}

.m-imgtxt1 .imgtxtr .txt h3 a {
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.m-imgtxt1 .imgtxtr .txt h3:hover a {
	color: #063a67
}

.m-imgtxt1 .imgtxtr .txt p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 31px
}

.g-more-ls {
	display: block;
	width: 204px;
	height: 55px;
	background: url(../images/more1-ls.png) center no-repeat #063a67;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.g-more-ls:hover {
	background-color: rgba(6, 58, 103, .8)
}

.m-Txt2 {
	background: url(../images/txt2-ls.png) top center no-repeat;
	margin: -432px 0 137px;
	padding: 485px 0 57px;
	text-align: center
}

.m-Txt2 .stit, .m-Txt2 .tit {
	font-size: 36px;
	color: #fff;
	line-height: 1.35em;
	font-weight: 400
}

.m-Txt2 .stit {
	display: block;
	margin-bottom: 33px
}

.m-Txt2 .desc {
	font-size: 16px;
	line-height: 1.88em;
	color: #fff;
	width: 705px;
	margin: 0 auto 45px
}

.g-more1-ls {
	background: url(../images/more01-ls.png) center no-repeat #fff
}

.g-more1-ls:hover {
	background-color: rgba(255, 255, 255, .8)
}

.m-Txt2 .g-more-ls {
	margin: 0 auto
}

.ul-list2 {
	background-color: #fff;
	padding: 20px 30px
}

.ul-list2 li .con {
	display: block;
	padding: 30px 0;
	border-bottom: 1px dashed #dbdbdb;
	overflow: hidden
}

.ul-list2 .pic {
	float: right;
	width: 400px;
	overflow: hidden
}

.ul-list2 .pic img {
	display: block;
	width: 100%;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s
}

.ul-list2 .txt {
	font-size: 16px;
	color: #666;
	overflow: hidden;
	padding: 43px 30px 0 0;
	line-height: 1.81em
}

.ul-list2 .txt h3 {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 400;
	margin-bottom: 20px;
	color: #333;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ul-list2 .txt p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.ul-list2 .txt .more {
	display: inline-block;
	margin-top: 50px;
	text-transform: uppercase;
	font-size: 16px;
	color: #666;
	background: url(../images/ul-list-ls7.png) center right no-repeat;
	padding-right: 45px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s
}

.ul-list2 .con:hover .pic img {
	transform: scale(1.08, 1.08)
}

.ul-list2 .con:hover h3 {
	color: #0d599b
}

.ul-list2 .con:hover .more {
	color: #0d599b;
	background-image: url(../images/ul-list-ls07.png)
}

.ul-list2 li:nth-child(even) .pic {
	float: left
}

.ul-list2 li:nth-child(even) .txt {
	padding: 43px 0 0 30px
}

.m-txt2 {
	margin-top: 43px
}

.hlb-t1 {
	margin-bottom: 28px
}

.m-txt2 .txt {
	margin-top: 28px;
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.m-imgTxt2 {
	margin-top: 24px;
	margin-bottom: 145px
}

.m-imgTxt2 .pic {
	float: right;
	position: relative
}

.m-imgTxt2 .txt {
	position: absolute;
	width: 478px;
	height: 305px;
	background-color: #fff;
	margin-top: 123px;
	box-shadow: 0 5px 15px #eee;
	margin-bottom: 80px
}

.m-imgTxt2 .txt .text {
	padding: 30px 40px
}

.m-imgTxt2 .txt h4 {
	font-size: 24px;
	color: #0d599b;
	position: relative
}

.m-imgTxt2 .txt h4:before {
	content: '';
	position: absolute;
	top: 40px;
	left: 0;
	width: 76px;
	height: 2px;
	background-color: #0d599b
}

.m-imgTxt2 .txt p {
	margin-top: 29px;
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.m-txt3 {
	margin-top: 52px;
	margin-bottom: 80px
}

.m-txt3 .txt {
	margin-top: 39px;
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.ul-txt1-2 li {
	width: 16.66% !important
}

.m-txt4 {
	margin-top: 52px;
	margin-bottom: 80px
}

.m-txt4 .txt {
	margin-top: 39px;
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.m-txt5 {
	margin-top: 52px;
	margin-bottom: 80px
}

.m-txt5 .txt {
	margin-top: 39px;
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.article1 {
	margin-top: 42px
}

.article1 h1 {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-bottom: 22px;
	font-weight: 400
}

.article1 .info {
	font-size: 16px;
	color: #666;
	padding-left: 13%;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 24px;
	margin-bottom: 22px
}

.article1 .info span {
	margin-right: 50px
}

.article1 .info .bdsharebuttonbox {
	margin-right: 0;
	position: absolute
}

.bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
	padding-left: 30px !important;
	float: right !important
}

.article1 .txt {
	font-size: 16px;
	color: #666;
	line-height: 29px;
	padding-bottom: 36px;
	border-bottom: 1px solid #ccc
}

.article1 .txt h4 {
	margin-top: 26px;
	font-size: 18px;
	color: #0d599b;
	padding-left: 20px;
	font-weight: 400;
	position: relative
}

.article1 .txt h4:before {
	content: "";
	position: absolute;
	width: 9px;
	height: 8px;
	border-radius: 50%;
	top: 10px;
	left: 0;
	background-color: #0d599b
}

.article1 .arrows {
	margin-top: 23px;
	font-size: 16px;
	color: #333;
	margin-left: 50%;
	line-height: 55px;
	margin-bottom: 40px;
	width: auto
}

.article1 .arrows .prev {
	background: url(../images/xin-icon-h.png) left center no-repeat;
	padding-left: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article1 .arrows .next {
	background: url(../images/xin-icon1-h.png) left center no-repeat;
	padding-left: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article1 .arrows .back a:hover, .article1 .arrows .next a:hover, .article1 .arrows .next:hover, .article1 .arrows .prev:hover {
	color: #0d599b;
	transition: .3s
}

.article1 .arrows .back {
	background: url(../images/xin-icon2-h.png) left center no-repeat;
	padding-left: 25px
}

.article {
	margin-top: 43px;
	padding: 0 30px
}

.article h1 {
	font-size: 24px;
	color: #0d599b;
	text-align: center;
	font-weight: 400;
	margin-bottom: 26px
}

.article .txt {
	font-size: 16px;
	color: #666;
	line-height: 27px;
	padding-bottom: 36px;
	border-bottom: 1px solid #ccc
}

.article .txt h4 {
	font-size: 18px;
	color: #0d599b;
	font-weight: 400;
	margin-top: 29px
}

.article .arrows {
	margin-top: 31px;
	font-size: 18px;
	color: #333;
	margin-left: 48%;
	line-height: 55px;
	margin-bottom: 44px;
	width: auto
}

.article .arrows .prev {
	background: url(../images/xin-icon-h.png) left center no-repeat;
	padding-left: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article .arrows .next {
	background: url(../images/xin-icon1-h.png) left center no-repeat;
	padding-left: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article .arrows .back a:hover, .article .arrows .next a:hover, .article .arrows .next:hover, .article .arrows .prev:hover {
	color: #0d599b;
	transition: .3s
}

.article .arrows .back {
	background: url(../images/xin-icon2-h.png) left center no-repeat;
	padding-left: 25px
}

.m-joinUs {
	padding: 63px 0 48px;
	background: url(../images/z-p1.png) right bottom no-repeat #f7f7f7;
	text-align: center
}

.m-joinUs dt {
	text-align: left;
	line-height: 42px;
	padding: 0 20px;
	margin-bottom: 20px;
	background: url(../images/z-i1.png) 98% center no-repeat #ededed;
	font-size: 20px;
	color: #0d599b;
	cursor: pointer
}

.m-joinUs dt.on {
	background-image: url(../images/z-i2.png);
	background-color: #0d599b;
	color: #fff
}

.m-joinUs dl:first-child dd {
	display: block
}

.m-joinUs dd {
	overflow: hidden;
	padding: 2px 0 6px;
	display: none
}

.m-joinUs .txt {
	width: 72%;
	margin-bottom: 27px;
	text-align: left
}

.m-joinUs .txt h4 {
	line-height: 1.8;
	font-size: 16px;
	color: #0d599b;
	font-weight: 400
}

.m-joinUs .txt p {
	line-height: 1.8;
	font-size: 16px;
	color: #666
}

.ul-list5 {
	overflow: hidden;
	padding: 36px 0 76px;
	margin: 0 -12.5px
}

.ul-list5 li {
	float: left;
	padding: 0 12.5px;
	margin-bottom: 24px;
	width: 20%
}

.ul-list5 li a {
	display: block;
	line-height: 92px;
	border: 1px solid #e6e6e6;
	text-align: center;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.ul-list5 li a img {
	display: inline-block;
	vertical-align: middle
}

.ul-list5 li a:hover {
	border-color: transparent;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
	box-shadow: 0 0 12px rgba(0, 0, 0, .2)
}

.m-case-zs {
	padding-top: 73px;
	text-align: center
}

.m-case-zs p,.m-tit-td .p-txt {
	line-height: 1.8;
	font-size: 16px;
	color: #666;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase
}
.m-tit-td .p-txt{
	margin-top: 15px;
}

.ul-list4 {
	margin: 60px 0 70px;
	background-color: #f7f7f7
}

.ul-list4 li {
	float: left;
	padding: 17px 0 20px;
	width: 25%;
	text-align: center;
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	position: relative;
	top: 0
}

.ul-list4 li a {
	display: block
}

.ul-list4 li .pic {
	margin-bottom: 19px;
	line-height: 162px
}

.ul-list4 li .pic img {
	max-height: 159px;
	max-width: 159px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.ul-list4 li p {
	font-size: 20px;
	color: #666;
	line-height: 20px;
	text-align: center
}

.ul-list4 li:nth-child(2n) {
	background-color: #ededed
}

.ul-list4 li:hover {
	/*top: -10px;*/
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 -5px 12px rgba(0, 0, 0, .2)
}
.ul-list4 li:hover .pic img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05); 
}

.g-tit-zs {
	font-family: "Times New Roman";
	margin-bottom: 27px;
	padding-right: 130px;
	text-align: center
}

.g-tit-zs h3 {
	font-size: 32px;
	color: #0d599b;
	font-weight: 400
}

.g-tit-zs span {
	margin-right: -20px;
	font-size: 20px;
	color: #666
}

.m-joinUs .g-tit-zs {
	margin-bottom: 35px
}

.m-cooperation {
	overflow: hidden;
	padding-top: 62px;
	text-align: center
}

.m-cooperation .g-tit-zs {
	margin-bottom: 0
}

.ul-txt1-1 li {
	width: 25% !important
}

.ul-list6 {
	background-color: #fff;
	padding-top: 50px;
	margin-bottom: 50px
}

.ul-list6 li {
	list-style: none;
	padding: 30px 30px 0;
	overflow: hidden
}

.ul-list6 li:hover {
	background-color: #f2f2f2
}

.ul-list6 li .con {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 29px
}

.ul-list6 li:hover .con {
	border-bottom: 1px solid transparent
}

.ul-list6 li:last-child .con {
	border: none
}

.ul-list6 li .pic {
	width: 274px;
	height: 176px;
	float: left;
	position: relative;
	margin-right: 30px;
	overflow: hidden
}

.ul-list6 li .pic img {
	width: 100%;
	height: 100%;
	display: block;
	transition: .5s
}

.ul-list6 li:hover .pic img {
	transform: scale(1.12, 1.12)
}

.ul-list6 li .pic span {
	display: block;
	width: 70px;
	height: 70px;
	font-size: 48px;
	line-height: 50px;
	background-color: #3d7aaf;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0
}

.ul-list6 li:hover .pic span {
	background-color: #104a7f
}

.ul-list6 li .pic span i {
	display: block;
	font-size: 14px;
	margin-top: -18px;
	font-style: normal
}

.ul-list6 li .txt {
	overflow: hidden
}

.ul-list6 li .txt h3 {
	font-size: 20px;
	color: #333;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.ul-list6 li .txt p {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	height: 54px;
	overflow: hidden;
	margin-bottom: 35px
}

.ul-list6 li .moer {
	background-image: url(../images/ul-list6-i2.png);
	background-repeat: no-repeat;
	height: 50px;
	display: block;
	transition: .5s
}

.ul-list6 li:hover .moer {
	background-image: url(../images/ul-list6-i1.png)
}

.pages-yc {
	margin-top: -30px
}

.subnav .on .v1-yc {
	background-image: url(../images/icon3-1-yc.png) !important
}

.g-tit .g-tit-yc h3 {
	font-size: 32px;
	font-weight: 400;
	color: #0d599b;
	margin-top: 53px;
	text-align: right
}

.ul-list8 {
	margin: 50px 0 80px
}

.ul-list8 li {
	background-color: #fff;
	padding: 35px 60px 38px;
	margin-bottom: 30px
}

.ul-list8 li h3 {
	position: relative;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 12px;
	padding-right: 40px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/*background-image: url(../images/ul-list8-i1.png);*/
	/*background-repeat: no-repeat;
	background-position: center right;*/
	transition: .5s
}

.ul-list8 li:hover h3 {
	/*background-image: url(../images/ul-list8i2.png);*/
	cursor: pointer
}

.ul-list8 li h3 a {
	color: #333
}

.ul-list8 li h3 a.a-down{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 24px;
	height: 22px;
	background: url('../images/ul-list8-i1.png') center center no-repeat;
}
.ul-list8 li:hover h3 a.a-down{
	background-image: url(../images/ul-list8i2.png);
}

.ul-list8 li:hover h3 a {
	color: #0d599b
}

.ul-list8 li span {
	color: #666;
	font-size: 16px;
	display: block;
	margin-bottom: 23px
}

.ul-list8 li span i {
	font-style: normal;
	margin-left: 20px;
	background-image: url(../images/ul-list8-i3.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px
}

.ul-list8 li .moer {
	background-image: url(../images/ul-list6-i2.png);
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	height: 50px;
	transition: .5s
}

.ul-list8 li:hover .moer {
	background-image: url(../images/ul-list6-i1.png)
}

.m-imgtxt-mg {
	overflow: hidden;
	margin-top: 58px
}

.m-address {
	float: left;
	margin: 2px 94px 0 0;
	padding: 60px 30px 16px;
	background-color: #f2f2f2
}

.m-address h3 {
	margin-bottom: 56px;
	font-size: 24px;
	color: #0d599b;
	line-height: 1.5
}

.ul-list-mg {
	overflow: hidden
}

.ul-list-mg li {
	margin-bottom: 51px
}

.ul-list-mg li .icon {
	margin-right: 12px;
	float: left;
	width: 58px;
	height: 55px
}

.ul-list-mg li .ico1 {
	background-image: url(../images/icon1-mg.png);
	background-repeat: no-repeat;
	background-position: 0 8px
}

.ul-list-mg li .ico2 {
	background-image: url(../images/icon2-mg.png);
	background-repeat: no-repeat;
	background-position: 0 10px
}

.ul-list-mg li .ico3 {
	background-image: url(../images/icon3-mg.png);
	background-repeat: no-repeat;
	background-position: 0 8px
}

.ul-list-mg li .txt {
	overflow: hidden;
	padding-top: 4px
}

.ul-list-mg .txt span {
	display: block;
	font-size: 16px;
	color: #999;
	line-height: 1.5
}

.ul-list-mg .txt p {
	font-size: 18px;
	color: #666;
	line-height: 1.7
}

.ul-list-mg .txt .p1 {
	font-size: 26px;
	color: #666;
	line-height: 1.2
}

.ul-list-mg .txt .p2 {
	font-size: 18px
}

.ul-list-mg .txt .p3 {
	font-size: 20px;
	line-height: 1.5
}

.m-form1 {
	overflow: hidden
}

.m-form1 .tit {
	position: relative;
	margin-bottom: 44px
}

.m-form1 .tit:before {
	content: '';
	position: absolute;
	left: 150px;
	top: 0;
	width: 130px;
	height: 57px;
	background-image: url(../images/icon4-mg.png);
	background-repeat: no-repeat;
	background-position: left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.m-form1 .tit h3 {
	margin-left: 15px;
	font-size: 32px;
	color: #0d599b;
	line-height: 1.2;
	font-weight: 400
}

.m-form1 .tit span {
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	font-family: "Times New Roman"
}

.m-form1 input {
	padding-left: 24px;
	width: 46%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #999;
	border: 1px solid #e6e6e6
}

.m-form1 .inp1 {
	float: left
}

.m-form1 .inp2 {
	float: right
}

.m-form1 input::-webkit-inner-spin-button, .m-form1 input::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0
}

.m-form1 textarea {
	padding: 16px 24px;
	margin: 30px 0 36px;
	width: 100%;
	height: 220px;
	font-size: 16px;
	color: #999;
	line-height: 1.5;
	resize: none;
	border: 1px solid #e6e6e6
}

.m-form1 button {
	width: 160px;
	height: 48px;
	line-height: 48px;
	background-color: #0d599b;
	border: none;
	font-size: 16px;
	color: #fff
}

.maps {
	margin-top: 60px;
	margin-bottom: -52px
}

#map {
	height: 680px
}

#map img {
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s
}

.anchorBL {
	display: none
}

.m-tit-td {
	text-align: center;
	margin: 53px 0 46px
}

.m-tit-td h3 {
	color: #0d599b;
	font-weight: 400;
	font-size: 32px
}

.m-tit-td span {
	font-size: 20px;
	color: #666;
	text-transform: uppercase;
	font-family: "Times New Roman"
}

.ul-list7 {
	overflow: hidden;
	margin: 0 -13.5px 50px
}

.ul-list7 li {
	float: left;
	width: 25%;
	padding: 0 13.5px;
	box-sizing: border-box;
	margin-bottom: 30px
}

.ul-list7 .con {
	display: block;
	background-color: #fff;
	padding: 9px 10px 5px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0
}

.ul-list7 .pic {
	position: relative;
	top: 0;
	height: 0;
	padding-top: 69.8%;
	overflow: hidden
}

.ul-list7 .pic img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	transition: .5s
}
.ul-list7 .txt{
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
}

.ul-list7 .con:hover img {
	transform: scale(1.06)
}

.ul-list7 .con:hover {
	box-shadow: 0 10px 30px #dfdfdf
}

/*!公用*/
.pages {
	text-align: center;
	font-size: 0;
	margin-bottom: 80px;
	overflow: hidden
}

.pages ul {
	display: inline-block;
	vertical-align: middle
}

.pages li {
	float: left;
	margin: 0 10px
}

.pages li a {
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 4px;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.pages li.pages-next a, .pages li.pages-prev a {
	width: 120px;
	background-color: #e6e6e6
}

.pages li.on a, .pages li:hover a {
	background-color: #0d599b;
	color: #fff
}

.row-box:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.row-box .col-slide {
	float: left;
	width: 240px;
	margin-right: 40px
}

.row-box .col-slide.fixed {
	position: fixed;
	top: 180px;
	z-index: 8;
}

.row-box .col-slide:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.row-box .col-content {
	background-color: #fff;
	margin-left: 280px;
}

.row-box .col-slide.fixed .m-contact {
	display: none;
}

.subnav {
	margin-bottom: 30px;
	margin-top: -60px
}

.subnav:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.subnav .tit {
	background-color: #0d599b;
	border-radius: 16px 16px 0 0;
	overflow: hidden
}

.subnav .tit h3 {
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 60px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.subnav .tit h3 i {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-right: 8px
}

.subnav ul {
	overflow: hidden;
	background-color: #fff;
	padding-top: 1px
}

.subnav li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6
}

.subnav li:last-child {
	border-bottom: none
}

.subnav li .v1 {
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 46px;
	padding: 0 30px 0 20px;
	background: url(../images/icon3.png) 93% 50% no-repeat #fff;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.subnav li .v1 a{
	display: block;
	color: #333;
}

.subnav li.on .v1, .subnav li:hover .v1 {
	background-color: #0d599b;
	color: #fff;
	background-image: url(../images/icon3-1.png)
}
.subnav li.on .v1 a, .subnav li:hover .v1 a{
	color: #fff;
}

.subnav .down {
	overflow: hidden;
	padding: 3px 22px 7px;
	display: none
}

.subnav .down dl {
	overflow: hidden;
	margin-bottom: 5px
}

.subnav .down dd a {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 1.88em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.subnav .down dd.ok a, .subnav .down dd:hover a {
	color: #0d599b
}

.subnav .down .js-show {
	display: block;
	font-size: 16px;
	color: #999;
	line-height: 1.75em;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.subnav .down .js-show:hover {
	color: #0d599b
}

.subnav .down .js-show i {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: url(../images/icon4.png) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: -2px;
	margin-left: 8px
}

.subnav .down .js-show:hover i {
	background-image: url(../images/icon4-1.png)
}

.m-contact {
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 20px
}

.m-contact .top {
	overflow: hidden;
	background-color: #0d599b;
	padding: 14px 20px
}

.m-contact .top .pic {
	float: left;
	width: 62px;
	height: 62px;
	overflow: hidden;
	margin-right: 16px
}

.m-contact .top .pic img {
	display: block;
	width: 100%;
	height: 100%
}

.m-contact .top h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
	line-height: 1.3em;
	padding-top: 2px;
	overflow: hidden
}

.m-contact .top h3 em {
	display: block;
	font-size: 18px;
	line-height: 1.5em;
	font-family: arialna;
	text-transform: uppercase;
	margin-top: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.m-contact .txt {
	overflow: hidden;
	font-size: 16px;
	color: #666;
	line-height: 1.75em;
	padding: 11px 21px 17px 10px
}

.m-contact .txt p a {
	color: #666;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.m-contact .txt p a:hover {
	text-decoration: underline
}

.ul-txt1 {
	margin: -60px -1px 0
}

.ul-txt1:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0
}

.ul-txt1 li {
	float: left;
	width: 16.66%;
	padding: 0 1px;
	position: relative
}

.ul-txt1 li .v1 {
	display: block;
	font-size: 24px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt1 li.on .v1, .ul-txt1 li:hover .v1 {
	background-color: #0d599b
}

.ul-txt1 dl {
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 60px;
	background-color: rgba(13, 89, 155, .5);
	overflow: hidden;
	display: none
}

.ul-txt1 dd a {
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	padding: 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.ul-txt1 dd a:hover {
	background-color: #0d599b
}

.m-txt6 {
	border-bottom: 1px #e9e9e9 solid;
	background-color: #fff;
	text-align: center;
}

.m-txt6:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	width: 100%;
	height: 0;
}

.m-txt6 li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 18px;
	position: relative;
}

.m-txt6 li:after {
	content: '';
	width: 1px;
	height: 24px;
	background-color: #e9e9e9;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
}

.m-txt6 li:last-child:after {
	display: none;
}

.m-txt6 li a {
	display: block;
	padding: 0 20px 1px;
	font-size: 20px;
	color: #666;
	line-height: 75px;
	position: relative;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.m-txt6 li a:after {
	content: '';
	height: 3px;
	background-color: #0d599b;
	position: absolute;
	left: 0;
	bottom: -1px;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.m-txt6 li:hover a, .m-txt6 li.on a {
	color: #0d599b;
}

.m-txt6 li:hover a:after, .m-txt6 li.on a:after {
	opacity: 1;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}


.model-main{
	font-size: 16px;
	line-height: 28px;
	color: #666;
	padding-top: 45px;
	padding-bottom: 75px;
}
.model-anchor{
	position: absolute;
	margin-top: -126px;
}
.model-main .span-title{
	font-size: 24px;
	color: #0d599b;
	line-height: 34px;
	margin-bottom: 27px;
}

.model-div .span-s{
	margin-bottom: 16px;
}
.model-div .span-01{
	margin-bottom: 8px;
}
.model-div .span-01:last-child{
	margin-bottom: 0;
}
.model-div .span-01 a{
	color: #0d599b;
}

.model-div{
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px dashed #dbdbdb;
}
.model-div:first-child{
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}
.model-div b.b1{
	font-size: 16px;
	color: #333;
	margin-top: 27px;
	margin-bottom: 2px;
}
.model-div .span-blue{
	color: #0d599b;
}

.m-form1 input::-webkit-input-placeholder { color: #999; }
.m-form1 input:-moz-placeholder { color: #999; opacity: 1; }
.m-form1 input::-moz-placeholder { color: #999; opacity: 1; }
.m-form1 input:-ms-input-placeholder { color: #999; }

@media only screen and (max-width:1500px) {
	.wp-sy {
		width: 98%
	}

}

@media only screen and (max-width:1400px) {
	.banner .item {
		height: 650px
	}

	.banner .txt h3 {
		font-size: 68px
	}

	.banner .txt .more {
		width: 140px;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
		color: #fff;
		background-position-x: 107px;
		background-size: 23px
	}

	.ul-list3 .swp {
		background-size: 1260px;
		background-position-y: 441px;
		background-position-x: 21px
	}

	.ul-list3 {
		padding-top: 50px;
		padding-bottom: 42px
	}

	.m-imgtxt1 .box {
		max-width: 1200px;
		width: 100%
	}

	.m-imgtxt1 .imgtxtr .pic {
		width: auto
	}

	.row-a1 {
		padding: 0 15px
	}

	.ul-list1 {
		margin: 54px 0 102px
	}

	.ul-list1 .info {
		font-size: 22px;
		background-size: 60px 27px;
		height: 42px;
		line-height: 42px
	}

	.ul-list1 .info-2 .desc {
		left: 60px;
		right: 60px
	}

	.ul-list1 .info-2 {
		background-size: 85px 28px
	}

	.nav .down .close {
		right: 20px
	}

	body {
		overflow-x: hidden
	}

	.m-tit-td {
		margin: 30px 0
	}

	.ul-list7 {
		margin: 0 0 20px
	}

}

@media only screen and (min-width:1200px) {
	.nav .span-down{
		display: none !important;
	}
	.nav .wp>ul>ul>li:nth-child(2){
		display: block !important;
	}

	.nav .wp>ul>li:nth-child(2) ul,.nav .wp>ul>li:nth-child(4) ul,.nav .wp>ul>li:nth-child(6) ul{
		width: 235px;
	}
	
	.nav .wp>ul>li:last-child{
		position: relative;
	}
	.nav .wp>ul>li:last-child .down .close{
		display: none;
	}
	.nav .wp>ul>li:last-child ul{
		float: none;
		width: 100%;
		padding-right: 0;
		text-align: center;
		margin-bottom: 0;
	}
	.nav .wp>ul>li:last-child .down .con{
		padding: 0;
	}
	.nav .wp>ul>li:last-child li:first-child h3{
		padding-bottom: 0;
	}
	.nav .wp>ul>li:last-child li:first-child h3:after{
		bottom: auto;
		top: 0;
	}
	.nav .wp>ul>li:last-child li:first-child h3 a{
		display: block;
		line-height: 56px;
		color: #333;
	}
	.nav .wp>ul>li:last-child li:first-child h3 a:hover{
		color: #0d599b;
	}



	.ul-imgtxt1 li:hover i{
		transform: translateY(-5px);
	}
	.fd-qr:hover{
		transform: translateX(-5px);
	}
}
@media only screen and (max-width:1199px) {
	.m-imgtxt1 .box, .wp {
		width: 98%
	}

	body {
		padding-top: 70px
	}

	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 16;
		height: 70px;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		-o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		box-shadow: 0 0 10px rgba(0, 0, 0, .2)
	}

	.hd-top {
		height: auto
	}

	.hd-top .hdr {
		display: none
	}

	.header .logo {
		height: 70px;
		line-height: 70px
	}

	.header .logo img {
		height: 50px
	}

	.menuBtn {
		display: block;
		margin-top: 15px
	}

	.nav .logo{
		display: none;
	}

	.nav {
		position: fixed;
		top: 70px;
		left: 0;
		bottom: 0;
		right: 0;
		overflow-y: auto;
		padding: 10px 0;
		background-color: rgba(0, 0, 0, .8);
		display: none;
	}
	.nav.fixed{
		top: 70px;
	}

	.nav .wp>ul {
		margin: 0;
		float: none;
	}
	.m-imgtxt1 .nav .wap{
		width: 100%;
	}

	.nav .wp>ul>li {
		float: none;
	}

	.nav .wp>ul>li .v1:after, .nav .wp>ul>li .v1:before {
		display: none
	}

	.nav .wp>ul>li .v1,.nav.fixed .wp>ul>li .v1 {
		padding: 0 15px;
		font-size: 18px;
		line-height: 50px;
		
		border-top: 1px solid rgba(255,255,255,.2);
		/*text-align: center*/
	}
	.nav .wp>ul>li:first-child .v1{
		border-top: none;
	}
	.nav .wp>ul>li.on .v1, .nav .wp>ul>li:hover .v1 {
		background: 0 0;
		color: #ec6600
	}

	.nav .so {
		display: block;
		float: none;
		width: 100%;
		margin: 10px auto;
	}

	.nav .down {
		position: static;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		border-top: 1px solid rgba(255,255,255,.2);
	}

	.nav .down .close {
		display: none
	}

	.nav .down .con {
		height: auto;
		padding: 0;
		max-height: inherit;
	}

	.nav .wp>ul .con>ul{
		float: none;
		width: auto;
		padding-right: 0;
		margin-bottom: 0
	}

	.nav .wp>ul .con>ul>li:first-child .pic {
		display: none
	}

	.nav .wp>ul .con>ul>li:first-child h3 {
		/*text-align: center;*/
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 0;
		color: #fff;
		line-height: 44px;
		font-size: 16px;
		border-top: 1px solid rgba(255,255,255,.2);
	}
	.nav .wp .con>ul:first-child>li:first-child h3{
		border-top: none;
	}
	
	.nav .wp>ul .con>ul>li:nth-child(2), .nav .wp>ul .con>ul>li:first-child h3:after {
		display: none;
	}
	.nav .wp{
		/*padding-left: 0;
		padding-right: 0;*/
	}
	.nav .wp>ul .con>ul>li:nth-child(2){
		border-top: 1px solid rgba(255,255,255,.2);
	}

	.nav li h3 .span-down{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 5;
		width: 50px;
		height: 45px;
		background: url('../images/z-i2.png') center center no-repeat;
	}

	.nav .wp>ul .con>ul>li:nth-child(2) a,.nav .wp>ul .con>ul>li:nth-child(2) .div-down>li:first-child>a {
		display: block;
		/*text-align: center;*/
		color: #fff;
		line-height: 35px;
		font-size: 16px;
	}

	.nav .wp>ul .con>ul>li:nth-child(2) .div-down>a,.nav .wp>ul .con>ul>li:nth-child(2) a, .nav .wp>ul .con>ul>li:nth-child(2) .div-down>li:first-child>a{
		display: block;
		/*text-align: center;*/
		text-align: left;
		color: #fff;
		font-size: 14px;
		padding: 0 28px;
    	background: url(../images/line-02.jpg) 14px 17px no-repeat;
	}

	.nav .wp>ul .con>ul>li:nth-child(2) .div-down-c a{
		font-size: 12px;
		padding: 0 14px;
	}

	.nav .wp>ul .con>ul>li:nth-child(2) a:hover {
		color: #ec6600
	}
	
	.nav .wp>ul>li{
		position: relative;
	}
	.nav .span-down{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		display: none;
		width: 50px;
		height: 50px;
		border-left: 1px solid rgba(255,255,255,.2);
		font-size: 26px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}
	.nav .wp>ul .con>ul>li:first-child h3 a{
		color: #fff;
	}




	.ul-txt1 {
		margin-top: -40px
	}

	.ul-txt1 li .v1 {
		font-size: 14px;
		line-height: 40px
	}

	.ul-imgtxt1 {
		margin: 10px 0
	}

	.ul-imgtxt1 .con {
		padding: 20px;
		height: 90px
	}

	.ul-imgtxt1 i {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		display:nnel

	}

	.ul-imgtxt1 .txt {
		font-size: 16px
	}

	.ul-imgtxt1 .txt span {
		font-size: 14px
	}

	.ul-imgtxt1 .txt h3 {
		font-size: 18px
	}

	.ul-imgtxt1 .txt h3 a {
		font-size: 16px
	}

	.footer {
		padding: 20px 0
	}

	.fd-qr {
		float: none;
		margin: 0 auto 10px;
		width: auto;
		background: 0 0;
	}

	.fd-qr .pic {
		width: 100px;
		height: 100px
	}

	.fd-qr span {
		font-size: 14px
	}

	.fd-nav {
		margin-bottom: 10px;
		text-align: center
	}

	.fd-nav dd {
		float: none;
		margin: 0 5px;
		display: inline-block;
		vertical-align: middle
	}

	.fd-nav dd a {
		font-size: 16px
	}

	.fd-addr {
		text-align: center;
		margin-bottom: 10px;
		font-size: 14px
	}

	.fd-copy {
		text-align: center;
		font-size: 14px
	}

	.fd-copy span {
		display: block;
		margin-left: 0
	}

	.ban {
		height: 250px
	}

	.row-box {
		margin-top: 10px
	}

	.row-box .col-slide {
		display: none
	}

	.row-box .col-content {
		margin-left: 0;
	}

	.pages {
		margin-bottom: 20px
	}

	.banner .item {
		height: 426px
	}

	.banner .txt h3 {
		font-size: 38px;
		margin-bottom: 10px
	}

	.banner .txt {
		position: absolute;
		top: 21.2%;
		left: 12%
	}

	.banner .txt p {
		font-size: 18px;
		margin-bottom: 25px
	}

	.banner .txt .more {
		width: 116px;
		height: 37px;
		line-height: 37px;
		font-size: 16px;
		background-position-x: 82px;
		background-size: 21px
	}

	.banner .slick-dots li button {
		width: 13px;
		height: 13px
	}

	.banner .slick-dots li {
		margin: 0 7px
	}

	.banner .slick-dots {
		bottom: 14px
	}

	.sy-t1 .g-tit-ls h3 {
		font-size: 26px
	}

	.sy-t1 .g-tit-ls span {
		font-size: 16px
	}

	.sy-t1 .g-tit-ls {
		background-size: 110px;
		padding-right: 119px
	}

	.sy-t1 {
		margin-bottom: 15px
	}

	.row-a1 {
		padding: 0
	}

	.ul-list1 {
		margin: 40px 0 60px
	}

	.ul-list1 .info {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		padding-left: 15px
	}

	.ul-list1 .info-2 .desc p {
		line-height: 25px;
		height: 50px
	}

	.ul-list1 .info-2 .desc {
		left: 50px;
		right: 50px
	}

	.ul-list1 .info-2 {
		background-position: center 65%
	}

	.row-a1 .g-tit-ls {
		padding-right: 65px
	}

	.row-a1 .m-tit-td h3 {
		font-size: 24px
	}

	.row-a1 .m-tit-td {
		margin: 60px 0 0
	}

	.g-tit-ls {
		padding-right: 100px;
		-webkit-background-size: 90px auto;
		background-size: 90px auto
	}

	.g-tit-ls h3 {
		font-size: 24px
	}

	.g-tit-ls span {
		font-size: 16px
	}

	.m-imgtxt1 {
		padding: 30px 10px;
		background-image: none;
		background-color: #d4eaf9
	}

	.m-imgtxt1 .imgtxtl {
		display: none
	}

	.m-imgtxt1 .imgtxtr {
		float: none;
		width: auto;
		padding-left: 0;
		text-align: center
	}

	.m-imgtxt1 .imgtxtr .pic {
		margin: 30px 0 28px;
		display: inline-block
	}

	.m-imgtxt1 .imgtxtr .g-tit {
		text-align: center
	}

	.g-more-ls {
		margin: 0 auto
	}

	.m-imgtxt1 .imgtxtr .pic .data {
		width: auto;
		height: auto;
		display: inline-block;
		padding: 10px 5px
	}

	.m-imgtxt1 .imgtxtr .pic .day {
		font-size: 30px;
		line-height: 1.5em
	}

	.m-imgtxt1 .imgtxtr .pic .year {
		font-size: 14px;
		line-height: 1.5em
	}

	.m-imgtxt1 .imgtxtr .txt {
		line-height: 1.5em
	}

	.m-Txt2 {
		padding: 30px 0;
		margin: 0 0 30px;
		background-image: none;
		background-color: #0d599b
	}

	.m-Txt2 .stit, .m-Txt2 .tit {
		font-size: 24px;
		line-height: 1.5em
	}

	.m-Txt2 .stit {
		margin-bottom: 10px
	}

	.m-Txt2 .desc {
		font-size: 14px;
		margin-bottom: 20px
	}

	.ul-list2 .pic {
		width: 300px
	}

	.ul-list2 .txt {
		padding: 20px 30px 0 0;
		line-height: 1.5em;
		font-size: 14px
	}

	.ul-list2 .txt h3 {
		margin-bottom: 10px;
		font-size: 16px
	}

	.ul-list2 li:nth-child(even) .txt {
		padding: 20px 0 0 30px
	}

	.ul-list2 .txt .more {
		margin-top: 10px;
		font-size: 14px
	}

	.article {
		margin-top: 35px
	}

	.article h1 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.article .txt {
		padding-bottom: 30px
	}

	.article .arrows {
		margin-top: 25px;
		font-size: 16px;
		margin-left: 36%;
		line-height: 40px;
		margin-bottom: 35px
	}

	.m-txt2 .txt {
		margin-top: 28px
	}

	.m-imgTxt2 {
		margin-bottom: 110px
	}

	.m-case-zs {
		padding-top: 30px
	}

	.ul-list4 {
		margin: 30px 0
	}

	.ul-list4 li .pic {
		margin-bottom: 16px;
		line-height: 140px
	}

	.ul-list4 li .pic img {
		max-height: 136px;
		max-width: 136px
	}

	.m-joinUs {
		padding: 30px 0 20px;
		background-image: none
	}

	.m-joinUs .txt {
		width: auto;
		margin-bottom: 20px
	}

	.m-joinUs .g-tit-zs {
		margin-bottom: 27px
	}

	.m-cooperation {
		padding-top: 30px
	}

	.ul-list5 {
		margin: 0 -5px;
		padding: 30px 0
	}

	.ul-list5 li {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.ul-list5 li a {
		line-height: 74px
	}

	.ul-list5 li a img {
		max-height: 62px;
		max-width: 138px
	}

	.g-tit .g-tit-yc h3 {
		font-size: 28px;
		margin-top: 45px
	}

	.ul-list8 {
		margin: 35px 0 60px
	}

	.ul-list8 li {
		padding: 30px 45px;
		margin-bottom: 20px
	}

	.m-address {
		margin-right: 30px;
		padding: 30px
	}

	.m-address h3 {
		margin-bottom: 30px;
		font-size: 20px
	}

	.ul-list-mg li {
		margin-bottom: 30px
	}

	.ul-list-mg li .txt {
		padding: 0
	}

	.ul-list-mg .txt .p1 {
		font-size: 20px
	}

	.m-form1 .tit:before {
		left: 120px;
		width: 82px;
		height: 36px
	}

	.m-form1 .tit {
		margin-bottom: 20px
	}

	.m-form1 .tit h3 {
		font-size: 20px
	}

	.m-form1 .tit span {
		font-size: 16px
	}

	.m-form1 textarea {
		margin: 20px 0;
		height: 152px
	}

	.maps {
		margin: 20px
	}

	#map {
		height: 400px
	}

	.m-tit-td {
		margin: 20px 0
	}

	.ul-list7 li {
		margin-bottom: 20px
	}

	.m-txt6 li a {
		font-size: 16px;
		line-height: 50px;
		padding: 0 10px;
	}

}

@media only screen and (max-width:959px) {
	.ul-list3 .swiper-slide .txt {
		background-size: 286px;
		background-position-y: 30px
	}

	.ul-list3 .swiper-slide p {
		top: 25%;
		font-size: 14px
	}

	.banner .item {
		height: 374px
	}

	.banner .txt h3 {
		font-size: 30px;
		margin-bottom: 6px
	}

	.banner .txt p {
		font-size: 16px;
		margin-bottom: 22px
	}

	.banner .txt .more {
		width: 97px;
		height: 33px;
		line-height: 33px;
		font-size: 14px;
		color: #fff;
		background-position-x: 72px;
		background-size: 18px
	}

	.sy-t1 .g-tit-ls h3 {
		font-size: 24px
	}

	.sy-t1 .g-tit-ls span {
		font-size: 14px
	}

	.sy-t1 .g-tit-ls {
		background-size: 95px;
		padding-right: 106px
	}

	.sy-t1 {
		margin-bottom: 8px
	}

	.ul-list3 .swp {
		background-size: 883px;
		background-position-y: 460px;
		background-position-x: 21px
	}

	.ul-list3 .swiper-slide span {
		font-size: 18px;
		padding-top: 0
	}

	.ul-list3 .swiper-slide em {
		position: absolute;
		width: 4px;
		height: 4px;
		border: 6px solid #999;
		bottom: 37px;
		margin-left: -6.9px
	}

	.ul-list3 .swiper-slide-active.swiper-slide em {
		border: 6px solid #0d599b
	}

	.ul-list3 {
		padding-top: 35px;
		padding-bottom: 28px
	}

	.ul-list1 {
		margin: 30px 0 50px
	}

	.ul-list1 .info {
		font-size: 18px;
		background-size: 55px 25px;
		height: 36px;
		line-height: 36px
	}

	.ul-list1 .info-2 {
		background-size: 75px 25px
	}

	.row-a1 .m-tit-td {
		margin: 50px 0 0
	}

	.m-txt3, .m-txt4, .m-txt5 {
		margin-top: 35px;
		margin-bottom: 60px
	}

	.article1 .info {
		font-size: 16px;
		padding-left: 10%
	}

	.article1 .info span {
		margin-right: 30px
	}

	.bdshare-button-style0-16 .bds_more, .bdshare-button-style0-16 a {
		margin: 6px 0
	}

	.article {
		margin-top: 25px
	}

	.article h1 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.article .txt {
		padding-bottom: 20px
	}

	.article .txt h4 {
		margin-top: 15px
	}

	.article .arrows {
		margin: 20px 0 20px 18%;
		font-size: 14px
	}

	.m-txt2 .txt {
		margin-top: 20px
	}

	.m-imgTxt2 .pic {
		float: none;
		position: static
	}

	.m-imgTxt2 .txt {
		position: static;
		width: auto;
		height: auto;
		background-color: #fff;
		margin-top: 10px;
		margin-bottom: -80px
	}

	.m-case-zs {
		padding-top: 20px
	}

	.m-case-zs p,.m-tit-td .p-txt {
		line-height: 1.6;
		font-size: 14px
	}

	.ul-list4 {
		margin: 20px 0
	}

	.ul-list4 li {
		padding: 16px 0
	}

	.ul-list4 li .pic {
		line-height: 113px
	}

	.ul-list4 li .pic img {
		max-height: 110px;
		max-width: 110px
	}

	.ul-list4 li p {
		font-size: 16px;
		line-height: 16px
	}

	.ul-list4 li:hover {
		top: -5px
	}

	.m-joinUs {
		padding: 20px 0 10px
	}

	.m-joinUs dt {
		line-height: 38px;
		margin-bottom: 14px;
		font-size: 18px
	}

	.m-joinUs .txt {
		margin-bottom: 10px
	}

	.m-cooperation {
		padding-top: 20px
	}

	.ul-list5 {
		padding: 20px 0
	}

	.ul-list5 li a {
		line-height: 60px
	}

	.ul-list5 li a img {
		max-height: 50px;
		max-width: 114px
	}

	.g-tit-zs, .m-joinUs .g-tit-zs {
		margin-bottom: 20px
	}

	.g-tit .g-tit-yc h3 {
		font-size: 24px;
		margin-top: 30px
	}

	.ul-list8 {
		margin: 25px 0 40px
	}

	.ul-list8 li {
		padding: 20px 30px;
		margin-bottom: 20px
	}

	.pages-yc {
		margin-top: 0
	}

	.ul-list6 {
		padding-top: 15px;
		margin-bottom: 35px
	}

	.m-address {
		float: none;
		margin: 0 0 20px
	}

	.m-address h3 {
		margin-bottom: 20px;
		font-size: 18px
	}

	.ul-list-mg li {
		margin-bottom: 20px
	}

	.ul-list-mg li .icon {
		margin-right: 0;
		width: 50px;
		background-size: 66%
	}

	.ul-list-mg .txt .p1, .ul-list-mg .txt .p2, .ul-list-mg .txt .p3 {
		font-size: 16px
	}

	.m-form1 .tit:before {
		left: 120px;
		width: 82px;
		height: 36px
	}

	.m-form1 .tit h3 {
		font-size: 18px
	}

	.m-form1 .tit span {
		font-size: 14px
	}

	.ul-list7 li {
		width: 33.33%;
		padding: 0 10px
	}

}

@media only screen and (max-width:767px) {
	.wp {
		width: auto;
		padding: 0 10px;
		max-width: none
	}

	body {
		padding-top: 50px
	}

	.header {
		height: 50px
	}

	.header .logo {
		height: 50px;
		line-height: 50px
	}

	.header .logo img {
		height: 35px
	}

	.menuBtn {
		margin-top: 5px
	}

	.nav,
	.nav.fixed{
		top: 50px
	}

	.nav li .v1 {
		font-size: 14px
	}

	.nav .wp>ul .con>ul>li:first-child h3 {
		font-size: 13px
	}

	.nav dd a {
		font-size: 12px
	}
	.nav dd .div-down>a,.nav .wp>ul .con>ul>li:nth-child(2) a, .nav .wp>ul .con>ul>li:nth-child(2) .div-down>li:first-child>a{
		font-size: 14px;
	}

	.ul-txt1 {
		margin: 0
	}

	.ul-txt1 li {
		width: 50%;
		margin-bottom: 2px
	}

	.ul-txt1 li .v1 {
		font-size: 14px;
		line-height: 40px
	}

	.ul-imgtxt1 li {
		float: none;
		width: auto
	}

	.ul-imgtxt1 .con {
		height: auto;
		padding: 10px 20px
	}

	.ul-imgtxt1 i {
		margin-top: 5px
	}

	.ul-imgtxt1 .txt, .ul-imgtxt1 .txt h3 a {
		font-size: 14px
	}

	.ul-imgtxt1 .txt h3 {
		font-size: 16px
	}

	.ban {
		height: 160px
	}

	.pages li {
		display: none;
		margin: 0 5px
	}

	.pages li.pages-next, .pages li.pages-prev {
		display: block
	}

	.pages li a {
		font-size: 14px
	}

	.pages li.pages-next a, .pages li.pages-prev a {
		width: 80px
	}

	.ul-list3 .swiper-slide .txt {
		height: 450px;
		margin-bottom: 22px;
		background-position-y: 33px
	}

	.ul-list3 .swiper-container .swiper-slide-active .txt {
		background-position-y: 33px;
		background-size: 286px
	}

	.banner .item {
		height: 274px
	}

	.banner .txt h3 {
		font-size: 22px;
		margin-bottom: 6px
	}

	.banner .txt p {
		font-size: 14px;
		margin-bottom: 18px
	}

	.banner .txt .more {
		width: 76px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		color: #fff;
		padding-left: 9px;
		background-position-x: 59px;
		background-size: 13px
	}

	.banner .slick-dots li button {
		width: 10px;
		height: 10px;
		border: 1px solid #073b65
	}

	.banner .slick-dots li {
		margin: 0 4px
	}

	.banner .slick-dots {
		bottom: 9px
	}

	.sy-t1 {
		margin-bottom: -12px
	}

	.sy-t1 .g-tit-ls h3 {
		font-size: 20px
	}

	.sy-t1 .g-tit-ls span {
		font-size: 12px
	}

	.sy-t1 .g-tit-ls {
		background-size: 69px;
		padding-right: 74px
	}

	.ul-list3 {
		padding-top: 26px;
		padding-bottom: 19px
	}

	.ul-list1 {
		margin: 20px 0 40px
	}

	.ul-list1 li {
		width: 100%;
		margin-bottom: 15px
	}

	.ul-list1 .info {
		font-size: 16px;
		background-size: 45px 20px;
		height: 30px;
		line-height: 30px;
		padding-left: 10px
	}

	.ul-list1 .info-2 .desc p {
		font-size: 14px;
		line-height: 20px;
		height: 40px
	}

	.ul-list1 .info-2 {
		background-size: 65px 22px;
		background-position: center 70%
	}

	.row-a1 .g-tit-ls {
		padding-right: 42px
	}

	.row-a1 .m-tit-td h3 {
		font-size: 18px
	}

	.row-a1 .m-tit-td {
		margin: 40px 0 0
	}

	.g-tit-ls {
		padding-right: 60px;
		-webkit-background-size: 60px auto;
		background-size: 60px auto
	}

	.g-tit-ls h3 {
		font-size: 18px
	}

	.g-tit-ls span {
		font-size: 12px;
		margin-right: -15px
	}

	.m-imgtxt1 .imgtxtr .pic {
		margin: 20px 0;
		border: 6px solid #fff
	}

	.m-imgtxt1 .imgtxtr .pic .data {
		padding: 5px
	}

	.m-imgtxt1 .imgtxtr .pic .day {
		font-size: 20px
	}

	.m-imgtxt1 .imgtxtr .pic .year {
		font-size: 12px
	}

	.m-Txt2 .stit, .m-Txt2 .tit, .m-imgtxt1 .imgtxtr .txt h3 {
		font-size: 18px
	}

	.m-Txt2 .stit {
		margin-bottom: 10px
	}

	.m-Txt2 .desc {
		font-size: 14px;
		margin-bottom: 15px;
		width: auto
	}

	.g-more-ls {
		width: 120px;
		height: 34px;
		-webkit-background-size: auto 20px;
		background-size: auto 20px
	}

	.ul-list2 li .con {
		padding: 20px 0
	}

	.ul-list2 {
		padding: 10px 20px
	}

	.ul-list2 .pic, .ul-list2 li:nth-child(even) .pic {
		float: none;
		width: auto
	}

	.ul-list2 .txt, .ul-list2 li:nth-child(even) .txt {
		padding: 20px 0 0
	}

	.hlb-t1, .hlb-t2 {
		margin-bottom: 20px
	}

	.m-txt3, .m-txt4 {
		margin-top: 30px;
		margin-bottom: 40px
	}

	.article {
		padding: 0 20px
	}

	.m-txt3 .txt, .m-txt4 .txt, .m-txt5 .txt {
		margin-top: 15px;
		font-size: 14px;
		line-height: 26px
	}

	.article1 .arrows {
		line-height: 40px
	}

	.article1 {
		margin-top: 15px
	}

	.article1 h1 {
		font-size: 20px;
		margin-bottom: 0
	}

	.article1 .info {
		padding-bottom: 35px;
		margin-bottom: 10px;
		text-align: center;
		line-height: 26px;
		font-size: 14px
	}

	.article1 .info span {
		margin-right: 0;
		text-align: center;
		display: block
	}

	.article1 .info span:last-child {
		display: inline-block;
		margin-left: -82px
	}

	.article1 .txt {
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 25px
	}

	.article .txt h4, .article1 .txt h4 {
		font-size: 16px
	}

	.article1 .arrows {
		margin: 10px 0;
		margin-left: 26% !important
	}

	.g-tit-hlb h3 {
		margin-top: -85px;
		font-size: 24px
	}

	.g-tit-hlb span {
		font-size: 18px
	}

	.m-txt2 {
		margin-top: 15px
	}

	.m-txt2 .txt {
		margin-top: 5px;
		font-size: 14px;
		line-height: 26px
	}

	.m-imgTxt2 {
		margin-top: 15px
	}

	.m-imgTxt2 .txt .text {
		padding: 10px 20px
	}

	.m-imgTxt2 .txt h4, .ul-list3 h4 {
		font-size: 20px
	}

	.ul-list3 h4 {
		margin-bottom: 20px;
	}

	.m-imgTxt2 .txt h4:before, .ul-list3 h4::before {
		top: 35px
	}

	.m-imgTxt2 .txt p {
		margin-top: 17px;
		font-size: 14px
	}

	.ul-list4 li {
		width: 33.33%
	}

	.m-case-zs {
		padding-top: 10px
	}

	.ul-list4 {
		margin: 10px 0
	}

	.ul-list4 li .pic {
		line-height: 84px
	}

	.ul-list4 li .pic img {
		max-height: 80px;
		max-width: 80px
	}

	.ul-list4 li p {
		font-size: 14px;
		line-height: 14px
	}

	.m-joinUs {
		padding: 10px 0
	}

	.m-joinUs dt {
		line-height: 34px;
		margin-bottom: 10px;
		font-size: 16px
	}

	.m-joinUs .txt h4, .m-joinUs .txt p {
		font-size: 14px
	}

	.ul-list5 {
		padding: 10px 0
	}

	.ul-list5 li {
		width: 33.33%
	}

	.g-tit-zs, .m-joinUs .g-tit-zs {
		margin-bottom: 10px
	}

	.g-tit .g-tit-yc h3 {
		font-size: 20px;
		margin-top: 15px
	}

	.ul-list8 {
		margin: 15px 0
	}

	.ul-list8 li {
		padding: 15px;
		margin-bottom: 10px
	}

	.ul-list8 li h3 {
		font-size: 18px;
		margin-bottom: 10px;
		padding-right: 33px
	}

	.ul-list8 li span {
		font-size: 14px;
		margin-bottom: 15px
	}

	.ul-list6 {
		padding-top: 0;
		margin-bottom: 25px
	}

	.ul-list6 li {
		list-style: none;
		padding: 20px 10px 0
	}

	.ul-list6 li .pic {
		width: auto;
		height: auto;
		float: none;
		margin: 0 0 10px
	}

	.ul-list6 li .con {
		padding-bottom: 20px
	}

	.ul-list6 li .txt h3 {
		font-size: 18px;
		line-height: 1.7;
		margin-bottom: 5px
	}

	.ul-list6 li .txt p {
		font-size: 14px;
		line-height: 1.7;
		height: 42px;
		margin-bottom: 20px
	}

	.ul-list-mg .txt .p1, .ul-list-mg .txt .p2, .ul-list-mg .txt .p3, .ul-list-mg .txt span {
		font-size: 14px
	}

	.m-address h3 {
		font-size: 16px
	}

	.m-address {
		padding: 15px
	}

	.m-form1 .tit:before {
		left: 105px;
		top: 12px;
		width: 59px;
		height: 26px
	}

	.m-form1 .inp1, .m-form1 .inp2 {
		float: none
	}

	.m-form1 input {
		padding-left: 18px;
		width: 94%;
		margin-bottom: 15px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.m-form1 textarea {
		margin-top: 5px;
		padding-left: 18px;
		width: 94%;
		font-size: 14px
	}

	.m-form1 button {
		width: 76px;
		height: 35px;
		line-height: 35px
	}

	#map {
		height: 288px
	}

	.ul-list7 li {
		width: 50%
	}

	.m-txt6 li {
		padding: 0 10px;
	}

	.m-txt6 li a {
		font-size: 14px;
		line-height: 40px;
	}

	.m-txt6 li:after {
		height: 16px;
		margin-top: -8px;
	}

	.m-txt6 li a:after {
		height: 2px;
	}

	.model-main{
		padding-top: 30px;
		padding-bottom: 50px;
		font-size: 14px;
		line-height: 24px;
	}

}

@media only screen and (max-width:479px) {
	.banner .item {
		height: 208px
	}

	.banner .txt {
		position: absolute;
		top: 13.2%;
		left: 7%
	}

	.banner .txt h3 {
		font-size: 20px
	}

	.ul-list3 {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.sy-t1 .g-tit-ls h3 {
		font-size: 18px
	}

	.sy-t1 .g-tit-ls span {
		font-size: 12px
	}

	.sy-t1 .g-tit-ls {
		background-size: 58px;
		padding-right: 60px
	}

	.ul-list3 .swiper-slide {
		padding-top: 32px
	}

	.ul-list3 .swiper-slide-active.swiper-slide {
		background: url(../images/sy-line.png) center bottom no-repeat;
		background-position-y: 359px
	}

	.ul-list3 .swp {
		background-size: 455px;
		background-position-y: 406px;
		background-position-x: 21px
	}

	.ul-list3 .swiper-slide em {
		bottom: 37px
	}

	.ul-list3 .swiper-slide span {
		font-size: 16px
	}

	.ul-list3 .swiper-slide .txt {
		height: 402px
	}

	.sy-t1 {
		margin-bottom: 8px
	}

	.ul-list1 {
		margin: 10px 0 20px
	}

	.ul-list1 .info {
		font-size: 14px
	}

	.ul-list1 li {
		width: auto;
		float: none;
		padding: 0;
		margin-bottom: 10px
	}

	.ul-list1 .info-2 .desc {
		left: 40px;
		right: 40px
	}

	.ul-list1 .info-2 .desc p {
		height: auto
	}

	.row-a1 .m-tit-td {
		margin: 25px 0 0
	}

	.m-txt3, .m-txt4, .m-txt5 {
		margin: 20px
	}

	.m-txt3 .txt, .m-txt4 .txt, .m-txt5 .txt {
		margin-top: 8px;
		line-height: 1.5em
	}

	.article1 {
		margin-top: 10px
	}

	.article1 h1 {
		font-size: 18px
	}

	.article1 .txt {
		line-height: 1.5em
	}

	.article1 .txt h4 {
		margin-top: 10px;
		padding-left: 16px
	}

	.article1 .txt h4:before {
		top: 7px
	}

	.article1 .arrows {
		margin-left: 2% !important
	}

	.article {
		margin-top: 10px;
		padding: 0 10px
	}

	.article h1 {
		font-size: 18px;
		margin-bottom: 5px
	}

	.article .txt {
		font-size: 14px;
		line-height: 1.5em;
		padding-bottom: 10px
	}

	.article .txt h4 {
		margin-top: 10px
	}

	.article .arrows {
		margin: 10px 0 10px 2%;
		font-size: 14px
	}

	.g-tit-hlb h3 {
		font-size: 20px
	}

	.g-tit-hlb span {
		font-size: 16px
	}

	.m-txt2 .txt {
		line-height: 1.5em
	}

	.m-imgTxt2 {
		margin-top: 10px
	}

	.m-imgTxt2 .txt .text {
		padding: 5px 10px
	}

	.m-imgTxt2 .txt h4,.ul-list3 h4 {
		font-size: 18px
	}

	.m-imgTxt2 .txt h4:before,.ul-list3 h4::before {
		top: 30px
	}

	.m-imgTxt2 .txt p {
		margin-top: 10px;
		line-height: 1.5
	}

	.m-imgTxt2 .txt {
		margin-bottom: -90px
	}

	.ul-list4 li {
		padding: 10px 0;
		width: 50%
	}

	.ul-list5 li {
		width: 50%
	}

	.g-tit .g-tit-yc h3 {
		margin-top: 10px
	}

	.ul-list8 li h3 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.ul-list8 li span {
		font-size: 14px;
		margin-bottom: 8px
	}

	.ul-list6 li {
		list-style: none;
		padding: 20px 10px 0
	}

	.ul-list6 li .con {
		padding-bottom: 10px
	}

	.ul-list6 li .txt h3 {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 5px
	}

	.ul-list6 li .txt p {
		margin-bottom: 10px
	}

	.ul-list6 li .pic span {
		width: 60px;
		height: 60px;
		font-size: 36px;
		line-height: 45px
	}

	.ul-list6 li .pic span i {
		font-size: 12px
	}

	.ul-list-mg li .icon {
		margin-bottom: 12px;
		width: 35px;
		height: 35px
	}

	.m-form1 textarea {
		height: 100px
	}

	#map {
		height: 200px
	}

	.m-txt6 li {
		padding: 0 5px;
	}

	.m-txt6 li a {
		padding: 0 5px;
	}

}

.wtd-anchor {
	position: absolute;
	margin-top: -126px;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}

}

@-moz-keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}

}

@-ms-keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}

}

@-webkit-keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}

}

@-o-keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}

}