.zoomMask {
	position: absolute;
	background: url(../images/mask.png);
	z-index: 10; 
}

.zoomDiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	background: #ffffff;
	display: black;
	text-align: center;
	overflow: hidden; 
}
.lazy {
	background: url(../images/loading.gif) no-repeat center center;
	background-size: 24px
}
.lazy.insert {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px
}
.fl {
	float: left
}
.fr {
	float: right
}
.hide {
	display: none
}
.show {
	display: block
}
.relative {
	position: relative
}
.absolute {
	position: absolute
}
.w1620 {
	width: 1400px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto
}
.w1200 {
	width: 1200px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}
.fs24 {
	font-size: 24px;
	color: #000
}
.paragraph14 p, .paragraph14 span {
	font-size: 14px;
	line-height: 28px;
	color: #666
}
.mb-100 {
	margin-bottom: 100px
}
.page-pic-wrap {
	position: relative
}
.page-pic-wrap .pic {
	padding-top: 20%
}
.page-pic-wrap .cont {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.page-pic-wrap .cont h2 {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 4px
}
.page-pic-wrap .cont h3 {
	font-size: 42px;
	color: #fff;
	letter-spacing: 2px
}
.page-pic-wrap .page-navigation {
	position: absolute;
	right: 150px;
	bottom: 40px
}
.page-wow__cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.page-navigation {
	font-size: 0
}
.page-navigation a {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px
}
.page-navigation a:last-child i {
	display: none
}
.page-navigation a:hover span {
	color: #084397
}
.page-navigation span, .page-navigation i {
	display: inline-block;
	vertical-align: top
}
.page-navigation span {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #fff
}
.page-navigation i {
	width: 1px;
	height: 15px;
	background-color: #fff;
	margin-top: 3px;
	margin-left: 6px
}
.wrap {
	padding-top: 89px;
	overflow: hidden
}
@keyframes imgDown {
0% {
transform:translateY(0)
}
50% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
@-webkit-keyframes imgDown {
0% {
transform:translateY(0)
}
50% {
transform:translateY(-10px)
}
100% {
transform:translateY(0)
}
}
@keyframes imgScale {
0% {
transform:scale(1.2)
}
100% {
transform:scale(1)
}
}
@-webkit-keyframes imgScale {
0% {
transform:scale(1.2)
}
100% {
transform:scale(1)
}
}
.slick-dots button {
	padding: 0
}
.m-pic {
	display: none
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none
}
.wow {
	visibility: hidden
}
.no-cssanimations .wow {
	visibility: visible
}
.mt-10 {
	margin-top: 10px
}
.mt-20 {
	margin-top: 20px
}
.mt-30 {
	margin-top: 30px
}
.mt-40 {
	margin-top: 40px
}
.mt-50 {
	margin-top: 50px
}
.mt-60 {
	margin-top: 60px
}
.mt-70 {
	margin-top: 70px
}
.mt-80 {
	margin-top: 80px
}
.mt-90 {
	margin-top: 90px
}
.mt-100 {
	margin-top: 100px
}
.mt-110 {
	margin-top: 110px
}
.mt-120 {
	margin-top: 120px
}
.mt-140 {
	margin-top: 140px
}
.text-right {
	text-align: right
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.d-inline-block {
	display: inline-block
}
.d-none {
	display: none
}
.d-block {
	display: block
}
.contact-map .BMapLabel {
	border: 0 !important;
	padding: 0 !important
}
.contact-map .anchorBL {
	display: none
}
.list {
	position: relative;
	font-size: 0
}
.list>li {
	display: inline-block;
	vertical-align: top
}
.list-1>li {
	width: 100%
}
.list-2>li {
	width: 50%
}
.list-3>li {
	width: 33.3333%
}
.list-4>li {
	width: 25%
}
.list-5>li {
	width: 20%
}
.img-box {
	position: relative
}
.img-box::before {
	content: "";
	display: block
}
.img-box img {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
@media (max-width: 1680px) {
.w1620 {
	width: auto;
	margin-right: 40px;
	margin-left: 40px
}
.w1200 {
	width: auto;
	margin-right: 40px;
	margin-left: 40px
}
}
@media screen and (max-width: 1440px) {
.mb-100 {
	margin-bottom: 80px
}
.page-pic-wrap .page-navigation {
	right: 80px;
	bottom: 20px
}
}
@media screen and (max-width: 1366px) {
.wrap {
	padding-top: 81px
}
.page-pic-wrap .page-navigation {
	right: 60px
}
}
@media screen and (max-width: 1100px) {
.wrap {
	padding-top: 56px
}
.mt-60 {
	margin-top: 30px
}
.mt-70 {
	margin-top: 35px
}
.mt-80 {
	margin-top: 40px
}
.mt-90 {
	margin-top: 45px
}
.mt-100 {
	margin-top: 50px
}
.mt-110 {
	margin-top: 55px
}
.mt-120 {
	margin-top: 60px
}
.mt-140 {
	margin-top: 70px
}
.w1620 {
	margin-right: 20px;
	margin-left: 20px
}
.w1200 {
	margin-right: 20px;
	margin-left: 20px
}
}
.ov-h {
	overflow: hidden
}
 @media screen and (max-width: 1024px) {
.mb-100 {
	margin-bottom: 58px
}
.w1620 {
	width: auto;
	margin: 0 20px
}
.w1200 {
	width: auto;
	margin: 0 20px
}
.mt-50 {
	margin-top: 36px
}
.page-pic-wrap .cont {
	left: 0;
	transform: translate(0, -50%)
}
.page-pic-wrap .page-navigation {
	right: 40px
}
}
@media screen and (max-width: 800px) {
.fs24 {
	font-size: 22px
}
.page-pic-wrap .cont h2 {
	font-size: 13px
}
.page-pic-wrap .cont h3 {
	font-size: 26px
}
}
@media screen and (max-width: 750px) {
.page-pic-wrap .cont h3 {
	font-size: 22px
}
.page-pic-wrap .page-navigation {
	right: 20px;
	bottom: 14px
}
.m-pic {
	display: block
}
.m-pic img {
	width: 100%
}
.p-pic {
	display: none
}
}
@media screen and (max-width: 500px) {
.fs24 {
	font-size: 18px
}
.page-pic-wrap .pic {
	padding-top: 56%
}
.page-pic-wrap .cont h3 {
	font-size: 18px
}
.page-navigation span {
	font-size: 13px
}
.page-navigation i {
	height: 14px
}
}
.logo, .navs, .header-link, .header-lang, .header-search {
	display: inline-block;
	vertical-align: middle
}
.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 300;
	padding: 24px 0;
	max-height: 90px;
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}
.navigation>ul {
	font-size: 0;
	padding-left: 150px
}
.navigation>ul>li {
	display: inline-block;
	vertical-align: top;
	margin: 0 36px
}
.navigation>ul>li>a {
	transition: color 0.4s ease;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	letter-spacing: 1px
}
.navigation>ul>li.on>a {
	color: #1d6cb3
}
.m-navigation {
	display: none
}
.header-content {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0
}
.header-link {
	font-size: 0;
	position: relative;
	padding-right: 26px
}
.header-link:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ccc
}
.header-link a {
	transition: color 0.4s ease;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #666;
	margin-left: 34px
}
.header-lang {
	margin-left: 28px
}
.header-lang a {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #666
}
.header-lang a:hover {
	color: #084397
}
.header-lang a:hover i {
	color: #084397
}
.header-lang i {
	transition: color 0.4s ease;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	font-size: 12px;
	color: #666
}
.header-search {
	margin-left: 0;
	width: 90px;
	height: 90px;
	position: relative;
	background-color: #084397;
	text-align: center
}
.header-search span {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -13px;
	display: block;
	color: #fff;
	font-size: 26px
}
.header-search:hover span {
	transform: scale(0.9)
}
.nav-menu__content {
	display: none;
	pointer-events: none
}
.sub-menu__main:after {
	content: "";
	display: block;
	clear: both
}
.logo img {
	width: 159px;
	height: 41px
}
.menu-btn, .m-header-link {
	display: none
}
.site-search__search {
	-moz-transition: -moz-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	-o-transition: -o-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	-webkit-transition: -webkit-transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	transition: transform 0.4s ease, opacity .2s ease, visibility .2s ease;
	display: none;
	padding: 26px 0;
	z-index: -10;
	background-color: #f9f9f9;
	position: fixed;
	left: 0;
	top: 90px;
	width: 100%
}
.site-search__search .close-search {
	-moz-transition: -moz-transform 0.4s ease, color 0.4s ease;
	-o-transition: -o-transform 0.4s ease, color 0.4s ease;
	-webkit-transition: -webkit-transform 0.4s ease, color 0.4s ease;
	transition: transform 0.4s ease, color 0.4s ease;
	position: absolute;
	right: 20px;
	top: 50%;
	font-size: 18px;
	color: #333;
	margin-top: -9px
}
.site-search__search .close-search:hover {
	transform: rotate(180deg);
	color: #084397
}
.site-search__search__field {
	width: 600px;
	margin: auto;
	position: relative
}
.site-search__search__field input {
	-moz-transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	-webkit-transition: border 0.4s ease;
	transition: border 0.4s ease;
	width: 100%;
	padding-left: 26px;
	border: none;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #ccc;
	background: transparent;
	height: 30px;
	line-height: 30px
}
.site-search__search__field input::-webkit-input-placeholder {
color:#ccc
}
.site-search__search__field .send-search {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: absolute;
	left: 0;
	top: 50%;
	color: #ccc;
	font-size: 16px;
	margin-top: -8px
}
.site-search__search__field .send-search:hover {
	color: #333
}
@media screen and (min-width: 1025px) {
.navigation>ul>li.on>a:before {
	visibility: visible;
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
.navigation>ul>li>a {
	position: relative;
	padding-bottom: 36px
}
.navigation>ul>li>a:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 4px;
	background-color: #1d6cb3;
	visibility: hidden;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}
.header-link a:hover {
	color: #084397
}
.sub-menu__bg {
	display: none;
	position: fixed;
	top: 89px;
	left: 0;
	width: 100%;
	background-color: #f9f9f9
}
.sub-menu__wrap {
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: fixed;
	top: 89px;
	left: 0;
	width: 100%;
	z-index: 260
}
.sub-menu__wrap .sub-menu__box {
	display: none;
	overflow: hidden;
	padding-top: 74px;
	padding-bottom: 80px;
	background-color: #f9f9f9
}
.case-menu__wrap .pic {
	overflow: hidden
}
.case-menu__wrap .pic img {
	-moz-transition: -moz-transform 4s ease;
	-o-transition: -o-transform 4s ease;
	-webkit-transition: -webkit-transform 4s ease;
	transition: transform 4s ease;
	max-width: 100%
}
.case-menu__wrap p {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
	color: #999
}
.case-menu__wrap .sub-menu__content {
	width: 80%
}
.case-menu__wrap .sub-menu__content .sub-menu__right li {
	width: 25%;
	padding-right: 0
}
.case-menu__wrap .sub-menu__content .sub-menu__right a {
	display: block;
	margin: 0 12px;
	overflow: hidden;
	line-height: 0
}
.case-menu__wrap .sub-menu__content .sub-menu__right a:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
.case-menu__wrap .sub-menu__content .sub-menu__right a:hover p {
	color: #084397
}
.case-menu__wrap .sub-menu__push {
	width: 330px;
	display: none
}
.product-menu__warp .sub-menu__push {
	width: 330px
}
.product-menu__warp .sub-menu__content {
	width: calc(100% - 330px)
}
.product-menu__warp .sub-menu__right:after, .product-menu__warp .product-menu__main:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 220px;
	background-color: #ededed
}
.product-menu__warp .sub-menu__right {
	width: 25%;
	position: relative
}
.product-menu__warp .sub-menu__right .pro-menu {
	display: inline-block;
	padding-right: 30px;
	position: relative
}
.product-menu__warp .sub-menu__right .pro-menu:after {
	content: "";
	display: block;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: translateX(-10px);
	opacity: 0;
	visibility: hidden;
	width: 11px;
	height: 8px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background: url(../assets/images/icon-07.png) no-repeat center center
}
.product-menu__warp .sub-menu__right li {
	width: 100%
}
.product-menu__warp .sub-menu__right li.on a {
	color: #084397
}
.product-menu__warp .sub-menu__right li.on span:after {
	opacity: 1;
	visibility: visible;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.product-menu__warp .product-menu__main {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 160px);
	padding-left: 40px;
	position: relative
}
.product-menu__warp .product-menu__main a {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 10px;
	font-size: 14px;
	color: #000;
	margin-bottom: 12px
}
.product-menu__warp .product-menu__main a:hover {
	color: #084397
}
.product-menu__warp .product-menu__inner {
	display: none
}
.sub-menu__left, .sub-menu__right {
	display: inline-block;
	vertical-align: top
}
.sub-menu__left {
	width: 160px;
	position: relative
}
.sub-menu__left .nav-menu__right {
	display: none
}
.sub-menu__left:after {
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 220px;
	right: 0;
	background-color: #ededed
}
.sub-menu__left li {
	margin-bottom: 14px
}
.sub-menu__left li.on span {
	color: #000
}
.sub-menu__left li.on span:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}
.sub-menu__left a:hover span {
	color: #000
}
.sub-menu__left a:hover span:after {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}
.sub-menu__left span {
	transition: color 0.4s ease;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	padding-right: 42px;
	display: inline-block;
	letter-spacing: 1px
}
.sub-menu__left span:after {
	content: "";
	display: block;
	transition: all 0.4s ease;
	transform: translateX(-10px);
	opacity: 0;
	visibility: hidden;
	width: 11px;
	height: 8px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	background: url(../assets/images/icon-01.png) no-repeat center center
}
.sub-menu__content .hover-menu__inner {
	display: none
}
.sub-menu__right {
	transition: transform 0.4s ease;
	width: calc(100% - 160px);
	padding-left: 34px
}
.sub-menu__right .nav-menu__txt {
	font-size: 14px;
	color: #000;
	line-height: 22px;
	height: 150px;
	overflow: hidden
}
.sub-menu__right .nav-menu__txt h3 {
	font-size: 16px;
	margin-bottom: 18px
}
.sub-menu__right li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	width: 50%;
	padding-right: 10px
}
.sub-menu__right a {
	transition: color 0.4s ease;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	letter-spacing: 1px
}
.sub-menu__right a:hover {
	color: #084397
}
.sub-menu__content {
	width: 50%
}
.sub-menu__push {
	width: 50%;
	text-align: center
}
.sub-menu__push ul {
	font-size: 0
}
.sub-menu__push li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 330px;
	overflow: hidden
}
.sub-menu__push .pic {
	overflow: hidden
}
.sub-menu__push a {
	display: block;
	margin: 0 12px;
	overflow: hidden
}
.sub-menu__push a:hover img {
	transform: scale(1.1)
}
.sub-menu__push a:hover p {
	color: #084397
}
.sub-menu__push img {
	transition: transform 4s ease;
	max-width: 100%
}
.sub-menu__push p {
	transition: color 0.4s ease;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	margin-top: 12px;
	text-align: left
}
}
@media screen and (max-width: 1440px) {
.navigation>ul {
	padding-left: 150px
}
.navigation>ul>li {
	margin: 0 30px
}
.header-lang {
	margin-left: 20px
}
.header-link {
	padding-right: 20px
}
.header-link a {
	margin-left: 24px
}
.header-search {
	margin-left: 0
}
.sub-menu__left span {
	padding-right: 26px
}
.sub-menu__left span:after {
	right: 3px
}
.sub-menu__wrap .sub-menu__box {
	padding-top: 60px;
	padding-bottom: 70px
}
}
@media screen and (max-width: 1366px) {
.header {
	padding: 20px 0;
	max-height: 81px
}
.site-search__search {
	top: 80px;
	padding: 24px 0
}
.navigation>ul>li {
	margin: 0 18px
}
.header-search {
	width: 81px;
	height: 81px
}
.header-search span {
	font-size: 22px
}
.sub-menu__wrap, .sub-menu__bg {
	top: 74px
}
.sub-menu__right a {
	font-size: 14px
}
.sub-menu__push a {
	margin: 0 5px
}
}
@media screen and (max-width: 1200px) {
.navigation>ul>li {
	margin: 0 12px
}
.navigation>ul>li>a {
	font-size: 14px
}
.header-link a {
	margin-left: 20px
}
.header-search {
	margin-left: 0
}
.header-lang {
	margin-left: 14px
}
.sub-menu__wrap .sub-menu__box {
	padding-top: 42px;
	padding-bottom: 48px
}
.sub-menu__left:after {
	height: 190px
}
}
@media screen and (max-width: 1100px) {
.logo img {
	width: 135px;
	height: 35px
}
.header {
	padding: 10px 0;
	max-height: 56px
}
.site-search__search {
	top: 56px;
	padding: 18px 0
}
.header-link a {
	font-size: 13px
}
.header-search {
	width: 56px;
	height: 56px
}
.header-search span {
	font-size: 18px;
	margin-top: -9px
}
.sub-menu__wrap, .sub-menu__bg {
	top: 56px
}
.sub-menu__right a {
	font-size: 13px;
	margin-bottom: 10px
}
.sub-menu__push p {
	font-size: 13px
}
}
@media screen and (max-width: 1024px) {
.m-navigation {
	display: block
}
.m-sub-nav__wrap {
	display: none
}
.m-sub-nav__wrap>dl>dd>a {
	background-color: #f1f1f1;
	font-size: 15px;
	color: #333;
	display: block;
	padding: 10px 35px;
	border-bottom: 1px solid #dedede
}
.m-sub-nav__wrap>dl>dd:last-child a {
	border-bottom: none
}
.m-sub-nav__main {
	display: none
}
.m-sub-nav__main a {
	display: block;
	font-size: 14px;
	color: #333;
	padding: 8px 55px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #fff
}
.m-sub-nav__main li:last-child a {
	border-bottom: none
}
.p-navigation {
	display: none
}
.m-header-link {
	display: block
}
.p-header-link {
	display: none
}
.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.header {
	padding: 0;
	height: 56px
}
.menu-btn {
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 450
}
.menu-btn i {
	transition: all 0.4s ease;
	display: block;
	width: 24px;
	height: 3px;
	background-color: #084397;
	margin: 5px 0
}
.header-lang a {
	font-size: 12px
}
.header-link a {
	display: block;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #000
}
.navs {
	transition: all 0.4s ease;
	position: fixed;
	z-index: 400;
	top: 56px;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	transform: translateY(40px);
	text-align: left;
	overflow-y: auto;
	opacity: 0
}
.navigation>ul {
	padding-left: 0
}
.navigation>ul>li {
	font-size: 16px;
	position: relative;
	display: block;
	margin: 0;
	text-align: left;
	background-color: #fff
}
.navigation>ul>li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background-color: #f1f1f1
}
.navigation>ul>li:last-child:after {
	bottom: 0
}
.navigation>ul>li>a {
	transition: color 0.4s ease;
	font-size: 16px;
	position: relative;
	display: block;
	padding: 12px 15px;
	color: #333
}
.navigation>ul>li>a:after {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	content: '';
	transition: transform 0.4s ease;
	background: url(../images/arrow_down.svg) no-repeat center center;
	background-size: 24px
}
.navigation>ul>li.on>a {
	color: #084397
}
.navigation>ul>li.on>a:after {
	transform: rotate(90deg)
}
.nav-menu__content {
	display: none;
	padding-top: 10px;
	padding-left: 20px
}
.nav-menu__content>ul>li {
	padding: 5px 0
}
.nav-menu__content>ul a {
	font-size: 14px;
	color: #666
}
.nav-menu__content .nav-menu__right {
	display: none
}
.open .menu-btn i:nth-child(1) {
	transform: translateY(10px) rotate(-45deg)
}
.open .menu-btn i:nth-child(2) {
	opacity: 0;
	visibility: hidden
}
.open .menu-btn i:nth-child(3) {
	transform: translateY(-6px) rotate(46deg)
}
.open .navs {
	visibility: visible;
	transform: translateY(0);
	opacity: 1
}
.sub-menu__wrap {
	display: none
}
.sub-menu__wrap .sub-menu__main {
	margin: 0
}
.sub-menu__right, .sub-menu__content {
	width: auto
}
.sub-menu__right, .sub-menu__push {
	display: none
}
}
@media screen and (max-width: 800px) {
.site-search__search__field {
	width: 490px
}
}
@media screen and (max-width: 640px) {
.site-search__search .close-search {
	right: 0
}
.site-search__search__field {
	width: calc(100% - 40px)
}
}
@media screen and (max-width: 500px) {
.logo {
	height: 25px;
	padding-right: 40px;
	left: 40%
}
.logo img {
	width: 110px;
	height: 28px
}
.navs {
	width: 100%
}
}
.s-header {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
	background-color: #fff
}
.s-header .header-search {
	margin-left: 0
}
.sh-inner {
	position: relative;
	height: 90px;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto
}
.sh-logo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px
}
.sh-logo img {
	height: 40px
}
.sh-menu {
	margin-left: 240px;
	font-size: 0
}
.sh-menu>li {
	display: inline-block;
	vertical-align: top
}
.sh-menu>li:nth-of-type(n+2) {
	margin-left: 50px
}
.sh-mlink {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 90px;
	color: #000;
	overflow: hidden
}
.sh-mlink::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: #074396;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .4s;
	transition: all .4s
}
.sh-mlink.active::after {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.s-sub {
	position: fixed;
	z-index: 50;
	top: 90px;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
.s-sub.show {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.smenu-item {
	font-size: 0;
	position: relative;
	z-index: 1;
	background-color: #f3f4f5;
	display: none
}
.smenu-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 32%;
	background-color: #fff
}
.smenu-item.active {
	display: block
}
.smenu-left {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding-top: 20px;
	padding-bottom: 30px
}
.smenu-right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 68%;
	padding-top: 20px;
	padding-bottom: 30px
}
.smenu-right.bg::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 340px;
	background-color: #f8f9fa
}
.smenu-li.active .smenu-link {
	background-color: #074396;
	color: #fff
}
.smenur-item {
	display: none
}
.smenur-item.active {
	display: block
}
.smenu-link {
	display: block;
	font-size: 16px;
	line-height: 3;
	text-align: left;
	color: #000;
	padding-left: calc((100vw - 1400px)/2);
	-webkit-transition: all .3s;
	transition: all .3s
}
.smenur-intro {
	display: inline-block;
	vertical-align: top;
	width: 380px;
	margin-left: 120px
}
.smenur-intro h2 {
	font-size: 16px;
	line-height: 3;
	color: #074396
}
.smenur-desc {
	font-size: 16px;
	line-height: 26px;
	color: #666
}
.smenur-img {
	display: inline-block;
	vertical-align: top;
	margin-left: 180px
}
.smenur-img img {
	display: block;
	max-width: 300px
}
.smc-ul>li {
	display: inline-block;
	vertical-align: top;
	width: 130px
}
.smc-li.active .smc-link {
	color: #074396
}
.smc-link {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 2;
	color: #000;
	-webkit-transition: all .3s;
	transition: all .3s
}
.smenur-cate {
	display: inline-block;
	vertical-align: top;
	width: 380px;
	margin-left: 120px
}
.smenur-cateinfo {
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin-left: 180px
}
.smci-item {
	display: none
}
.smci-item.active {
	display: block
}
.smci-item h3 {
	font-size: 16px;
	line-height: 2;
	color: #333;
	margin-top: .5em
}
.smenu-pul {
	position: relative;
	z-index: 2;
	padding-left: 120px;
	display: inline-block;
	vertical-align: top;
	width: 340px
}
.smenu-pitem {
	display: none
}
.smenu-pitem.active {
	display: block
}
.smenu-psub, .smenu-pintro {
	display: inline-block;
	vertical-align: top
}
.sh-lang {
	position: relative;
	display: inline-block;
	vertical-align: top
}
.shl-header {
	position: relative;
	font-size: 14px;
	line-height: 90px;
	width: 80px;
	color: #0e4595;
	cursor: pointer;
	text-align: center
}
.shl-header i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -.5em;
	margin-top: .75em;
	display: inline-block;
	vertical-align: top;
	vertical-align: middle;
	font-size: 14px;
	-webkit-transition: all .3s;
	transition: all .3s
}
.shl-header.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.shl-select {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: none;
	margin-top: -1px
}
.shl-option {
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	border-top: 1px solid #eee;
	background-color: #fff;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s
}
.shl-option.active, .shl-option:hover {
	color: #fff;
	background-color: #0e4595
}
.shl-option:last-of-type {
	border-bottom: 1px solid #eee
}
@media (max-width: 1366px) {
.shl-header {
	line-height: 80px
}
}
@media (max-width: 1100px) {
.shl-header {
	line-height: 56px
}
}
@media (max-width: 768px) {
.shl-option {
	line-height: 30px
}
}
.footer-subject {
	background-color: #1d2f45;
	padding-top: 50px;
	padding-bottom: 50px
}
.footer-subject:after {
	content: "";
	display: block;
	float: none;
	clear: both
}
.footer-intro {
	background-color: #142132
}
.footer-navigation {
	font-size: 0;
	margin-top: 15px
}
.footer-navigation .item {
	display: inline-block;
	vertical-align: top;
	margin-right: 5vw
}
.footer-navigation dt {
	padding-left: 20px;
	position: relative;
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px
}
.footer-navigation dt:before {
	content: "";
	width: 10px;
	height: 2px;
	background-color: #e30b20;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px
}
.footer-navigation dd {
	margin-bottom: 8px;
	padding-left: 20px
}
.footer-navigation dd a {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	font-size: 14px;
	color: #999
}
.footer-navigation dd a:hover {
	color: #fff
}
.footer-content {
	font-size: 0
}
.foot-share, .foot-text {
	display: inline-block;
	vertical-align: top
}
.foot-share {
	text-align: center
}
.foot-share .column {
	margin-bottom: 16px
}
.foot-share img {
	margin-bottom: 12px;
	width: 70px
}
.foot-share span {
	display: block;
	color: #ccc;
	font-size: 18px;
	cursor: pointer
}
.foot-text {
	margin-left: 5.20833vw;
	margin-top: 20px
}
.foot-text p, .foot-text a {
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	letter-spacing: 2px
}
.footer-intro {
	padding: 18px 0
}
.footer-intro:after {
	content: "";
	display: block;
	clear: both
}
.foot-copyright {
	margin-top: 4px
}
.foot-copyright p, .foot-copyright a {
	font-size: 14px;
	line-height: 20px;
	color: #999
}
.foot-outside__link {
	font-size: 0
}
.foot-outside__link a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-transform: uppercase
}
.back-top {
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	-webkit-transition: background 0.4s ease;
	transition: background 0.4s ease;
	width: 30px;
	height: 30px;
	background-color: #084397;
	border-radius: 50%;
	position: relative;
	margin-left: 30px;
	text-align: center
}
.back-top span {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding-left: 1px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 15px;
	color: #fff
}
body #ECHAT_mini_icon, body #ECHAT_icon_link, body #ECHAT_icon, body #ECHAT_invite {
	display: none !important
}
 @media screen and (min-width: 1025px) {
.back-top:hover {
	background-color: #fff
}
.back-top:hover span {
	color: #084397
}
}
@media screen and (max-width: 1440px) {
.footer-navigation dt {
	margin-bottom: 22px;
	font-size: 15px
}
.footer-navigation dd a {
	font-size: 13px
}
.foot-text {
	margin-left: 28px
}
.foot-text p, .foot-text a {
	font-size: 13px
}
}
@media screen and (max-width: 1200px) {
.footer-navigation .item {
	margin-right: 40px
}
}
@media screen and (max-width: 1100px) {
.footer-navigation .item {
	margin-right: 30px
}
}
@media screen and (max-width: 1024px) {
.footer-navigation, .foot-share, .foot-copyright, .foot-outside__link .sm {
	display: none
}
.footer .foot-text {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-top: 0
}
.footer-content {
	float: none
}
.footer-subject {
	padding-top: 20px;
	padding-bottom: 20px
}
.foot-text p, .foot-text a {
	font-size: 12px
}
.footer-intro {
	padding: 8px 0
}
.foot-outside__link {
	float: none;
	text-align: center
}
}
@media screen and (max-width: 640px) {
}
.home-banner__wrap {
	position: relative
}
.vm span, .vm a {
	transition: color 0.4s ease;
	font-size: 14px;
	color: #999;
	font-family: ""
}
.vm a:hover {
	color: #e30b20
}
.vm span:hover {
	color: #e30b20
}
.home-banner__slide {
	font-size: 0;
	overflow: hidden
}
.home-banner__slide.slick-vertical .slick-slide {
	border: none
}
.home-banner__slide .item {
	position: relative
}
.home-banner__slide figure img {
	width: 100%
}
.home-banner__slide .m-pic img {
	width: 100%
}
.home-banner__slide .slick-dots {
	position: absolute;
	right: 13.02083vw;
	bottom: 8vw;
	text-align: right;
	font-size: 0;
	overflow: hidden
}
.home-banner__slide .slick-dots li {
	margin-bottom: 4px
}
.home-banner__slide .slick-dots button {
	position: relative;
	border: none;
	cursor: pointer;
	text-indent: -999999999999999px;
	height: 15px;
	width: 60px;
	padding: 10px 0;
	background-color: transparent
}
.home-banner__slide .slick-dots button:before, .home-banner__slide .slick-dots button:after {
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -1px
}
.home-banner__slide .slick-dots button:before {
	width: 0;
	height: 2px;
	background-color: #e30b20;
	z-index: 10
}
.home-banner__slide .slick-dots button:after {
	width: 30px;
	height: 2px;
	background-color: #fff
}
.home-banner__slide .slick-dots .slick-active button:before {
	animation: dotWidth 3s linear 1 forwards
}
@keyframes dotWidth {
0% {
width:0
}
100% {
width:30px
}
}
@-webkit-keyframes dotWidth {
0% {
width:0
}
100% {
width:30px
}
}
.home-banner__text {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	padding-left: 358px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
	max-width: 1200px
}
.home-banner__text .title {
	margin-bottom: 10px;
	pointer-events: none
}
.home-banner__text .title p {
	font-size: 42px;
	color: #084397;
	text-transform: uppercase
}
.home-banner__text .txt {
	pointer-events: none;
	margin-bottom: 35px
}
.home-banner__text .txt p {
	font-size: 26px;
	color: #e30b20
}
.home-banner__text .vm {
	display: inline-block;
	pointer-events: auto
}
.home-banner__page {
	position: absolute;
	right: 12.5vw;
	bottom: 5.20833vw;
	font-size: 0
}
.home-banner__page div, .home-banner__page i {
	display: inline-block;
	vertical-align: middle
}
.home-banner__page .current-page {
	font-size: 16px;
	color: #fff
}
.home-banner__page i {
	width: 1px;
	height: 18px;
	background-color: #fff;
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
	margin-left: 10px;
	margin-right: 10px;
	opacity: .6
}
.home-banner__page .total-page {
	font-size: 16px;
	color: #fff;
	opacity: .6
}
.home-about__wrap {
	position: relative;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 6vw;
	text-align: center;
}
.mainTitle {
	color: #1d6bb2;
	font-size: 40px;
	line-height: 40px;
	width: 100%;
	text-align: center;
	font-weight: 100;
}
.mainSub {
	width: 75px;
	height: 2px;
	background: #cecece;
	margin: 30px auto;
}
.home-about__wrap .title {
	color: #323232;
	font-size: 30px;
}
.home-about__wrap .info {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	padding-top: 25px;
}
.home-about__wrap .content {
	padding-top: 5px;
}
.about-list {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 65px
}
.about-list ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px
}
.about-list ul li .about-icon {
	width: 74px;
	height: 74px;
	border-radius: 50%;
	margin: 0 auto 25px;
	background: #116ab2;
	position: relative
}
.about-list ul li .about-icon img {
	max-width: 100%;
}
.about-list ul li:hover .about-icon .about-tit {
	color: #ec6900
}
.about-list ul li .about-tit {
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #050202;
	margin-bottom: 15px
}
.about-list ul li .about-txt {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.home-product__wrap {
	font-size: 0;
	position: relative;
	margin-bottom: 6vw;
}
.home-product__wrap .item {
	width: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right:20px;
}
.home-product__wrap .item:nth-child(2n) {
	margin-right:0;
}
.home-product__wrap .item:hover .home-product__cont .pic {
	animation: imgDown 2s 1 linear
}
.home-product__wrap .item:after {
	content: "";
	display: block;
	padding-top: 58.3333%
}
.home-product__wrap a {
	display: block
}
.home-product__wrap .bg-pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.home-product__wrap .home-product__main {
	position: absolute;
	left: 0;
	top: 3.5vw;
	width: 100%;
	padding: 0 4vw
}
.home-product__wrap .home-product__arrow a {
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	background-color: rgba(147,147,147,0.3)
}
.home-product__wrap .home-product__arrow a:hover {
	background-color: #939393;
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}
.home-product__wrap .home-product__arrow .slide-prev {
	left: 24px
}
.home-product__wrap .home-product__arrow .slide-next {
	right: 24px
}
.home-product__headline {
	margin-bottom: 40px
}
.home-product__headline .attr-name {
	float: left;
	margin-top: 4px
}
.home-product__headline .attr-name i, .home-product__headline .attr-name span {
	display: inline-block;
	vertical-align: middle
}
.home-product__headline .attr-name i {
	display: none;
	width: 3px;
	height: 30px;
	background-color: #084397;
	margin-top: 3px
}
.home-product__headline .attr-name span {
	padding-left: 8px;
	border-left: 3px solid #084397;
	font-size: 20px;
	color: #084397
}
.home-product__headline .round-add {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	float: right;
	width: 30px;
	height: 30px;
	background-color: #084397;
	border-radius: 50%;
	position: relative
}
.home-product__headline .round-add span {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #fff
}
.home-product__headline .round-add:hover {
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8)
}
.home-product__headline:after {
	content: "";
	display: block;
	clear: both
}
.home-product__cont .inner, .home-product__cont .pic {
	display: inline-block;
	vertical-align: middle
}
.home-product__cont .title {
	font-size: 18px;
	color: #000;
	margin-bottom: 26px
}
.home-product__cont .txt {
	margin-bottom: 30px
}
.home-product__cont .txt p {
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.home-product__cont .inner {
	padding-right: 50px;
	max-width: 50%
}
.home-product__cont .pic {
	max-width: 50%
}
.home-product__cont .pic img {
	max-width: 100%
}
.slide-arrow a {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border: none;
	width: 30px;
	height: 30px;
	background-color: #084397;
	border-radius: 50%;
	margin-right: 10px
}
.slide-arrow a span {
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	margin-left: -8px
}
.slide-arrow a:hover {
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}
.slide-arrow a:hover span {
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}
 @media screen and (max-width: 1600px) {
.home-banner__text article {
	left: 10.41667vw
}
.home-product__headline {
	margin-bottom: 10px
}
}
@media screen and (max-width: 1440px) {
.home-product__cont .inner {
	padding-right: 60px
}
}
@media screen and (max-width: 1366px) {
.home-banner__text {
	padding-left: 6.25vw
}
.home-banner__text .title p {
	font-size: 38px
}
.home-banner__text .txt p {
	font-size: 24px
}
}
 @media screen and (max-width: 1200px) {
.home-product__wrap .home-product__main {
	padding: 0 40px
}
.home-product__cont .title {
	margin-bottom: 16px
}
.home-product__cont .txt {
	margin-bottom: 22px
}
.home-video__wrap .cont p {
	font-size: 16px
}
}
 @media screen and (max-width: 1024px) {
.home-banner__slide .slick-dots {
	top: 50%;
	transform: translateY(-50%)
}
.home-banner__slide .slick-dots li {
	margin-bottom: 5px
}
.home-banner__slide .slick-dots button {
	height: 12px
}
.home-banner__slide .slick-dots button:after, .home-banner__slide .slick-dots button:before {
	height: 2px
}
.home-banner__text {
	padding-left: 40px
}
.home-banner__text .title p {
	font-size: 32px
}
.home-banner__text .txt {
	margin-bottom: 24px
}
.home-banner__text .txt p {
	font-size: 20px
}
.mainTitle {
	font-size: 38px;
	line-height: 38px;
}
.mainSub {
	width: 65px;
	margin: 25px auto
}
.home-about__wrap .title {
	font-size: 28px;
}
.home-about__wrap .info {
	padding-top: 25px;
}
.home-about__wrap .content {
	padding-top: 0;
}
.about-list {
	padding-left: 0;
	padding-right: 0;
	margin-top: 35px
}
.about-list ul li {
	padding-left: 25px;
	padding-right: 25px
}
.home-product__wrap .item {
	width: 100%;
	margin-right:15px;
}
.home-product__wrap .item:after {
	padding-top: 60%
}
.home-product__cont .title {
	font-size: 16px;
	margin-bottom: 12px
}
.home-product__cont .txt {
	margin-bottom: 16px
}
.home-product__cont .txt p {
	font-size: 14px;
	height: 3.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
}
@media screen and (max-width: 850px) {
.home-about__wrap {
	margin-bottom: 50px
}
.home-product__wrap {
	margin-bottom: 50px
}
}
@media screen and (max-width: 800px) {
.home-product__wrap .home-product__main {
	padding: 0 20px;
	top: 25px;
}
.home-product__headline .round-add {
	width: 24px;
	height: 24px
}
.home-product__headline .round-add span {
	font-size: 14px
}
.home-product__headline .attr-name span {
	font-size: 18px
}
.home-banner__text {
	padding: 0 20px
}
.home-banner__text .title {
	margin-bottom: 5px
}
.home-banner__text .title p {
	font-size: 24px
}
.home-banner__text .txt p {
	font-size: 18px
}
.mainTitle {
	font-size: 32px;
	line-height: 32px;
}
.mainSub {
	width: 65px;
	margin: 20px auto;
}
.home-about__wrap .title {
	font-size: 24px;
}
.home-about__wrap .info {
	padding-top: 15px;
}
.home-about__wrap .content {
	padding-top: 0;
}
.about-list {
	padding-left: 0;
	padding-right: 0;
	margin-top: 30px
}
.about-list ul li {
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 5%;
}
.home-product__wrap .item {
	margin-right:10px;
}
}
@media screen and (max-width: 500px) {
.home-banner__slide .slick-dots li {
	margin-bottom: 2px
}
.home-banner__slide .slick-dots button {
	width: 20px
}
.home-banner__text .title p {
	font-size: 20px;
}
.home-banner__text .txt {
	margin-bottom: 12px
}
.home-banner__text .txt p {
	font-size: 16px
}
.mainTitle {
	font-size: 30px;
	line-height: 30px;
}
.mainSub {
	width: 65px;
	margin: 20px auto;
}
.home-about__wrap .title {
	font-size: 20px;
}
.home-about__wrap .info {
	padding-top: 15px;
}
.home-about__wrap .content {
	padding-top: 0;
}
.home-about__wrap .content .about-list {
	padding-left: 0;
	padding-right: 0;
	margin-top: 30px
}
.about-list ul li {
	float: none;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 8%;
}
.home-product__wrap .item {
	margin:0;
}
.home-product__wrap .item:after {
	padding-top: 56%
}
.home-product__wrap .home-product__arrow a {
	display: none
}
.home-product__cont .inner {
	padding-right: 20px
}
}
.home-news__wrap {
	position: relative;
	overflow: hidden;
	font-size: 0;
}
.list-news {
	margin-right: -20px;
	margin-left: -20px
}
.list-news a:hover .lazy {
	opacity: 0
}
.list-news a:hover .news-item__img {
	transform: scale(1.2)
}
.list-news a:hover .news-item__title {
	color: #084397
}
.list-news a:hover .news-item__more {
	color: #e30b20
}
.news-item__box {
	margin-bottom: 12px
}
.news-item__img {
	transition: transform 4s ease
}
.news-item__img::before {
	padding-top: 59.45946%
}
.news-item__img .news-item__bgPic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.news-item {
	position: relative;
	height: 350px;
	box-sizing: border-box;
	display: block;
	margin: 0 20px 80px
}
.news-item.noimg {
	padding: 30px 20px
}
.news-item.noimg::before, .news-item.noimg::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	height: 4px;
	background-color: #eee
}
.news-item.noimg::before {
	top: 0
}
.news-item.noimg::after {
	bottom: 0
}
.news-item.noimg .news-item__title {
	height: auto;
	margin-bottom: .25em
}
.news-item.noimg .news-item__more {
	position: relative
}
.news-item__date, .news-item__more {
	font-size: 14px;
	line-height: 2;
	color: #999
}
.news-item__title {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	height: 3.5em;
	margin-top: .5em;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.news-item__more {
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 10px
}
.news-item__desc {
	height: 6em;
	margin: 40px 0;
	font-size: 14px;
	line-height: 2;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
@media (max-width: 1440px) {
.news-item {
	height: 330px
}
}
@media (max-width: 1300px) {
.news-item {
	height: 300px
}
.news-item__desc {
	margin: 20px 0
}
}
@media (max-width: 1100px) {
.list-news>li {
	width: 33.3333%
}
.news-item {
	margin-bottom: 60px
}
.news-item.noimg::before, .news-item.noimg::after {
	height: 2px
}
}
@media (max-width: 768px) {
.list-news>li {
	width: 50%
}
.news-item__desc {
	height: auto
}
}
@media (max-width: 640px) {
.list-news>li {
	width: 100%
}
.news-item {
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 40px
}
.news-item.noimg {
	padding-left: 0;
	padding-right: 0
}
}
/*内页banner*/
.inside-banner {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}
.inside-banner .ser-tt {
	width: 100%;
	position: absolute;
	top: 45%;
	left: 0;
	color: #fff;
/*	text-align: center;*/
}
.inside-banner .ser-tt h1 {
	display: block;
	font-size: 42px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	line-height: 50px;
}
.inside-banner .ser-tt h2 {
	display: block;
	font-size: 22px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.g-inside-banner {
	width: 100%;
	position: relative;
}
.g-inside-banner img {
	max-width: 100%;
	display: block;
}
 @media (max-width:1120px) {
.inside-banner {
	height: 250px;
}
.inside-banner .ser-tt {
	top: 40%;
}
}
@media (max-width:1000px) {
.inside-banner {
	height: 200px;
}
.inside-banner .ser-tt {
	top: 35%;
}
.inside-banner .ser-tt h1 {
	font-size: 36px;
	line-height: 48px;
}
.inside-banner .ser-tt h2 {
	font-size: 18px;
}
}
@media (max-width:767px) {
.inside-banner {
	height: 150px;
}
.inside-banner .ser-tt h1 {
	font-size: 28px;
	line-height: 36px;
}
.inside-banner .ser-tt h2 {
	font-size: 16px;
}
}
/*副导航*/
.subnavlist {
	background-color: #f2f2f2;
}
.subnavlist .w1620 {
	display: none;
	max-width: 100%;
}
.subnavlist ul li {
	font-size: 16px;
	text-align: center;
}
.subnavlist ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	padding: 15px 0;
	text-align: center;
	line-height: 18px;
	background-color: #f2f2f2;
	color: #333333;
}
.subnavlist ul li a:hover {
	background-color: #116ab2;
	color: #ffffff;
}
.subnavlist ul li a.cur {
	background-color: #116ab2;
	color: #ffffff;
}
.zsannavbtn {
	padding: 15px;
	color: #333333;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.zsannavbtn a:after {
	display: inline-block;
	content: "";
	width: 12px;
	height: 12px;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0 0 3px 6px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
 @media (min-width: 768px) {
.zsannavbtn {
	display: none;
}
.subnavlist .w1620 {
	display: block;
}
.subnavlist {
	display: block;
	text-align: center;
	font-size: 0;
}
.subnavlist ul li {
	display: inline-block;
}
.subnavlist ul li a {
	width: auto;
	padding: 22px 15px;
	margin: 0;
}
}
 @media (min-width: 1024px) {
.subnavlist ul li a {
	padding: 22px 20px;
}
.loadingmore {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}
}
 @media (min-width: 1199px) {
.subnavlist ul li a {
	padding: 22px 36px;
}
}
/*关于我们*/

.aboutcont {
	padding: 30px 0;
}
.aboutcont .abouttext {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.aboutcont .abouttext p {
	padding-top: 10px;
}
.aboutcont .abouttext img {
	max-width: 100%;
}
.aboutcont .abouttext .aboutsince {
	font-size: 40px;
	color: #e4e6ea;
	text-transform: uppercase;
	line-height: 52px;
}
.aboutcont .abouttext .abouttitle {
	font-size: 20px;
	color: #116ab2;
	font-weight: bold;
}
.aboutcont .msgs-content{padding:20px 0; overflow:hidden;}
.aboutcont .msgs-content .child{ float:none;text-align:left;width:100%; margin-right:0;}
.aboutcont .msgs-content .child .child-image{width:100%;height:auto;}
.aboutcont .msgs-content .child .child-image img{ max-width:100%;}
.aboutcont .msgs-content .child .child-content .info{line-height:24px;color:#666;font-size:14px;padding:15px 0;}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}
.aui-image-text {
    position: relative;
    padding: 25px 0;
    overflow: hidden;
}

.aui-image-text .aui-flex {
    width: 100%;
    float: none;
    margin: 0 0 3% 0;
    padding: 0;
    background: #fff;
}

.aui-shrink-img {
    width: 80px;
    height: 92px;
    margin-right: 15px;
}

.aui-shrink-img img {
	max-width:100%;
    border: none;
    display: block;
}

.aui-image-text .aui-flex-box h2 {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.aui-image-text .aui-flex-box p {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    overflow: hidden;
}

.contactcont {
	padding: 30px 0;
}
.contactcont .cont-tit {
	width: 100%;
	line-height: 38px;
	padding-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	color: #666
}
.contactcont ul {
	width: 100%
}
.contactcont li {
	float: left;
	width: 33.33%;
	padding: 60px 2.8% 0;
	border-left: 1px solid #e5e5e5;
	min-height: 610px
}
.contactcont li:first-child {
	border-left: none
}
.contactcont li img {
	margin-bottom: 15px
}
.contactcont li h2 {
	font-size: 30px;
	color: #000;
	line-height: 48px;
	margin-bottom: 12px
}
.contactcont li p {
	font-size: 16px;
	color: #333;
	line-height: 36px
}
.contactcont li img {
	max-width: 100%;
	margin-bottom: 5px
}
 @media (min-width: 1024px) {
.aboutcont {
	padding: 41px 0 53px;
}
.aboutcont .abouttext {
	font-size: 14px;
	line-height: 24px;
}
.aboutcont .abouttext p {
	padding-top: 15px;
}
.aboutcont .abouttext .aboutsince {
	font-size: 60px;
}
.aboutcont .abouttext .abouttitle {
	font-size: 24px;
}
.aboutcont .msgs-content .child{ float:left;text-align:left;width:24.25%; margin-right:1%;}
.aboutcont .msgs-content .child:nth-child(4n){margin-right:0;}



.aui-image-text .aui-flex {
    width: 48%;
    float: left;
    margin: 0 1% 3% 1%;
    padding: 0;
    background: #fff;
}

.aui-image-text .aui-flex-box h2 {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}
.contactcont {
	padding: 41px 0 0;
}
}
@media (max-width: 1024px) {
.contactcont .cont-tit {
	line-height: 22px;
	padding-bottom: 12px;
	font-size: 24px
}
.contactcont li {
	padding: 19px 2% 0;
	min-height: 480px
}
.contactcont li h2 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 6px
}
.contactcont li p {
	font-size: 14px;
	line-height: 22px
}
}
@media (max-width: 480px) {
.contactcont .cont-tit {
	line-height: 22px;
	padding-bottom: 12px;
	font-size: 16px
}
.contactcont li {
	width: 100%;
	border-left: none;
	border-bottom: 1px solid #eee;
	min-height: auto;
	padding: 19px 2% 30px
}
}
/*公司动态*/
.newsd-main {
/*	margin: 0 auto;
	max-width: 1000px*/
}
.cdetail-date {
	font-size: 14px;
	line-height: 2;
	color: #999
}
.cdetail-title {
	font-size: 30px;
	line-height: 1.5;
	color: #000
}
.cdetail-img::before {
	padding-top: 49.38272%
}
.cdetail-intro {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto
}
.cdetail-intro__txt {
	font-size: 14px;
	line-height: 2;
	color: #666
}
.cdetail-intro__size {
	font-size: 0;
	text-align: center
}
.news-body {
	position: relative;
	margin-top: 30px;
}
.news-content {
	font-size: 15px;
	line-height: 2;
	color: #666
}
.news-content p {
	padding-top: 10px;
}
.news-content img {
	max-width: 100% !important;
	height: auto !important
}
.news-content .title {
	font-size: 24px;
	color: #116ab2;
	font-weight: bold;
}
.news-data .news-share {
	position: absolute;
	top: 0;
	left: -180px;
	width: 30px
}
.news-data .news-share a {
	display: block;
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	color: #ccc
}
.news-data .news-share a:hover {
	color: #084397
}
.news-pager {
	position: relative;
	font-size: 0;
	text-align: center
}
.np-pager {
	position: absolute;
	top: 0;
	width: 30%;
	font-size: 14px;
	line-height: 30px;
	color: #999;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}
.np-pager:hover {
	color: #000
}
.np-pager:hover i {
	color: #084397
}
.np-pager i {
	position: absolute;
	top: 0;
	font-size: 30px;
	line-height: 28px;
	color: #ebebeb;
	-webkit-transition: color .3s ease;
	transition: color .3s ease
}
.np-prev {
	padding-left: 45px;
	left: 0;
	text-align: left
}
.np-prev i {
	left: 0
}
.np-next {
	padding-right: 45px;
	right: 0;
	text-align: right
}
.np-next i {
	right: 0
}
.np-back {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ebebeb;
	font-size: 20px;
	line-height: 30px;
	text-align: center
}
.np-back:hover {
	background-color: #084397;
	color: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
@media (max-width: 1440px) {
.news-data .news-share {
	left: -80px
}
}
@media (max-width: 1200px) {
.news-data .news-share {
	position: relative;
	width: auto;
	left: 0;
	margin-top: 40px;
	text-align: center
}
.news-data .news-share a {
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0
}
.news-pager {
	margin-top: 60px
}
}
@media (max-width: 1100px) {
.news-body {
	margin-top: 60px
}
}
@media (max-width: 1024px) {
/*.newsd-main {
	margin-top: 30px
}*/
.news-data .news-share a {
	font-size: 24px
}
.news-content .title {
	font-size: 20px;
}
}
@media (max-width: 768px) {
.news-body {
	margin-top: 40px
}
.news-content {
	font-size: 14px;
}
}
@media (max-width: 640px) {
.news-body {
	margin-top: 30px
}
.np-pager {
	font-size: 0
}
.cdetail-title {
	font-size: 18px
}
}
/*视频中心*/
.media-list {
	padding-left: 0;
	list-style: none;
	overflow: hidden
}
.media-list ul {
	width: 100%
}
.media-list li {
	width: 23.7%;
	float: left;
	margin-right: 1.7%;
	position: relative;
	margin-bottom: 24px;
	cursor: pointer;
	overflow: hidden
}
.media-list li img {
	width: 100%;
	transition: transform .3s
}
.media-list li p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 7% 20px;
	background: url(../images/ab29.png) no-repeat top -5px center;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	width: 100%
}
.media-list li .bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .3s
}
.media-list li .open {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -22px;
	display: block;
	background: url(../images/news06.png) no-repeat center;
	background-size: 100% 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .3s
}
.media-list li.cur {
	margin-right: 0
}
.media-list li:hover img {
	transform: scale(1.1)
}
.media-list li:hover .bg, .media-list li:hover .open {
	opacity: 1;
	filter: alpha(opacity=100)
}
.video-ajax {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 23;
	display: none;
	text-align: center
}
.video-ajax .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	cursor: pointer;
	opacity: .8;
	filter: alpha(opacity=80)
}
.video-ajax .close {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: -28px;
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
	z-index: 2;
	background: url(../img/odd01.png) no-repeat center;
	background-size: 100% 100%
}
.video-ajax .con {
	width: 780px;
	height: 438px;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-left: -390px;
	margin-top: -219px
}
.video-ajax .con video {
	width: 100%
}
@media (max-width: 1024px) {
.media-list li p {
	padding: 0 3% 10px;
	font-size: 14px;
	line-height: 22px
}
.media-list li {
	margin-bottom: 15px
}
}
@media (max-width: 640px) {
.media-list li {
	width: 48.5%;
	margin-right: 2.7%
}
.media-list li:nth-child(2n) {
	margin-right: 0
}
}
/*产品中心*/
.list-products {
	margin-right: -12px;
	margin-left: -12px
}
.products-item {
	position: relative;
	padding: 50px 40px;
	display: block;
	background:#f2f2f2;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.products-item:hover {
	-moz-box-shadow: 8px 8px 29px 0 rgba(153,153,153,0.19);
	-webkit-box-shadow: 8px 8px 29px 0 rgba(153,153,153,0.19);
	box-shadow: 8px 8px 29px 0 rgba(153,153,153,0.19)
}
.products-item:hover .pitem__img {
	animation: imgDown 2s 1
}
.pitem__img {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	max-width: 380px
}
.pitem__img::before {
	padding-top: 78.94737%
}
.page-products {
	background-color: #f9f9f9
}
.pitem__info {
	position: absolute;
	top: 50%;
	right: 10%;
	left: 54%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.pitem__info h3 {
	margin-bottom: 1em;
	font-size: 18px;
	color: #084397
}
.pitem__info p {
	margin-bottom: 1.5em;
	font-size: 14px;
	line-height: 1.5;
	color: #999
}
.pitem__info span {
	font-size: 14px;
	line-height: 1.5;
	color: #e30b20
}
.pitem__ico {
	position: absolute;
	right: 80px;
	bottom: 80px;
	font-size: 30px;
	color: #084397;
	-moz-transition: -moz-transform .4s ease;
	-o-transition: -o-transform .4s ease;
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease
}
.pitem__ico:hover {
	transform: scale(0.8)
}
.list-products {
	margin-right: -12px;
	margin-left: -12px
}
.products-item {
	margin: 0 12px 50px
}
@media (max-width: 1400px) {
.pitem__ico {
	right: 60px;
	bottom: 60px
}
}
@media (max-width: 1100px) {
.products-item {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0;
	padding-left: 20px
}
.pitem__ico {
	right: 40px;
	bottom: 40px
}
}
@media (max-width: 768px) {
.list-products {
	margin-top: 30px
}
.products-item {
	margin-bottom: 30px
}
.list-products>li {
	width: 100%
}
.pitem__info {
	right: 20px
}
.pitem__info h3 {
	margin-bottom: .5em;
	font-size: 16px
}
.pitem__info p {
	margin-bottom: .5em;
	font-size: 14px
}
.pitem__ico {
	right: 20px;
	bottom: 20px;
	font-size: 24px
}
}
/*产品详情*/
.product-info {
	width: 100%;
	padding-bottom: 5%;
	height: auto;
}
.product-info .info-top {
	width: 100%;
	height: auto;
	background-color: #fff;
}
.product-info .info-top .top-new {
	height: auto;
	padding-top: calc(4% + 100px);
	padding-bottom: 4%;
}
.product-info .info-top .top-new .top-left {
	width: 46.75%;
	height: auto;
	float: left;
	position: relative;
	z-index: 100;
}
.product-info .info-top .top-new .top-left .list-small {
	width: 90px;
	height: auto;
	float: left;
}
.product-info .info-top .top-new .top-left .list-small ul {
	width: 100%;
	height: auto;
}
.product-info .info-top .top-new .top-left .list-small ul li {
	width: calc(100% - 2px);
	height: 112px;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 32px;
	cursor: pointer;
}
.product-info .info-top .top-new .top-left .list-small ul li img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.product-info .info-top .top-new .top-left .list-small ul li.on {
	border: 1px solid #1e96d5;
}
 @media (min-width: 1024px) {
.product-info .info-top .top-new .top-left .list-small ul li:hover {
	border: 1px solid #1e96d5;
}
}
.product-info .info-top .top-new .top-left .list-small ul li:last-child {
	margin-bottom: 0;
}
.product-info .info-top .top-new .top-left .img-big {
	width: calc(100% - 110px);
	height: 550px;
	float: right;
	border: 1px solid #e5e5e5;
	position: relative;
}
.product-info .info-top .top-new .top-left .img-big .img-new {
	width: 100%;
	height: 100%;
	position: relative;
}
.product-info .info-top .top-new .top-left .img-big .img-new .img-b {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.product-info .info-top .top-new .top-right {
	width: 50%;
	float: right;
	height: auto;
}
.product-info .info-top .top-new .top-right .tits {
	font-size: 40px;
	line-height: 40px;
	color: #116ab2;
	margin-top: 28px;
}
.product-info .info-top .top-new .top-right .tit {
	font-size: 24px;
	line-height: 24px;
	color: #878787;
	margin-top: 20px;
}
.product-info .info-top .top-new .top-right .tit1 {
	font-size: 16px;
	line-height: 30px;
	margin-top: 19px;
}
.product-info .info-top .top-new .top-right .tit1 .t {
	color: #666;
}
.product-info .info-top .top-new .top-right .tit1 .t span {
	color: #333;
}
.product-info .info-top .top-new .top-right .line {
	width: 100%;
	height: 1px;
	background-color: #ccc;
	margin-top: 23px;
}
.product-info .info-top .top-new .top-right .tit2 {
	font-size: 24px;
	line-height: 24px;
	color: #333;
	margin-top: 30px;
}
.product-info .info-top .top-new .top-right .tit3 {
	width: 100%;
	height: auto;
	margin-top: 17px;
	line-height: 30px;
	font-size: 15px;
	color: #666;
}
.product-info .info-top .top-new .top-right .tit3 p {
	padding-left: 17px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	position: relative;
}
.product-info .info-top .top-new .top-right .tit3 p:after {
	width: 5px;
	height: 5px;
	background-color: #1e96d5;
	position: absolute;
	top: 19px;
	left: 0;
	content: '';
}

.product-info .content {
	width: 100%;
	height: auto;
}

.product-info .content .tabs {
	width: 100%;
	height: auto;
	background: #fff;
	font-size: 0;
	text-align: center;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.product-info .content .tabs a {
	color: #333;
	width: 150px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	line-height: 66px;
	position: relative;
	margin: 0 23px;
}
.product-info .content .tabs a:after {
	width: 0%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	background-color: #116ab2;
	transition: width 0.5s, left .5s;
}
.product-info .content .tabs a.on:after {
	width: 100%;
	left: 0;
}
 @media (min-width: 1024px) {
.product-info .content .tabs a:hover:after {
	width: 100%;
	left: 0;
}
}
.product-info .content .con {
	height: auto;
/*	margin-top: 3%;*/
}
.product-info .content .con .item {
	width: 100%;
	height: auto;
	display: none;
	background-color: #fff;
}
.product-info .content .con .item p{
	font-size: 15px;
	line-height: 2;
	color: #666;
	padding-top:10px;
}
.product-info .content .con .item img {
	max-width: 100% !important;
	height: auto !important;
	margin:0 auto;
}
.product-info .content .con .item .title{
	font-size:24px;
	color:#116ab2;
	font-weight:bold;
}
.product-info .content .con .item.it1 {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-top: 6%;
	padding-bottom: 10%;
}
.product-info .content .con .item.it1 .pp {
	width: 1400px;
	max-width: 94%;
	margin: 0 auto;
}
.product-info .content .con .item.it1 .pp img {
	width: 100%;
}
.product-info .content .con .item.it1 .item-new {
	width: 1198px;
	height: auto;
	border: 1px solid #ccc;
	margin: 0 auto;
	max-width: 92%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.product-info .content .con .item.it1 .item-new .item-left {
	width: 34.6%;
	height: auto;
	float: left;
	margin-left: 4.3%;
}
.product-info .content .con .item.it1 .item-new .item-left .tits {
	font-size: 36px;
	line-height: 36px;
	color: #666;
}
.product-info .content .con .item.it1 .item-new .item-left .tit {
	display: inline-block;
	padding: 0 20px 0 50px;
	background-color: #878787;
	font-size: 16px;
	line-height: 50px;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-image: url(../img/dd1.png);
	color: #fff;
	margin-top: 25px;
}
.product-info .content .con .item.it1 .item-new .item-right {
	width: 53.75%;
	height: auto;
	float: left;
}
.product-info .content .con .item.it1 .item-new .item-right .t {
	font-size: 18px;
	line-height: 18px;
	color: #333;
}
.product-info .content .con .item.it1 .item-new .item-right .t1 {
	font-size: 14px;
	line-height: 22px;
	color: #666;
	margin-top: 9px;
}
.product-info .content .con .item.it1 .item-new .item-right .d {
	width: 139px;
	height: 50px;
	background-color: #eeb111;
	position: relative;
	text-align: center;
	display: block;
	margin-top: 45px;
}
.product-info .content .con .item.it1 .item-new .item-right .d span {
	height: 100%;
	z-index: 5;
	display: inline-block;
	position: relative;
	padding-left: 47px;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/dd2.png);
}
.product-info .content .con .item.it1 .item-new .item-right .d:after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eeb111;
	z-index: 4;
	content: '';
}
 @media (min-width: 1024px) {
.product-info .content .con .item.it1 .item-new .item-right .d:hover:after {
	animation: hoverAnimation .5s linear;
}
}
 @media (max-width: 1500px) {
.product-info .info-top .top-new .top-left .list-small ul li {
	height: 98px;
	margin-bottom: 10px;
}
.product-info .info-top .top-new .top-left .list-small ul li.on {
	height: 96px;
}
.product-info .info-top .top-new .top-left .img-big {
	height: 428px;
}
}
 @media (max-width: 1450px) {
.product-info .info-top .top-new .top-right .tits {
	font-size: 32px;
	line-height: 32px;
	margin-top: 0;
}
.product-info .info-top .top-new .top-right .tit {
	font-size: 20px;
	line-height: 20px;
	margin-top: 10px;
}
.product-info .info-top .top-new .top-right .tit5 {
	margin-top: 30px;
}
.product-info .info-top .top-new .top-right .line {
	margin-top: 10px;
}
.product-info .info-top .top-new .top-right .tit2 {
	margin-top: 15px;
}
.product-info .info-top .top-new .top-right .tit3 span {
	line-height: 26px;
}
.product-info .info-top .top-new .top-left .list-small {
	margin-left: 0;
}
.product-info .info-top .top-new .top-left .img-big {
	width: calc(100% - 110px);
}
.product-info .content .top {
	height: 80px;
}
.product-info .content .top .top-new .tits {
	line-height: 80px;
}
.product-info .content .con .item.it1 .item-new .item-left .tits {
	font-size: 26px;
	line-height: 26px;
}
.product-info .info-top .top-new .top-right .tit3 span:after {
	top: 11px;
}
}
 @media (max-width: 1330px) {
.product-info .content .con .item.it1 .item-new .item-left {
	width: 90%;
	margin-left: 5%;
	float: none;
}
.product-info .content .con .item.it1 .item-new .item-right {
	width: 90%;
	margin-left: 5%;
	margin-top: 2%;
	float: none;
}
}
 @media (max-width: 1280px) {
.product-info .info-top .top-new .top-right .tits {
	font-size: 26px;
	line-height: 26px;
}
.product-info .info-top .top-new .top-right .tit {
	font-size: 18px;
	line-height: 18px;
}
.product-info .info-top .top-new .top-left {
	width: 54%;
}
.product-info .info-top .top-new .top-right {
	width: 42%;
}
}
 @media (max-width: 1080px) {
.product-info .info-top .top-new .top-left {
	width: 56%;
}
}
 @media (max-width: 930px) {
.product-info .info-top .top-new .top-left {
	width: 100%;
	height: auto;
	float: none;
}
.product-info .info-top .top-new .top-right {
	width: 100%;
	float: none;
	margin-top: 20px;
}
.product-info .info-top .top-new .top-right .tits {
	font-size: 20px;
	line-height: 20px;
}
.product-info .info-top .top-new .top-right .tit {
	font-size: 16px;
	line-height: 16px;
}
.product-info .info-top .top-new .top-right .line {
	margin-top: 10px;
}
.product-info .info-top .top-new .top-right .tit2 {
	margin-top: 15px;
	font-size: 20px;
}
.product-info .info-top .top-new .top-right .tit3 span {
	line-height: 26px;
	margin-right: 15px;
}
.product-info .info-top .top-new .top-right .tit3 span:after {
	top: 11px;
}
.product-info .content .top {
	height: 55px;
}
.product-info .content .top .top-new .tits {
	margin-left: 0;
	font-size: 14px;
	line-height: 55px;
	padding-left: 30px;
	background-size: 24px;
}
.product-info .content .tabs a {
	width: 120px;
	font-size: 18px;
	line-height: 50px;
	margin: 0 15px;
}
}
 @media (max-width: 550px) {
.product-info .info-top .top-new .top-left .list-small {
	width: 18%;
}
.product-info .info-top .top-new .top-left .img-big {
	width: 80%;
}
.product-info .content .con .item.it1 .item-new .item-left .tits {
	font-size: 20px;
	line-height: 20px;
}
.product-info .content .con .item.it1 .item-new .item-left .tit {
	line-height: 40px;
	font-size: 14px;
	padding-left: 36px;
	background-position: 10px center;
	margin-top: 15px;
}
.product-info .content .con .item.it1 .item-new .item-right .d {
	margin-top: 25px;
	height: 40px;
	width: 120px;
}
.product-info .content .con .item.it1 .item-new .item-right .d span {
	line-height: 40px;
	font-size: 14px;
	padding-left: 30px;
}
}
 @media (max-width: 470px) {
.product-info .content .tabs a {
	width: 33.3333333333%;
	font-size: 18px;
	line-height: 50px;
	margin: 0;
}
}
