@charset "utf-8";

@font-face {

	font-family: iconfont;

	font-display: swap;

	src: url(../fonts/iconfont.eot);

	src: url(../fonts/iconfont.eot#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')

}

.iconfont {

	font-family: iconfont!important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}

.icon-youtube:before {

	content: "\e660"

}

.icon-whatsapp:before {

	content: "\e933"

}

.icon-whatsapp1:before {

	content: "\e97b"

}

.icon-linkedin:before {

	content: "\e696"

}

.icon-dizhi1:before {

	content: "\e628"

}

.icon-xiazai:before {

	content: "\e610"

}

.icon-email:before {

	content: "\e638"

}

.icon-phone:before {

	content: "\e63d"

}

.icon-liaotian:before {

	content: "\e6db"

}

.icon-home:before {

	content: "\e821"

}

.icon-arrow-b:before {

	content: "\e60c"

}

.icon-search:before {

	content: "\e64f"

}

.icon-shouhou:before {

	content: "\e72b"

}

.icon-OEM:before {

	content: "\e631"

}

.icon-shengchan:before {

	content: "\e632"

}

.icon-gongchang:before {

	content: "\e63b"

}

.icon-skype:before {

	content: "\ec02"

}

.icon-arrow-r:before {

	content: "\e64d"

}

.icon-facebook:before {

	content: "\e63a"

}

.icon-close:before {

	content: "\e650"

}

.icon-twitter:before {

	content: "\e726"

}

.icon-arrow-l:before {

	content: "\e606"

}

.icon-ins:before {

	content: "\e664"

}

.icon-arrow-t:before {

	content: "\e60d"

}

.icon-pinterest:before {

	content: "\e685"

}

.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both

}

.animated.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite

}

.animated.hinge {

	-webkit-animation-duration: 2s;

	animation-duration: 2s

}

@-webkit-keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translate3d(-100%, 0, 0);

transform:translate3d(-100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft

}

@-webkit-keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInRight {

0% {

opacity:0;

-webkit-transform:translate3d(100%, 0, 0);

transform:translate3d(100%, 0, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight

}

@-webkit-keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translate3d(0, 100%, 0);

transform:translate3d(0, 100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp

}

@-webkit-keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

@keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translate3d(0, -100%, 0);

transform:translate3d(0, -100%, 0)

}

100% {

opacity:1;

-webkit-transform:none;

transform:none

}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown

}

@-webkit-keyframes bounceInUp {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, 3000px, 0);

transform:translate3d(0, 3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

75% {

-webkit-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0)

}

100% {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

}

@keyframes bounceInUp {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, 3000px, 0);

transform:translate3d(0, 3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, -20px, 0);

transform:translate3d(0, -20px, 0)

}

75% {

-webkit-transform:translate3d(0, 10px, 0);

transform:translate3d(0, 10px, 0)

}

90% {

-webkit-transform:translate3d(0, -5px, 0);

transform:translate3d(0, -5px, 0)

}

100% {

-webkit-transform:translate3d(0, 0, 0);

transform:translate3d(0, 0, 0)

}

}

.bounceInUp {

	-webkit-animation-name: bounceInUp;

	animation-name: bounceInUp

}

@-webkit-keyframes bounceInLeft {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInLeft {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(-3000px, 0, 0);

transform:translate3d(-3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(25px, 0, 0);

transform:translate3d(25px, 0, 0)

}

75% {

-webkit-transform:translate3d(-10px, 0, 0);

transform:translate3d(-10px, 0, 0)

}

90% {

-webkit-transform:translate3d(5px, 0, 0);

transform:translate3d(5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft

}

@-webkit-keyframes bounceInRight {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInRight {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(3000px, 0, 0);

transform:translate3d(3000px, 0, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(-25px, 0, 0);

transform:translate3d(-25px, 0, 0)

}

75% {

-webkit-transform:translate3d(10px, 0, 0);

transform:translate3d(10px, 0, 0)

}

90% {

-webkit-transform:translate3d(-5px, 0, 0);

transform:translate3d(-5px, 0, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

.bounceInRight {

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight

}

@-webkit-keyframes bounceInDown {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 0)

}

75% {

-webkit-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

90% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

@keyframes bounceInDown {

0%, 100%, 60%, 75%, 90% {

-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);

transition-timing-function:cubic-bezier(.215, .61, .355, 1)

}

0% {

opacity:0;

-webkit-transform:translate3d(0, -3000px, 0);

transform:translate3d(0, -3000px, 0)

}

60% {

opacity:1;

-webkit-transform:translate3d(0, 25px, 0);

transform:translate3d(0, 25px, 0)

}

75% {

-webkit-transform:translate3d(0, -10px, 0);

transform:translate3d(0, -10px, 0)

}

90% {

-webkit-transform:translate3d(0, 5px, 0);

transform:translate3d(0, 5px, 0)

}

100% {

-webkit-transform:none;

transform:none

}

}

.bounceInDown {

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown

}

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box

}

a, a:hover {

	text-decoration: none;

	color: inherit;

	cursor: pointer

}

button, input, textarea {

	outline: 0;

	border: none;

	font: inherit;

	-webkit-appearance: none;

	border-radius: 0

}

button {

	cursor: pointer

}

i {

	vertical-align: middle

}

img {

	max-width: 100%;

	max-height: 100%;

	border: none;

	height: auto

}

input::placeholder, textarea::placeholder {

font-family:inherit

}

li, ul {

	list-style: none

}

.clearfix {

	zoom: 1

}

h1, h2, h3, h4, h5, h6 {

	font-size: inherit

}

.clearfix::after {

	content: '';

	display: block;

	height: 0;

	visibility: hidden;

	clear: both

}

.flex {

	display: flex;

	flex-wrap: wrap

}

.flex-ai-c {

	display: flex;

	flex-wrap: wrap;

	align-items: center

}

.flex-ai-fs {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start

}

.flex-ai-fe {

	display: flex;

	flex-wrap: wrap;

	align-items: flex-end

}

.flex-jc-c {

	display: flex;

	flex-wrap: wrap;

	justify-content: center

}

.flex-jc-sb {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between

}

.flex-jc-sa {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around

}

.flex-jc-fe {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-end

}

.flex-jc-fs {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start

}

.flex-jc-ai-c {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center

}

.container {

	width: 100%;

	max-width: 1600px;

	margin: 0 auto

}

.container1 {

	width: 100%;

	max-width: 1630px;

	margin: 0 auto

}

.container-s {

	width: 100%;

	max-width: 1054px;

	margin: 0 auto

}

table {

	border-collapse: collapse

}

.table td, table th {

	border: 1px solid #F6F6F7;

	padding: 6px 16px

}

body {

	font-family: '微软雅黑', Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif;

	color: #666;

	max-width: 1920px;

	margin-left: auto;

	margin-right: auto;

	font-size: 18px

}

.body-layer {

	overflow-y: hidden

}

.icon {

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

	display: inline-block

}

html {

	font-size: 13.3333vw

}/*! index  */

header {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	background: #FFF;

	width: 100%;

	max-width: 1920px;

	margin: 0px auto;

	z-index: 999;

	transition: top .2s ease-in-out;

	border-bottom: 1px solid #F6F6F6

}

.head-t {

	background: #F6F6F7;

	padding: 5px 0

}

.head-contact {

	color: #333;

	font-size: 14px

}

.head-contact p {

	margin-left: 40px

}

#xyz {

	position: relative;

	margin-left: 40px;

	background: #FFF;

	width: 140px;

	height: 28px;

	z-index: 99

}

.xyz12 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	background: #FFF

}

#xyz .xyz12 span {

	position: absolute;

	right: 5px;

	top: 12px;

	width: 0;

	height: 0;

	border: 6px solid transparent;

	border-top: 6px solid #000;

	cursor: pointer

}

#xyz .xyz12 ul li {

	padding: 6px 0 6px 10px

}

#xyz .xyz12 ul li a img {

	margin-right: 5px;

	vertical-align: middle

}

header #xyz ul li:hover {

	background: #f2f2f2

}

.head-b {

	height: 92px

}

.head-b .container {

	align-items: center;

	height: 100%

}

.logo {

	margin-right: auto;

	display: block;

	max-width: 20%;

	max-height: 100%

}

.logo img {

	max-height: 70px; float:left

}

nav {

	height: 100%;

	max-width: 76%

}

nav .nav {

	display: flex;

	height: 100%

}

nav .nav li a {

	color: #333

}

nav .nav li {

	position: relative

}

nav .nav>li>a {

	padding: 0 20px;

	height: 100%;

	display: flex;

	align-items: center;
font-weight: bold;font-size: 18px;
}

nav .nav li .inmenu_1, nav .nav li:hover>a {

	color: #0263b5

}

nav .nav .submenu {

	opacity: 0;

	position: absolute;

	top: 100%;

	left: 20px;

	width: 250px;

	background: #FFF;

	transform: rotateX(90deg);

	transition: all .4s ease-in-out;

	transform-origin: top;

	z-index: 9

}

nav .nav .submenu li a {

	width: 100%;

	padding: 10px 30px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block

}

nav .nav>li:hover .submenu {

	opacity: 1;

	transform: rotateX(0)

}

.search-box {

	    width: 0;

    height: 100%;

    overflow: hidden;

    justify-content: center;

    align-items: center;

    display: flex;

}

.search-box form {

	overflow: hidden;

	justify-content: center;

	align-items: center;

	display: flex; width:100%

}

.search-box input {

	height: 30px;

	border-bottom: 1px solid #707070;

	width: 75%;

	padding-left: 10px;

	background: #FFF

}

.search-box #btnSearch {

	display: none

}

.search-close {

	margin-left: 20px;

	cursor: pointer

}

.search-close i {

	font-size: 20px

}

.head-search-btn {

	font-size: 20px;

	cursor: pointer;

	margin-left: 20px;

	padding: 4px;

	color: #333

}

#swiper-banner img {

	width: 100%;

	display: block

}

#swiper-banner .swiper-button-next, #swiper-banner .swiper-button-prev {

	width: 30px;

	height: 60px;

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

	text-align: center;

	line-height: 60px;

	transition: all .3s ease-in-out;

	margin-top: -30px

}

#swiper-banner .swiper-button-next:hover, #swiper-banner .swiper-button-prev:hover {

	background-color: rgba(0,0,0,.6)

}

#swiper-banner .swiper-button-next {

	right: 0

}

#swiper-banner .swiper-button-prev {

	left: 0

}

#swiper-banner .swiper-button-next i, #swiper-banner .swiper-button-prev i {

	font-size: 30px;

	color: #FFF

}

#swiper-banner .swiper-pagination-bullet-active {

	background: #0263b5

}





/*tit1*/

.tit1 {

	text-align: center;

	padding: 66px 0 58px;

}



.tit1 h2 {

	font-size: 36px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 10px;

}



.tit1 p {

	font-size: 16px;

	line-height: 30px;

	color: #999;

}



/*index1*/

.index1 .index1_box .item {

	width: calc( 100% / 2 - 20px);

	height: 340px;

	float: left;

	margin: 0 10px 22px;

	position: relative;

}



.index1 .index1_box .item:nth-child(2n) {

	margin-right: 0;

}



.index1 .index1_box .item .pic_box {

	width: 100%;

	height: 100%;

	overflow: hidden;

	position: relative;

}



.index1 .index1_box .item .pic_box img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.index1 .index1_box .item:hover .pic_box img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}



.index1 .index1_box .item .pic_box .mask {

	width: 500px;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	/*background: linear-gradient(to right, rgba(26, 28, 132, .8), rgba(255, 255, 255, 0));*/

	background: linear-gradient(to right, rgba(74, 74, 74, 1), rgba(255, 255, 255, 0));

}



/*.index1 .index1_box .item:nth-child(2) .pic_box .mask,

.index1 .index1_box .item:nth-child(3) .pic_box .mask {

	width: 500px;

	background: linear-gradient(to right, rgba(74, 74, 74, 1), rgba(255, 255, 255, 0));

}*/



.index1 .index1_box .item .text_box {

	width: 230px;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	color: #fff;

	text-align: center;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.index1 .index1_box .item .text_box h4 {

	font-size: 18px;

	line-height: 30px;

}



.index1 .index1_box .item .text_box i {

	font-size: 14px;

	line-height: 30px;

	font-family: 'Arial';

	text-transform: uppercase;

}



.index1 .index1_box {

	margin-bottom: 70px;

}







.index2 {

	width: 100%;

	height: 710px;

	position: relative;

}



.index2::after {

	content: "";

	width: 100%;

	height: 1px;

	background-color: #4d4d4d;

	position: absolute;

	left: 0;

	bottom: 125px;

	z-index: 1;

}



.index2 .gallery-top {

	width: 100%;

	height: 100%;

}



.index2 .gallery-top .swiper-slide {

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



.index2 .gallery-top .text {

	/* margin-top: 165px;

	margin-left: 410px; */

	margin-top: 10%;

	margin-left: 20%;

	display: none;

}



.index2 .gallery-top .index2_tit {

	/* margin-bottom: 70px; */

	margin-bottom: 4.6%;

}



.index2 .gallery-top .index2_tit h2 {

	font-size: 36px;

	color: #0263b5;

	line-height: 48px;

	margin-bottom: 5px;

}



.index2 .gallery-top .index2_tit p {

	font-size: 24px;

	line-height: 48px;

	color: #fff;

}



.index2 .gallery-top .text_box {

	font-size: 14px;

	line-height: 30px;

	color: #fff;

}



.index2 .gallery-thumbs {

	width: 100%;

	height: 125px;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

}



.index2 .gallery-thumbs .swiper-slide {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	cursor: pointer;

}



.index2 .gallery-thumbs .swiper-slide .text {

	position: relative;

	padding-left: 76px;

}



.index2 .gallery-thumbs .swiper-slide .text::before {

	content: "";

	width: 40px;

	height: 40px;

	position: absolute;

	left: 20px;

	top: 10px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;



}



/*.index2 .gallery-thumbs .swiper-slide:nth-child(1) .text::before {

	background-image: url(../images/inedx2_icon1.png);

}



.index2 .gallery-thumbs .swiper-slide:nth-child(2) .text::before {

	background-image: url(../images/inedx2_icon2.png);

}



.index2 .gallery-thumbs .swiper-slide:nth-child(3) .text::before {

	background-image: url(../images/inedx2_icon3.png);

}



.index2 .gallery-thumbs .swiper-slide:nth-child(4) .text::before {

	background-image: url(../images/inedx2_icon4.png);

}



.index2 .gallery-thumbs .swiper-slide:nth-child(5) .text::before {

	background-image: url(../images/inedx2_icon5.png);

}*/





.index2 .gallery-thumbs .text h4 {

	font-size: 16px;

	color: #fff;

	line-height: 30px;

}



.index2 .gallery-thumbs .text i {

	font-size: 12px;

	line-height: 30px;

	color: #fff;

	text-transform: uppercase;

	font-style: normal;

}



.index2 .gallery-thumbs .swiper-slide .mask {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}



.index2 .gallery-thumbs .swiper-slide .mask em {

	font-size: 90px;

	font-weight: bold;

	color: #fff;

	opacity: 0;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}



.index2 .gallery-thumbs .swiper-slide:hover .mask,

.index2 .gallery-thumbs .swiper-slide-thumb-active .mask {

	background-color: #0263b5;

}



.index2 .gallery-thumbs .swiper-slide:hover .mask em,

.index2 .gallery-thumbs .swiper-slide-thumb-active .mask em {

	opacity: 0.05;

}





.index2 .gallery-top .swiper-button-disabled {

	opacity: 1;

	cursor: pointer;

	pointer-events: initial;

}



.index2 .gallery-top .swiper-button-next,

.index2 .gallery-top .swiper-button-prev {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}



.index2 .gallery-top .swiper-button-next {

	background-image: url(../images/index2_right.png);

	left: auto;

	right: 13%;

}



.index2 .gallery-top .swiper-button-prev {

	background-image: url(../images/index2_left.png);

	right: auto;

	left: 13%;

}



.index2 .swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

	content: '' !important;

}



.index2 .swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

	content: '' !important;

}





/*index4*/

.index4 {

	background-color: #0263b5;

	padding: 70px 0;

}



.index4 .index4_tit {

	float: left;

	width: 350px;

	position: relative;

	padding-top: 20px;

}



.index4 .index4_tit::after {

	content: "";

	width: 90px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	left: 0;

	top: 0;

}



.index4 .index4_tit h2 {

	font-size: 30px;

	line-height: 48px;

	color: #fff;

}



.index4 .num_group {

	float: right;

}



.index4 .num_group .group {

	float: left;

	margin-right: 111px;

	text-align: center;

}



.index4 .num_group .group:last-child {

	margin-right: 0;

}



.index4 .num_group .group em {

	font-size: 60px;

	color: #fff;

	font-weight: bold;

	display: block;

	margin-bottom: 5px;

	position: relative;

	font-style: normal;

}



.index4 .num_group .group em::after {

	content: "";

	font-size: 20px;

	color: #fff;

	position: absolute;

	top: 7px;

	font-weight: normal;

}



/*.index4 .num_group .group:first-child em::after {

	content: "亩";

	right: -17px;

}



.index4 .num_group .group:nth-child(2) em::after,

.index4 .num_group .group:nth-child(3) em::after {

	content: "W";

}*/





.index4 .num_group .group span {

	color: #fff;

	font-size: 14px;

}





/*index5*/

/*  iadvantage  */

.iadvantage {

	background: #f5f5f5;

	padding: 100px 0;

}



.iadvantage .iadvantage_tit {

	float: left;

}



.iadvantage .iadvantage_tit em {

	display: block;

	font-size: 36px;

	font-weight: bold;

	color: #333333;

	text-transform: uppercase;

	margin-bottom: 10px;

}



.iadvantage .iadvantage_tit h2 {

	font-size: 36px;

	color: #333333;

	font-weight: bold;

	padding-bottom: 30px;

	position: relative;

}



.iadvantage .iadvantage_tit h2::after {

	content: "";

	width: 60px;

	height: 1px;

	background-color: #9d9d9d;

	position: absolute;

	left: 0;

	bottom: 0;

}



.iadvantage .button {

	float: right;

	width: 120px;

	height: 52px;

	position: relative;

}



.iadvantage .button .swiper-button-next,

.iadvantage .button .swiper-button-prev {

	width: 50px;

	height: 50px;

	background-color: #f5f5f5;

	border: 1px solid #9d9d9d;

	position: absolute;

	cursor: pointer;

}

.iadvantage .button .swiper-button-next i,

.iadvantage .button .swiper-button-prev i{ color:#656565;}



.iadvantage .button .swiper-button-next:after,

.iadvantage .button .swiper-container-rtl .swiper-button-prev:after {

	content: ' ';

}



.iadvantage .button .swiper-button-prev:after,

.iadvantage .button .swiper-container-rtl .swiper-button-next:after {

	content: ' ';

}



.iadvantage .button .swiper-button-next.swiper-button-disabled,

.iadvantage .button .swiper-button-prev.swiper-button-disabled {

	opacity: 1;

	pointer-events: auto;

}



.iadvantage .button .swiper-button-next {

	top: auto;

	bottom: 0;

	right: 0;

	left: auto;

	background-image: url(../images/right.png);

	background-position: center;

	background-size: 8px 16px;

	outline: none;

}



.iadvantage .button .swiper-button-prev {

	top: auto;

	bottom: 0;

	right: auto;

	left: 0;

	background-image: url(../images/left.png);

	background-position: center;

	background-size: 8px 16px;

	outline: none;

}



.iadvantage .button .swiper-button-next:hover,

.iadvantage .button .swiper-button-prev:hover {

	background-color: #0263b5;

	border: 1px solid #2e3191;

}

.iadvantage .button .swiper-button-next:hover i,

.iadvantage .button .swiper-button-prev:hover i{

	color: #fff;

}



.iadvantage .button .swiper-button-next:hover {

	background-image: url(../images/right2.png);

}



.iadvantage .button .swiper-button-prev:hover {

	background-image: url(../images/left2.png);

}



.iadvantage .swiper-container {

	margin-top: 60px;

}



.iadvantage .swiper-container .pic_box {

	width: 40%;

	/*width: 625px;

	height: 490px;*/

	overflow: hidden;

	float: left;

}



.iadvantage .swiper-container .pic_box img {

	width: 100%;

	height: 100%;

	object-fit: cover;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.iadvantage .swiper-container .pic_box:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}



.iadvantage .swiper-container .right_box {

	float: right;

	width: 55%;

}



.iadvantage .swiper-container .right_box h4 {

	font-size: 36px;

	color: #333333;

	font-weight: bold;

	margin-bottom: 12px;

	margin-top: 18px;

}



.iadvantage .swiper-container .right_box em {

	display: block;

	font-size: 24px;

	color: #666666;

	padding-bottom: 30px;

	position: relative;

}



.iadvantage .swiper-container .right_box em::after {

	content: "";

	width: 100%;

	height: 1px;

	background-color: #e2e2e2;

	position: absolute;

	left: 0;

	bottom: 0;

}



.iadvantage .swiper-container .right_box .text_box {

	margin-top: 30px;

	font-size: 16px;

	line-height: 30px;

	color: #666666;

}



.iadvantage .swiper-container .right_box .text_box p {

	position: relative;

	/*padding-left: 28px;*/

	text-indent: 2em;

}



.iadvantage .swiper-container .right_box .text_box p::before {

	display:none;

	content: "";

	/*display: inline-block;*/

	position: absolute;

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: #000;

	left: 0;

	top: 42%;

}



.iadvantage .swiper-container .right_box .right_pic {

	margin-top: 40px;

	width: 505px;

}



.iadvantage .swiper-container .right_box .right_pic .pic_box {

	width: 248px;

	height: 142px;

	overflow: hidden;

}



.iadvantage .swiper-container .right_box .right_pic img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	overflow: hidden;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.iadvantage .swiper-container .right_box .right_pic img:hover {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);

	transform: scale(1.2);

}



.iadvantage .swiper-container .right_box .right_pic .pic_box:first-child {

	float: left;

}



.iadvantage .swiper-container .right_box .right_pic .pic_box:last-child {

	float: right;

}



/*in-zzrz*/
.in-zzrz{margin-bottom: 88px;}
.in-zzrz ul{ overflow:hidden;}
.in-zzrz ul li{ overflow:hidden;width: calc( 100% / 8 - 20px); margin:0 10px 10px; float:left;/*border: 1px solid #eee;*/}
.in-zzrztu{ width:100%;overflow: hidden;border: 1px solid #eee;display: inline-flex;}
.in-zzrztu img{width: 100%;aspect-ratio: 4/3;transition: all 0.6s;height: 100%;}
.in-zzrztitle{font-size: 18px;text-align: center;
  color: #333;
  font-weight: bold;display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.in-zzrz ul li:hover img{transform: scale(1.1,1.1);transition: all 0.6s;}


/*INEWS*/

.in-news{ /*margin-bottom:88px;*/}

.in-news-menu {text-align: center;font-size: 0;width: 50%;margin: 0 auto 40px;}





.in-news-menu li {display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}





.in-news-menu li a {display: block;border: 1px solid #c9c9c9;color: #666;font-size: 16px;line-height: 48px;padding: 0 25px;}





.in-news-menu li.active a {border-color: #0263b5;color: #fff;background-color: #0263b5;}

.in-news-menu li.swiper-slide-thumb-active a {border-color: #0263b5;color: #fff;background-color: #0263b5;}



.in-news-left {float: left;width: 49%;}





.in-news-left .top {display: block;border-bottom: 1px solid #ddd;padding-bottom: 15px;}





.in-news-left .top .img-cover {padding-top: 50%;}





.in-news-left .top .text {margin-top: 20px;}





.in-news-left .top .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;font-weight: normal;line-height: 24px;}





.in-news-left .top .text h4 i {display: inline-block;vertical-align: top;background-color: #0263b5;color: #fff;border-radius: 20px;padding: 0 15px;font-size: 14px;font-style: normal;margin-right: 15px;}





.in-news-left .top .text h4 span {float: right;color: #999;}





.in-news-left .top .text p {margin: 10px 0 0;text-align: justify;line-height: 1.8;color: #666;}





.in-news-left .top:hover .img-cover span {transform: scale(1.1);}





.in-news-left .bottom {margin-top: 15px; display:none;}



.in-news-left .bottom li span{float: right;color: #999;}

.in-news-left .bottom li a {line-height: 30px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/dian1.png) no-repeat 0 center;padding-left: 20px;}





.in-news-right {float: right;width: 49%;}





.in-news-right .top li {border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}





.in-news-right .top li:last-child {border-bottom: 0;padding-bottom: 0;}





.in-news-right .top li a {display: block;overflow: hidden;}





.in-news-right .top li .img-cover {float: left;width: 236px;padding-top: 132px;}





.in-news-right .top li .text {margin-left: 256px;}





.in-news-right .top li .text h4 {margin: 0;font-weight: normal;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





.in-news-right .top li .text p {margin: 15px 0 0;color: #666;line-height: 1.8;text-align: justify;}





.in-news-right .top li a:hover span {transform: scale(1.1);}





.in-news-right .bottom {padding: 15px 20px;background-color: #fff;}





.in-news-right .bottom li a {line-height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/dian1.png) no-repeat 0 center;padding-left: 20px;}





.in-news-right .bottom li span {float: right;color: #999;}

.img-cover {

  overflow: hidden;

  position: relative;

}

.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #ddd;}







.about {

	padding: 88px 0

}

.about .container {

	position: relative;

	padding: 0 71px

}

.about .swiper-button-next, .about .swiper-button-prev {

	width: 40px;

	height: 40px;

	background: #0263b5;

	text-align: center;

	line-height: 38px;

	color: #FFF;

	position: absolute;

	top: 50%;

	margin-top: -20px;

	transition: background .2s ease-in-out

}

.about .swiper-button-prev {

	left: 0

}

.about .swiper-button-next {

	right: 0

}

.about .swiper-button-next i, .about .swiper-button-prev i {

	font-size: 26px

}

.about .swiper-button-next:hover, .about .swiper-button-prev:hover {

	background: #0263b5

}

#about .swiper-slide {

	display: flex;

	flex-wrap: wrap;

	width: 100%

}

.about-l {

	width: 39%

}

.about-r {

	width: 61%;

	padding-left: 45px

}

.about-l img {

	width: 100%;

	height: auto

}

.about-r h3, .about-r .h3 {

	font-size: 30px;

	color: #333;

	padding-top: 10px;

	font-weight: 600

}

.about-r h2{font-size: 20px;

  color: #666;

  padding-top: 10px;

  font-weight: normal;}

.about-r>p {

	line-height: 1.6;

	margin: 30px 0 20px

}

.about-list li {

	padding-left: 20px;

	background: url(../images/abouticon.png) no-repeat left top;

	margin-bottom: 18px

}

.home-more {

	display: block;

	width: 242px;

	background: #0263b5;

	border-radius: 23px;

	color: #FFF;

	font-size: 18px;

	padding: 11px 0;

	text-align: center;

	margin-top: 30px;

	transition: all .2s ease-in-out

}

.home-more:hover {

	background: #0263b5;

	color: #FFF

}

.home-tit {

	text-align: center;

	font-size: 30px;font-weight: 600;

	color: #333;

	margin-bottom: 50px;

	font-weight: 400

}

.product-list li {

	width: 24%;

	text-align: center;

	margin-bottom: 30px;

	transition: all .2s ease-in-out;

	padding-bottom: 10px

}

.product-img {

	border: 1px solid #F6F6F7;

	border-radius: 10px 10px 0 0;

	overflow: hidden;

	font-size: 0

}

.product-img img {

	width: 100%;

	max-height: 100%;

	border-radius: 10px 10px 0 0;

	transition: all .2s ease-in-out

}

.product-tit {

	font-size: 22px;font-weight: 600;

	color: #333;

	margin-top: 20px;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden

}

.product-text {

	line-height: 1.5;

	margin: 10px 0;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;padding:10px;

}

.product-more {

	color: #0263b5

}

.product-list li:hover .product-more {

	color: #0263b5

}

.product-list li:hover .product-tit {

	color: #0263b5

}

.product-list li:hover {

	box-shadow: 0 5px 10px 0 #eee

}

.product-list li:hover .product-img img {

	transform: scale(1.1)

}

.product .home-more {

	margin: 20px auto 90px

}

.news {

	background: url(../images/news-bg.jpg) no-repeat center;

	background-size: cover;

	padding: 80px 0;

	overflow-x: hidden

}

.news-l {

	width: 54%;

	padding-right: 9%

}

.news h4 {

	font-size: 30px;

	color: #333;

	margin-bottom: 14px;

	font-weight: 600

}

.news-l p {

	line-height: 1.5

}

.news-l a {

	display: inline-block;

	font-size: 18px;

	color: #0263b5;

	margin-top: 40px

}

.news-l a:hover {

	color: #0263b5

}

.news-r {

	width: 49%;

	background: rgba(255,255,255,0.5);

	padding: 30px 40px; margin-right:2%; box-sizing:border-box

}

.news-r2{ margin-right:0}

.news-list li {

	background: #FFF;

	margin-top: 20px

}

.news-item-data {

	width: 90px;

	background: #0263b5;

	color: #fefefe;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	text-align: center;

	padding: 31px 10px;

	transition: background .2s ease-in-out

}

.news-item-data p {

	width: 100%;

	height: auto

}

.news-item-data p:nth-child(1) {

	font-size: 18px;

	border-bottom: 1px solid #fefefe;

	padding-bottom: 6px;

	margin-bottom: 6px

}

.news-item-data p:nth-child(2) {

	font-size: 18px

}

.news-item-box {

	width: calc(100% - 90px);

	padding: 0 24px 0 18px

}

.news-item-tit a {

	display: block;font-weight: 600;

	font-size: 22px;

	color: #333;

	margin-bottom: 16px;

	transition: color .2s ease-in-out;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}

.news-item-text {

	line-height: 1.5;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}

.news-list li:hover .news-item-data {

	background: #043980

}

.news-list li:hover .news-item-tit a {

	color: #0263b5

}

.advantage {

	background-size: cover;

	padding: 90px 0;

	overflow: hidden

}

.advantage-list li {

	width: 22%;

	color: #333;

	text-align: center

}

.advantage-icon i {

	font-size: 40px

}

.advantage-tit {

	font-size: 22px;

	margin: 10px 0 6px

}

.advantage-text {

	color: #555;

	line-height: 1.5;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden

}

.advantage .home-more {

	margin: 50px auto 0

}

.advantage-list li:hover .advantage-icon i {

	color: #0263b5

}

footer {

	color: #FFF

}

.foot-t {

	background: #0263b5;

	padding: 50px 0

}

.foot-list {

	overflow: hidden

}

.foot-list>li {

	width: auto;

	max-width: 20%

}

.foot-item1 p {

	line-height: 1.5;

	margin: 24px 0

}

.foot-list>li>h6 {

	font-size: 22px;

	font-weight: 600;

	margin-bottom: 30px

}

.fnav li a, .fpronav li a {

	display: block;

	color: rgba(255,255,255,.5);

	margin-bottom: 10px;

	transition: color .2s ease-in-out

}

.fnav li a:hover, .fpronav li a:hover {

	color: #FFF

}

.foot-contact {

	line-height: 1.5

}

.foot-contact>p {

	display: flex

}

.foot-contact strong {

	font-weight: 400;

	white-space: nowrap

}

.foot-contact span, .foot-contact span a {

	display: block;

	color: rgba(255,255,255,.5);

	margin-left: 6px;

	transition: color .2s ease-in-out;

	flex: 1;
	overflow-wrap: break-word;
  word-break: break-word;

}

.foot-contact>p {

	margin-bottom: 6px

}

.foot-contact>p:last-child {

	margin-bottom: 0

}

.foot-contact>p:hover span, .foot-contact>p:hover span a {

	color: #FFF

}

.foot-qr {

	max-height: 120px

}

.foot-b {

	background: #333333;

	text-align: center;

	overflow: hidden

}

.copyright {

	line-height: 1.5;

	padding: 8px 0

}

.gotop {

	position: fixed;

	bottom: 25px;

	right: 65px;

	width: 30px;

	height: 30px;

	background: #FFF;

	text-align: center;

	line-height: 30px;

	cursor: pointer;

	display: none

}

.gotop i {

	color: #0263b5;

	font-size: 20px

}

.headact {

	box-shadow: 0 0 6px #ccc

}

.mob-menu {

	display: none;

	cursor: pointer;

	margin-left: 30px;

	position: relative;

	height: 26px;

	width: 40px

}

.mob-menu span {

	position: absolute;

	right: 0;

	display: block;

	height: 4px;

	background: #333;

	border-radius: 2px;

	transition: all .2s ease-in-out

}

.mob-menu span:nth-child(1) {

	width: 80%;

	top: 0

}

.mob-menu span:nth-child(2) {

	width: 70%;

	top: 50%;

	margin-top: -2px

}

.mob-menu span:nth-child(3) {

	width: 55%;

	top: auto;

	bottom: 0

}

.mob-search {

	display: none

}

nav .nav>li i {

	display: none

}

.noscroll {

	overflow-Y: hidden

}

.mobact span {

	height: 3px

}

.mobact span:first-child {

	transform: rotate(45deg);

	top: 46%

}

.mobact span:nth-child(2) {

	opacity: 0

}

.mobact span:nth-child(3) {

	width: 80%;

	transform: rotate(-45deg);

	top: 46%

}

.mobile-bottom {

	display: none

}

.page-box {

	padding: 50px 0

}

.inner-banner img {

	display: block;width: 100%;
height: 45vh;
  object-fit: cover;
}

.crumbs {

	width: 100%;

	background: #F6F6F7;

	color: #0263b5;

	text-align: left;height:48px;

	text-transform: capitalize;

	padding: 15px 120px 1px 160px;

	text-transform: capitalize

}

.crumbs h1 {

	display: inline-block;

	font-weight: 400

}

.crumbs a {

	color: #333

}

.page-l {

	float: left;

	width: 300px;

	color: #333

}

.page-r {

	width: calc(100% - 330px);

	float: right

}

.page-l-menu {

	text-align: center;

	margin-bottom: 30px

}

.page-l-menu-tit {font-weight: 600;

	background: #0263b5;

	color: #FFF;

	padding: 15px 0;

	text-align: center;

	font-size: 20px

}

.page-l-menu ul {

	border-left: 1px solid #F6F6F7;

	border-right: 1px solid #F6F6F7

}

.page-l-menu ul li a {

	display: block;

	padding: 15px 0;

	border-bottom: 1px solid #F6F6F7

}

.page-l-menu ul li a:hover {

	color: #0263b5

}

.page-l-contact-box {

	border: 1px solid #F6F6F7;

	padding: 30px 10px;line-height: 2;

}

.page-l-contact-box>p {

	display: flex;

	margin-bottom: 12px;
overflow-wrap: break-word;
  /*hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;*/
  font-size: 15px;
}

.page-l-contact-box>p:last-child {

	margin-bottom: 0

}
.page-l-contact-box>p a{overflow-wrap: break-word;word-break: break-word;}
.page-l-contact-box>p a:hover {

	color: #0263b5

}

.page-l-contact-box>p span {

	display: block;

	flex: 1

}

.page-l-contact-box strong {

	font-weight: 400;

	margin-right: 4px

}

.page-r .faq-list li {

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

	background-size: 60px;

	background-position: 10px 20px

}

.page-r .faq-list li .project-info {

	width: 100%;

	padding: 20px 20px 20px 80px

}

.page-r .faq-list li .project-info .project-content {

	margin: 10px 0 0;

	-webkit-line-clamp: 5

}

.page-r .faq-list li:hover {

	transform: translateY(0);

	box-shadow: none

}

.project-list li {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	background: #F6F6F7;

	border: 1px solid #F6F6F7;

	border-radius: 10px 10px 0 0;

	overflow: hidden;

	margin-bottom: 40px;

	transition: all .3s ease-in-out

}

.project-list li:last-child {

	margin-bottom: 0

}

.download-list li::after {

	content: '';

	display: block;

	height: 0;

	visibility: hidden;

	clear: both

}

.download-btn {

	display: flex;

	width: 194px;

	background: #333;

	border-radius: 23px;

	color: #FFF;

	font-size: 18px;

	text-align: center;

	padding: 11px 0;

	transition: background .2s ease-in-out;

	justify-content: center;

	align-items: center;

	margin-left: auto;

	margin-right: auto;

	text-transform: capitalize

}

.download-btn i {

	font-size: 18px;

	margin-right: 18px;

	margin-right: 6px

}

.download-btn:hover {

	background-color: #0263b5;

	color: #FFF

}

.project-img {

	width: 30%;

	font-size: 0

}

.project-info {

	width: 70%;

	padding: 0 50px

}

.project-name {

	font-size: 22px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis

}

.project-content {

	margin: 16px 0 36px;

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}

.project-list li:hover {

	transform: translateY(-10px);

	box-shadow: 0 4px 10px #ccc

}

.project-list li:hover .project-name {

	color: #0263b5

}

.contactus-box {

	color: #333

}

.contactus-box h5 {

	font-size: 22px;

	text-align: center;

	font-weight: 400;

	margin-bottom: 46px

}

.contactus-list {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap

}

.contactus-list>div {

	width: 30%;

	text-align: center

}

.contactus-icon {

	width: 100px;

	height: 100px;

	border: 1px solid #e3e3e3;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 auto

}

.contactus-icon .iconfont {

	font-size: 48px

}

.contactus-tit {

	font-size: 22px;

	color: #0263b5;

	margin: 18px 0 10px

}

.contactus-text {

	line-height: 1.6

}

.inquiry-tit {

	font-size: 22px;

	margin: 90px 0 30px

}

.inquiry-form {

	display: flex;

	flex-wrap: wrap

}

.inquiry-form input {

	width: 49%;

	height: 50px;

	background: #FFF;

	border: 1px solid #e3e3e3;

	padding-left: 20px;

	font-size: 16px;

	color: #333;

	margin-bottom: 20px

}

.inquiry-form input::placeholder, .inquiry-form textarea::placeholder {

color:#333

}

.inquiry-form input#in-name {

	margin-right: 2%

}

.inquiry-form textarea {

	width: 100%;

	height: 120px;

	background: #FFF;

	border: 1px solid #e3e3e3;

	padding: 20px;

	color: #333

}


.contact-1 {/*height:181px;*/padding:0 0 20px;border-bottom: 1px solid #ddd;}


.contact-1 h4 {font-size:24px;margin: 10px 0;color: #0263b5;}


.contact-1 p {line-height: 2;}





.contact-2 {margin: 30px 0 0;padding: 0 0 20px;border-bottom: 1px solid #ddd;}


.contact-2 dt {float: right;width: 600px;}


.contact-2 dd {margin: 0 640px 0 0;}


.contact-2 dd h4 {margin: 0 0 30px;border-left: 3px solid #c8a063;font-size: 20px;padding-left: 15px;}


.contact-2 dd p {margin: 20px 0 0;font-size: 16px;color: #666;background: no-repeat 0 center / 22px auto;}


#feedbackForm .send-btn {

	width: 170px;

	height: 46px;

	background: #0263b5;

	border-radius: 23px;

	text-align: center;

	font-size: 18px;

	color: #FFF;

	line-height: 46px;

	margin: 50px auto 0;

	cursor: pointer;

	transition: background .2s ease-in-out

}

#feedbackForm .send-btn:hover {

	background-color: #0263b5

}

.aboutus-box p {

	line-height: 1.6;

	margin-bottom: 20px

}

.aboutus-box h6 {

	font-size: 22px;

	color: #333;

	font-weight: 400;

	margin-bottom: 10px

}

.latestnews ul {

	border: 1px solid #F6F6F7;

	padding: 30px 10px

}

.latestnews {

	margin-bottom: 30px

}

.latestnews ul li {

	margin-bottom: 20px

}

.latestnews ul li:last-child {

	margin-bottom: 0

}

.latestnews-img {

	overflow: hidden

}

.latestnews-img img {

	width: 100%;

	display: block;

	transition: all .2s ease-in-out;

	max-height: 150px;

	object-fit: cover

}

.latestnews-tit {

	color: #333;

	text-align: center;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	margin-top: 6px

}

.latestnews ul li:hover .latestnews-tit {

	color: #0263b5

}

.latestnews ul li:hover .latestnews-img img {

	transform: scale(1.1)

}

.download-list, .newspage-ninelist-1, .video-list {

	display: flex;

	flex-wrap: wrap

}

.download-list li, .newspage-ninelist-1 li, .video-list li {

	width: 32%;

	margin: 0 2% 30px 0;

	transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;

	padding-bottom: 10px

}

.download-list li:nth-child(3n), .newspage-ninelist-1 li:nth-child(3n), .video-list li:nth-child(3n) {

	margin-right: 0

}

.download-img img, .newspage-img img, .video-img img {

	display: block;

	width: 100%

}

.download-img, .video-list li .video-img {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	max-height: 410px

}

.newspage-data {

	display: flex;

	justify-content: space-between;

	align-items: center

}

.newspage-data, .video-data {

	font-size: 14px;

	color: #999;

	text-align: right;

	margin: 10px 0 6px;

	padding: 0 6px

}

.video-info {

	padding: 10px 0

}

.download-name, .newspage-tit a, .video-name {

	font-size: 20px;

	color: #333;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: block;

	width: 100%;

	padding: 0 6px

}

.download-name {

	text-align: center;

	margin: 10px 0

}

.newspage-text, .video-in {

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	margin-top: 10px;

	padding: 0 6px

}

.newspage-ninelist-1 li:hover, .video-list li:hover {

	transform: translateY(6px);

	box-shadow: 0 0 10px #eee

}

.newspage-ninelist-1 li:hover .newspage-tit a, .video-list li:hover .video-name {

	color: #0263b5

}

.pages-turn {

	color: #191919;

	text-align: center;

	margin: 20px 0

}

.pages-turn a, .pages-turn span {

	font-size: 14px;

	display: inline-block;

	padding: 7px 10px;

	background: #F6F6F7;

	min-width: 30px;

	text-align: center;

	margin: 0 4px

}

.pages-turn a {

	color: #191919

}

.pages-turn span {

	color: #999

}

.pages-turn .ctxt, .pages-turn a:hover {

	background: #0263b5;

	color: #FFF

}

.page-l .sf-menu {

	border: 1px solid #F6F6F7;

	margin-bottom: 30px

}

.sf-menu a {

	color: #333;

	display: block;

	padding: 16px 0

}

.sf-menu li {

	position: relative

}

.sf-menu>li {

	position: relative;

	border-bottom: 1px solid #F6F6F7;

	text-align: center;

	padding-right: 20px

}

.sf-menu>li:last-child {

	border-bottom: none

}

.sf-menu>li i {

	position: absolute;

	right: 10px;

	top: 18px;

	z-index: 1;

	transform: rotate(-90deg);

	font-weight: 600;

	cursor: pointer;

	transition: transform .2s ease-in-out

}

.sf-menu .sub-menu {

	display: none

}

.sf-menu .sub-menu a {

	color: #666;

	font-size: 14px;

	padding: 10px 4px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}

.page-l .categories .sf-menu .currentProType, .sf-menu li:hover i, .sf-menu li:hover>a {

	color: #0263b5

}

.sf-menu>li:hover i {

	transform: rotate(0)

}

.sf-menu>li:hover .sub-menu {

	display: block

}

.pro-menu {

	position: absolute;

	left: 100%;

	top: 0;

	width: 100%;

	background: #FFF;

	z-index: 1;

	display: none

}

.sf-menu li:hover .pro-menu {

	display: block

}

.newspage-ninelist-0>li {

	background: #F6F6F7;

	margin-bottom: 30px;

	transition: box-shadow .3s ease-in-out

}

.newspage-item-data {

	width: 90px;

	background: #0263b5;

	color: #fefefe;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	text-align: center;

	padding: 31px 10px;

	transition: background .2s ease-in-out

}

.newspage-item-data p {

	width: 100%;

	height: auto

}

.newspage-item-data p:nth-child(1) {

	font-size: 18px;

	border-bottom: 1px solid #fefefe;

	padding-bottom: 6px;

	margin-bottom: 6px

}

.newspage-item-data p:nth-child(2) {

	font-size: 18px

}

.newspage-item-box {

	width: calc(100% - 90px);

	padding: 0 24px 0 18px

}

.newspage-item-tit a {

	display: block;

	width: 100%;

	font-size: 24px;font-weight: 600;

	color: #333;

	margin-bottom: 6px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}

.newspage-item-text {

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}

.newspage-ninelist-0>li:hover {

	box-shadow: 0 4px 10px #ccc

}

.newspage-ninelist-0>li:hover .newspage-item-data {

	background-color: #0263b5

}

.newspage-ninelist-0>li:hover .newspage-item-tit a {

	color: #0263b5

}

.newspage-ninelist-0 {

	margin-bottom: 70px

}

.documentcontent-tit, .newsdetails h1 {

	font-size: 22px;

	color: #333;

	text-align: center

}

.documentcontent-tit {

	margin-bottom: 20px

}

.newsdetails-data {

	font-size: 14px;

	color: #999;

	text-align: center;

	margin: 10px 0

}

#page-content-view {

	margin-left: 4%

}

.newsdetails-cont p {

	line-height: 1.6;

	margin-bottom: 20px

}

.newsdetails-cont {

	margin-bottom: 50px

}

.pages-list {

	margin-top: 50px;

	display: flex;

	flex-wrap: wrap

}

.pages-list>div {

	width: 50%;

	border: 1px solid transparent;

	text-align: center;

	color: #333;

	padding: 14px 0;

	background: #F6F6F7

}

.pages-list>div:hover {

	border-color: #e3e3e3;

	color: #0263b5;

	text-decoration: underline

}

.pages-list>div:hover a {

	color: #0263b5

}

.lastproducts-list {

	border: 1px solid #ececec;

	padding: 20px 25px 10px;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-bottom: 30px

}

.lastproducts-list li {

	width: 48%;

	margin-bottom: 10px;

	border: 1px solid #ececec;

	overflow: hidden

}

.lastproducts-list li img {

	display: block;

	width: 100%;

	transition: transform .2s ease-in-out

}

.lastproducts-list li:hover img {

	transform: translateZ(0) scale(1.1)

}

.products-ninelist-1 {

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 40px

}

.products-ninelist-1 li {

	border-radius: 10px 10px 0 0;

	width: 31.7%;

	margin: 0 2% 30px 0;

	text-align: center;

	border: 1px solid transparent;

	transition: all .2s ease-in-out;

	padding-bottom: 10px

}

.products-ninelist-1 li:nth-child(3n) {

	margin-right: 0

}

.products-ninelist-1 li .products-list-img {

	border-radius: 10px 10px 0 0;

	overflow: hidden

}

.products-ninelist-1 li .products-list-img img {

	display: block;

	width: 100%;

	transition: transform .2s ease-in-out;

	max-height: 400px

}

.products-list-tit {

	font-size: 20px;

	color: #333;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	margin-top: 20px;

	padding: 0 6px

}

.products-list-tit a {font-weight: 600;

	display: block;font-size:24px;

	max-width: 100%;

	word-break: break-word

}

.products-list-text {

	line-height: 1.6;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden;

	margin: 10px 0 16px;

	padding: 0 6px

}

.products-add-inquirl {

	color: #0263b5;

	cursor: pointer;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	user-select: none

}

.products-inquirl-btn {

	display: inline-block;

	width: 16px;

	height: 16px;

	border: 1px solid #0263b5;

	vertical-align: middle;

	margin-right: 14px;

	cursor: pointer

}

.products-add-inquirl span {

	vertical-align: middle

}

.products-ninelist-1 .pro-item-checked, .products-ninelist-1 li:hover {

	border-color: #F6F6F7;

	box-shadow: 0 4px 10px #eee

}

.products-ninelist-1 li:hover .products-list-img img {

	transform: scale(1.05)

}

.products-ninelist-1 .pro-item-checked .products-list-tit a, .products-ninelist-1 li:hover .products-list-tit a {

	color: #0263b5

}

.products-ninelist-1 li:hover .products-add-inquirl {

	color: #0263b5

}

.products-ninelist-1 li:hover .products-inquirl-btn {

	border-color: #0263b5

}

.pro-checked .products-inquirl-btn::before {

	content: '√';

	position: relative;

	font-size: 26px;

	top: -12px;

	right: -1px

}

.procateword {

	background: #fcfcfc;

	padding: 0 10px;

	font-size: 14px;

	line-height: 1.6

}

.protype-text {

	padding-top: 4px

}

.procateword a {

	display: inline-block;

	border: 1px solid #e3e3e3;

	border-radius: 20px;

	padding: 2px 8px;

	margin: 6px 8px 6px 0;

	font-size: 12px

}

.compare-panel {

	height: 100px;

	background: #f1f1f1;

	position: fixed;

	z-index: 990;

	bottom: 0;

	left: 0;

	width: 100%;

	display: none;

	box-sizing: border-box;

	font-size: 14px

}

.compare-panel .button-area {

	float: right;

	height: 100%;

	color: #FFF;

	display: flex;

	align-items: center

}

.compare-panel .button-area .contact-button {

	margin: 16px 20px;

	background: #0263b5;

	color: #FFF;

	line-height: 28px;

	padding: 0 12px;

	border-color: transparent;

	border-radius: 3px;

	font-size: 14px;

	cursor: pointer

}

.clear-all, .close {

	position: relative;

	display: inline-block;

	vertical-align: middle;

	color: #666;

	opacity: .5

}

.clear-all .ic-close, .close .ic-close {

	position: absolute;

	width: 32px;

	height: 32px;

	left: 12px;

	top: 45px

}

.clear-all .ic-close:after, .clear-all .ic-close:before, .close .ic-close:after, .close .ic-close:before {

	position: absolute;

	left: 15px;

	content: "";

	height: 16px;

	width: 2px;

	background-color: #FFF

}

.clear-all .ic-close:before, .close .ic-close:before {

	transform: rotate(45deg)

}

.clear-all .ic-close:after, .close .ic-close:after {

	transform: rotate(-45deg)

}

.button-area .clear-all {

	margin-right: 20px;

	cursor: pointer

}

.button-area .clear-all:hover {

	opacity: 1;

	color: #0263b5

}

.button-area .close {

	position: relative;

	width: 60px;

	height: 100%;

	background: #555;

	cursor: pointer;

	display: inline-grid;

	align-items: Center;

	font-size: 16px;

	text-align: center

}

.button-area .close i {

	color: #FFF

}

.list-wrapper {

	height: 100%;

	margin-right: 380px;

	position: relative;

	display: flex;

	align-items: center;

	overflow-x: auto;

	overflow-y: hidden

}

.list-wrapper::-webkit-scrollbar {

height:8px

}

.list-wrapper::-webkit-scrollbar-track {

border-radius:10px;

background-color:rgba(0,0,0,.1)

}

.list-wrapper::-webkit-scrollbar-thumb {

border-radius:10px;

background-color:rgba(0,0,0,.3)

}

.list-wrapper .next, .list-wrapper .pre {

	display: block;

	position: absolute;

	top: 0;

	cursor: pointer;

	height: 60px;

	color: #999;

	font-size: 32px;

	line-height: 60px;

	width: 32px

}

.list-wrapper .next {

	right: 0;

	text-align: right;

	color: #FFF

}

.list-wrapper .item-clear {

	position: relative;

	float: right;

	box-sizing: border-box;

	width: 20px;

	height: 100%;

	border-left: 1px solid #ebecf0;

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center

}

.list-wrapper .item-clear .ic-close {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0

}

.list-wrapper .item-clear .ic-close:after, .list-wrapper .item-clear .ic-close:before {

	position: absolute;

	left: 8px;

	content: "";

	height: 10px;

	width: 2px;

	background-color: #333;

	top: 42%

}

.list-wrapper .item-clear .ic-close:before {

	transform: rotate(45deg)

}

.list-wrapper .item-clear .ic-close:after {

	transform: rotate(-45deg)

}

.list-wrapper .item-clear .fa {

	color: #c4c6cf

}

.list-wrapper .item-content {

	padding: 4px;

	overflow: hidden;

	display: flex;

	justify-content: center;

	align-items: center

}

.list-wrapper .item-img {

	float: left;

	width: 80px;

	height: 60px;

	display: flex;

	align-items: center

}

.list-wrapper .item-img img {

	width: 100%

}

.list-wrapper .item-title {

	word-break: break-word;

	display: -webkit-box;

	text-overflow: ellipsis;

	overflow: hidden;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	font-size: 12px;

	line-height: 18px;

	color: #666;

	margin-left: 10px;

	max-width: calc(100% - 80px)

}

.selected-item .item-box {

	width: 220px;

	height: 68px;

	background: #FFF

}

.cart-list {

	padding: 0 32px

}

.selected-all {

	margin-left: 0;

	display: flex

}

.selected-item {

	padding: 10px 6px

}

.tips {

	background: orange;

	width: 240px;

	padding: 10px;

	font-size: 14px;

	color: #FFF;

	line-height: 1.6;

	position: fixed;

	top: 20%;

	left: 50%;

	border-radius: 6px;

	margin: -32px 0 0 -120px

}

.page-tit {

	font-size: 24px;

	font-weight: 500;

	color: #333;

	border-left: 4px solid #0263b5;

	padding-left: 10px;

	margin-bottom: 30px

}



.nycpul{ overflow:hidden;}

.nycpul li{ overflow:hidden; float:left;width: calc( 100% / 3 - 20px); margin:0 10px 25px;border-radius: 8px;}

.nycptu{ overflow:hidden; width:100%;/*border-radius: 8px;*/border: 1px solid #eee;}

.nycptu img{ max-width:100%;transition: all 0.6s;/*border-radius: 8px;*/width: 100%;aspect-ratio: 9/9;}

.nycpbox{ text-align:center; background:#F6F6F7; padding:18px 10px;}

.nycptit a{font-size: 20px;color: #333;font-weight: bold;}

.nycpul li:hover img{transform: scale(1.1,1.1);transition: all 0.6s;}

.nycpul li:hover .nycpbox{ background:#0263b5;}

.nycpul li:hover .nycptit a{color: #fff;}



.nycaseul{ overflow:hidden;}
.touxiangul{display: flex;flex-wrap: wrap;}
.nycaseul li{ overflow:hidden; float:left;width: calc( 100% / 4 - 20px); margin:0 10px 25px;/*border-radius: 8px;*//*border: 1px solid #eee;*/}

.nycasetu{ overflow:hidden; width:100%;/*border-radius: 8px;*/}

.nycasetu img{ max-width:100%;transition: all 0.6s;/*border-radius: 8px;*/width: 100%;aspect-ratio: 3/2;object-fit: cover;height: 300px;}
.nycasetu2{ overflow:hidden; width:100%;/*border-radius: 8px;*/}
.nycasetu2 img{ max-width:100%;transition: all 0.6s;/*border-radius: 8px;*/width: 100%;aspect-ratio: 4/3;}
.nycasebox{ text-align:center; background:#F6F6F7; padding:18px 10px;}
.nycasebox tit:{font-size: 24px;color: #333;font-weight: bold;}
.nycasebox zhiwu:{font-size: 20px;color: #333;padding-top:10px;}
.nycasetit a{font-size: 20px;color: #333;font-weight: bold;}

.nycaseul li:hover img{transform: scale(1.1,1.1);transition: all 0.6s;}

.nycaseul li:hover .nycasebox{ background:#0263b5;}

.nycaseul li:hover .nycasetit a,.nycaseul li:hover .nycasetit{color: #fff;}





.products-ninelist-0>li {

	background: #F6F6F7;

	border: 1px solid #F6F6F7;

	border-radius: 10px 10px 0 0;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	margin-bottom: 40px;

	transition: all .3s ease-in-out

}

.products-ninelist-0>li .products-list-img {

	width: 28%;margin: 15px;

}

.products-ninelist-0>li .products-list-img img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover

}

.products-ninelist-0>li .products-list-box {

	width: 68%;

	padding: 10px 40px 20px;

}

.products-ninelist-0>li .products-list-text {

	margin: 14px 0 30px;

	padding: 0

}

.products-ninelist-0 .products-list-tit {

	padding: 0

}

.products-ninelist-0 {

	margin-bottom: 70px

}

.products-ninelist-0 .pro-item-checked, .products-ninelist-0>li:hover {

	transform: translateY(-10px);

	box-shadow: 0 4px 10px #ccc

}

.products-ninelist-0>li:hover .products-list-tit a {

	color: #0263b5

}

.small-box {

	width: 100%;

	height: 380px;

	border: 1px solid #F6F6F7;

	position: relative;

	background: #FFF;

	overflow: hidden

}

.pdshow-l {

	width: 500px

}

.preview-container {

	position: relative;

	width: 100%

}

.preview-container .small-box img {

	max-width: 100%;

	max-height: 100%;

	width: 100%;

	display: block

}

.preview-container .small-box .hover {

	position: absolute;

	width: 180px;

	height: 180px;

	background-color: hsla(0,0%,80%,.6);

	border: 1px solid #eee;

	display: none;

	cursor: move

}

.preview-container .thumbnail-box {

	margin-top: 10px;

	position: relative;

	width: 100%

}

.preview-container .thumbnail-box .btn {

	position: absolute;

	top: 50%;

	width: 22px;

	height: 22px;

	margin-top: -11px;

	color: #0263b5

}

.preview-container .thumbnail-box .btn i {

	font-size: 20px;

	font-weight: 600

}

.preview-container .thumbnail-box .btn-prev {

	left: 0

}

.preview-container .thumbnail-box .btn-next {

	right: 0

}

.preview-container .thumbnail-box .btn_next_disabled, .preview-container .thumbnail-box .btn_prev_disabled {

	opacity: .5;

	cursor: not-allowed

}

.preview-container .thumbnail-box .list {

	overflow: hidden;

	width: calc(100% - 49px);

	margin: 0px auto;

	position: relative

}

.preview-container .thumbnail-box .list ul .item {

	width: 80px;

	height: 60px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin: 0 5px;

	border: 1px solid #F6F6F7;

	font-size: 0

}

.preview-container .thumbnail-box .list ul .item img {

	width: 100%

}

.preview-container .thumbnail-box .list ul .item-cur {

	border: 2px solid #0263b5

}

.preview-container .thumbnail-box .list .banner-page {

	display: none;

	justify-content: center;

	align-items: center;

	position: absolute;

	width: 13.3333333333vw;

	border-radius: 5.3333333333vw;

	background: #0263b5;

	bottom: 1.3333333333vw;

	right: 1.3333333333vw;

	z-index: 999

}

.preview-container .thumbnail-box .list .banner-page span {

	color: #FFF;

	font-size: 4vw;

	margin: 0 2px

}

.preview-container .big-box {

	display: none;

	overflow: hidden;

	top: 0;

	left: calc(100% - 1px);

	border: 1px solid #F6F6F7;

	position: absolute;

	width: 100%;

	height: 100%;

	background: #FFF;

	z-index: 20

}

.preview-container .big-box img {

	display: block;

	max-width: none;

	max-height: none;

	width: 150%

}

.pdshow-r {

	width: calc(100% - 500px);

	padding: 10px 0 0 30px

}

.pdshow-r h1 {

	font-size: 22px;

	color: #333;

	font-weight: 400

}

.pdshow-r-text {

	line-height: 1.6;

	margin: 20px 0 70px

}

.pdshow-r-btn {

	margin-top: 40px

}

.pdshow-r-btn a {

	display: inline-block;

	width: 200px;

	height: 50px;

	border-radius: 25px;

	color: #FFF;

	text-align: center;

	line-height: 50px;

	font-size: 18px;

	margin-right: 30px;

	margin-bottom: 20px;

	transition: background .2s ease-in-out;

	background-color: #0263b5

}

.pdshow-r-btn a:hover {

	background-color: #0263b5

}

.pdshow-r-btn a:last-child {

	margin-right: 0

}

.prodetails-box-tit {

	font-size: 22px;

	color: #333;

	margin-bottom: 16px;

	font-weight: 400;

	border-bottom: 1px solid #F6F6F7;

	padding-bottom: 8px

}

.prodetails-box {

	margin-top: 50px

}

.prodetails-bref, .prodetails-bref p, .siggle-page .page-r {

	line-height: 1.6

}

.productsTags {

	color: #333;

	margin-top: 40px

}

.prodetails-bref table {

	max-width: 100%;

	overflow-x: auto;

	display: inline-block

}

.prodetails-box-cont .pages-list {

	margin-top: 20px

}

.pd-inquirl {

	margin-top: 50px

}

.pd-inquirl .prodetails-box-tit {

	margin-bottom: 30px

}

.singglepic {

	width: 100%;

	border: 1px solid #F6F6F7;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden

}

.singglepic img {

	transition: transform .3s ease-in-out

}

.singglepic:hover img {

	transform: scale(1.2)

}

.maybe {

	margin-top: 60px

}

.maybe-list {

	display: flex;

	flex-wrap: wrap;

}

.maybe-list>li {

	width: 19%;

	margin-top: 20px;

	text-align: center;

	margin-right: 1.2%

}

.maybe-list>li:nth-child(5n) {

	margin-right: 0;

}

.maybe-img {

	border: 1px solid #F6F6F7;

	overflow: hidden

}

.maybe-img img {

	transition: all .3s ease-in-out

}

.maybe-tit {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-size: 16px;

	padding: 10px 10px 0;

	color: #333

}

.maybe .prodetails-box-tit {

	margin-bottom: 0

}

.maybe-list>li:hover .maybe-tit {

	color: #0263b5

}

.maybe-list>li:hover img {

	transform: scale(1.1)

}

.page-r .products-ninelist-0 .pro-item-checked, .page-r .products-ninelist-1 .pro-item-checked {

	border-color: #0263b5

}

.ErWeiImg {

	max-width: 120px

}

.page-r video {

	max-width: 100%;

	max-height: 100%

}

.inquiry-pro-list {

	margin: 50px 0;

	display: none;

	width: 100%;

	border: 1px solid #ddd;

	padding: 0 8%

}

.inquiry-pro-item {

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	padding: 20px 0;

	border-bottom: 1px solid #ddd

}

.inquiry-pro-item:last-child {

	border: none

}

.pro-item-name {

	width: 50%

}

.pro-item-img img {

	max-height: 100px

}

.pro-item-name p {

	margin-top: 6px

}

.pro-item-name p a {

	max-width: 100%;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	max-height: 40px;

	word-break: break-word

}

.pro-item-del {

	cursor: pointer;

	padding: 10px

}

.pro-item-del i {

	font-size: 20px

}

.feed-page #feedbackForm {

	margin-top: 20px

}

.YqbYears {

	vertical-align: text-bottom;

	margin-left: 10px

}

#feedbackForm span.xh, .feedbackForm #feedbackForm .atextarea, .feedbackForm #feedbackForm .fsbtn, .feedbackForm #feedbackForm .lable, .feedbackForm #feedbackForm .submita, .feedbackForm #feedbackForm .text, .feedbackForm #feedbackForm table, .feedbackForm #msg, .feedbackForm .fput, .feedbackForm .ftxt {

	max-width: none;

	padding: 0;

	margin: auto;

	border: 0;

	height: auto;

	font-size: auto;

	line-height: 1.5;

	font-family: Arial;

	color: #333;

	background: 0 0;

	text-align: left

}
.feedbackForm h4{font-size: 24px;
  margin: 10px 0;
  color: #0263b5;}
.feedbackForm {

	/*max-width: 800px;*/

	margin: 50px auto

}

.feedbackForm table {

	width: 100%

}

.feed-title {

	font-size: 14px;

	color: #2c2c2c;

	margin-top: 2.5rem;

	margin-bottom: 1.25rem;

	font-weight: 600;

	text-transform: uppercase

}

.feedbackForm #feedbackForm td {

	border: 0;

	height: 48px;

	padding: 0;

	width: auto;

	margin-left: 10px

}

.lable {

	white-space: nowrap

}

.feedbackForm #feedbackForm tbody {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between

}

.feedbackForm #feedbackForm tr {

	border-radius: 2px;

	box-sizing: border-box;

	margin-bottom: 15px;

	font-size: 14px;

	color: #727272;

	background: #f7f7f7

}

.feedbackForm #feedbackForm tr:nth-child(1),.feedbackForm #feedbackForm tr:nth-child(5) {

	width: 49%;

	flex-basis: 49%

}

.feedbackForm #feedbackForm tr:nth-child(2),.feedbackForm #feedbackForm tr:nth-child(6) {

	width: 49%;

	flex-basis: 49%

}

.feedbackForm #feedbackForm tr:nth-child(3) {

	width: 100%;

	flex-basis: 100%

}

.feedbackForm #feedbackForm tr:nth-child(4) {

	width: 100%;

	flex-basis: 100%

}



#feedbackForm input, .feedbackForm #feedbackForm #SubmitContent {

	border: 0;

	font-size: 14px;

	color: #000;

	padding-left: 5px;

	box-sizing: border-box

}

.feedbackForm #feedbackForm #SubmitContent {

	width: 100%;

	margin-top: 10px;

	padding-left: 0;

	box-sizing: border-box

}

.feedbackForm #feedbackForm .submita {

	color: #FFF;

	font-size: 16px;

	padding: 10px 35px;

	border: none;

	background-color: #0263b5;

	text-transform: uppercase;

	cursor: pointer

}

#feedbackForm input::-webkit-input-placeholder {

font-size:14px;

color:#666

}

#feedbackForm input:-ms-input-placeholder {

font-size:14px;

color:#666

}

#feedbackForm input::placeholder {

font-size:14px;

color:#666

}

#feedbackForm input {

	color: #666

}

.feedbackForm #feedbackForm tr:nth-child(6) td {

	height: auto;

	padding: 0 5px;

	display: block

}

.feedbackForm #feedbackForm tr:nth-child(6) textarea {

	outline: 0;

	text-indent: 15px

}

.feedbackForm #feedbackForm .xh {

	color: red

}

.smtcss {

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	top: -30px

}

.promore {

	display: inline-block;

	color: #FFF;

	background: #0263b5;

	padding: 10px 20px;

	transition: background .2s ease-in-out

}

.products-ninelist-0>li:hover .promore, .promore:hover {

	background-color: #0263b5;

	color: #FFF

}

#bmap img {

	max-width: inherit;

	max-height: inherit

}

#bmap {

	width: 100%;

	max-width: 1920px;

	height: 440px;

	margin-top: 100px

}

.infoBoxContent a {

	color: #0263b5

}

.footlinks {

	background: #0263b5;

	text-align: center;

	font-size: 12px;

	border-top: 1px solid #0263b5;

	padding: 4px 0

}

.footlinks, .footlinks a {

	color: #FFF

}

.footkey {

	font-size: 12px;

	margin-top: 4px

}





#ab_kefu {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#ab_kefu * {box-sizing:border-box;font-size:12px;line-height:1.1}
.ab-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.ab-icon {display:inline-block;background:url(../images/ab-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.ab-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.ab-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
.ab-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
.ab-wechat-img {position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.ab-wechat-img img {display:block;max-width:100%;max-height:100%}
.ab-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
.ab-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/ab-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.ab-wechat-phone {position:absolute;right:calc(100% - 1px);top:0;width:140px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.ab-list>li:hover .ab-wechat-img ,.ab-list>li:hover .ab-wechat-phone {transition:transform .4s;transform:scale(1)}
.ab-list>li:hover,.ab-list>li:hover+li {border-color:transparent} 
.ab-email .ab-icon {background-position:-8px -6px}
.ab-phone .ab-icon {background-position:-8px -6px}
.ab-whatsapp .ab-icon {background-position:-52px -50px}
.ab-skype .ab-icon {background-position:-52px -6px}
.ab-wechat .ab-icon {background-position:-144px -10px}
.ab-list li:hover a {color:#FFF} .ab-email:hover {background-color:#f90}
.ab-whatsapp:hover {background-color:#2cb740}
.ab-skype:hover {background-color:#0091df}
.ab-wechat:hover {background-color:#51c332}
.ab-email:hover .ab-icon {background-position:-96px -6px}
.ab-phone:hover .ab-icon {background-position:-96px -6px}
.ab-whatsapp:hover .ab-icon {background-position:-52px -94px}
.ab-skype:hover .ab-icon {background-position:-96px -50px}
.ab-wechat:hover .ab-icon {background-position:-144px -62px}
.ab-list>li:first-child {border-radius:4px 4px 0 0;border:0}
.ab-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {#ab_kefu {display:none} .ab_message { display:none}}
.ab-border-blue-light{position:relative;margin:15px 0px 15px;}
.ab-border-blue-light h5{width:100%;font-size:18px;padding:3px 20px;box-sizing:border-box;border-bottom:4px solid#CCC;margin:0px;color:#0263b5;border-color:#0263b5;}
.ab-border-blue-light>h5::before{content:'';display:inline-block;position:absolute;bottom:2px;right:0px;width:98%;height:3px;background-color:#FFF;}

.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}

.follow{margin-top: 20px;}
.follow ul{display:flex;align-items:center;color:#FFF;font-size:18px;flex-wrap:wrap}
.follow a{color:#FFF;display:inline-flex;margin-right:8px;margin-bottom:8px; width:35px;height:35px;padding:4px;background-color:#053f6f54;border-radius:var(--border);align-items:center;justify-content:center;transform:translateY(0);transition:all .2s linear}
.follow a em{font-size:20px}
.follow a:hover{transform:translateY(-4px);background-color:#0263b5}



@media(min-width:801px) {

nav::-webkit-scrollbar {

width:10px;

height:10px

}

nav::-webkit-scrollbar-track {

border-radius:0;

background:#eee

}

nav::-webkit-scrollbar-thumb {

border-radius:5px;

background-color:#ccc

}

nav::-webkit-scrollbar-thumb:hover {

border-radius:5px;

background-color:rgba(85,85,85,.4)

}

}

@media(max-width:1620px) {

.container {

	padding-left: 15px;

	padding-right: 15px

}

.about {

	padding-left: 15px;

	padding-right: 15px

}

.gotop {

	right: 15px

}

}

@media(max-width:1441px) {

.news-item-data {

	padding: 20px 10px

}

.about-r>p {

	margin: 20px 0 10px

}

.about-list li {

	margin-bottom: 10px

}

}

@media(max-width:1367px) {

nav .nav>li>a {

	padding: 0 14px

}

.pdshow-l {

	width: 400px

}

.pdshow-r {

	width: calc(100% - 400px)

}

.preview-container .thumbnail-box .list ul .item {

	width: 60px;

	height: 50px

}

.pdshow-r-btn a {

	width: calc(50% - 10px);

	margin-right: 10px

}

.pdshow-r-btn a:nth-child(2) {

	margin-right: 0

}

}

@media(max-width:1281px) {

nav .nav .submenu li a {

	padding: 12px 30px

}

.about-r>p {

	margin-top: 10px

}

.product-tit {

	font-size: 18px

}

.product-text {

	font-size: 14px

}

.advantage-tit, .foot-list>li>h6, .news-item-tit a {

	font-size: 20px

}

.about-r h3, .about-r .h3 {

	padding-top: 0

}

.pdshow-r-btn a {

	font-size: 16px

}

.project-content {

	margin: 4px 0 10px

}

.project-info {

	padding: 0 20px

}

}

@media(max-width:1200px) {

nav .nav li a {

	font-size: 15px;

	padding: 0 8px

}

.pdshow-r-text {

	margin-bottom: 40px

}

.prodetails-box {

	margin-top: 30px

}

}

@media(max-width:1024px) {

.about-list li, .about-r>p {

	font-size: 14px

}

.about-l {

	width: 45%

}

.about-r {

	width: 55%;

	padding-left: 20px

}

.about .container {

	padding: 0 50px

}

.product-list li {

	width: 49%

}

.news-l, .news-r {

	width: 100%

}

.news-l {

	background: linear-gradient(90deg, #FFF 0, #FFF 0, #FFF 0, rgba(255,255,255,0) 100%);

	padding: 50px 0 0 50px

}

.news-r {

	padding-top: 30px

}

.news-l a {

	margin-top: 20px

}

.advantage-list li {

	width: 48%;

	margin-bottom: 20px

}

.advantage .home-more {

	margin-top: 30px

}

.page-r {

	width: 100%

}

.products-ninelist-1 li {

	width: 49%

}

.products-ninelist-1 li:nth-child(3n) {

	margin-right: 2%

}

.products-ninelist-1 li:nth-child(2n) {

	margin-right: 0

}

.page-l {

	display: none

}

.pdshow-r {

	width: calc(100% - 400px)

}

.foot-item1, .foot-item2, .foot-item5 {

	display: none

}

.foot-list>li {

	max-width: 100%;

	width: 100%

}

.fnav li {

	width: 20%

}

.fpronav {

	display: flex;

	flex-wrap: wrap

}

.fpronav li {

	margin-right: 8%

}

.fpronav li:last-child {

	margin-right: 0

}

.fnav li a, .fpronav li a {

	color: #FFF;

margin-bottom:.2rem

}

.foot-t {

	padding: 20px 0

}

.foot-list>li>h6 {

	margin-bottom: 14px

}

.foot-contact span, .foot-contact span a {

	color: #FFF

}

.foot-item3 {

	border-bottom: 1px solid rgba(255,255,255,.1);

	margin-bottom: 10px

}

.newsdetails-cont img, .prodetails-bref img, .siggle-page .page-r img {

	height: auto!important

}

}

@media(min-width:801px) and (max-width:990px) {

nav .nav li a {

	font-size: 13px;

	padding: 0 4px

}

.head-search-btn {

	margin-left: 10px

}

}

@media(max-width:800px) {

	.logo img {

	max-height: 38px; float:left

}

.fpronav li a {

	font-size: 16px

}

.mob-menu, .mob-search, .mobile-bottom-item a, .products-add-inquirl, .swiper-button-next, .swiper-button-prev {

	-webkit-tap-highlight-color: transparent

}

.advantage-icon i {

font-size:.4rem

}

.about-r h3, .about-r .h3, .advantage-tit, .home-tit, .news h4, nav .nav li a {

font-size:.24rem

}

.foot-list>li>h6, .news-item-tit a, .product-tit {

font-size:.22rem

}

.advantage-text, .copyright, .fnav li a, .head-contact, .news-item-text, .news-l a, .product-more, .product-text {

font-size:.2rem

}

.about-r>p, .news-l p {

font-size:.16rem

}

.about-r>p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden

}

.about {

padding:.9rem 0

}

.head-b {

height:.92rem

}

.head-t {

	display: none;

	height: 0;

	padding: 0;

	margin: 0

}

.head-contact p {

margin-left:.5rem

}

.foot-list>li>h6 {

margin-bottom:.2rem

}

.advantage-text {

	text-align: center

}

#xyz, .about-list, .head-search-btn, .search-close {

	display: none

}

.head-t .container {

	justify-content: flex-end

}

nav {

	position: fixed;

	left: 0;

	width: 100%;

	max-width: 100%;

	z-index: 9999;

top:.92rem;

	background: #FFF;

	padding: 0 16px;

height:calc(100% - .92rem);

	text-align: left;

	border-top: 1px solid #F6F6F7;

	transition: top .2s ease-in-out;

	overflow-y: auto;

	display: none

}

nav .nav {

	display: block;

	height: auto

}

.headact nav {

top:.92rem;

height:calc(100% - .92rem)

}

.mob-search {

	color: #333;

	display: block;

	cursor: pointer;

font-size:.3rem;

	font-weight: 600

}

.mob-menu {

	display: block;

width:.4rem;

height:.26rem

}

.logo {

	max-width: 50%

}

nav .nav>li>a {

	display: block;

padding:.24rem 0

}

nav .nav .submenu {

	position: static;

	transform: rotateX(0);

	width: 100%;

	background: 0 0;

	opacity: 1

}

nav .nav .submenu li a {

	color: #666;

font-size:.2rem;

padding:.2rem 0
text-indent: 2em;
}

nav .nav>li i {

	display: block;

	position: absolute;

	right: 0;

top:.38rem;

	font-weight: 600;

font-size:.2rem;

	color: #333

}

nav .nav .submenu li a:hover {

	color: #0263b5

}

.search-box {

	width: 100%;

	position: absolute;

	left: 0;

	top: 100%;

	height: 0;

	transition: height .2s ease-in-out;

	background: #FFF

}

.search-box #btnSearch {

	display: block;

	width: auto;

	padding: 0 10px;

	background: #0263b5;

	color: #FFF;

	border-radius: 2px

}

.mobile-bottom {

	background: #0263b5;

	color: #FFF;

	display: flex;

	opacity: 1;

	transition: all .3s ease-in-out;

height:.98rem;

	align-items: center

}

.mobile-bottom-item {

	text-align: center;

	width: 25%;

font-size:.24rem;

	text-transform: uppercase

}

.mobile-bottom-item i {

	display: block;

font-size:.45rem;

	margin-bottom: 6px

}

.gotop {

	bottom: 2rem

}

.mobactfoot {

margin-bottom:.98rem

}

.mobbotact {

	position: fixed;

	left: 0;

	bottom: 0;

	width: 100%;

	z-index: 997;

	opacity: 1

}

.home-tit {

margin-bottom:.5rem

}

.product .home-more {

margin:.2rem auto .9rem

}

.news {

padding:.34rem 0;

}

.news-l a {

margin-top:.2rem

}

.news h4 {

margin-bottom:.14rem

}

.news-l, .news-r {

padding:.3rem .1rem 0 .5rem

}

.news-r {

padding-bottom:.3rem

}

.news-l p {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}

.advantage {

padding:.75rem 0

}

.about .home-more, .news-list li {

margin-top:.3rem

}

.news-item-data {

padding:.3rem .1rem

}

.news-item-box {

padding:0 .2rem

}

.foot-item3 {

margin-top:.1rem

}

.page-box {

padding:.4rem 0

}

.products-ninelist-0 .products-list-tit {

	margin: 0

}

.products-ninelist-0>li .products-list-text {

margin:.1rem 0 .2rem

}

.products-ninelist-0>li .products-list-box {

padding:.1rem .2rem

}

.products-ninelist-0>li {

margin-bottom:.4rem

}

.newspage-ninelist-0, .products-ninelist-0 {

margin-bottom:.7rem

}

.compare-panel {

	height: 12vw

}

.compare-panel .button-area {

	padding: 0 3vw;

	display: flex;

	justify-content: space-between;

	float: none

}

.compare-panel .button-area .close {

	display: none

}

.compare-panel .list-wrapper {

	padding-left: 0;

	position: absolute;

	bottom: 100%;

	margin-right: 0;

	width: 100%;

	height: auto;

	background: #FFF

}

.selected-all {

	flex-wrap: wrap

}

.compare-panel .list-wrapper .cart-list {

	padding: 0;

	width: 100%

}

.compare-panel .list-wrapper .cart-list #productChache_listPC .selected-all {

	width: 100%

}

.compare-panel .list-wrapper .selected-item {

	padding: 0;

	width: 20%;

	position: relative

}

.compare-panel .list-wrapper .selected-item .item-box {

	width: auto;

	height: 14vw

}

.compare-panel .list-wrapper .selected-item .item-clear {

	height: 30px;

	width: 30px;

	background: #eee;

	border: none;

	position: absolute;

	border-radius: 50%;

	opacity: .7;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%)

}

.list-wrapper .item-clear .ic-close:after, .list-wrapper .item-clear .ic-close:before {

	top: 12px;

	left: 14px

}

.compare-panel .list-wrapper .selected-item .item-content {

	padding: 2px 3px;

	box-sizing: border-box;

	border: 1px solid #eee

}

.compare-panel .list-wrapper .selected-item .item-content .item-title {

	display: none

}

.compare-panel .list-wrapper .selected-item .item-content .item-img {

	width: auto;

	height: 13vw

}

.products-ninelist-0>li, .products-ninelist-1 li {

	border-radius: 0

}

.mobile-bottom-item a {

	color: #FFF

}

}



.diannao{ display:block;}

.shouji{ display:none;}

@media(max-width:768px) {
.inner-banner img{height: 24vh;}
.in-zzrz ul li{width: calc( 100% / 2 - 20px);}
.contact-1 {padding: 0;background: none;height: auto;}


    .contact-1 h4 {font-size: 18px;}





    .contact-2 dt {display: none;}


    .contact-2 dd {margin: 0;}


    .contact-2 dd h4 {font-size: 18px;}


    .contact-2 dd p {font-size: 14px;line-height: 24px;margin-top: 15px;}
.tit1 {

    text-align: center;

    padding: .55rem 0 .52rem;



}



.tit1 h2 {

    font-size: 22px;

    color: #333;

    font-weight: bold;

}



.tit1 p {

    font-size: 14px;

    color: #999;

    margin-top: .12rem;

}

.crumbs{padding: 15px 8px;}

.index1 .index1_box {

  margin-bottom: 20px;

}

.index1 .index1_box .item {

  width: 100%;

  height: auto;

  margin: 0 0px 22px;

}

.index1 .index1_box .item .pic_box .mask {width: 61%;}

.index1 .index1_box .item .text_box {

  width: 170px;}



.nycpul li{width: calc( 100% / 2 - 20px);}

.nycpbox{padding: 10px 10px;}

.nycptit a {

  font-size: 16px;

  color: #333;

  font-weight:normal;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

}



.nycaseul li{width: calc( 100% / 2 - 20px);}
.nycasetu img{ height:17vh;}
.nycasebox{padding: 10px 10px;}

.nycasetit a {

  font-size: 16px;

  color: #333;

  font-weight:normal;

}



.diannao{ display:none;}

.shouji{ display:block;}

.index2_shouji .pic_box {

    width: 100%;

    height: 8rem;

    overflow: hidden;

}



.index2_shouji .pic_box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.index4 .index4_tit{ display:none;}

.index4 .num_group .group {

  margin: 15px 10px;

  width: calc( 100% / 2 - 20px);

}

.index4 .num_group .group em {font-size: 36px;}

.iadvantage .iadvantage_tit h2 {

  font-size: 30px;}

.iadvantage .swiper-container {

  margin-top: 30px;

}

.iadvantage .swiper-container .pic_box {

  width: 100%;}

.iadvantage .swiper-container .right_box {

  width: 100%;

}

.iadvantage .swiper-container .right_box h4 {

  font-size: 22px;

  margin-bottom: 0;

  margin-top: 18px;

}

.iadvantage .swiper-container .right_box em{ display:none;}

.iadvantage .swiper-container .right_box .text_box{ display:none;}



.in-news-menu {

  width: 90%;

  margin: 0 auto 20px;

}

.in-news-left {

  width: 100%;

}

.in-news-right{ display:none;}



.iadvantage {

  padding: 40px 0;

}



#bmap {

	height: 250px;

	margin-top: 0

}

.maybe, .pd-inquirl .feedbackForm {

	margin-top: 20px

}

.newsdetails-cont p {

	margin-bottom: 10px

}

.prodetails-page .page-box {

	padding-top: 0

}

.preview-container .thumbnail-box {

	margin-top: 0

}

.pages-list>div, .pdshow-l, .pdshow-r {

	width: 100%

}

.preview-container .thumbnail-box .btn, .preview-container .thumbnail-box .list .swiper-pagination, .small-box {

	display: none

}

.preview-container .thumbnail-box .list {

	width: 100%

}

.preview-container .thumbnail-box .list ul .item-cur {

	border: none

}

.preview-container .thumbnail-box .list ul .item {

	width: 100%;

	height: auto;

	border: none

}

.preview-container .thumbnail-box .list .banner-page {

	display: flex

}

.pdshow-r {

	padding-left: 0

}

.pages-list>div {

margin-bottom:.2rem

}

.inquiry-form input {

	width: 100%;

padding-left:.2rem;

height:.64rem;

margin-bottom:.2rem

}

.inquiry-form input#in-name {

	margin-right: 0

}

.inquiry-form textarea {

padding:.1rem .2rem;

	height: 1.9rem

}

#feedbackForm .send-btn {

margin-top:.3rem;

	width: 100%;

	border-radius: 0

}

.pdshow-r-btn a {

	width: 100%;

	border-radius: 0;

margin-bottom:.2rem;

	height: 40px;

	line-height: 40px

}

.pdshow-r-btn a:hover {

	background-color: #0263b5

}

.pdshow-r-btn .sendinquiry, .pdshow-r-btn .sendinquiry:hover {

	background: #333

}

.pdshow-r-text {

margin:.2rem 0 .4rem

}

.download-list li, .newspage-ninelist-1 li, .video-list li {

	width: 49%;

margin-bottom:.3rem

}

.download-list li:nth-child(3n), .newspage-ninelist-1 li:nth-child(3n), .video-list li:nth-child(3n) {

	margin-right: 2%

}

.download-list li:nth-child(2n), .newspage-ninelist-1 li:nth-child(2n), .video-list li:nth-child(2n) {

	margin-right: 0

}

.newspage-item-box {

padding:0 .2rem

}

.faq-list li, .newspage-ninelist-0>li, .project-list li {

margin-bottom:.3rem

}

.newspage-text, .video-in {

margin-top:.1rem

}

.project-info {

padding:.1rem .2rem

}

.products-ninelist-1 li .products-list-img, .products-ninelist-1 li .products-list-img img {

	border-radius: 0

}



.feedbackForm #feedbackForm tr:nth-child(1) {

	width: 100%;

	flex-basis: 100%

}

.feedbackForm #feedbackForm tr:nth-child(2) {

	width: 100%;

	flex-basis: 100%

}

.feedbackForm {

	margin-bottom: 0

}

.footlinks {

	transform: translateY(-1.2rem)

}

}

@media(max-width:540px) {

body {

	font-size: 14px

}

.advantage-icon i {

	font-size: 42px

}

.about-r h3, .about-r .h3, .documentcontent-tit, .home-tit, .news h4, .newsdetails h1, .pdshow-r h1 {

	font-size: 20px

}

.aboutus-box h6, .advantage-tit, .contactus-box h5, .contactus-tit, .download-name, .faq-list li .news-item-tit, .foot-list>li>h6, .inquiry-tit, .news-item-tit a, .newspage-item-tit a, .newspage-tit a, .page-tit, .prodetails-box-tit, .project-name, .video-name {

	font-size: 18px

}

.download-btn, .news-item-data p:nth-child(1), .news-item-data p:nth-child(2), .newspage-item-data p:nth-child(1), .newspage-item-data p:nth-child(2), .product-tit, .products-list-tit, nav .nav li a {

	font-size: 16px

}

.about-r>p, .advantage-text, .copyright, .fnav li a, .fpronav li a, .head-contact, .inquiry-form input, .news-item-text, .news-l a, .news-l p, .procateword p, .product-more, .product-text, nav .nav .submenu li a {

	font-size: 14px

}

.about .home-more {

	margin-left: auto;

	margin-right: auto

}

.home-more {

	font-size: 14px;

	width: 180px

}

.logo {

	max-width: 40%

}

.about-l, .about-r {

	width: 100%;

	padding: 0

}

.about-r {

	padding-top: 10px;

	text-align: center

}

.search-box input {

	font-size: 14px

}

.about .swiper-button-next, .about .swiper-button-prev {

	width: 20px

}

.about .swiper-button-next i, .about .swiper-button-prev i {

	font-size: 20px

}

.about .container {

	padding: 0 25px

}

.head-contact p {

	margin-left: 0

}

.head-contact {

	width: 100%;

	justify-content: space-between

}

.products-ninelist-0>li .products-list-img {

	width: 100%

}

.products-ninelist-0>li .products-list-box {

	width: 100%;padding: 10px 16px 20px;

}

.products-list-tit a{font-size: 22px;}

.newspage-data, .video-data {

margin:.2rem 0

}

.contactus-list>div {

	width: 100%;

	text-align: left;

margin-bottom:.2rem

}

.contactus-icon .iconfont {

	font-size: 32px

}

.contactus-icon {

	float: left;

	margin-right: 10px;

	width: 80px;

	height: 80px

}

.contactus-tit {

	margin-top: 10px

}

.inquiry-tit {

margin:.3rem 0

}

.download-btn {

	padding: 6px 0;

	width: 130px

}

.project-img, .project-info {

	width: 100%;

	text-align: center

}

.pages-turn a, .pages-turn span {

	margin-bottom: 6px

}

.contactus-box h5 {

	margin-bottom: 20px

}

.page-r .faq-list li .project-info {

	text-align: left

}

.products-list-tit {

	margin-top: 10px

}

.pro-item-name p a {

	max-height: 34px

}

.pro-item-img img {

	max-height: 60px

}

.inquiry-pro-list {

	padding: 0 10px

}

.newspage-item-data {

	width: 80px;

	padding: 31px 4px

}

.newspage-item-box {

	width: calc(100% - 80px)

}

.newspage-item-text {

	line-height: 1.4

}

}

@media(max-width:415px) {

.mob-menu {

	height: 15px;

	width: 24px;

	margin-left: 20px

}

.mob-search {

	font-size: 16px

}

.mob-menu span {

	height: 3px

}

.foot-t {

	padding: 10px 0

}

.mobile-bottom-item i {

	margin-bottom: 2px

}

.fnav li, .fpronav li {

	width: auto;

margin-right:.4rem

}

.products-list-text {

	margin: 4px 0 10px

}

.products-ninelist-0>li .products-list-text {

	line-height: 1.3

}

.maybe-list>li {

	width: 49%;

	margin-right: 1.5%

}

.maybe-list>li:nth-child(5n) {

	margin-right: 1.5%;

}

.maybe-list>li:nth-child(2n) {

	margin-right: 0;

}

.maybe-tit {

	padding-left: 4px;

	padding-right: 4px

}

#swiper-banner .swiper-button-next, #swiper-banner .swiper-button-prev {

	width: 20px;

	height: 40px;

	line-height: 40px

}

#swiper-banner .swiper-button-next i, #swiper-banner .swiper-button-prev i {

	font-size: 20px

}

}

@media(max-width:376px) {

.documentcontent-tit, .newsdetails h1 {

	font-size: 18px

}

#feedbackForm .send-btn, .aboutus-box h6, .advantage-tit, .contactus-tit, .download-name, .faq-list li .news-item-tit, .foot-list>li>h6, .news-item-data p:nth-child(1), .news-item-tit a, .newspage-item-tit a, .newspage-tit a, .product-tit, .project-name, .video-name {

	font-size: 16px

}

.mob-menu span {

	height: 2px

}

.mob-menu span:nth-child(3) {

	bottom: 1px

}

.news-l, .news-r {

	padding-left: 15px;

	padding-right: 15px

}

.pages-turn a, .pages-turn span {

	padding: 6px 8px

}

}

@media(max-width:321px) {

.head-contact p {

	font-size: 12px

}

.newspage-ninelist-1 li, .product-list li, .products-ninelist-1 li, .video-list li {

	width: 100%

}

.pages-turn a, .pages-turn span {

	margin-bottom: 8px

}

.gotop {

	bottom: 2.4rem

}

}

@media(min-width:1025px) {

.IE .foot-item4 {

	width: 20%

}

}

.IE .newspage-item-text {

	max-height: 74px

}

.IE .download-name, .IE .maybe-tit, .IE .news-item-text, .IE .newspage-text, .IE .products-list-text, .IE .project-content, .IE .video-in {

	max-height: 52px

}

.IE .list-wrapper .item-title {

	max-height: 36px

}

@media(max-width:800px) {

.IE .news-item-text {

	max-height: 60px

}

}

@media(max-width:540px) {

.IE .newspage-item-text {

	max-height: 68px

}

.IE .news-item-text, .IE .product-text {

	max-height: 42px;

	overflow: hidden

}

.IE .products-list-text {

	max-height: 44px

}

}

.e_mobile {

	display: none

}

.yyzz {

	vertical-align: middle

}

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

.feedbackForm #feedbackForm tr:nth-child(1){ width:90%;flex-basis:85%}

.feedbackForm #feedbackForm tr:nth-child(2){ width:90%;flex-basis:85%}

.feedbackForm #feedbackForm tr:nth-child(3){ width:90%;flex-basis:85%}

.feedbackForm #feedbackForm tr:nth-child(4){ width:90%;flex-basis:85%}

.pdshow-r-text {

	display: none

}

.prodetails-bref p {

	line-height: 2;

	font-size: 18px

}

.mobile-bottom {

min-height:.98rem;

	height: auto;

	padding-bottom: constant(safe-area-inset-bottom);

	padding-bottom: env(safe-area-inset-bottom);

	box-sizing: content-box

}

.mobactfoot {

margin-bottom:calc(.98rem + constant(safe-area-inset-bottom));

margin-bottom:calc(.98rem + env(safe-area-inset-bottom))

}

.footlinks {

transform:translateY(calc(-.98rem - constant(safe-area-inset-bottom)));

transform:translateY(calc(-.98rem - env(safe-area-inset-bottom)))

}

.newsdetails h1 {

	/*text-align: left;*/

	font-size: 20px

}

.newsdetails-data {

	font-size: 12px;

	/*text-align: left*/

}

.newsdetails-data a {

	color: #999

}

.newsdetails-cont p {

	font-size: 18px;

	line-height: 1.6;

	color: #444;
overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

}

.ab_img img {

	max-width: 100% !important;

	height: auto !important;

	display: inline-block;

}

.ab_img p {

	text-wrap: inherit !important;overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;

}

.ab_img p span {

	text-wrap: inherit !important;

}

.pagebar {

	padding: 20px;

	overflow: hidden;

	clear: both

}

.pagebar .pagination {

	display: flex;

	justify-content: center;

	margin-top: 10px;

}

.pagination a {

	background: #fff;

	border: 1px solid #ccc;

	color: #333;

	font-size: 12px;

	padding: 8px 10px;

	margin: 0 2px;

	border-radius: 3px;

	line-height: 100%

}

.pagination span {

	color: #333;

	font-size: 12px;

	padding: 7px 2px;

	margin: 0 2px;

	border-radius: 3px;

}

.pagination a:hover {

	color: #333;

	border: 1px solid #333;

}

.pagination a.page-num-current {

	color: #fff;

	background: #333;

	border: 1px solid #333;

}

.pagination .st {

	font-family: 宋体

}

.text-secondary {

	text-align: center;

	padding: 20px 0

}

.lable{ padding:0 10px !important}

.td1{ width:80px !important;}

.td2{ width:400px !important}

.text{ width:100%}

.nobg{ background:none !important}

.pad10{ padding:10px 0}




.inner-banner{ position:relative;}
.align-items-center {
	position: absolute;
  z-index: 9;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-banner-content {
  text-align: center;
  padding-top: 16%;
}
.main-banner-content h1 {
  font-size: 50px;
  color: #ffffff;
  margin: 0 0 20px 0;
  font-weight: 700;text-shadow: 1px 1px 1px #333;
}
.main-banner-content p {
  color: #ffffff;
  font-size: 24px;
  margin: 0 0 0 0;text-shadow: 1px 1px 1px #333;
}
.gltubg{padding: 0px 0 60px;
  background-color: #e3eaed;}
.gltxul{ overflow:hidden;}
.gltxul li{ overflow:hidden; float:left; width: calc( 100% / 6 - 20px); margin:20px 10px; text-align:center;border: 1px solid #d1d1d1;
  padding: 20px 5px;}
.gltititle{ font-size:20px; font-weight:bold;color: #333333;}
.gltip{ font-size:16px;color: #333333;}
@media only screen and (max-width: 767px) {
.align-items-center{width: 90%;}
.main-banner-content h1 {font-size: 20px;}
.main-banner-content p {
  font-size: 16px;
}
.gltxul li{  width: calc( 100% / 2 - 20px); }

}