* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	-webkit-user-select: none;
	user-select: auto;
	-webkit-tap-highlight-color: transparent;
	touch-action: auto
}

a,
b,
body,
button,
dd,
div,
dl,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
label,
li,
nav,
p,
select,
span,
td,
textarea,
u,
dd {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none
}

html {
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	background: #fff;
	color: #333;
	font: 400 12px/2 "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Arial", "sans-serif";
	-webkit-overflow-scrolling: touch
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background: 0 0;
	color: #313131;
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1)
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: middle
}

figure {
	margin: 1em 40px
}

hr {
	height: 0
}

pre {
	overflow: auto
}

:focus {
	outline: none
}

code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: monospace, monospace
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled],
html input[disabled] {
	cursor: default
}

input {
	line-height: normal;
	-webkit-user-select: text
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

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

input[type=search] {
	-webkit-appearance: textfield
}

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

fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid silver
}

legend {
	padding: 0;
	border: 0
}

textarea {
	overflow: auto;
	-webkit-user-select: text
}

optgroup {
	font-weight: 700
}

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

td,
th {
	padding: 0
}

ul,
li {
	margin: 0;
	padding: 0;
	list-style: none
}

i.i {
	font-size: inherit
}

.browserupgrade {
	position: absolute;
	position: fixed;
	z-index: 9999;
	top: 0;
	height: 50px;
	width: 100%;
	line-height: 50px;
	background: #fff;
	left: 0;
	text-align: center;
	font-size: 14px
}

.browserupgrade a {
	color: red;
	text-decoration: underline;
	font-weight: 700
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-table
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

*+html .clearfix {
	min-height: 1%
}

.wrap1200 {
	width: 1200px;
	margin: 0 auto
}

.none {
	display: none
}

.bg1 {
	background: #f8f8f8
}

.fl {
	float: left
}

.fr {
	float: right
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

#header {
	height: 80px;
	border-bottom: 1px solid #eeeeee
}

#header .iner {
	position: relative
}

#header .iner .logo {
	position: absolute;
	left: 0px;
	top: 15px
}

#header .menu {
	position: absolute;
	width: 816px;
	right: 0px;
	margin-right: 102px
}

#header .menu ul li {
	position: relative;
	width: 136px;
	float: left;
	text-align: center
}

#header .menu ul li>a {
	display: block;
	height: 80px;
	line-height: 80px;
	font-size: 14px;
	color: #666666
}

#header .menu ul li>a:before {
	position: absolute;
	top: 34px;
	right: 0px;
	width: 1px;
	height: 14px;
	background: #eaeaea;
	content: ''
}

#header .menu ul li>a:hover {
	color: #0093dd
}

#header .menu ul li .pop_up {
	display: none;
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 9999;
	width: 100%;
	min-height: 250px;
	background: #ffffff
}

#header .menu ul li .pop_up .popbg {
	position: fixed;
	left: 0px;
	z-index: -1;
	width: 100%;
	min-height: 250px;
	background: #ffffff
}

#header .menu ul li .pop_up>a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: 16px;
	overflow: hidden;
	font-size: 12px;
	color: #666666
}

#header .menu ul li .pop_up>a:hover {
	color: #0093dd
}

#header .menu ul li:last-child>a:before {
	width: 0px
}

#header .edition {
	position: absolute;
	right: 0px;
	width: 102px;
	height: 80px;
	background: #f4f4f4;
	padding-top: 16px;
	box-sizing: border-box;
	text-align: center
}

#header .edition a {
	display: block;
	font-size: 12px;
	color: #666666
}

#header .edition a:nth-of-type(2) {
	color: #0082dd
}

.banktop .cont {
	width: 77px;
	height: 28px;
	margin: 0 auto
}

#footer {
	background: #0093dd;
	padding-top: 30px;
	box-sizing: border-box
}

#footer .tel {
	text-align: center;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-radius: 25px;
	background: #0080c0
}

#footer .tel .li {
	display: inline-block;
	height: 50px;
	font-size: 12px;
	color: #ffffff;
	margin: 0 10px
}

#footer .tel .li img,
#footer .tel .li span {
	float: left
}

#footer .tel .li img {
	margin: 14px 14px 0 0
}

#footer .logo {
	width: 306px;
	float: left;
	padding: 30px 0 0 70px;
	box-sizing: border-box
}

#footer .nav {
	width: 690px;
	float: left;
	padding-top: 32px;
	box-sizing: border-box
}

#footer .nav ul li {
	float: left;
	display: inline-block;
	margin-right: 45px
}

#footer .nav ul li>a {
	display: block;
	height: 14px;
	overflow: hidden;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff
}

#footer .nav ul li .pop_up1 {
	margin-top: 20px
}

#footer .nav ul li .pop_up1 a {
	display: block;
	font-size: 12px;
	line-height: 24px;
	color: #b0d8f1
}

#footer .code {
	width: 126px;
	float: right;
	margin: 33px 78px 0 0;
	text-align: center
}

#footer .code img {
	display: block
}

#footer .code span {
	display: block;
	margin-top: 11px;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff
}

#footer .copy {
	margin-top: 28px;
	border-top: 1px solid #2099e7;
	height: 40px;
	line-height: 40px;
	font-size: 12p;
	color: #ffffff;
	text-align: center
}

#footer .copy a {
	color: #ffffff
}

.search {
	position: relative;
	z-index: 9999;
	height: 120px;
	margin-top: -75px;
	background: url(../images/search-iocn1.png) no-repeat 31px 31px #fff;
	padding-left: 167px;
	box-sizing: border-box;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1)
}

.search h3 {
	height: 120px;
	line-height: 120px;
	float: left;
	font-weight: normal;
	margin: 0px;
	font-size: 20px;
	color: #333333
}

.search .ipt {
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 35px 0 0 28px
}

.search .ipt .input {
	width: 400px;
	height: 50px;
	line-height: 50px;
	float: left;
	background: url(../images/search-iocn2.png) no-repeat 12px 13px #f1f1f1;
	padding-left: 41px;
	box-sizing: border-box;
	font-size: 14px;
	color: #999999;
	border: 0px
}

.search .ipt .btn {
	width: 100px;
	height: 50px;
	line-break: 50px;
	text-align: center;
	background: #0093dd;
	font-size: 14px;
	color: #ffffff;
	border: 0px
}

.search .tel {
	width: 380px;
	height: 120px;
	float: right;
	background: url(../images/search-iocn3.png) no-repeat 30px 36px #0093dd;
	padding: 35px 0 0 88px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff
}

.search .tel span {
	display: block;
	margin-top: 5px;
	font-size: 32px;
	line-height: 32px;
	font-family: arial
}

.wrap_idx .ida {
	height: 700px;
	background: #f8f8f8;
	margin-top: -45px;
	padding-top: 45px;
	box-sizing: border-box
}

.wrap_idx .ida .about {
	text-align: center
}

.wrap_idx .ida .about h3 {
	margin: 63px 0 24px 0;
	font-size: 28px;
	line-height: 28px;
	color: #333333;
	font-weight: normal
}

.wrap_idx .ida .about p {
	width: 764px;
	margin: 0 auto;
	font-size: 12px;
	color: #999999;
	line-height: 24px
}

.wrap_idx .ida .about span.more1 {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #84c225;
	text-transform: uppercase
}

.wrap_idx .ida .num {
	margin-top: 40px
}

.wrap_idx .ida .num ul {
	text-align: center
}

.wrap_idx .ida .num ul li {
	display: inline-block;
	padding: 0 90px
}

.wrap_idx .ida .num ul li span {
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 18px
}

.wrap_idx .ida .num ul li>div {
	margin-top: 24px;
	font-size: 48px;
	color: #84c225;
	line-height: 48px
}

.wrap_idx .ida .img {
	margin: 30px 0 0 147px
}

.wrap_idx .idb {
	padding: 47px 0 20px 0px;
	box-sizing: border-box
}

.wrap_idx .idb .tit {
	text-align: center
}

.wrap_idx .idb .tit h3 {
	display: inline-block;
	height: 42px;
	line-height: 24px;
	margin: 0px;
	border-bottom: 3px solid #0087dd;
	font-size: 24px;
	color: #333333;
	font-weight: normal
}

.wrap_idx .idb .tit p {
	width: 764px;
	margin: 0 auto;
	height: 36px;
	overflow: hidden;
	margin-top: 12px;
	font-size: 12px;
	color: #999999;
	line-height: 18px
}

.wrap_idx .idb ul {
	margin-top: 20px
}

.wrap_idx .idb ul li {
	width: 384px;
	overflow: hidden;
	float: left;
	margin: 0 24px 43px 0
}

.wrap_idx .idb ul li a {
	display: block
}

.wrap_idx .idb ul li .img {
	width: 384px;
	height: 220px;
	overflow: hidden
}

.wrap_idx .idb ul li .img>div {
	width: 384px;
	height: 220px;
	background: no-repeat center center;
	background-size: cover;
	transition: all ease-out .3s
}

.wrap_idx .idb ul li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_idx .idb ul li .text h3 {
	height: 18px;
	overflow: hidden;
	margin: 12px 0 10px 0;
	font-size: 18px;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal
}

.wrap_idx .idb ul li .text p {
	height: 36px;
	overflow: hidden;
	font-size: 12px;
	color: #999999;
	line-height: 18px
}

.wrap_idx .idb ul li:hover .text h3 {
	color: #0092df
}

.wrap_idx .idc {
	height: 486px;
	overflow: hidden;
	padding-top: 48px;
	box-sizing: border-box;
	background: url(../images/idc-bg.jpg) no-repeat top center
}

.wrap_idx .idc .tit {
	text-align: center
}

.wrap_idx .idc .tit h3 {
	display: inline-block;
	height: 42px;
	line-height: 24px;
	margin: 0px;
	border-bottom: 3px solid #ffffff;
	font-size: 24px;
	color: #ffffff;
	font-weight: normal
}

.wrap_idx .idc .cont {
	width: 1431px;
	margin: 68px auto 0 auto
}

.wrap_idx .idd {
	margin: 80px auto 60px auto
}

.wrap_idx .idd ul li {
	width: 588px;
	height: 324px;
	float: left;
	margin-right: 24px;
	padding: 24px 24px 0 24px;
	display: inline;
	box-sizing: border-box;
	background: url(../images/idd-bg.jpg) repeat-x
}

.wrap_idx .idd ul li a {
	display: block;
	overflow: hidden
}

.wrap_idx .idd ul li .img {
	width: 240px;
	height: 300px;
	overflow: hidden;
	float: left
}

.wrap_idx .idd ul li .img>div {
	width: 240px;
	height: 300px;
	background: no-repeat center center;
	background-size: cover;
	transition: all ease-out .3s
}

.wrap_idx .idd ul li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_idx .idd ul li .text {
	width: 258px;
	float: right
}

.wrap_idx .idd ul li .text h3 {
	height: 24px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 24px;
	line-height: 24px;
	color: #ffffff;
	font-weight: normal
}

.wrap_idx .idd ul li .text p {
	margin: 20px 0 38px 0;
	height: 16px;
	font-size: 16px;
	color: #ffffff;
	line-height: 16px
}

.wrap_idx .idd ul li .text span {
	display: block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #dddddd;
	font-size: 12px;
	color: #ffffff
}

.wrap_idx .ide .lista {
	width: 612px;
	float: left
}

.wrap_idx .ide .lista .tit {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 20px
}

.wrap_idx .ide .lista .tit h3 {
	float: left;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	font-weight: normal
}

.wrap_idx .ide .lista .tit a {
	display: block;
	float: right;
	margin-right: 24px;
	text-transform: uppercase;
	font-size: 12p;
	color: #999999;
	line-height: 12px
}

.wrap_idx .ide .lista ul li {
	width: 282px;
	float: left;
	margin-right: 24px
}

.wrap_idx .ide .lista ul li .img {
	width: 282px;
	height: 180px;
	overflow: hidden
}

.wrap_idx .ide .lista ul li .img>div {
	width: 282px;
	height: 180px;
	background: no-repeat center center;
	background-size: cover;
	transition: all ease-out .3s
}

.wrap_idx .ide .lista ul li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_idx .ide .lista ul li .text {
	padding: 22px 9px 16px 9px
}

.wrap_idx .ide .lista ul li .text h3 {
	font-weight: normal;
	margin: 0px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #333333
}

.wrap_idx .ide .lista ul li .text p {
	height: 72px;
	margin: 14px 0 14px 0;
	font-size: 12px;
	color: #666666;
	line-height: 24px
}

.wrap_idx .ide .lista ul li .text .data {
	text-align: right;
	font-size: 12px;
	color: #999999;
	line-height: 12px
}

.wrap_idx .ide .lista ul li:hover {
	box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.15)
}

.wrap_idx .ide .lista ul li:hover .text h3 {
	color: #0092df
}

.wrap_idx .ide .listb {
	width: 588px;
	float: right
}

.wrap_idx .ide .listb .tit {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 20px
}

.wrap_idx .ide .listb .tit h3 {
	float: left;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	font-weight: normal
}

.wrap_idx .ide .listb .tit a {
	display: block;
	float: right;
	text-transform: uppercase;
	font-size: 12p;
	color: #999999;
	line-height: 12px
}

.wrap_idx .ide .listb ul li {
	height: 100px;
	overflow: hidden;
	margin-bottom: 24px;
	padding-right: 28px
}

.wrap_idx .ide .listb ul li a {
	display: block;
	overflow: hidden
}

.wrap_idx .ide .listb ul li .data {
	width: 100px;
	height: 100px;
	padding-top: 26px;
	box-sizing: border-box;
	background: #d2d2d2;
	float: left;
	text-align: center
}

.wrap_idx .ide .listb ul li .data span {
	display: block;
	font-size: 36px;
	line-height: 27px;
	color: #ffffff
}

.wrap_idx .ide .listb ul li .data em {
	display: block;
	margin-top: 9px;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	font-style: normal
}

.wrap_idx .ide .listb ul li .text {
	width: 442px;
	float: right
}

.wrap_idx .ide .listb ul li .text h3 {
	height: 16px;
	margin-top: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 16px;
	font-weight: normal
}

.wrap_idx .ide .listb ul li .text p {
	height: 40px;
	margin-top: 10px;
	font-size: 12px;
	color: #999999;
	line-height: 20px
}

.wrap_idx .ide .listb ul li:hover {
	box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.15);
	cursor: pointer
}

.wrap_idx .ide .listb ul li:hover .data {
	background: #0093dd
}

.wrap_idx .ide .listb ul li:hover .text h3 {
	color: #0092df
}

.wrap_idx .idf {
	margin-top: 36px
}

.wrap_idx .idf .tit {
	height: 18px;
	overflow: hidden;
	margin-bottom: 40px
}

.wrap_idx .idf .tit h3 {
	font-weight: normal;
	margin: 0px;
	font-size: 18px;
	color: #333333;
	line-height: 18px
}

.wrap_idx .idf .tit h3 span {
	margin-left: 18px;
	text-transform: uppercase;
	font-size: 12px;
	color: #999999;
	line-height: 12px
}

.wrap_idx .idf .li {
	width: 180px;
	height: 82px;
	line-height: 80px;
	text-align: center;
	border: 1px solid #eeeeee
}

.wrap_idx .idf .li img {
	vertical-align: middle
}

.wrap_idx .idg {
	margin: 50px auto 48px auto
}

.wrap_idx .idg .tit {
	height: 18px;
	overflow: hidden
}

.wrap_idx .idg .tit h3 {
	font-weight: normal;
	margin: 0px;
	font-size: 18px;
	color: #333333;
	line-height: 18px
}

.wrap_idx .idg .tit h3 span {
	margin-left: 18px;
	text-transform: uppercase;
	font-size: 12px;
	color: #999999;
	line-height: 12px
}

.wrap_idx .idg .cont {
	margin-top: 14px
}

.wrap_idx .idg .cont a {
	display: inline-block;
	margin-right: 14px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999999
}

.nyban {
	background: no-repeat top center
}

.wrap_pro .procata {
	overflow: hidden;
	background: #f8f8f8;
	box-sizing: border-box;
	padding-top: 90px
}

.wrap_pro .procata .tit {
	text-align: center
}

.wrap_pro .procata .tit h3 {
	height: 38px;
	line-height: 38px;
	font-size: 38px;
	color: #333333;
	font-weight: normal;
	margin: 0px
}

.wrap_pro .procata .tit p {
	width: 686px;
	margin: 27px auto 0 auto;
	height: 36px;
	overflow: hidden;
	font-size: 12px;
	color: #999999;
	line-height: 18px
}

.wrap_pro .procata .cata .li {
	width: 293px;
	height: 360px
}

.wrap_pro .procata .cata .li .img {
	width: 283px;
	height: 168px
}

.wrap_pro .procata .cata .li .img>div {
	width: 283px;
	height: 168px;
	background: no-repeat center center;
	transition: all ease-out .3s
}

.wrap_pro .procata .cata .li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_pro .procata .cata .li .text {
	margin-top: 22px
}

.wrap_pro .procata .cata .li .text h3 {
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #333333
}

.wrap_pro .procata .cata .li .text p {
	margin-top: 10px;
	height: 36px;
	overflow: hidden;
	font-size: 12px;
	color: #999999;
	line-height: 18px
}

.wrap_pro .procata .cata .li:hover .text h3 {
	color: #0093dd
}

.wrap_pro .procata .cata .swiper-button-prev {
	top: 36%;
	left: 0%;
	z-index: 2147483647;
	width: 46px;
	height: 74px;
	background-image: url(../images/prev.png);
	background-size: 46px 74px;
	pointer-events: auto
}

.wrap_pro .procata .cata .swiper-button-next {
	top: 36%;
	right: 0%;
	z-index: 2147483647;
	width: 46px;
	height: 74px;
	background-image: url(../images/next.png);
	background-size: 46px 74px;
	pointer-events: auto
}

.wrap_pro .procata .cata .swiper-button-next.swiper-button-disabled,
.wrap_pro .procata .cata .swiper-button-prev.swiper-button-disabled {
	z-index: 2147483647
}

.wrap_pro .prointo {
	margin-bottom: 100px
}

.wrap_pro .prointo .protext {
	height: 1177px
}

.wrap_pro .prointo .tit {
	padding: 76px 0 14px 0;
	font-size: 38px;
	line-height: 38px;
	color: #333333;
	font-weight: normal
}

.wrap_pro .prointo .li .item {
	height: 274px;
	overflow: hidden;
	padding: 40px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5
}

.wrap_pro .prointo .li .item a {
	display: block;
	overflow: hidden
}

.wrap_pro .prointo .li .item .img {
	width: 340px;
	height: 194px;
	overflow: hidden;
	float: left
}

.wrap_pro .prointo .li .item .img>div {
	width: 340px;
	height: 194px;
	background: no-repeat center center;
	transition: all ease-out .3s
}

.wrap_pro .prointo .li .item .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_pro .prointo .li .item .text {
	width: 798px;
	float: right;
	margin-right: 20px
}

.wrap_pro .prointo .li .item .text h3 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	line-height: 18px
}

.wrap_pro .prointo .li .item .text span {
	display: block;
	margin-top: 18px;
	font-size: 12px;
	line-height: 12px;
	color: #999999
}

.wrap_pro .prointo .li .item .text p {
	margin-top: 22px;
	overflow: hidden;
	font-size: 12px;
	color: #666666;
	line-height: 22px
}

.wrap_pro .prointo .li .item .text .more {
	width: 119px;
	height: 34px;
	margin-top: 40px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	color: #666666
}

.wrap_pro .prointo .li .item:hover .text h3 {
	color: #84c225
}

.wrap_pro .prointo .li .item:hover .more {
	background: #84c225;
	border: 1px solid #84c225;
	color: #ffffff
}

.wrap_sale {
	padding: 90px 0 200px 0
}

.wrap_sale ul li {
	background: #ffffff;
	margin-bottom: 4px;
	padding: 85px 0 85px 142px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrap_sale ul li .icon {
	float: left;
	margin-right: 106px
}

.wrap_sale ul li .text {
	width: 775px;
	float: left;
	font-size: 20px;
	color: #333333;
	line-height: 50px
}

.wrap_sale ul li .text h3 {
	font-size: 24px;
	color: #0093dd;
	line-height: 24px;
	font-weight: normal;
	margin: 8px 0 38px 0
}

.wrap_sale ul li .text span {
	display: block;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 30px;
}

.wrap_sale ul li .fl {
	width: 318px;
	float: left;
	margin-right: 10px
}

.wrap_freight .freight {
	margin-bottom: 200px
}

.wrap_freight .freight .tit {
	height: 71px;
	line-height: 70px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
	color: #333333
}

.wrap_freight .freight ul {
	padding-top: 62px
}

.wrap_freight .freight ul li .newest {
	width: 59px;
	height: 40px;
	line-height: 40px;
	margin-right: 25px;
	box-sizing: border-box;
	font-size: 14px;
	color: #ffffff;
	float: left
}

.wrap_freight .freight ul li .newest span {
	margin-top: -17px;
	width: 59px;
	height: 40px;
	display: block;
	padding-left: 6px;
	background: url(../images/freight.png) no-repeat top center
}

.wrap_freight .freight ul li .text {
	position: relative;
	width: 1100px;
	float: left;
	padding: 0px 0 112px 60px;
	box-sizing: border-box
}

.wrap_freight .freight ul li .text h3 {
	position: absolute;
	top: -5px;
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	color: #333333;
	font-weight: normal
}

.wrap_freight .freight ul li .text p {
	position: absolute;
	top: 26px;
	font-family: arial;
	font-size: 14px;
	color: #999999;
	line-height: 14px
}

.wrap_freight .freight ul li .text:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 7px;
	background: #d7d7d7
}

.wrap_freight .freight ul li .text:after {
	position: absolute;
	top: 7px;
	left: 3px;
	content: '';
	width: 1px;
	height: 100%;
	background: #e5e5e5
}

.wrap_freight .freight ul li.on .text h3 {
	color: #84c225;
	font-weight: bold
}

.wrap_freight .freight ul li.on .text:before {
	background: #84c225
}

.wrap_data .tit {
	margin: 87px 0 40px 0;
	font-size: 38px;
	color: #333333;
	line-height: 38px
}

.wrap_data .protext {
	height: 984px
}

.wrap_data table {
	width: 100%
}

.wrap_data table tr th {
	background: #0093dd;
	text-align: left;
	line-height: 55px;
	font-size: 20px;
	color: #ffffff;
	font-weight: normal
}

.wrap_data table tr th.tita {
	padding-left: 40px
}

.wrap_data table tr td {
	height: 134px;
	border-bottom: 1px solid #e5e5e5
}

.wrap_data table tr td.namea {
	font-size: 18px;
	color: #84c225;
	padding-left: 40px
}

.wrap_data table tr td.nameb {
	font-size: 18px;
	color: #333333;
	white-space: nowrap;
	padding: 0 82px 0 50px
}

.wrap_data table tr td.namec {
	font-size: 18px;
	color: #666666;
	white-space: nowrap;
	text-align: left;
	padding-left: 40px;
	font-family: sans-serif
}

.wrap_data table tr td.text {
	font-size: 14px;
	color: #666666;
	line-height: 22px
}

.wrap_data .othercata {
	margin: 120px 0 158px 0
}

.wrap_data .othercata ul li {
	width: 358px;
	margin-right: 60px;
	float: left;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1)
}

.wrap_data .othercata ul li .img {
	position: relative;
	width: 358px;
	height: 282px;
	overflow: hidden
}

.wrap_data .othercata ul li .img>div {
	width: 358px;
	height: 282px;
	background: no-repeat center center
}

.wrap_data .othercata ul li .img .more {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	width: 358px;
	height: 282px;
	text-align: center
}

.wrap_data .othercata ul li .img .more span {
	display: inline-block;
	width: 122px;
	height: 42px;
	margin-top: 124px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #ffffff;
	font-size: 16px;
	color: #ffffff
}

.wrap_data .othercata ul li .name {
	height: 98px;
	line-height: 98px;
	text-align: center;
	font-size: 30px;
	color: #333333
}

.wrap_data .othercata ul li:hover .img .more {
	display: block
}

.wrap_data .clauser {
	height: 814px
}

.wrap_data .clauser ul li {
	height: 160px;
	margin-bottom: 24px;
	border: 1px solid #e5e5e5
}

.wrap_data .clauser ul li a {
	height: 160px;
	display: block
}

.wrap_data .clauser ul li .data {
	width: 124px;
	height: 70px;
	margin: 42px 0 0 10px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	font-family: arial
}

.wrap_data .clauser ul li .data span {
	display: block;
	font-size: 60px;
	line-height: 44px;
	color: #333333
}

.wrap_data .clauser ul li .data em {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	line-height: 16px;
	color: #999999;
	font-style: normal
}

.wrap_data .clauser ul li .text {
	width: 586px;
	height: 70px;
	margin: 42px 0 0 30px;
	float: left
}

.wrap_data .clauser ul li .text h3 {
	height: 18px;
	font-size: 18px;
	color: #333333;
	line-height: 18px;
	font-weight: normal
}

.wrap_data .clauser ul li .text p {
	height: 40px;
	margin-top: 16px;
	font-size: 14px;
	color: #666666;
	line-height: 20px
}

.wrap_data .clauser ul li .more {
	width: 159px;
	height: 159px;
	float: right;
	background: #d2d2d2;
	text-align: center
}

.wrap_data .clauser ul li .more span {
	display: inline-block;
	width: 88px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	margin-top: 61px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	color: #ffffff
}

.wrap_data .clauser ul li:hover {
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	transition: all ease-out .3s
}

.wrap_data .clauser ul li:hover .data span {
	color: #84c225
}

.wrap_data .clauser ul li:hover .data em {
	color: #84c225
}

.wrap_data .clauser ul li:hover .text h3 {
	color: #84c225
}

.wrap_data .clauser ul li:hover .more {
	width: 300px;
	background: #84c225;
	transition: all ease-out .3s
}

.wrap_news .tit {
	margin: 87px 0 40px 0;
	font-size: 38px;
	color: #333333;
	line-height: 38px
}

.wrap_news .lista ul li {
	width: 282px;
	float: left;
	margin: 0 24px 40px 0
}

.wrap_news .lista ul li .img {
	width: 282px;
	height: 180px;
	overflow: hidden
}

.wrap_news .lista ul li .img>div {
	width: 282px;
	height: 180px;
	background: no-repeat center center;
	background-size: cover;
	transition: all ease-out .3s
}

.wrap_news .lista ul li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_news .lista ul li .text {
	padding: 22px 9px 16px 9px
}

.wrap_news .lista ul li .text h3 {
	font-weight: normal;
	margin: 0px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #333333
}

.wrap_news .lista ul li .text p {
	height: 72px;
	margin: 14px 0 14px 0;
	font-size: 12px;
	color: #666666;
	line-height: 24px
}

.wrap_news .lista ul li .text .data {
	text-align: right;
	font-size: 12px;
	color: #999999;
	line-height: 12px
}

.wrap_news .lista ul li:hover {
	box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.15)
}

.wrap_news .lista ul li:hover .text h3 {
	color: #0093dd
}

.wrap_news .listb {
	margin: 60px 0 226px 0
}

.wrap_news .listb ul li {
	width: 588px;
	float: left;
	height: 100px;
	overflow: hidden;
	margin: 0px 24px 24px 0;
	padding-right: 28px
}

.wrap_news .listb ul li a {
	display: block;
	overflow: hidden
}

.wrap_news .listb ul li .data {
	width: 100px;
	height: 100px;
	padding-top: 26px;
	box-sizing: border-box;
	background: #d2d2d2;
	float: left;
	text-align: center
}

.wrap_news .listb ul li .data span {
	display: block;
	font-size: 36px;
	line-height: 27px;
	color: #ffffff
}

.wrap_news .listb ul li .data em {
	display: block;
	margin-top: 9px;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	font-style: normal
}

.wrap_news .listb ul li .text {
	width: 442px;
	float: right
}

.wrap_news .listb ul li .text h3 {
	height: 16px;
	margin-top: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 16px;
	font-weight: normal
}

.wrap_news .listb ul li .text p {
	height: 40px;
	margin-top: 10px;
	font-size: 12px;
	color: #999999;
	line-height: 20px
}

.wrap_news .listb ul li:hover {
	box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.15);
	cursor: pointer
}

.wrap_news .listb ul li:hover .data {
	background: #0093dd
}

.wrap_news .listb ul li:hover .text h3 {
	color: #0093dd
}

.wrap_abt .aba {
	padding: 120px 0 110px 0;
	text-align: center
}

.wrap_abt .aba h3 {
	font-size: 38px;
	color: #333333;
	line-height: 38px;
	font-weight: normal;
	margin: 0px 0 46px 0
}

.wrap_abt .aba p {
	width: 1072px;
	margin: 0 auto;
	font-size: 18px;
	color: #666666;
	line-height: 34px
}

.wrap_abt .abb {
	height: 654px;
	background: url(../images/abt-bg.jpg) no-repeat top center;
	padding-top: 108px;
	box-sizing: border-box
}

.wrap_abt .abb .tit {
	text-align: center
}

.wrap_abt .abb .tit h3 {
	font-size: 38px;
	color: #ffffff;
	line-height: 38px;
	margin: 0px;
	font-weight: normal
}

.wrap_abt .abb .tit p {
	margin-top: 30px;
	font-size: 16px;
	color: #ffffff
}

.wrap_abt .abb ul {
	margin-top: 62px
}

.wrap_abt .abb ul li {
	width: 288px;
	height: 238px;
	margin-right: 16px;
	padding: 40px 32px 36px 32px;
	box-sizing: border-box;
	float: left;
	border: 1px solid #ffffff;
	text-align: center
}

.wrap_abt .abb ul li .img {
	display: inline-block;
	width: 84px;
	height: 96px
}

.wrap_abt .abb ul li p {
	margin-top: 12px;
	font-size: 14px;
	color: #ffffff;
	line-height: 22px
}

.wrap_abt .abb ul li .abtbg1 {
	background: url(../images/abt-icon1.png) no-repeat top center
}

.wrap_abt .abb ul li .abtbg2 {
	background: url(../images/abt-icon2.png) no-repeat top center
}

.wrap_abt .abb ul li .abtbg3 {
	background: url(../images/abt-icon3.png) no-repeat top center
}

.wrap_abt .abb ul li .abtbg4 {
	background: url(../images/abt-icon4.png) no-repeat top center
}

.wrap_abt .abb ul li:hover {
	background: #ffffff;
	transition: all ease-out .3s
}

.wrap_abt .abb ul li:hover p {
	color: #0093dd
}

.wrap_abt .abb ul li:hover .abtbg1 {
	background: url(../images/abt-icon1h.png) no-repeat top center
}

.wrap_abt .abb ul li:hover .abtbg2 {
	background: url(../images/abt-icon2h.png) no-repeat top center
}

.wrap_abt .abb ul li:hover .abtbg3 {
	background: url(../images/abt-icon3h.png) no-repeat top center
}

.wrap_abt .abb ul li:hover .abtbg4 {
	background: url(../images/abt-icon4h.png) no-repeat top center
}

.wrap_abt .abc {
	padding: 125px 0 200px 0
}

.wrap_abt .abc .tit {
	margin-bottom: 90px;
	font-size: 38px;
	line-height: 38px;
	color: #333333;
	text-align: center
}

.wrap_abt .abc ul li {
	height: 241px;
	background: #f9f9f9;
	margin-bottom: 7px;
	overflow: hidden
}

.wrap_abt .abc ul li .img {
	width: 336px;
	height: 241px;
	overflow: hidden
}

.wrap_abt .abc ul li .img>div {
	width: 336px;
	height: 241px;
	background: no-repeat center center;
	background-size: cover;
	transition: all ease-out .3s
}

.wrap_abt .abc ul li .img>div:hover {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1)
}

.wrap_abt .abc ul li .text {
	width: 750px;
	padding: 30px 0 0 0;
	box-sizing: border-box
}

.wrap_abt .abc ul li .text span {
	display: block;
	font-size: 22px;
	color: #666666;
	line-height: 58px
}

.wrap_abt .abc ul li .text span i {
	font-size: 24px;
	font-weight: bold;
	color: #84c225;
	font-family: arial
}

.wrap_abt .abc ul li .fl {
	text-align: right
}

.wrap_abt .abc ul li .fl i {
	margin-left: 22px
}

.wrap_abt .abc ul li .fr {
	text-align: left
}

.wrap_abt .abc ul li .fr i {
	margin-right: 22px
}

.wrap_abt .jq {
	margin: 138px 0 107px 0;
	text-align: center
}

.wrap_abt .email {
	margin-top: 120px;
	padding-bottom: 220px
}

.wrap_abt .email .tit {
	margin-bottom: 48px;
	font-size: 34px;
	line-height: 34px;
	color: #333333;
	text-align: center
}

.wrap_abt .email .cont {
	overflow: hidden;
	background: #ffffff;
	padding: 88px 66px 90px 66px;
	box-sizing: border-box
}

.wrap_abt .email .cont .item {
	width: 444px
}

.wrap_abt .email .cont .item h3 {
	position: relative;
	height: 62px;
	font-size: 30px;
	color: #0093dd;
	line-height: 30px;
	font-weight: normal;
	margin: 0px 0 36px 0
}

.wrap_abt .email .cont .item h3:before {
	position: absolute;
	top: 61px;
	left: 0px;
	content: '';
	width: 52px;
	height: 1px;
	background: #e4e4e4
}

.wrap_abt .email .cont .item h3:after {
	position: absolute;
	top: 62px;
	left: 0px;
	content: '';
	width: 52px;
	height: 1px;
	background: #f1f1f1
}

.wrap_abt .email .cont .item h3 span {
	color: #84c225
}

.wrap_abt .email .cont .item p {
	margin-top: 40px;
	font-size: 18px;
	color: #333333;
	line-height: 44px
}

.wrap_abt .join {
	min-height: 800px;
	margin-bottom: 200px
}

.wrap_abt .join .tit {
	margin: 100px 0 72px 0;
	text-align: center;
	font-size: 38px;
	color: #333333;
	line-height: 38px
}

.wrap_abt .join .cont ul li {
	box-sizing: border-box
}

.wrap_abt .join .cont ul li .name {
	height: 100px;
	overflow: hidden;
	line-height: 100px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 52px 0 78px;
	cursor: pointer
}

.wrap_abt .join .cont ul li .name .fl {
	width: 870px;
	font-size: 20px;
	color: #0093dd
}

.wrap_abt .join .cont ul li .name .fr {
	width: 50px;
	float: right;
	cursor: pointer
}

.wrap_abt .join .cont ul li .name .fr i {
	margin-top: 24px;
	font-size: 50px;
	color: #d7d7d7
}

.wrap_abt .join .cont ul li .itro {
	margin: 38px 78px;
	box-sizing: border-box;
	font-size: 14px;
	color: #666666;
	line-height: 24px
}

.wrap_abt .join .cont ul li.on .name {
	background: url(../images/join-bg.jpg) no-repeat #84c225 10px 50px
}

.wrap_abt .join .cont ul li.on .fl {
	color: #ffffff
}

.wrap_abt .join .cont ul li.on .fr i {
	color: #ffffff
}

.dtl .tit {
	padding-bottom: 45px;
	border-bottom: 1px solid #e5e5e5;
	text-align: center
}

.dtl .tit h3 {
	margin: 36px 0 18px 0;
	font-size: 26px;
	color: #333333;
	font-weight: normal
}

.dtl .tit span {
	display: block;
	font-size: 12p;
	color: #999999;
	line-height: 12px
}

.dtl .text {
	padding: 58px 0;
	font-size: 14p;
	color: #666666;
	line-height: 24px
}


.dtl .bank{ margin-top: 70px; font-size: 14px; color: #666666;}
.dtl .bank a{ font-size: 14px; color: #000;}