.inner-banner {
	width: 100%;
	position: relative;
/*	height: 266px;
	overflow: hidden*/
}
.inner-banner .ban-img {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	display: contents
}
@media (max-width:1200px) {
.inner-banner {
	margin-top: 75px;
	height: auto;
	overflow: visible
}
.inner-banner .ban-img {
	width: 100%;
	position: static;
	left: auto;
	margin-left: 0
}
}
@media (max-width:768px) {
.inner-banner {
	margin-top: 70px
}
}
@media (max-width:480px) {
.inner-banner {
	margin-top: 60px
}
}
.partner-brand {
	background: #f5f8f9;
	padding: 5.3645% 0 4.5833%
}
.partner-brand .partner-intro {
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #233645;
	margin: 2.6495% 0 4.6153%
}
.partner-brand .partner-list {
	margin-bottom: 4.017%
}
.partner-brand .partner-list ul {
	margin: 0 -3px
}
.partner-brand .partner-list li {
	width: calc(20% - 6px);
	float: left;
	margin: 0 3px 8px;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.partner-brand .partner-list li:hover {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.18);
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.partner-brand .partner-list a {
	display: block
}
.product-center {
	padding: 5.2083% 0 0
}
.product-center .container {
	padding-bottom: 6.1979%;
	border-bottom: 1px solid #e3e7e9
}
.product-center .product-list {
	margin: 5.3846% 0 12px
}
.product-center .product-list li {
	border: 2px solid #ecf1f3;
	border-radius: 10px;
	margin-bottom: 36px;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .product-list li:hover {
	-webkit-box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);
	box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);
	border-color: transparent;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .product-list li:hover .product-img img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}
.product-center .product-list li:hover h3 a {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .product-list li:hover .more {
	color: #fff;
	border-color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .product-list li:hover .more:before {
	width: 100%;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .product-list .list-main {
	font-size: 0
}
.product-center .product-list .product-img {
	width: 32.3076%;
	border-radius: 10px 0 0 10px;
	display: inline-block;
	vertical-align: middle
}
.product-center .product-list .product-img img {
	border-radius: 10px 0 0 10px;
	transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-ms-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-o-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-webkit-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-moz-transition: transform cubic-bezier(.215, .61, .355, 1) 1s
}
.product-center .product-list .product-desc {
	width: 67.6924%;
	padding: 3.8461% 3.5897% 3.8461% 1.8803%;
	display: inline-block;
	vertical-align: middle
}
.product-center .product-list h3 {
	font-size: 26px;
	line-height: 32px
}
.product-center .product-list h3 a {
	color: #233645;
	display: block;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.product-center .product-list p {
	width: 78.9696%;
	font-size: 12px;
	line-height: 28px;
	color: #979797;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 4.2016% 0 6.3025%
}
.product-center .relative-product {
	position: relative
}
.product-center .relative-product .relative-pro {
	font-size: 0;
	width: calc(100% - 220px)
}
.product-center .relative-product .list {
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	color: #233645;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .relative-product .list:after {
	content: '\\';
	font-size: 12px;
	line-height: 30px;
	color: #e2e2e2;
	display: inline-block;
	margin: 0 12px
}
.product-center .relative-product .list:last-child:after {
	display: none
}
.product-center .relative-product .list:hover {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.product-center .relative-product .more {
	position: absolute;
	top: 0;
	right: 0
}
@media (max-width:1440px) {
.product-center .product-list h3 {
	font-size: 24px
}
}
@media (max-width:1366px) {
.product-center .product-list h3 {
	font-size: 22px
}
.product-center .product-list p {
	margin: 3% 0 5%
}
.product-center .relative-product .list:after {
	margin: 0 8px
}
}
@media (max-width:1280px) {
.product-center .product-list h3 {
	font-size: 20px
}
}
@media (max-width:1200px) {
.product-center .product-list h3 {
	font-size: 18px;
	line-height: 28px
}
.product-center .product-list p {
	width: 85%;
	margin: 15px 0 25px
}
}
@media (max-width:992px) {
.partner-brand .partner-intro br {
	display: none
}
.partner-brand .partner-list li {
	width: calc(25% - 6px)
}
.product-center {
	padding: 45px 0 0
}
.product-center .container {
	padding-bottom: 60px
}
.product-center .product-list p {
	width: 100%;
	line-height: 24px;
	margin: 15px 0;
	height: 48px
}
.product-center .relative-product .relative-pro {
	width: 100%
}
.product-center .relative-product .list {
	line-height: 24px
}
.product-center .relative-product .list:after {
	line-height: 24px
}
.product-center .relative-product .more {
	position: relative;
	top: auto;
	right: auto;
	margin: 20px 0 0
}
}
@media (max-width:768px) {
.partner-brand {
	padding: 45px 0 60px
}
.partner-brand .partner-intro {
	margin: 25px 0 30px
}
.partner-brand .partner-list {
	margin-bottom: 35px
}
.partner-brand .partner-list li {
	width: calc(33.3333% - 6px)
}
.product-center .product-list {
	margin: 35px 0
}
.product-center .product-list li {
	margin-bottom: 30px
}
.product-center .product-list p {
	margin: 10px 0
}
.product-center .relative-product .more {
	margin-top: 15px
}
}
@media (max-width:680px) {
.product-center .product-list .product-img {
	width: 35%
}
.product-center .product-list .product-desc {
	width: 65%
}
}
@media (max-width:520px) {
.product-center .product-list .product-img {
	width: 100%;
	border-radius: 10px 10px 0 0
}
.product-center .product-list .product-img img {
	border-radius: 10px 10px 0 0
}
.product-center .product-list .product-desc {
	width: 100%;
	padding: 25px 15px
}
}
@media (max-width:500px) {
.partner-brand .partner-list li {
	width: calc(50% - 6px)
}
}
@media (max-width:480px) {
.partner-brand {
	padding-bottom: 55px
}
.partner-brand .partner-intro {
	margin: 20px 0 25px;
	font-weight: 400;
	line-height: 24px
}
.partner-brand .partner-list {
	margin-bottom: 30px
}
.product-center .product-list {
	margin: 30px 0
}
.product-center .product-list li {
	margin-bottom: 25px
}
}
.main {
	margin-top: 5.15625%
}
.module-wrap {
	padding-bottom: 8.1196%;
	border-bottom: 1px solid #e3e7e9
}
.module-wrap .left-tit {
	background: #79c2e2;
	border-radius: 6px 6px 0 0;
	padding: 34px 0;
	border-bottom: 1px solid #e1e9eb
}
.module-wrap .left-tit p {
	font-size: 30px;
	line-height: 1;
	color: #fff;
	text-align: center
}
.module-wrap .left-tit span {
	font-size: 14px;
	line-height: 1;
	color: #d9f2fc
}
.module-wrap .left-tit span:before {
	content: '/';
	font-size: 14px;
	line-height: 1;
	color: #d9f2fc;
	display: inline-block;
	margin: 0 3px 0 11px
}
.module-wrap .center-tit {
	font-size: 22px;
	line-height: 30px;
	color: #233645;
	margin-top: 18px
}
.module-wrap .center-tit:before {
	content: '';
	width: 18px;
	height: 2px;
	background: #57ade3;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px
}
.module-wrap .right-tit {
	font-size: 16px;
	line-height: 30px;
	color: #233645;
	margin: 22px 0
}
.module-left {
	width: 25%;
	border-bottom: 2px solid #dbe2e8
}
.module-left .aside-main {
	margin-bottom: 2px
}
.module-left .aside-main li {
	border-top: 1px solid #f0f4f5;
	border-bottom: 1px solid #e1e9eb;
	background: #f5f8f9;
	padding: 20px 32px 0 37px;
	position: relative;
	display: flow-root;
}
.module-left .aside-main li>a {
	font-size: 14px;
	line-height: 40px;
	/*position: relative;*/
	display: block;
	margin-bottom: 15px;
	color: #233645;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.module-left .aside-main li.on>a, .module-left .aside-main li:hover>a {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
/*.module-left .aside-main li .zclm{width:80%; margin:0; float:left;}
.module-left .aside-main li .list1{ width:20%; margin:0; float:right}*/
.module-left .aside-main .pro-list>a {
	cursor: pointer;
	padding-right: 30px
}
.module-left .aside-main .pro-list>a:after {
	content: attr(data-icon);
	font-size: 26px;
	position: absolute;
	right:40px;
	top: 16px;
	color: #91c9eb
}
.module-left .aside-main .pro-list[date-switch='1'] a:after {
	content: attr(data-hover);
	color: #93999d
}
.module-left .aside-main dl {
	margin-bottom: 23px;
	display: none
}
.module-left .aside-main dd {
	font-size: 12px;
	line-height: 40px;
	padding-left: 28px;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-left .aside-main dd a {
	color: #88939b;
	display: block;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-left .aside-main dd.active a, .module-left .aside-main dd:hover a {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-left .m-aside {
	display: none
}
.module-right {
/*	width: calc(100% - 260px);
	padding-left: 2.9914%*/
	width: 72%;
}
.module-right .pagination {
	position: relative;
	left: 50%;
	float: left;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}
.module-product {
	margin: 20px 0 30px
}
.module-product ul {
	margin: 0 -6px
}
.module-product li {
	float: left;
	width: 31.3333%;
	padding: 0 1%;
	/*padding: 0 6px;*/
	margin-bottom: 46px
}
.module-product li:hover .pro-img:after {
	height: 100%;
	transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease
}
.module-product li:hover .pro-intro {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .45s ease .1s;
	-ms-transition: all .45s ease .1s;
	-o-transition: all .45s ease .1s;
	-webkit-transition: all .45s ease .1s;
	-moz-transition: all .45s ease .1s
}
.module-product li:hover h2 {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-product a {
	display: block;
	position: relative
}
.module-product .pro-img {
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	position: relative
}
.module-product .pro-img img {
	border-radius: 6px;
	height: 230px;
}
.module-product .pro-img:after {
	content: '';
	width: 100%;
	height: 0;
	background: #57ade3;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	transition: all .25s ease .1s;
	-ms-transition: all .25s ease .1s;
	-o-transition: all .25s ease .1s;
	-webkit-transition: all .25s ease .1s;
	-moz-transition: all .25s ease .1s
}
.module-product .pro-intro {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(calc(-50% - .5px));
	-ms-transform: translateY(calc(-50% - .5px));
	-o-transform: translateY(calc(-50% - .5px));
	-webkit-transform: translateY(calc(-50% - .5px));
	-moz-transform: translateY(calc(-50% - .5px));
	z-index: 22;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-product h2 {
	font-size: 16px;
	color: #233645;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	margin-top: 24px;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-product h3 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.module-product h3:after {
	content: '';
	width: 32px;
	height: 1px;
	background: #9ad5fb;
	display: block;
	margin: 20px auto
}
.module-product p {
	width: 68.9045%;
	font-size: 12px;
	line-height: 28px;
	color: #aedffe;
	margin: 0 auto;
	height: 84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
.module-main {
	width: 100%;
/*	padding-right: 3.4285%*/
}
.module-list {
	margin: 20px 0 6.5079%
}
.module-list li a {
	display: block;
	font-size: 0;
	position: relative
}
.module-list li a>div {
	display: inline-block;
	vertical-align: middle
}
.module-list .img_scale {
	width: 27%;
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 12.87px .13px rgba(124,129,134,.23);
	box-shadow: 0 2px 12.87px .13px rgba(124,129,134,.23)
}
.module-list .img_scale img {
	transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-ms-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-o-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-webkit-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-moz-transition: transform cubic-bezier(.215, .61, .355, 1) 1s
}
.module-list .module-desc {
	width: 70%;
	padding: 0 11.5873% 0 5.238%
}
.module-list .list2 {
	background: url(../images/bg.jpg) no-repeat center/cover;
	padding: 17px 13px;
	margin-bottom: 21px;
	border-radius: 6px
}
.module-list .list2:hover .img_scale img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}
.module-list .list2:hover h3 {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-list .list2:hover .to-detail {
	color: #57ade3
}
.module-list .list2:hover .to-detail:before {
	animation: underline 1s 1;
	-webkit-animation: underline 1s 1;
	-moz-animation: underline 1s 1;
	-o-animation: underline 1s 1
}
.module-list .list2 h3 {
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.module-list .list2 .time {
	font-size: 12px;
	line-height: 28px
}
.module-list .list2 p {
	font-size: 12px;
	line-height: 26px;
	color: #979797;
	height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.module-list .solution-list h3 {
	font-size: 16px;
	line-height: 26px;
	color: #233645;
	height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 2px
}
.module-list .solution-list .time {
	color: #b0b0b0
}
.module-list .solution-list p {
	margin: 18px 0 19.6567%
}
.module-list .new-list .time {
	width: 46.245%;
	min-width: 90px;
	text-align: center;
	border: 1px solid #afd8f3;
	border-radius: 13px;
	background: #fff;
	color: #57ade3;
	margin-bottom: 10px
}
.module-list .new-list h3 {
	font-size: 14px;
	line-height: 24px;
	color: #2b2b2b;
	/*height: 48px;*/
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.module-list .new-list p {
	margin: 10px 0 10px
}
.relation-list {
	margin-bottom: 19.365%
}
.relation-list .invest-list {
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	padding: 0 32px 0 18px;
	background: rgba(87,173,227,0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	margin-bottom: 12px
}
.relation-list .invest-list h4 {
	width: 85%;
	font-size: 14px;
	line-height: 54px;
	color: #233645;
	height: 54px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relation-list .invest-list h4:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #b4d4ea;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px
}
.relation-list .invest-list span {
	font-size: 14px;
	line-height: 54px;
	position: absolute;
	top: 0;
	right: 0;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relation-list .invest-list .det {
	color: #fefefe;
	font-weight: 700;
	text-transform: uppercase;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px)
}
.relation-list .invest-list .time {
	color: #979797
}
.relation-list .invest-list:hover {
	background: #57ade3;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relation-list .invest-list:hover h4 {
	color: #fff;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relation-list .invest-list:hover .det {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relation-list .invest-list:hover .time {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.relative-main {
	width: 24.5714%
}
.relative-main li {
	margin-bottom: 55px;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relative-main li:hover .img_scale img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}
.relative-main li:hover a {
	color: #57ade3;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relative-main a {
	display: block;
	color: #979797;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relative-main .img_scale {
	border: 1px solid #e4e4e4;
	border-radius: 6px
}
.relative-main .img_scale img {
	border-radius: 6px;
	transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-ms-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-o-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-webkit-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
	-moz-transition: transform cubic-bezier(.215, .61, .355, 1) 1s
}
.relative-main h5 {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	margin-top: 15px
}
@media (max-width:1440px) {
.module-wrap .left-tit {
	padding: 30px 0
}
.module-wrap .left-tit p {
	font-size: 26px
}
.relative-main li {
	margin-bottom: 45px
}
}
@media (max-width:1366px) {
.module-wrap .left-tit p {
	font-size: 24px
}
.relative-main li {
	margin-bottom: 35px
}
.module-list .module-desc {
	padding: 0 8% 0 5.238%
}
.module-list .solution-list p {
	margin: 18px 0 12%
}
}
@media (max-width:1280px) {
.module-list {
	margin-bottom: 45px
}
.module-list .module-desc {
	padding: 0 5%
}
.module-list .new-list p {
	margin: 20px 0
}
.module-list .solution-list p {
	margin: 15px 0 20px
}
.relative-main li {
	margin-bottom: 30px
}
.relation-list .invest-list {
	padding: 0 18px
}
}
@media (max-width:1200px) {
.module-wrap .left-tit {
	padding: 25px 0
}
.module-wrap .left-tit p {
	font-size: 22px
}
.module-wrap .left-tit span:before {
	margin: 0 3px
}
.module-wrap .center-tit {
	font-size: 20px
}
.module-wrap .right-tit {
	margin: 15px 0
}
.module-product h2 {
	font-size: 15px;
	margin-top: 18px
}
.module-product li {
	margin-bottom: 35px
}
.module-list .module-desc {
	padding: 0 0 0 5%
}
.module-list .new-list p {
	margin: 10px 0
}
.module-list .new-list .time {
	margin-bottom: 10px
}
.module-list .list2 p {
	line-height: 24px;
	height: 48px
}
.relation-list .invest-list h4 {
	width: 78%
}
}
@media (max-width:992px) {
.module-wrap .left-tit p {
	font-size: 20px
}
.module-wrap .center-tit {
	font-size: 18px;
	line-height: 24px;
	margin-top: 15px
}
.module-wrap .center-tit:before {
	margin-right: 10px
}
.module-left {
	width: 200px
}
.module-left .aside-main li {
	padding: 15px 10px 0
}
.module-left .aside-main li>a {
	margin-bottom: 10px;
	line-height: 36px
}
.module-left .aside-main .pro-list>a {
	padding-right: 25px
}
.module-left .aside-main dl {
	margin-bottom: 15px
}
.module-left .aside-main dd {
	padding-left: 15px;
	line-height: 36px;
	height: 36px
}
.module-right {
	width: calc(100% - 200px)
}
.module-right .solution-list h3 {
	height: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}
.module-right .solution-list p {
	margin: 10px 0 15px
}
.module-product h2 {
	font-size: 14px;
	margin-top: 12px
}
.module-product ul {
	margin: 0 -5px
}
.module-product li {
	margin-bottom: 25px;
	padding: 0 5px
}
.module-main {
	width: 100%;
	float: none;
	margin-bottom: 45px;
	padding-right: 0
}
.relative-main {
	width: 100%;
	float: none
}
.relative-main ul {
	margin: 0 -5px
}
.relative-main li {
	float: left;
	width: 33.3333%;
	padding: 0 5px;
	margin-bottom: 25px
}
.relative-main h5 {
	margin-top: 10px
}
.relation-list .invest-list {
	padding: 0 12px
}
.relation-list .invest-list h4 {
	line-height: 48px;
	height: 48px
}
.relation-list .invest-list h4:before {
	margin-right: 5px
}
.relation-list .invest-list span {
	line-height: 48px
}
}
@media (max-width:768px) {
    .module-product .pro-img img{ height:150px;}
.module-wrap {
	padding-bottom: 55px
}
.module-wrap .left-tit {
	background: 0 0;
	border-bottom: none;
	padding: 0
}
.module-wrap .left-tit p {
	color: #233645;
	font-size: 24px;
	text-align: left
}
.module-wrap .left-tit span {
	color: #233645
}
.module-wrap .center-tit {
	margin-top: 20px
}
.module-left {
	width: 100%;
	float: none;
	border-bottom: none
}
.module-left .product-aside {
	display: none
}
.module-left .aside-main {
	margin-top: 20px;
	margin-bottom: 0
}
.module-left .aside-main li {
	float: left;
	width: 33.3333%;
	border: 1px solid #57ade3;
	padding: 0;
	background: 0 0;
	text-align: center;
	margin-left: -1px;
	margin-top: -1px
}
.module-left .aside-main li>a {
	margin-bottom: 0;
	line-height: 42px
}
.module-left .m-aside {
	display: block;
	margin-top: 20px
}
.module-left .m-aside ul {
	margin: 0 -5px
}
.module-left .m-aside li {
	border: 1px solid #e4e4e4;
	width: calc(50% - 10px);
	margin: 0 5px;
	float: left;
	position: relative;
	padding: 0 10px
}
.module-left .m-aside p {
	font-size: 14px;
	line-height: 36px;
	color: #233645;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	padding-right: 10px
}
.module-left .m-aside p:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #57ade3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 0
}
.module-left .m-aside dl {
	width: calc(100% + 2px);
	position: absolute;
	left: -1px;
	background: #fff;
	border: 1px solid #e4e4e4;
	z-index: 33;
	padding: 10px 10px;
	display: none
}
.module-left .m-aside dd {
	font-size: 13px;
	line-height: 32px;
	color: #233645;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}
.module-right {
	width: 100%;
	padding-left: 0
}
.module-right .new-list .time {
	width: 100px
}
.module-main {
	margin-bottom: 55px
}
.module-product .pro-img:after {
	display: none
}
.module-product .pro-intro {
	display: none
}
}
@media (max-width:560px) {
.module-right .new-list .time {
	display: none
}
.module-right .new-list p {
	margin: 5px 0 10px
}
.module-product li {
	width: 50%
}
}
@media (max-width:480px) {
.module-wrap {
	padding-bottom: 20px
}
.module-wrap .left-tit p {
	font-size: 20px
}
.module-wrap .center-tit {
	font-size: 16px
}
.product-wrap {
	padding-bottom: 55px
}
.relative-main li {
	width: 50%
}
.module-right .pagination {
	float: none;
	left: auto;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}
.module-right .solution-list h3 {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 24px;
	height: 24px
}
.module-right .solution-list p {
	margin: 10px 0
}
.module-left .aside-main li {
	width: 50%
}
.module-left .aside-main li>a {
	line-height: 36px
}
.module-left .m-aside ul {
	margin: 0
}
.module-left .m-aside li {
	width: 100%;
	margin: 0 0 10px
}
.module-left .m-aside li:first-child dl {
	z-index: 34
}
.module-left .m-aside li:last-child {
	margin-bottom: 0
}
.module-list {
	margin-bottom: 35px
}
.module-list .list2 {
	padding: 12px 8px;
	margin-bottom: 12px
}
.module-list .list2 .time {
	display: none
}
.module-list .list2 p {
	line-height: 20px;
	height: 40px
}
.module-main {
	margin-bottom: 45px
}
.relation-list .invest-list {
	padding: 0 8px
}
.relation-list .invest-list h4 {
	width: 100%
}
.relation-list .invest-list span {
	display: none
}
.module-product {
	margin-bottom: 10px
}
}
.product-info1 {
	margin: 20px 0 6.0571%
}
.info-img {
	width: 61.3714%
}
.view {
	border-radius: 6px
}
.preview {
	position: relative;
	margin-top: 7px
}
.preview .gallery-thumbs {
	width: 75.9776%;
	margin: 0 auto
}
.preview .swiper-slide {
	width: calc(25% - 6px);
	margin: 0 3px;
	border: 2px solid #ecf1f3;
	border-radius: 6px;
	cursor: pointer
}
.preview img {
	border-radius: 6px
}
.preview .active-nav {
	border-color: #57ade3
}
.preview .arr-left {
	margin-left: 0
}
.preview .arr-right {
	margin-right: 0
}
.info-intro {
	width: 38.6286%;
	padding-left: 4%
}
.info-intro .intro-con {
	margin: 20px 0 15.6804%
}
.info-intro .intro-con p {
	font-size: 14px;
	line-height: 28px;
	color: #233645
}
.info-intro .more {
	margin: 0;
	cursor: pointer
}
.info-intro .more span {
	font-weight: 700
}
.product-info2 .layui-tab-title {
	height: 46px;
	border-bottom-width: 2px;
	border-bottom-color: #ecf1f3
}
.product-info2 .layui-tab-title li {
	width: 20%;
	padding: 0;
	font-size: 16px;
	line-height: 46px;
	color: #233645
}
.product-info2 .layui-tab-title .layui-this {
	color: #57ade3
}
.product-info2 .layui-tab-title .layui-this:after {
	height: 46px;
	border-radius: 6px 6px 0 0;
	border-width: 2px;
	border-color: #ecf1f3;
	border-bottom-color: #fff
}
.product-info2 .layui-tab-content {
	padding: 0
}
.product-info2 .layui-tab-content>div {
	padding: 8% 6.5142% 0
}
.info-wrap1 p {
	font-size: 14px;
	line-height: 28px;
	color: #979797
}
.info-wrap1 .info-tit {
	color: #233645
}
.info-wrap1 img {
	max-width: 100%;
	height: auto;
	display: block
}
.info-wrap2 li {
	font-size: 14px;
	line-height: 28px;
	padding: 11px 16px;
	color: #979797
}
.info-wrap2 li:nth-child(2n+1) {
	background: #f8f8f8
}
.info-wrap2 li:nth-child(2n) {
	background: #fff
}
.info-wrap3 li {
	color: #979797;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 8px
}
.info-wrap3 li.open .issue span {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	margin-top: 13px
}
.info-wrap3 .issue {
	padding: 11px 16px;
	background: #f8f8f8;
	position: relative;
	cursor: pointer
}
.info-wrap3 .issue p {
	padding-right: 15px
}
.info-wrap3 .issue span {
	width: 10px;
	height: 10px;
	border-top: 1px solid #979797;
	border-right: 1px solid #979797;
	position: absolute;
	right: 16px;
	top: 11px;
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	margin-top: 5px
}
.info-wrap3 .info-con {
	padding: 13px 16px 17px;
	display: none
}
.product-info {
	margin-top: 15.771%;
	border-bottom: none!important;
	padding: 0 6.5142% 6.5142%
}
.view360-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	z-index: 10000;
	display: none
}
.view360-wrap .view360-main {
	width: 46.875%;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 10001
}
.view360-wrap .view360-top {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.view360-wrap .view360-tit {
	font-size: 18px;
	line-height: 30px
}
.view360-wrap .close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	background: url(../images/close1.png) no-repeat;
	cursor: pointer
}
.view360-wrap .threesixty {
	margin-top: 30px
}
.view360-wrap .btn-wrap {
	text-align: center;
	margin: 30px 0
}
.view360-wrap .btn-wrap a {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background: #79c2e2;
	color: #fff
}
@media (max-width:1440px) {
.product-info2 .layui-tab-content>div {
	padding: 5% 3% 0
}
.product-info {
	padding: 0 3% 6.5142%
}
}
@media (max-width:1280px) {
.product-info2 .layui-tab-title li {
	font-size: 15px
}
.view360-wrap .view360-main {
	width: 60vw
}
}
@media (max-width:1200px) {
.preview .swiper-slide {
	width: calc(33.3333% - 6px)
}
.info-intro {
	padding-left: 20px
}
}
@media (max-width:992px) {
.info-intro {
	width: 100%;
	float: none;
	padding-left: 0
}
.info-intro .intro-con {
	margin: 40px 0
}
.info-img {
	width: 100%;
	float: none
}
.product-info {
	margin-top: 12%;
	padding: 0 0 6.5142%
}
.info-btn.product-info {
	padding-bottom: 0
}
.product-info1 {
	margin-bottom: 45px
}
.product-info2 .layui-tab-title {
	height: 36px
}
.product-info2 .layui-tab-title li {
	line-height: 36px;
	font-size: 14px
}
.product-info2 .layui-tab-title .layui-this:after {
	height: 36px
}
.product-info2 .layui-tab-content>div {
	padding: 5% 0 0
}
.info-wrap3 li.open .issue span {
	margin-top: 10px
}
.info-wrap3 .issue {
	padding: 10px
}
.info-wrap3 .issue p {
	padding-right: 15px
}
.info-wrap3 .issue span {
	right: 10px
}
.info-wrap3 .info-con {
	padding: 10px
}
.info-wrap2 li {
	padding: 11px 10px
}
}
@media (max-width:768px) {
.product-info2 .layui-tab-title li {
	font-size: 13px
}
.product-info2 .layui-tab-content>div {
	padding-top: 25px
}
.info-wrap1 p {
	font-size: 13px
}
.info-wrap2 li {
	line-height: 24px;
	font-size: 13px
}
.info-wrap3 li {
	line-height: 24px;
	font-size: 13px
}
.view360-btn, .view360-wrap {
	display: none
}
.product-info1 {
	margin-bottom: 0
}
}
@media (max-width:480px) {
.info-btn.product-info {
	padding-bottom: 25px
}
.info-intro .intro-con {
	margin: 30px 0
}
.product-info1 {
	margin-bottom: 30px
}
}
.relation-wrap {
	margin-top: 3.90625%
}
.relation-top .relation-img {
	width: 18.1196%
}
.relation-top .relation-img .relation-bg {
	width: 100%;
	background: #79c2e1;
	height: 46px
}
.relation-info {
	width: 81.8804%
}
.relation-info .relation-tit {
	width: 100%;
	background: #c8d0d2;
	height: 46px
}
.relation-info .relation-tit p {
	width: 193px;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	background: #5498b5
}
.relation-info-wrap {
	background: #f4f5f7
}
.relation-info-wrap .img {
	width: 40.501%
}
.relation-info-wrap .info-list {
	width: 59.499%;
	padding: 4.8016% 6.263% 0
}
.relation-info-wrap .list-top a {
	display: block;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-info-wrap .list-top a:hover h3 {
	text-decoration: underline;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-info-wrap .list-top h3 {
	font-size: 16px;
	color: #233645;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-info-wrap .list-top .time {
	font-size: 12px;
	color: #233645;
	line-height: 22px
}
.relation-info-wrap .list-top p {
	font-size: 12px;
	line-height: 24px;
	color: #979797;
	height: 72px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 10px
}
.relation-info-wrap .list-bottom {
	margin: 6.6666% 0 20px
}
.relation-info-wrap .list-bottom li {
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-info-wrap .list-bottom li:hover {
	text-decoration: underline;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-info-wrap .list-bottom a {
	display: block;
	color: #233645
}
.relation-info-wrap .list-bottom a:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #b4d4ea;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 4px
}
.relation-bottom {
	margin-top: 6.4957%
}
.relation-bottom .relation-intro {
	text-align: center
}
.relation-bottom .relation-intro h4 {
	font-size: 22px;
	line-height: 28px;
	color: #233645;
	margin-bottom: 15px
}
.relation-bottom .relation-intro span {
	color: #57ade3
}
.relation-bottom .relation-intro p {
	font-size: 14px;
	line-height: 26px;
	color: #979797
}
.relation-list2 {
	margin-top: 5.47%;
	padding-bottom: 7.8632%;
	border-bottom: 1px solid #e3e7e9
}
.relation-list2 li {
	float: left;
	width: 33.3333%;
	padding: 18px 26px 15px
}
.relation-list2 .invest-list {
	display: none
}
.relation-list2 .report-list {
	background: #79c2e1
}
.relation-list2 .finance-list {
	background: #5498b5
}
.relation-list2 .finance-list .inner-tit .en-tit {
	color: #93c5db
}
.relation-list2 .finance-list .time {
	color: #93c5db
}
.relation-list2 .finance-list dl {
	border-top-color: #c5dce6
}
.relation-list2 .stock-list {
	background: #63809c
}
.relation-list2 .stock-list .inner-tit .en-tit {
	color: #97b0c8
}
.relation-list2 .stock-list .time {
	color: #97b0c8
}
.relation-list2 .stock-list dl {
	border-top-color: #cad5de
}
.relation-list2 .list2-top {
	position: relative
}
.relation-list2 .inner-tit .cn-tit {
	font-size: 18px;
	line-height: 30px;
	color: #fff
}
.relation-list2 .inner-tit .en-tit {
	font-size: 12px;
	line-height: 24px;
	color: #afe2f7
}
.relation-list2 .to-detail {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 3px
}
.relation-list2 dl {
	margin-top: 15px;
	border-top: 1px dashed #dcedf5;
	padding-top: 6px
}
.relation-list2 dd a {
	display: block;
	position: relative
}
.relation-list2 dd:hover h3 {
	text-decoration: underline;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-list2 h3 {
	width: 75%;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
	color: #d9f2fc;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.relation-list2 .time {
	font-size: 14px;
	line-height: 36px;
	color: #afe2f7;
	position: absolute;
	right: 0;
	top: 0
}
@media (max-width:1280px) {
.relation-info-wrap .info-list {
	padding: 20px 25px 0
}
.relation-bottom .relation-intro h4 {
	font-size: 20px;
	margin-bottom: 10px
}
}
@media (max-width:1200px) {
.relation-info .relation-tit {
	height: 36px
}
.relation-info .relation-tit p {
	font-size: 16px;
	width: 150px;
	line-height: 36px
}
.relation-list2 li {
	padding: 15px
}
.relation-list2 .inner-tit .cn-tit {
	font-size: 16px;
	line-height: 24px
}
.relation-list2 h3 {
	width: 70%
}
.relation-bottom .relation-intro p br {
	display: none
}
.relation-info-wrap .list-top p {
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.relation-info-wrap .list-bottom {
	margin: 10px 0 15px
}
.relation-top .relation-img .relation-bg {
	height: 36px
}
}
@media (max-width:992px) {
.relation-wrap {
	margin-top: 45px
}
.relation-top .relation-img {
	display: none
}
.relation-info-wrap .info-list {
	display: none
}
.relation-info-wrap .img {
	width: 50%;
	margin: 0 auto;
	float: none
}
.relation-info {
	width: 100%
}
.relation-info .relation-tit {
	display: none
}
.relation-bottom .relation-intro h4 {
	font-size: 18px
}
.relation-list2 li {
	width: 50%
}
.relation-list2 .invest-list {
	display: block;
	background: #496784
}
.relation-list2 .invest-list .inner-tit .en-tit {
	color: #8899a9
}
.relation-list2 .invest-list .time {
	color: #8899a9
}
.relation-list2 .invest-list dl {
	border-top-color: #cad5de
}
}
@media (max-width:768px) {
.relation-list2 h3 {
	width: 100%
}
.relation-list2 .time {
	display: none
}
.relation-info-wrap .img {
	width: 100%
}
.relation-bottom {
	margin-top: 45px
}
.relation-bottom .relation-intro h4 {
	font-size: 16px
}
.relation-list2 {
	margin-top: 35px;
	padding-bottom: 45px
}
}
@media (max-width:600px) {
.relation-list2 li {
	width: 100%;
	margin-bottom: 20px
}
}
@media (max-width:480px) {
.relation-bottom {
	margin-top: 30px
}
.relation-list2 {
	margin-top: 25px;
	padding-bottom: 25px
}
}
.sub-tit {
	font-size: 0;
	margin-top: 6px;
	padding-left: 33px
}
.sub-tit span {
	font-size: 12px;
	line-height: 30px;
	color: #b0b0b0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px
}
.info-wrap {
	border-top: 1px dashed #bebebe;
	padding-top: 23px
}
.info-wrap p {
	font-size: 12px;
	line-height: 30px;
	color: #979797;
	margin-bottom: 5px
}
.info-wrap iframe{ width:800px;height:500px;}
.info-wrap .info-tit {
	color: #233645
}
.info-wrap img {
	max-width: 100%;
	height: auto;
	/*display: block*/
}
.info-link {
	margin: 3% 0;
}
.info-link a {
	font-size: 12px;
	line-height: 30px;
	display: block;
	color: #979797;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.info-link a:hover {
	color: #233645;
	transition: all .45s ease;
	-ms-transition: all .45s ease;
	-o-transition: all .45s ease;
	-webkit-transition: all .45s ease;
	-moz-transition: all .45s ease
}
.info-btn {
	padding-bottom: 6.8253%;
	border-bottom: 1px dashed #bebebe
}
.hot-wrap {
	margin-top: 38px
}
.hot-wrap .hot-main {
	margin-top: 33px
}
.hot-wrap li {
	border: 1px solid #ececec;
	padding: 0 20px;
	margin-bottom: 7px;
	background: rgba(87,173,227,0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap li:hover {
	background: #57ade3;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap li:hover h3 {
	color: #fff;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap li:hover .hot-more {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap li:hover .hot-time {
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap a {
	display: block;
	position: relative
}
.hot-wrap h3 {
	width: 85%;
	font-size: 14px;
	line-height: 36px;
	color: #233645;
	height: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap span {
	font-size: 14px;
	line-height: 36px;
	color: #b0b0b0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease
}
.hot-wrap .hot-more {
	color: #fefefe;
	text-transform: uppercase;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px)
}
.hot-wrap .hot-time {
	color: #979797
}
@media (max-width:1200px) {
.hot-wrap {
	margin-top: 30px
}
.hot-wrap .hot-main {
	margin-top: 20px
}
.hot-wrap h3 {
	width: 78%
}
.hot-wrap li {
	padding: 0 10px
}
}
@media (max-width:992px) {
.sub-tit {
	padding-left: 28px
}
.sub-tit span {
	margin-right: 20px
}
}
@media (max-width:768px) {
.info-link {
	margin: 45px 0
}
.info-link a {
	line-height: 24px
}
.info-btn {
	padding-bottom: 45px
}
.info-wrap p {
	line-height: 26px
}
.info-wrap iframe{ width:100% !important; height:300px;}
.sub-tit span {
	margin-right: 12px
}
.sub-tit span:last-child {
	margin-right: 0
}
}
@media (max-width:480px) {
.hot-wrap h3 {
	width: 100%
}
.hot-wrap span {
	display: none
}
.info-link {
	margin: 30px 0
}
.info-btn {
	padding-bottom: 30px
}
.hot-wrap {
	margin-top: 20px
}
.hot-wrap .hot-main {
	margin-top: 15px
}
}
@media (max-width:372px) {
.sub-tit {
	padding-left: 0
}
}
.contact-wrap {
	margin-top: 5.3645%
}
.contact-top {
	text-align: center
}
.contact-top h2 {
	font-size: 36px;
	line-height: 1;
	color: #233645;
	margin-bottom: 10px
}
.contact-top p {
	font-size: 14px;
	line-height: 28px;
	color: #98b8cd
}
.contact-center {
	padding: 6.8376% 0 3.0769%;
	border-bottom: 1px solid #e3e7e9
}
.contact-center li {
	float: left;
	font-size: 14px;
	line-height: 36px;
	color: #233645;
	text-transform: uppercase
}
.contact-center li:before {
	content: '';
	height: 19px;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: sub;
	margin-right: 10px
}
.contact-center li:after {
	content: '';
	width: 1px;
	height: 15px;
	background: #dfdfdf;
	display: inline-block;
	vertical-align: middle;
	margin: 0 49px
}
.contact-center li:last-child:after {
	display: none
}
.contact-center .contact-tel:before {
	width: 15px;
	background-position: -69px 0
}
.contact-center .contact-fax:before {
	width: 18px;
	background-position: -84px 0
}
.contact-center .contact-addr:before {
	width: 15px;
	background-position: -102px 0
}
.contact-center .contact-website:before {
	width: 18px;
	background-position: -117px 0
}
.contact-center a {
	display: inline-block;
	color: #233645
}
.contact-bottom {
	padding: 5.7264% 0 10.8547%;
	border-bottom: 1px solid #e3e7e9
}
.contact-bottom .map {
	width: 48.2051%;
	height: 418px;
	border: 8px solid #fff;
	border-radius: 8px;
	-webkit-box-shadow: 1px 8px 13px 0 rgba(33,41,59,.11);
	box-shadow: 1px 8px 13px 0 rgba(33,41,59,.11)
}
.contact-from {
	width: 48.2051%
}
.contact-from .ipt {
	width: 100%;
	border-radius: 8px;
	background: #f5f5f5;
	margin-bottom: 12px
}
.contact-from input {
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	color: #b7bfc4;
	padding: 0 20px
}
.contact-from input::-moz-placeholder {
color:#b7bfc4
}
.contact-from input:-ms-input-placeholder {
color:#b7bfc4
}
.contact-from input::-webkit-input-placeholder {
color:#b7bfc4
}
.contact-from textarea {
	width: 100%;
	height: 170px;
	font-size: 14px;
	line-height: 24px;
	color: #b7bfc4;
	padding: 10px 20px
}
.contact-from textarea::-moz-placeholder {
color:#b7bfc4
}
.contact-from textarea:-ms-input-placeholder {
color:#b7bfc4
}
.contact-from textarea::-webkit-input-placeholder {
color:#b7bfc4
}
.contact-from .contact-submit {
	width: 100%;
	font-size: 16px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	background: #57ade3;
	margin-top: 10px
}
@media (max-width:1680px) {
.contact-top h2 {
	font-size: 32px
}
}
@media (max-width:1440px) {
.contact-top h2 {
	font-size: 28px
}
}
@media (max-width:1280px) {
.contact-center li:after {
	margin: 0 36px
}
}
@media (max-width:1200px) {
.contact-top h2 {
	font-size: 24px
}
.contact-center {
	padding: 45px 0 20px;
	border-bottom: none
}
.contact-center li {
	width: 100%;
	float: none
}
.contact-center li:after {
	display: none
}
.contact-from input {
	padding: 0 10px
}
.contact-from textarea {
	padding: 10px
}
}
@media (max-width:768px) {
.contact-wrap {
	margin-top: 45px
}
.contact-top h2 {
	font-size: 22px
}
.contact-center {
	padding: 30px 0 20px
}
.contact-center li {
	line-height: 24px;
	margin-bottom: 10px
}
.contact-bottom {
	padding: 15px 0 55px
}
.contact-bottom .map {
	width: 100%;
	float: none;
	height: 360px
}
.contact-bottom .contact-from {
	width: 100%;
	float: none;
	margin-top: 45px
}
}
@media (max-width:480px) {
.contact-bottom {
	padding: 10px 0 45px
}
.contact-bottom .contact-from {
	margin-top: 30px
}
}
.service-wrap {
	margin-top: 5.4166%;
	padding-bottom: 12.0208%;
	position: relative
}
.service-wrap:after {
	content: '';
	width: 100%;
	height: 625px;
	background: url(../images/service-bg.jpg) no-repeat center;
	position: absolute;
	bottom: -34px;
	left: 0;
	z-index: -1
}
.service-main {
	width: 53.8461%;
	margin-top: 5.3846%
}
.service-main h4 {
	font-size: 14px;
	line-height: 32px;
	color: #233645;
	margin-bottom: 22px
}
.service-main p {
	font-size: 14px;
	line-height: 26px;
	color: #979797
}
.service-main .more {
	margin: 8.7301% 0 0
}
.service-info {
	margin-bottom: 45px
}
.service-btn {
	border-bottom: none
}
@media (max-width:1280px) {
.service-wrap:after {
	display: none
}
.service-main {
	width: 100%
}
.service-main br {
	display: none
}
.service-main .more {
	margin: 3% auto 0
}
}
@media (max-width:992px) {
.service-wrap {
	margin-top: 75px
}
.service-main h4 {
	margin-bottom: 10px;
	line-height: 24px
}
.service-main p {
	line-height: 24px
}
.service-main .more {
	margin-top: 35px
}
}
@media (max-width:768px) {
.service-wrap {
	margin-top: 45px;
	padding-bottom: 75px
}
.service-main .more {
	margin-top: 30px
}
}
.about-profile {
	margin-top: 5.3645%;
/*	margin-bottom: 5.7291%*/
}
.profile-wrap {
	margin-top: 3%;
	    border-bottom: 1px solid #e3e7e9;
}
.intro-left {
	width: 100%;
	padding-top: 2.735%
}
.intro-left .intro-tit {
	margin-bottom: 8.1481%
}
.intro-left h4 {
	font-size: 18px;
	color: #233645;
	line-height: 32px
}
.intro-left span {
	font-size: 14px
}
.intro-left h5 {
	font-size: 12px;
	color: #979797;
}
.intro-left p {
	font-size: 14px;
	color: #979797;
	line-height: 26px
}
.intro-left .more {
	margin: 8.8888% 0 0
}
.intro-right {
	width: 46.6666%
}
.intro-right .intro-img {
	width: 96.5201%;
	position: relative
}
.intro-right .intro-img:after {
	content: '';
	width: 100%;
	height: 100%;
	background: #f6f7f8;
	position: absolute;
	right: -3.4799%;
	top: 12.3893%;
	z-index: -1
}
.about-culture {
	position: relative
}
.about-culture .culture-text {
	position: absolute;
	top: 13.9092%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}
.about-culture .culture-desc {
	margin-top: 2.735%
}
.about-culture p {
	font-size: 14px;
	color: #233645;
	line-height: 36px;
	text-align: center
}
.about-develop {
	position: relative;
	height: 855px;
	overflow: hidden;
	width: 100%
}
.about-develop .develop-main {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	top: 0;
	height: 100%
}
.about-develop .develop-bg {
	width: 1920px;
	position: absolute;
	left: 50%;
	margin-left: -960px
}
.about-develop .tit {
	position: absolute;
	top: 9.5794%;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%)
}
.about-develop li {
	position: absolute
}
.about-develop li:nth-child(1) {
	width: 88px;
	left: 0;
	top: 81.7757%
}
.about-develop li:nth-child(2) {
	width: 88px;
	left: 11.9258%;
	top: 78.2456%
}
.about-develop li:nth-child(3) {
	width: 102px;
	left: 19.4017%;
	top: 68.538%
}
.about-develop li:nth-child(4) {
	width: 88px;
	left: 25.8119%;
	top: 56.4912%
}
.about-develop li:nth-child(5) {
	width: 116px;
	left: 32.2222%;
	top: 43.8596%
}
.about-develop li:nth-child(6) {
	width: 88px;
	left: 46.1538%;
	top: 40.1169%
}
.about-develop li:nth-child(7) {
	width: 88px;
	left: 58.376%;
	top: 46.7836%
}
.about-develop li:nth-child(8) {
	width: 88px;
	left: 70.4273%;
	top: 53.4502%
}
.about-develop li:nth-child(9) {
	width: 88px;
	left: 81.9165%;
	top: 47.7192%
}
.about-develop li:nth-child(10) {
	width: 88px;
	left: 89.1452%;
	top: 36.959%
}
.about-develop li:nth-child(11) {
	width: 88px;
	left: 92.735%;
	top: 24.7953%
}
.about-develop h4 {
	font-size: 26px;
	color: #57ade3;
}
.about-develop span {
	font-size: 14px;
	color: #57ade3
}
.about-develop p {
	font-size: 14px;
	color: #233645;
	margin-top: 10px
}
.about-honor {
	background: #f7f7f7;
	padding-top: 5.1041%;
	padding-bottom: 4.9479%
}
.about-honor .honor-wrap {
	position: relative;
	margin-top: 4.017%
}
.about-honor .img_scale {
	-webkit-box-shadow: 1px 1px 9px 0 rgba(99,128,156,.14);
	box-shadow: 1px 1px 9px 0 rgba(99,128,156,.14)
}
.about-honor p {
	text-align: center;
	font-size: 16px;
	color: #233645;
	line-height: 24px;
	margin-top: 10px
}
.about-organization {
	margin-top: 5.4166%;
	margin-bottom: 6.7708%;
	text-align: center
}
.about-organization .org-img {
	margin-top: 4.7863%
}
.about-customer {
	background: #f5f8f9;
	padding-top: 3.9583%;
	padding-bottom: 4.375%
}
.about-customer .customer-wrap {
	position: relative;
	margin-top: 3.5897%
}
.about-customer .swiper-container {
	margin: 0 4.2735%
}
@media (max-width:1280px) {
.intro-left {
	padding-top: 1%
}
.intro-left .intro-tit {
	margin-bottom: 5%
}
.intro-left .more {
	margin-top: 5%
}
.about-develop {
	height: auto;
	padding: 40px 0 330px;
	background: url(../images/develop-bg1.jpg) no-repeat center/cover
}
.about-develop .develop-bg {
	display: none
}
.about-develop .develop-main, .about-develop .tit {
	position: relative;
	left: 0;
	top: 0;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	height: auto
}
.about-develop .develop-main li {
	width: 25%;
	left: auto;
	top: auto
}
.about-develop ul {
	margin: 0 -10px;
	padding-top: 40px
}
.about-develop li {
	position: relative;
	float: left;
	width: 25%;
	padding: 0 10px 20px
}
.about-develop h4 {
	font-size: 20px
}
.about-develop p {
	margin-top: 2px
}
}
@media (max-width:1000px) {
.intro-left {
	padding-top: 0;
	width: 50%
}
.intro-left h4, .intro-left p {
	line-height: 30px
}
.about-culture .culture-text {
	top: 8%
}
.about-culture .culture-desc {
	margin-top: 1%
}
.about-culture p {
	line-height: 24px
}
}
@media (max-width:768px) {
.profile-wrap {
	margin-top: 3%
}
.intro-right {
	width: 100%
}
.intro-right .intro-img {
	width: 100%
}
.intro-right .intro-img:after {
	display: none
}
.intro-left {
	width: 100%;
	margin-top: 18px
}
.intro-left .intro-tit {
	margin-bottom: 12px
}
.intro-left .more {
	margin: 22px auto 0
}
.about-culture {
	background: #f6f7f9
}
.about-culture .culture-text {
	position: static;
	left: auto;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	padding: 45px 0 0
}
.about-develop {
	padding: 40px 0 200px;
	background: url(../images/develop-bg2.jpg) no-repeat center bottom/cover
}
.about-customer, .about-honor {
	padding: 45px 0
}
.about-organization, .about-profile {
	margin: 45px 0
}
}
@media (max-width:640px) {
.about-develop .develop-main li {
	width: 33.3333%
}
}
@media (max-width:480px) {
.about-develop {
	padding: 30px 0 180px
}
.about-develop .develop-main li {
	width: 50%;
	text-align: center
}
}