a, body {
	color:#333
}
a, a:hover {
	text-decoration:none
}
.video-js, img {
	vertical-align:middle
}
.video-js, em, i {
	font-style:normal
}
.data-show td, table td , table th{
	border:1px solid #ddd
}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin:0;
	padding:0
}
.wrap, body {
	margin:0 auto
}
body {
	font-family:arial;
	font-size:16px;
	line-height:1.8
}
a {
	cursor:pointer;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}
a:hover {
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}
* {
	box-sizing:border-box
}
img {
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	border:0
}
::-webkit-input-placeholder {
color:#666
}
::-moz-placeholder {
color:#666
}
:-ms-input-placeholder {
color:#666
}
li {
	list-style:none
}
button, input, select, textarea {
	border:none;
	outline:0;
	background:0 0
}
.wrap {
	width:100%;
	max-width:1400px
}
.clearfix:after {
	content:" ";
	display:block;
	height:0;
	visibility:hidden;
	clear:both
}
.clearfix {
	zoom:1
}
table {
	word-break:break-all;
	word-wrap:break-word;
	border-spacing:0;
	border-collapse:collapse;
	width:100%
}
table td,table th {
	padding:8px 6px
}
table td p {
	margin:0!important
}
.get-quote {
	display:inline-block;
	color:#fff;
	padding:8px 60px 8px 25px;
	border-radius:50px;
	text-transform:capitalize;
	background:#00479d;
	position:relative;
	margin:0 7px
}
.get-quote:before {
	border-radius:50px;
	width:188px;
	height:33px;
	border:1px dashed #fff;
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:5px
}
.get-quote:after {
	content:"";
	display:block;
	background:url(../image/right_icon.png) no-repeat;
	background-size:cover;
	width:25px;
	height:12px;
	position:absolute;
	right:25px;
	top:50%;
	transform:translateY(-50%)
}
.header {
	padding-left:238px;
	padding-right:238px;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	position:relative;
	z-index:99
}
.header .logo {
	display:block
}
.header .logo img {
	width:162px
}
.header .nav-con {
	flex:1;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	padding:0 60px 0 215px
}
.header .nav-con li>a {
	display:block;
	text-transform:uppercase;
	font-weight:700;
	padding:33px 10px;
	position:relative
}
.header .nav-con li>a:before {
	width:100%;
	height:3px;
	background:0 0;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0
}
.header .nav-con li.active>a, .header .nav-con li:hover>a {
	position:relative;
	color:#00479d
}
.header .nav-con li.active>a:before, .header .nav-con li:hover>a:before {
	width:100%;
	height:3px;
	background:#00479d;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0
}

.header .nav-faq{
	background-color:#00479d;
	border-radius:10px;
	
	font-weight:bold;
	padding:5px 10px;
	}

.header .nav-faq a,.header .nav-faq a:link,.header .nav-faq a:visited{color:#fff;}
.header .nav-btn {
	display:none;
	float:right;
	position:relative;
	z-index:99;
	width:35px;
	height:35px;
	padding:4px;
	margin-left:10px;
	cursor:pointer;
transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s
}
.header .nav-btn i {
	display:block;
	height:3px;
	background-color:#000;
	margin:3px 0 5px;
	border-radius:5px;
transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s
}
.header .nav-btn.open i {
	display:none;
	margin:0;
	position:absolute;
	left:3px;
	top:14px;
	width:30px
}
.header .nav-btn.open i:first-child {
	display:block;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg)
}
.header .nav-btn.open i:last-child {
	display:block;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg)
}
.header .nav-serach {
	padding:0 40px;
	cursor:pointer
}
.header .nav-serach:before {
	content:"";
	display:block;
	width:1px;
	height:40px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:#eee
}
.header .nav-serach:after {
	content:"";
	display:block;
	width:1px;
	height:40px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:#eee
}
.header .nav-serach img {
	display:block;
	width:24px;
	height:24px
}
.header .nav-language {
	padding:0 60px;
	position:relative;
	z-index:9
}
.header .nav-language p {
	cursor:pointer;
	text-transform:uppercase;
	font-weight:700;
	position:relative
}
.header .nav-language p:before {
	content:"";
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	left:-33px;
	top:50%;
	transform:translateY(-50%);
	background:url(../image/globe.png) no-repeat;
	background-size:cover
}
.header .nav-language p:after {
	content:"";
	display:block;
	width:11px;
	height:5px;
	position:absolute;
	right:-20px;
	top:50%;
	transform:translateY(-50%);
	background:url(../image/icon_01.png) no-repeat;
	background-size:cover
}
.header .nav-language:hover p {
	color:#fff
}
.header .nav-language:hover p:before {
	background:url(../image/globe_while.png) no-repeat;
	background-size:cover
}
.header .nav-language:hover p:after {
	background:url(../image/icon_01_while.png) no-repeat;
	background-size:cover
}
.header .nav-language ul {
	display:none;
	position:absolute;
	right:0;
	left:0;
	top:62px;
	width:100%;
	background:#fff;
	border-top:1px solid #646b77;
	padding:20px 40px 30px;
	z-index:999
}
.header .nav-language ul li {
	padding:8px 0;
	border-bottom:1px solid #eee
}
.header .nav-language ul li a {
	display:block
}
.header .nav-language ul li.on, .header .nav-language ul li:hover {
	border-bottom:1px solid #00479d
}
.header .nav-language ul li.on a, .header .nav-language ul li:hover a {
	color:#00479d
}
.header .nav-language.bef {
	position:relative;
	z-index:1
}
.header .nav-language.bef:before {
	background:#00479d;
	width:100%;
	height:100px;
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-38px;
	z-index:-1
}
.head-product-class {
	display:none;
	border-top:1px solid #eee;
	padding:38px 0 70px;
	background:#fff;
	position:absolute;
	width:100%;
	left:0;
	top:95px
}
.head-product-class .wrap {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center
}
.head-product-class .wrap .link-a {
	flex:1;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center
}
.head-product-class .wrap .link-a>a {
	width:35%;
	margin-right:5%;
	font-size:18px;
	display:inline-block;
	border-bottom:1px solid #eee;
	padding:12px 30px 12px 0;
	position:relative
}
.head-product-class .wrap .link-a>a:hover {
	color:#00479d;
	border-bottom:1px solid #00479d
}
.head-product-class .wrap .link-a>a:hover:before {
	content:"";
	display:block;
	width:7px;
	height:12px;
	background:url(../image/right_arrow.png) no-repeat;
	background-size:cover;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.head-product-class .wrap .link-thumb {
	max-width:380px
}
.nav-open .head-product-class {
	display:block
}
.search-nav {
	display:none;
	position:absolute;
	left:0;
	top:95px;
	width:100%;
	padding:55px 0 90px;
	background:#fff;
	z-index:99
}
.search-nav .search-nav-warp {
	position:relative;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px solid #d9d9d9;
	padding:25px 0
}
.search-nav .search-nav-warp .search-icon {
	width:24px;
	height:24px;
	margin:6px 0
}
.search-nav .search-nav-warp .input-warp {
	overflow:hidden;
	position:relative;
	margin:0 auto;
	flex:1
}
.search-nav .search-nav-warp .input-text {
	box-sizing:border-box;
	width:100%;
	border:none;
	outline:0;
	display:block;
	padding:8px 80px 8px 20px;
	font-size:30px;
	color:#666;
-webkit-animation:fadeInRight .3s cubic-bezier(.13, .99, 1, 1) forwards;
animation:fadeInRight .3s cubic-bezier(.13, .99, 1, 1) forwards
}
.search-nav .search-nav-warp ::-webkit-input-placeholder {
color:#999
}
.search-nav .search-nav-warp ::-moz-placeholder {
color:#999
}
.search-nav .search-nav-warp :-ms-input-placeholder {
color:#999
}
.search-nav .search-nav-warp .sub-mit {
	display:block;
	cursor:pointer;
	font-size:18px;
	text-transform:capitalize;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	padding-right:25px;
	background:url(../image/search_right.png) right center no-repeat;
	background-size:19px 9px
}
.search-nav .search-nav-warp .sub-mit:hover {
	color:#00479d
}
.search-nav .hot-search-product {
	margin-top:55px
}
.search-nav .hot-search-product strong {
	display:block;
	line-height:1.4;
	font-size:18px;
	color:#00479d
}
.search-nav .hot-search-product ul {
	margin-top:20px
}
.search-nav .hot-search-product ul li {
	display:inline-block;
	margin-right:25px
}
.search-nav .hot-search-product ul li a {
	color:#666;
	text-transform:capitalize
}
.search-nav .hot-search-product ul li a:hover, .serve-check .acces-box a:hover {
	color:#00479d
}
.search-nav .close-btn {
	cursor:pointer;
	position:absolute;
	right:8%;
	top:20px;
transition:all .4s
}
.search-nav .close-btn img {
	width:28px;
	height:28px
}
.serve-check .acces-box {
	display:none;
	border-top:1px solid #eee;
	padding:20px 15px;
	margin-left:-15px;
	background:#fff;
	position:absolute;
	top:95px;
	font-size:18px
}
.banner{ text-align:center}
.banner, .home-about .right-abt, .serve-check .acces-box a {
	position:relative
}
.serve-check .acces-box a {
	font-size:18px;
	display:block;
	border-bottom:1px solid #eee;
	padding:12px 30px 12px 0
}
.banner .swiper-button-next, .banner .swiper-button-prev {
	width:43px;
	height:43px;
	bottom:40px;
	top:auto
}
.banner .swiper-button-prev {
	background:url(../image/banner_leftarrow.png) no-repeat;
	background-size:cover;
	right:16%;
	left:auto
}
.banner .swiper-button-prev:hover {
	background:url(../image/banner_leftarrow02.png) no-repeat;
	background-size:cover
}
.banner .swiper-button-prev:after {
	content:""
}
.banner .swiper-button-next {
	background:url(../image/banner_rightarrow.png) no-repeat;
	background-size:cover;
	right:13%;
	left:auto
}
.banner .swiper-button-next:hover {
	background:url(../image/banner_rightarrow02.png) no-repeat;
	background-size:cover
}
.banner .swiper-button-next:after {
	content:""
}
.banner .swiper-pagination {
	bottom:40px;
	z-index:99;
	color:#fff;
	width:auto;
	left:13%
}
.banner .swiper-pagination .swiper-pagination-current {
	font-size:30px
}
.banner .swiper-pagination .swiper-pagination-total {
	font-size:14px
}
.title-two {
	font-size:48px;
	text-transform:uppercase
}
.title-two span {
	color:#00479d
}
.home-product {
	background:#f7f7f7;
	padding-top:80px;
	padding-bottom:95px
}
.home-product .title-two {
	text-align:center
}
.home-product ul {
	margin-top:40px;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items:initial
}
.home-product ul li {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	background:#fff;
	padding:45px 35px 28px;
	width:49%;
	margin-bottom:30px
}
.home-product ul li .cont-left {
	width:60%;
	max-width:320px
}
.home-product ul li .cont-left .tit-str {
	font-size:24px;
	text-transform:capitalize;
	font-weight:700;
	color:#333
}
.home-product ul li .cont-left p {
	font-size:14px;
	color:#666;
	margin-top:12px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden
}
.home-product ul li .cont-left .view-more {
	margin-top:50px;
	display:inline-block;
	border:1px solid #999;
	font-size:14px;
	color:#999;
	padding:11px 57px;
	border-radius:50px
}
.home-product ul li .thumb-pro {
	display:block;
	padding-top:40px
}
.home-product ul li .thumb-pro img {
	display:block;
	width:100%;
	aspect-ratio: 34 / 23;
}
.home-product ul li:hover {
	background:#444
}
.home-product ul li:hover .cont-left .tit-str, .home-product ul li:hover .cont-left p {
	color:#fff
}
.home-product ul li:hover .cont-left .view-more {
	background:#00479d;
	color:#fff;
	border:1px solid #00479d
}
.home-about {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:end;
	align-content:center;
	margin:100px auto
}
.home-about .left-abt {
	flex:1;
	padding-right:100px
}
.about-us, .home-about .left-abt ul {
	flex-wrap:nowrap;
	align-content:center
}
.home-about .left-abt h1 {
	font-size:50px;
	line-height:1.4;
	text-transform:uppercase;
	margin-bottom:30px
}
.home-about .left-abt h1 span {
	color:#00479d
}
.home-about .left-abt p {
	color:#666;
	font-size:16px;
	margin-bottom:15px
}
.home-about .left-abt ul {
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-right:-101px;
	margin-top:70px
}
.home-about .left-abt ul li img {
	display:block
}
.home-about .left-abt ul li strong {
	display:block;
	font-size:48px;
	line-height:1.4;
	color:#666;
	font-weight:400
}
.home-about .left-abt ul li span {
	font-size:14px;
	color:#666;
	display:block;
	line-height:1.2
}
.home-about .left-abt ul li:nth-child(3) {
background:#00479d;
text-align:center;
padding:63px 74px
}
.home-about .left-abt ul li:nth-child(3) img {
display:inline-block
}
.home-about .left-abt ul li:nth-child(3) span {
color:#fff;
margin-top:15px
}
.home-about .left-abt .read-more {
	margin-top:25px
}
.home-about .right-abt .li-oth {
	position:absolute;
	bottom:217px;
	left:0;
	background:rgba(255, 255, 255, .9);
	padding:50px;
	text-align:center
}
.home-about .right-abt .li-oth span {
	display:block;
	margin-top:15px
}
.home-class, .home-class .slider-img {
	position:relative
}
.home-class .slider-img img {
	display:block;
	width:100%
}
.home-class .slider-img .cont-pos {
	position:absolute;
	left:13%;
	top:130px;
	width:37%;
	color:#fff
}
.home-class .slider-img .cont-pos strong {
	display:block;
	line-height:1.3;
	font-size:48px;
	text-transform:uppercase
}
.home-class .slider-img .cont-pos p {
	font-size:16px;
	margin-top:35px;
	margin-bottom:50px
}
.home-class .slider-img .cont-pos .learn-more {
	display:inline-block;
	border:1px solid #fff;
	font-size:16px;
	color:#fff;
	padding:10px 47px;
	border-radius:50px;
	text-transform:uppercase
}
.home-class .slider-img .cont-pos .learn-more:hover {
	background:#00479d
}
.home-class .slider-item {
	width:74%;
	position:absolute;
	left:13%;
	bottom:0;
	cursor:pointer;
	z-index:99
}
.home-class .slider-item .swiper-slide {
	height:180px;
	padding-top:45px;
	width:25%;
	text-align:center;
	margin:0!important;
	border-right:1px solid #7d766e
}
.home-class .slider-item .swiper-slide img {
	display:inline-block
}
.home-class .slider-item .swiper-slide p {
	font-size:18px;
	color:#fff;
	margin-top:20px;
	text-transform:capitalize
}
.home-class .slider-item .swiper-slide.swiper-slide-thumb-active, .home-class .slider-item .swiper-slide:hover {
	background:rgba(245, 31, 31, .7);
	border-right:none
}
.home-class .swiper-pagination {
	width:120px;
	height:120px;
	border:1px solid #f6f6f7;
	position:absolute;
	top:130px;
	left:auto;
	right:13%;
	border-radius:50%;
	text-align:center;
	line-height:120px;
	font-size:30px;
	color:#fff
}
.home-class .swiper-pagination .swiper-pagination-current {
	font-style:oblique
}
.home-class .swiper-pagination .swiper-pagination-total {
	margin:0 -5px
}
.home-class .container {
	display:flex;
	width:122px;
	height:122px;
	position:absolute;
	top:130px;
	left:auto;
	right:13%;
	border-radius:50%;
	z-index:999
}
.home-class .leftcircle, .home-class .rightcircle {
	height:122px;
	top:-1px;
	animation-duration:3s;
	animation-timing-function:linear;
	animation-iteration-count:infinite
}
.home-class .left {
	width:61px;
	height:122px;
	position:relative;
	overflow:hidden
}
.home-class .leftcircle {
	width:122px;
	border:2px solid transparent;
	position:absolute;
	border-radius:50%;
	left:2px;
	border-bottom:2px solid #00479d;
	border-left:2px solid #00479d;
	transform:rotate(45deg);
	animation-name:circle_left
}
.home-class .right {
	width:61px;
	height:122px;
	position:relative;
	overflow:hidden
}
.home-class .rightcircle {
	width:122px;
	border-radius:50%;
	border:2px solid transparent;
	position:absolute;
	border-top:2px solid #00479d;
	border-right:2px solid #00479d;
	right:0;
	animation-name:circle_right;
	transform:rotate(-135deg)
}
.home-class:after {
	content:"";
	display:block;
	width:100%;
	height:180px;
	background:rgba(0, 0, 0, .2);
	position:absolute;
	left:0;
	bottom:0;
	z-index:1
}
@keyframes circle_right {
0% {
transform:rotate(-135deg)
}
100%, 50% {
transform:rotate(45deg)
}
}
@keyframes circle_left {
0%, 50% {
transform:rotate(-135deg)
}
100% {
transform:rotate(45deg)
}
}
.read-more {
	display:inline-block;
	border:1px solid #999;
	font-size:14px;
	color:#999;
	padding:10px 50px;
	border-radius:50px;
	text-transform:uppercase;
	cursor:pointer
}
.read-more:hover {
	background:#00479d;
	color:#fff;
	border:1px solid #00479d
}
.home-blog {
	margin:90px auto 175px
}
.home-blog .blog-tit {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	margin-bottom:45px
}
.home-blog .blog-cont .blog-item{ width:32%; margin-right:2%; float:left; margin-bottom:20px;}
.home-blog .blog-cont .blog-item:nth-child(3n){ margin-right:0}
.home-blog .blog-cont .blog-item .thumb-pic {
	display:block;
	position:relative;
	/*padding-top:40.8%;*/
	padding-top:60%;
	overflow:hidden
}
.home-blog .blog-cont .blog-item .thumb-pic:before {
	content:"";
	display:block;
	width:80px;
	height:100%;
	background:#444;
	position:absolute;
	left:0;
	top:0;
	z-index:1
}
.home-blog .blog-cont .blog-item .thumb-pic img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
transition:all .3s ease
}
.home-blog .blog-cont .blog-item .thumb-pic:hover img {
	transform:scale(1.05)
}
.home-blog .blog-cont .blog-item .thumb-pic span {
	display:block;
	position:absolute;
	z-index:9;
	top:50%;
	left:-20px;
	margin-top:-10px;
	font-size:24px;
	color:#fff;
	transform:rotate(90deg)
}
.home-blog .blog-cont .blog-item .title {
	display:block;
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	margin-top:30px
}
.home-blog .blog-cont .blog-item .text {
	color:#666;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:30px
}
.home-blog .blog-cont .blog-item:hover .thumb-pic:before {
	background:#00479d
}
.home-blog .blog-cont .blog-item:hover .title {
	color:#00479d
}
.home-blog .blog-cont .blog-item:hover .read-more {
	background:#00479d;
	color:#fff;
	border:1px solid #00479d
}
.home-service {
	background:url(../image/service_bg.jpg) no-repeat;
	background-size:cover;
	color:#fff;
	padding:202px 0;
	position:relative
}
.home-service .supp-box {
	float:left;
	width:50%;
	padding-right:125px
}
.home-service .supp-box strong {
	font-size:48px;
	text-transform:uppercase
}
.home-service .supp-box p {
	margin-top:10px;
	margin-bottom:55px
}
.home-service .supp-box .read-more {
	color:#fff;
	border:1px solid #fff
}
.home-service .mesg-box {
	background:rgba(0, 0, 0, .7);
	width:26%;
	padding:110px 38px 50px;
	position:absolute;
	right:13%;
	top:-55px
}
.home-service .mesg-box .tit {
	font-size:26px;
	margin-bottom:20px
}
.home-service .mesg-box ul li {
	border-bottom:1px solid #7a7371;
	font-size:14px;
	margin-bottom:25px
}
.home-service .mesg-box ul li input {
	height:45px;
	line-height:45px;
	width:100%;
	font-size:14px;
	color:#fff
}
.home-service .mesg-box ul li textarea {
	width:100%;
	font-family:arial;
	font-size:14px;
	color:#fff;
	outline:0;
	resize:none;
	height:60px
}
.home-service .mesg-box .submit-btn {
	display:block;
	text-transform:uppercase;
	background:#00479d;
	width:90%;
	text-align:center;
	color:#fff;
	font-size:16px;
	height:48px;
	line-height:48px;
	border-radius:50px;
	cursor:pointer;
	margin-top:50px;
transition:all .6s ease
}
.home-service .mesg-box .submit-btn:hover {
	width:100%;
	border-radius:5px;
transition:all .6s ease;
	background:#fff;
	color:#00479d
}
footer {
	background:url(../image/footer_bg.jpg) no-repeat;
	background-size:cover;
	padding-top:80px
}
footer .foot-one {
	float:left;
	width:32%
}
footer .foot-one .foot-log {
	display:block
}
footer .foot-one p {
	color:#999;
	font-size:18px;
	margin-top:35px;
	margin-bottom:35px
}
footer .foot-one .view-more {
	display:inline-block;
	font-size:14px;
	color:#fff;
	padding:13px 67px 13px 40px;
	border-radius:50px;
	text-transform:capitalize;
	background:#00479d;
	position:relative
}
footer .foot-one .view-more:after {
	content:"";
	display:block;
	background:url(../image/right_icon.png) no-repeat;
	background-size:cover;
	width:25px;
	height:12px;
	position:absolute;
	right:25px;
	top:50%;
	transform:translateY(-50%)
}
.fix-side, .toTop {
	position:fixed;
	z-index:999
}
footer .foot-one .view-more:hover {
	border-radius:5px
}
footer .foot-two {
	float:left;
	width:41%
}
footer .foot-two ul {
	overflow:hidden;
	margin-left:-2%;
	margin-top:15px
}
footer .foot-two ul li {
	float:left;
	width:48%;
	margin-left:2%;
	padding:5px 0
}
footer .foot-two ul li a {
	display:block;
	color:#999;
	font-size:14px;
	text-transform:capitalize;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
footer .foot-two ul li a:hover {
	color:#00479d
}
footer .foot-three {
	float:left;
	width:15%
}
footer .foot-three ul {
	margin-top:15px
}
footer .foot-three ul li {
	padding:5px 0
}
footer .foot-three ul li a {
	color:#999;
	display:block;
	font-size:14px;
	text-transform:capitalize;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
footer .foot-three ul li a:hover {
	color:#00479d
}
footer .foot-four {
	float:left;
	width:17%;
	margin-left:4%
}
footer .foot-four ul {
	margin-top:15px
}
footer .foot-four ul li {
	overflow:hidden;
	margin-top:15px
}
footer .foot-four ul li .icon-img {
	float:left;
	margin-right:15px;
	margin-top:5px
}
footer .foot-four ul li .cont-right {
	overflow:hidden;
	font-size:14px
}
footer .foot-four ul li .cont-right span {
	color:#999;
	display:block;
	line-height:1.3
}
footer .foot-four ul li .cont-right a {
	display:block;
	color:#fff
}
footer .foot-four ul li .cont-right a:hover {
	color:#00479d
}
footer .foot-four ul li .cont-right p {
	color:#fff
}
footer .subtitle {
	font-size:18px;
	color:#fff;
	font-weight:400;
	text-transform:capitalize;
	display:block
}
footer .foot p a, footer .foot ul li {
	display:inline-block;
	margin-left:10px
}
footer .foot {
	margin-top:60px;
	border-top:1px solid #666;
	font-size:14px;
	padding:26px 15px
}
footer .foot p {
	color:#999;
	float:left
}
footer .foot p a {
	color:#999;
	text-decoration:revert;
	line-height:46px
}
footer .foot p a:hover {
	color:#00479d
}
footer .foot ul {
	float:right
}
footer .foot ul li a {
	display:block;
	width:46px;
	height:46px;
	line-height:46px;
	background:#3c3b3c;
	text-align:center;
	border-radius:50%
}
footer .foot ul li a:hover {
	border-radius:0;
	background:#00479d
}
.toTop {
	top:70%;
	right:50px;
	cursor:pointer;
	display:none
}
.fix-side {
	top:40%;
	right:20px;
	transform:translateY(-50%);
	background:#fff;
	border-radius:30px;
	max-width:120px;
	border:1px solid #eee;
	box-shadow:0 0 15px rgba(0, 0, 0, .1)
}
.fix-side .info {
	padding:15px 10px 35px;
	text-align:center
}
.fix-side .info .whatsapp img {
	width:100%
}
.fix-side .info .link-a {
	display:block;
	color:#666;
	font-size:14px;
	border:1px solid #666;
	border-radius:6px;
	margin-top:10px;
	padding:2px 0
}
.fix-side .info .link-a:hover {
	color:#00479d;
	border:1px solid #00479d
}
.fix-side .info span {
	display:block;
	background:#00479d;
	color:#fff;
	border-radius:6px;
	margin-top:10px;
	cursor:pointer;
	padding:2px 0;
	border:1px solid transparent;
	text-transform:capitalize
}
.fix-side .info span:hover {
	color:#00479d;
	border:1px solid #00479d;
	background:0 0
}
.other-banner {
	position:relative
}
.other-banner img {
	display:block;
	width:100%
}
.other-banner .bread-crumbs {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	color:#fff
}
.about-video, .contact-detail .mesg ul li.form-xing {
	position:relative
}
.other-banner .bread-crumbs .str-one {
	font-size:60px;
	line-height:1.4;
	text-transform:uppercase
}
.other-banner .bread-crumbs ol {
	margin-top:20px
}
.other-banner .bread-crumbs ol li {
	display:inline-block;
	font-size:18px;
	text-transform:capitalize
}
.other-banner .bread-crumbs ol li:after {
	content:">";
	margin:0 5px
}
.other-banner .bread-crumbs ol li:last-child:after {
	display:none
}
.other-banner .bread-crumbs ol li a {
	color:#fff
}
.about-us .us-right h1 span, .other-banner .bread-crumbs ol li a:hover {
	color:#00479d
}
.about-us {
	margin:100px 0;
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.about-us .us-left img {
	display:block;
	width:100%
}
.about-us .us-right {
	flex:1;
	padding-left:105px
}
.about-us .us-right h1 {
	font-size:48px;
	line-height:1.5;
	text-transform:capitalize;
	font-weight:400;
	margin-bottom:25px
}
.about-us .us-right p {
	margin-bottom:10px
}
.about-us .us-right .read-more {
	margin-top:35px;
	font-size:16px;
	padding:8px 48px
}
.about-video {
	background:#f7f7f7;
	padding:90px 0 35px;
	overflow:hidden
}
.about-video .video-list {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:inherit;
	align-content:center;
	width:65%
}
.about-video .video-list li {
	width:45%;
	margin-bottom:55px
}
.about-video .video-list li strong {
	font-size:24px;
	line-height:1.5;
	display:block;
	margin:25px 0
}
.about-video .video-list li p {
	color:#666
}
.about-video .cover-video {
	width:36%;
	position:absolute;
	right:0;
	top:0
}
.about-video .cover-video .play-icon {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:1;
	cursor:pointer
}
.about-video .cover-video .play-icon:before {
	content:"";
	display:block;
	position:absolute;
	left:-77px;
	top:-77px;
	width:250px;
	height:250px;
	border:2px solid #fff;
	border-radius:50%;
	z-index:-1;
	opacity:1;
	background:rgba(239, 45, 2, .6)!important;
	-webkit-animation:warn 2s ease-out;
	-moz-animation:warn 2s ease-out;
	animation:warn 2s ease-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	box-shadow:1px 1px 30px #ef2d02
}
.about-video .cover-video .play-icon:after {
	content:"";
	display:block;
	position:absolute;
	left:-95px;
	top:-95px;
	width:286px;
	height:286px;
	border:2px solid #fff;
	border-radius:50%;
	z-index:-1;
	opacity:1;
	background:rgba(239, 45, 2, .6)!important;
	-webkit-animation:warn1 2s ease-out;
	-moz-animation:warn1 2s ease-out;
	animation:warn1 2s ease-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	box-shadow:1px 1px 30px #ef2d02
}
@keyframes warn {
0% {
-moz-transform:scale(0);
transform:scale(0);
opacity:1
}
100% {
-moz-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes warn1 {
0% {
-o-transform:scale(0);
transform:scale(0);
opacity:1
}
100% {
-o-transform:scale(.6);
transform:scale(.6);
opacity:0
}
}
.h-two {
	font-size:48px;
	color:#333;
	font-weight:400;
	text-transform:uppercase
}
.history-detail {
	margin:75px 0 100px
}
.history-detail .h-two {
	text-align:center
}
.history-detail .progress-bar {
	margin-top:50px;
	margin-bottom:80px
}
.history-detail .progress-bar img {
	display:block;
	width:100%
}
.history-detail .history-list {
	color:#666;
	margin-left:13%;
	overflow:hidden;
	cursor:pointer
}
.history-detail .history-list strong {
	font-size:24px;
	font-weight:400;
	display:block
}
.history-detail .history-list p {
	margin-top:10px
}
.history-detail .history-list .swiper-slide {
	background:#f7f7f7;
	width:446px;
	height:300px;
	padding:45px 40px
}
.history-detail .history-list .swiper-slide.swiper-slide-active, .history-detail .history-list .swiper-slide:hover {
	background:#00479d;
	color:#fff
}
.culture-detail {
	background:url(../image/culture_bg.jpg) center no-repeat fixed;
	background-size:cover;
	color:#fff;
	padding:100px 0 120px
}
.culture-detail .h-two {
	text-align:center;
	color:#fff
}
.culture-detail .text {
	margin-top:5px;
	padding:0 18%;
	margin-bottom:115px;
	text-align:center
}
.culture-detail ul {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;
	align-items:initial
}
.culture-detail ul li {
	width:24%;
	text-align:center
}
.culture-detail ul li img {
	display:block;
	margin:0 auto
}
.culture-detail ul li strong {
	display:block;
	font-size:24px;
	font-weight:400;
	text-transform:capitalize;
	margin-top:25px;
	margin-bottom:10px
}
.story-detail {
	margin-top:75px;
	margin-bottom:100px
}
.story-detail .h-two {
	text-align:center;
	margin-bottom:30px
}
.story-detail .story-right {
	float:right;
	width:50%;
	padding-left:100px
}
.story-detail .story-right p {
	margin-top:40px;
	margin-bottom:90px
}
.story-detail .story-left {
	float:left;
	width:50%;
	padding-right:20px
}
.story-detail .story-left p {
	margin-top:60px;
	margin-bottom:30px
}
.contact-detail {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	margin:100px 0
}
.contact-detail .info-box {
	width:72%;
	margin-right:2%;
	background:#f7f7f7;
	padding:40px 40px 125px
}
.contact-detail .info-box .tit {
	font-size:48px;
	color:#333;
	text-transform:capitalize;
	font-weight:400
}
.contact-detail .info-box .text {
	color:#666
}
.contact-detail .info-box ul {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	border-top:1px solid #eee;
	margin-top:25px
}
.contact-detail .info-box ul li {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	align-content:inherit;
	width:100%;
	padding:20px 0
}
.contact-detail .info-box ul li:last-child {
	 
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
.contact-detail .info-box ul li .icon {
	padding-right:10px;
	margin-top:7px
}
.contact-detail .info-box ul li .icon img {
	display:block
}
.contact-detail .info-box ul li .cont-info strong {
	display:block;
	font-size:30px;
	line-height:1.3;
	font-weight:400;
	text-transform:capitalize
}

.contact-detail .info-box ul li .cont-info .whatsapp{ color:#00479d; font-size:22px; font-weight:bold}
.contact-detail .info-box ul li .cont-info a, .contact-detail .info-box ul li .cont-info p {
	color:#666;
	margin-top:5px
}
.contact-detail .info-box ul li .cont-info a:hover {
	color:#00479d
}
.contact-detail .info-box .social-contact {
	margin-top:40px
}
.contact-detail .info-box .social-contact a {
	display:inline-block;
	width:36px;
	height:36px;
	line-height:34px;
	border-radius:50%;
	background:#999;
	text-align:center;
	margin-right:15px
}
.contact-detail .info-box .social-contact a:hover {
	background:#00479d;
	border-radius:5px
}
.contact-detail .mesg {
	padding-left:20px
}
.contact-detail .mesg ul {
	margin-top:35px
}
.contact-detail .mesg ul li {
	border:1px solid #eee;
	margin-bottom:30px
}
.contact-detail .mesg ul li.form-xing:before {
	content:"*";
	position:absolute;
	left:8px;
	top:50%;
	color:#ff3737;
	font-size:20px;
	margin-top:-5px;
	line-height:1
}
.contact-detail .mesg ul li:first-child {
	display:inline-block;
	width:48%;
	margin-right:3%
}
.contact-detail .mesg ul li:nth-child(2) {
width:48%;
display:inline-block
}
.contact-detail .mesg ul input {
	width:100%;
	height:48px;
	line-height:48px;
	padding:0 20px;
	font-size:14px
}
.contact-detail .mesg ul textarea {
	width:100%;
	padding:20px;
	height:180px;
	font-size:14px;
	font-family:arial;
	resize:none
}
.contact-detail .mesg .submit-btn {
	background:#00479d;
	display:inline-block;
	width:300px;
	height:48px;
	line-height:48px;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
transition:all .6s ease;
	margin-top:20px
}
.contact-detail .mesg .submit-btn:hover {
	border-radius:50px;
	width:100%;
transition:all .6s ease
}


/*关于我们页下留言*/

.aboutform-detail .mesg {
	padding-left:20px
}
.aboutform-detail .mesg ul {
	margin-top:35px
}
.aboutform-detail .mesg ul li {
	border:1px solid #eee;
	margin-bottom:30px
}
.aboutform-detail .mesg ul li.form-xing:before {
	content:"*";
	position:absolute;
	left:8px;
	top:50%;
	color:#ff3737;
	font-size:20px;
	margin-top:-5px;
	line-height:1
}
.aboutform-detail .mesg ul li:first-child {
	display:inline-block;
	width:48%;
	margin-right:3%
}
.aboutform-detail .mesg ul li:nth-child(2) {
width:48%;
display:inline-block
}
.aboutform-detail .mesg ul input {
	width:100%;
	height:48px;
	line-height:48px;
	padding:0 20px;
	font-size:14px
}
.aboutform-detail .mesg ul textarea {
	width:100%;
	padding:20px;
	height:180px;
	font-size:14px;
	font-family:arial;
	resize:none
}
.aboutform-detail .mesg .submit-btn {
	background:#00479d;
	display:inline-block;
	width:300px;
	height:48px;
	line-height:48px;
	text-align:center;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
transition:all .6s ease;
	margin-top:20px
}
.aboutform-detail .mesg .submit-btn:hover {
	border-radius:50px;
	width:100%;
transition:all .6s ease
}


/*关于我们页下留言*/
.map-contact {
	position:relative
}
.map-contact .map-img {
	display:block;
	width:100%
}
.map-contact .pos-box {
	position:absolute;
	left:50%;
	top:50%;
	background:#fff;
	transform:translate(-50%, -50%);
	padding:2px 20px;
	border-radius:5px;
	text-transform:capitalize;
	z-index:10
}
.map-contact .pos-box:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	border-top:16px solid #fff;
	position:absolute;
	bottom:-12px;
	left:50%;
	transform:translateX(-50%);
	z-index:10
}
.map-contact .pos-box p {
	font-size:16px;
	z-index:10
}
.map-contact .pos-box p:before {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-25px;
	width:16px;
	height:16px;
	background:#00479d;
	border-radius:50%;
	opacity:1;
	z-index:-10
}
.map-contact .pos-box p:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-57px;
	left:0;
	width:80px;
	height:80px;
	border-radius:50%;
	opacity:1;
	z-index:-10;
	background:#00479d;
	-webkit-animation:warn1 2s ease-out;
	-moz-animation:warn1 2s ease-out;
	animation:warn1 2s ease-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	box-shadow:1px 1px 30px #00479d
}
.map-contact .pos-box.one {
	margin-left:-41%;
	margin-top:-1%
}
.map-contact .pos-box.one p:after {
	margin-left:5px
}
.map-contact .pos-box.two {
	margin-left:7%;
	margin-top:-3%
}
.map-contact .pos-box.three {
	margin-left:21%;
	margin-top:-3.2%
}
.map-contact .pos-box.three p:after {
	margin-left:10px
}
.map-contact .pos-box.four {
	margin-left:30%;
	margin-top:-2%
}
.map-contact .pos-box.four p:after {
	margin-left:22px
}
.map-contact .pos-box.five {
	margin-left:33%;
	margin-top:5.5%
}
.map-contact .pos-box.five p:after {
	margin-left:12px
}
.map-contact .pos-box.six {
	margin-left:41.7%;
	margin-top:4%
}
.map-contact .pos-box.six p:after {
	margin-left:18px
}
.map-contact .pos-box.seven {
	margin-left:41%;
	margin-top:8.5%
}
.map-contact .pos-box.seven p:after {
	margin-left:14px
}
.map-contact .pos-box.eight {
	margin-left:37.5%;
	margin-top:-9%
}
.map-contact .pos-box.eight strong {
	display:block;
	color:#00479d;
	font-size:22px;
	line-height:1.4;
	padding-top:8px;
	text-transform:uppercase
}
.map-contact .pos-box.eight p {
	font-size:14px;
	border-top:1px solid #00479d;
	padding:10px 0 5px;
	margin-top:5px
}
.map-contact .pos-box.eight p:before {
	background:#fff
}
.map-contact .pos-box.eight p:after {
	margin-left:47px;
	background:#fff;
	box-shadow:1px 1px 30px #fff
}
.address-info {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:inherit;
	align-content:center;
	margin:60px 0 100px
}
.address-info li {
	width:31.33%;
	background:#f7f7f7;
	margin-top:40px;
	padding:23px 30px 40px
}
.address-info li strong {
	display:block;
	font-size:24px;
	font-weight:400;
	text-transform:capitalize;
	padding-bottom:15px;
	margin-bottom:32px;
	border-bottom:1px solid #ddd
}
.address-info li p {
	font-size:14px;
	color:#666;
	margin-top:5px;
	padding-left:17px;
	position:relative
}
.address-info li p a {
	color:#00479d
}
.address-info li p:before {
	content:"";
	display:block;
	background:#00479d;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:0;
	top:9px
}
.guarantee-detail {
	margin:100px 0 150px;
	position:relative
}
.guarantee-detail .h-two {
	text-transform:capitalize;
	margin-bottom:27px
}
.guarantee-detail .guara-box ul{ margin-top:30px;} 
.guarantee-detail .guara-box ul li {
	position:relative;
	padding:22px 0 22px 35px;
	border-top:1px solid #eee
}
.guarantee-detail .guara-box ul li:last-child {
	border-bottom:1px solid #eee
}
.guarantee-detail .guara-box ul li:before {
	content:"";
	display:block;
	width:30px;
	height:30px;
	background:url(../image/ico_service02.png) no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.guarantee-detail .guara-box ul li strong {
	font-weight:400;
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	display:block
}
.guarantee-detail .guara-box ul li p {
	color:#666;
	line-height:1.6;
	margin-top:15px
}
.guarantee-detail .guara-top {
	margin-top:50px;
	position:relative;
	z-index:1;
	margin-left:13%
}
.guarantee-detail .guara-top .guara-left {
	position:absolute;
	right:0;
	top:0
}
.guarantee-detail .guara-top .guara-left img {
	width:100%;
	display:block
}
.guarantee-detail .guara-top .gua-box {
	float:left;
	width:42%
}
.guarantee-detail .guara-top .gua-box p {
	float:none;
	width:auto;
	margin-bottom:20px;
}
.guarantee-detail .guara-bottom {
	position:relative;
	z-index:1;
	margin-top:148px
}
.guarantee-detail .guara-bottom .guara-right {
	float:left;
	width:47.88%
}


.guarantee-detail .guara-bottom .gua-text {
    width: 45%;
    float: right;
    }
.guarantee-detail .guara-bottom .guara-right img {
	width:100%;
	display:block
}
.guarantee-detail .guara-bottom p {
 
	margin-top:30px;
}
.sales-after {
	background:#f7f7f7;
	padding-top:100px;
	padding-bottom:100px
}
.sales-after .h-two {
	text-transform:capitalize
}
.sales-after p {
	color:#666;
	margin-top:25px
}
.sales-after .sales-list {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:inherit;
	align-content:center;
	background-color:#fff;
	margin-top:55px
}
.sales-after .sales-list li {
	flex:1;
	border-right:1px solid #eee;
	padding:135px 50px 80px
}
.sales-after .sales-list li strong {
	display:block;
	-webkit-text-fill-color:#00000066;
	-webkit-text-stroke:.1px #999;
	font-size:44px;
	line-height:1.4;
	letter-spacing:1px
}
.sales-after .sales-list li p {
	color:#666;
	margin-top:26px
}
.sales-after .sales-list li:hover {
	background:url(../image/sales_bg.jpg) no-repeat;
	background-size:cover
}
.sales-after .sales-list li:hover strong {
	-webkit-text-stroke:.1px #fff
}
.sales-after .sales-list li:hover p {
	color:#fff
}
.product-center {
	margin-top:75px;
	margin-bottom:60px
}
.pages{
	margin-bottom:100px
}
.product-class {
	margin-bottom:0
}
.product-center .h-two {
	text-transform:capitalize
}
.product-center .pro-class {
	margin-top:15px
}
.product-center .pro-class li {
	border:1px solid #eee;
	display:inline-block;
	padding:8px 32px;
	margin-right:20px;
	margin-top:20px
}
.product-center .pro-class li a {
	font-size:14px;
	color:#666
}
.product-center .pro-class li.active, .product-center .pro-class li:hover {
	background:#00479d;
	border:1px solid #00479d
}
.product-center .pro-class li.active a, .product-center .pro-class li:hover a {
	color:#fff
}
.product-class .class-box {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:inherit;
	align-content:center;
	background:#f7f7f7;
	padding:60px 40px 50px;
	margin-top:40px
}
.product-class .class-box .left {
	width:38%
}
.product-class .class-box .left .pic {
	width:120px;
	height:60px
}
.product-class .class-box .left strong {
	display:block;
	font-size:24px;
	text-transform:capitalize;
	font-weight:400;
	margin-top:13px
}
.product-class .class-box .left p {
	font-size:14px;
	color:#666;
	line-height:1.7;
	margin-top:18px;
	margin-bottom:30px
}
.product-class .class-box .left .learn-more {
	display:inline-block;
	background:#ddd;
	font-size:14px;
	color:#666;
	padding:11px 54px;
	text-transform:capitalize
}
.product-class .class-box .left .learn-more:hover {
	background:#00479d;
	color:#fff
}
.product-class .class-box .right {
	width:58%;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:inherit;
	align-content:center
}
.product-class .class-box .right li {
	text-align:center;
	margin:0 1%
}
.product-class .class-box .right li .thumb-img {
	overflow:hidden;
	display:block;
	background:#fff;
	width:240px;
	height:240px;
	padding-top:40px;
transition:all .5s
}
.product-class .class-box .right li .thumb-img img {
	display:block;
transition:all .5s
}
.product-class .class-box .right li .tit {
	display:block;
	font-size:14px;
	margin-top:26px
}
.product-class .class-box .right li:hover .thumb-img img {
	transform:scale(1.05);
transition:all .5s
}
.product-class .class-box .right li:hover .tit {
	color:#00479d
}
.thumb-bom {
	overflow:hidden
}
.thumb-bom .thumb-box {
	float:left;
	width:50%;
	text-align:center;
	position:relative
}
.thumb-bom .thumb-box img {
	display:block;
	width:100%
}
.thumb-bom .thumb-box .tit {
	width:100%;
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.thumb-bom .thumb-box .tit:after {
	content:"";
	width:70px;
	height:70px;
	background:url(../image/icon_jt.png) no-repeat;
	background-size:cover;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:none
}
.thumb-bom .thumb-box:hover .tit {
	top:30%
}
.thumb-bom .thumb-box:hover .tit:after {
	display:block;
	top:200%
}
.breCrumbs {
	border-top:1px solid #eee
}
.breCrumbs ol {
	margin-top:32px;
	margin-bottom:32px
}
.breCrumbs ol li {
	display:inline-block;
	font-size:18px;
	text-transform:capitalize
}
.breCrumbs ol li:after {
	content:">";
	margin:0 5px;
	color:#999
}
.breCrumbs ol li:last-child:after {
	display:none
}
.breCrumbs ol li a {
	color:#999
}
.breCrumbs ol li a:hover {
	color:#00479d
}
.breCrumbs ol li span {
	color:#666
}
.machine-product {
	background:url(../image/product_list_bg.jpg) no-repeat;
	background-size:cover;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	padding:70px 58px 65px
}
.product-list ul, .solution-list {
	flex-wrap:wrap;
	align-content:center
}
.machine-product .left {
	width:45%;
	margin-right:3%
}
.machine-product .left h1 {
	font-size:36px;
	line-height:1.4;
	text-transform:capitalize
}
.machine-product .left p {
	font-size:14px;
	color:#666;
	margin-top:30px;
	margin-bottom:45px
}
.machine-product .left .read-more {
	background:#00479d;
	border:none;
	color:#fff;
transition:all .6s ease
}
.machine-product .left .read-more:hover {
	border-radius:0;
transition:all .6s ease
}
.machine-product .right img {
	display:block
}
.product-list {
	margin-top:80px;
	margin-bottom:30px
}
.product-list ul {
	display:-webkit-flex;
	display:flex;
	justify-content:flex-start;
	align-items:stretch
}
.product-list ul li {
	border:1px solid #eee;
	padding:50px 28px 35px;
	margin:0 .5% 40px;
	width:32%;
transition:all .5s
}
.product-list ul li .title {
	display:block;
	font-size:24px;
	line-height:1.3;
	text-transform:capitalize
}
.product-list ul li .model-size {
	margin-top:13px;
	margin-bottom:40px;
	 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 限制显示3行 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-list ul li .model-size p {
	font-size:14px;
	color:#666;
	position:relative;
	padding-left:20px
}
.product-list ul li .model-size p:before {
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:#00479d;
	position:absolute;
	left:0;
	top:8px;
	border-radius:50%
}
.product-list ul li .pic-img {
	overflow:hidden;
	display:block;
	position:relative;
	padding-top:67.2%
}
.product-list ul li .pic-img img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
transition:all .5s ease
}
.product-list ul li .pic-img:after {
	content:"";
	width:80px;
	height:80px;
	background:url(../image/pro_jt.png) no-repeat;
	background-size:cover;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:none;
transition:all .5s ease
}
.product-list ul li:hover {
	box-shadow:0 0 15px rgba(0, 0, 0, .1);
transition:all .5s ease
}
.product-list ul li:hover .title {
	color:#00479d
}
.product-list ul li:hover .pic-img img {
	transform:scale(1.05);
transition:all .5s ease
}
.product-list ul li:hover .pic-img:after {
	display:block;
transition:all .5s ease
}
.pages ul {
	text-align:center
}
.pages ul li {
	display:inline-block;
	margin:0 2px
}
.pages ul li a, .pages ul li span {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:38px;
	border:1px solid #e2e2e0;
	font-size:16px;
	color:#000
}
.pages ul li.active a, .pages ul li.active span, .pages ul li:hover a, .pages ul li:hover span {
	background:#00479d;
	color:#fff
}
.pages ul li:first-child:hover a, .pages ul li:last-child:hover a {
	border:1px solid #00479d
}
.solution-list {
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	align-items:inherit;
	margin-top:100px;
	margin-bottom:40px
}
.solution-list li {
	width:48.7%;
	border:1px solid #eee;
	border-bottom:5px solid #eee;
	margin-bottom:60px
}
.solution-list li .thumb-img {
	overflow:hidden;
	display:block;
}
.solution-list li .solution-info {
	padding:35px 25px 30px
}
.solution-list li .solution-info .title {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	display:block
}
.solution-list li .solution-info .text {
	color:#666;
	margin-top:15px
}
.solution-list li .solution-info .href-tag {
	margin-top:25px
}
.solution-list li .solution-info .href-tag span {
	padding:7px 21px;
	font-size:14px;
	color:#666;
	display:inline-block;
	background:#f7f7f7;
	border-radius:30px;
	margin-right:15px;
	margin-bottom:15px;
	text-transform:capitalize
}
.solution-list li .solution-info .href-tag span:hover {
	color:#fff;
	background:#00479d
}
.solution-list li:hover {
	border-bottom:5px solid #00479d
}
.solution-list li:hover .thumb-img img {
	transform:scale(1.05);
transition:all .5s
}
.news-list {
	margin-top:40px;
	margin-bottom:60px
}
.news-list li {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	padding:60px 0;
	border-bottom:1px solid #eee
}
.news-list li .news-left-img {
	width:28.2%
}
.news-list li .news-left-img a {
	display:block;
	overflow:hidden;
	position:relative;
	padding-top:67%
}
.news-list li .news-left-img a img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
transition:all .5s
}
.news-list li .list-news-right {
	flex:1;
	padding-left:4.3%
}
.news-list li .list-news-right h3 {
	font-weight:400
}
.news-list li .list-news-right h3 .title {
	display:block;
	font-size:24px;
	line-height:1.5;
	text-transform:capitalize;
	padding-right:20%;
	position:relative
}
.news-list li .list-news-right h3 .title:after {
	content:"";
	display:block;
	width:55px;
	height:16px;
	background:url(../image/icon_right.png) no-repeat;
	background-size:cover;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.news-list li .list-news-right span {
	color:#999;
	display:block;
	margin-top:15px;
	margin-bottom:20px
}
.news-list li .list-news-right p {
	font-size:14px;
	color:#666
}
.news-list li:hover .news-left-img a img {
	transform:scale(1.05);
transition:all .5s
}
.news-list li:hover .list-news-right h3 .title {
	color:#00479d
}
.news-list li:hover .list-news-right h3 .title:after {
	background:url(../image/icon_right01.png) no-repeat
}
.accessories-list {
	margin-top:50px;
	margin-bottom:80px
}
.accessories-list .h-two {
	text-transform:capitalize;
	text-align:center
}
.accessories-list .acces-class {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	margin-top:25px
}
.accessories-list .acces-class a {
	background:#f7f7f7;
	font-size:18px;
	color:#666;
	display:inline-block;
	margin:10px;
	padding:10px 30px;
	text-transform:capitalize
}
.accessories-list .acces-class a.active, .accessories-list .acces-class a:hover {
	background:#00479d;
	color:#fff
}
.accessories-list .ul-acces {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:inherit;
	align-content:center;
	margin-top:10px
}
.accessories-list .ul-acces li {
	background:#f7f7f7;
	padding:35px 41px 25px;
	width:23%;
	text-align:center;
	margin:30px 1% 0
}
.accessories-list .ul-acces li .thumb-img {
	overflow:hidden;
	display:block;
	max-width:240px;
	max-height:240px;
	margin:0 auto;
	position:relative;
	padding-top:100%
}
.accessories-list .ul-acces li .thumb-img img {
transition:all .5s ease;
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.accessories-list .ul-acces li .title {
	display:block;
	margin-top:25px;
	text-transform:capitalize
}
.accessories-list .ul-acces li:hover .thumb-img img {
	transform:scale(.95);
transition:all .5s
}
.accessories-list .ul-acces li:hover .title {
	color:#00479d
}
.BlogList {
	margin-bottom:40px;
	margin-top:60px
}
.BlogList .BlogListFr {
	float:right;
	width:30%;
	padding-left:4.3%;
	margin-top:62px
}
.BlogList .BlogListFr h4 {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	font-weight:400
}
.BlogList .BlogListFr .BlogListFrOne {
	display:block
}
.BlogList .BlogListFr .BlogListFrOne form {
	position:relative;
	margin-top:14px;
	display:block
}
.BlogList .BlogListFr .BlogListFrOne form .SeaInput {
	display:block;
	width:100%;
	background:#f7f7f7;
	height:48px;
	line-height:38px;
	padding:5px 40px 5px 23px;
	text-align:left;
	font-size:14px
}
.BlogList .BlogListFr .BlogListFrOne form .SeaBtn {
	position:absolute;
	top:11px;
	right:11px;
	cursor:pointer;
	background:url(../image/searchicon01.png) center center no-repeat;
	background-size:20px;
	width:20px;
	height:20px;
	display:block
}
.BlogList .BlogListFr .BlogListFrOne form ::-webkit-input-placeholder {
color:#999
}
.BlogList .BlogListFr .BlogListFrOne form ::-moz-placeholder {
color:#999
}
.BlogList .BlogListFr .BlogListFrOne form :-ms-input-placeholder {
color:#999
}
.BlogList .BlogListFr .BlogListFrTwo {
	padding:30px 27px;
	border:1px solid #eee;
	margin-top:40px;
	margin-bottom:35px
}
.BlogList .BlogListFr .BlogListFrTwo ul {
	border-top:1px solid #eee;
	margin-top:25px;
	padding-top:15px
}
.BlogList .BlogListFr .BlogListFrTwo ul li {
	display:block;
	padding:8px 0
}
.BlogList .BlogListFr .BlogListFrTwo ul li a {
	display:block;
	color:#666;
	line-height:1.6;
	padding:0 17px;
	position:relative
}
.BlogList .BlogListFr .BlogListFrTwo ul li a:hover {
	color:#00479d
}
.BlogList .BlogListFr .BlogListFrTwo ul li a:before {
	content:"";
	display:block;
	width:7px;
	height:12px;
	background:url(../image/enter_arrow.png) no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:6px
}
.BlogList .BlogListFr .BlogListFrThtee {
	margin-bottom:30px
}
.BlogList .BlogListFr .BlogListFrThtee .TagList {
	border-top:1px solid #eee;
	padding-top:30px;
	margin-top:25px
}
.BlogList .BlogListFr .BlogListFrThtee .TagList a {
	display:inline-block;
	border:1px solid #eee;
	font-size:14px;
	color:#666;
	margin-right:7px;
	margin-bottom:10px;
	padding:6px 15px
}
.BlogList .BlogListFr .BlogListFrThtee .TagList a:hover {
	background:#00479d;
	color:#fff;
	border:1px solid #00479d
}
.BlogList .BlogListFl {
	float:left;
	width:70%
}
.BlogList .BlogListFl ul li {
	border-bottom:1px solid #eee;
	padding:40px 0
}
.BlogList .BlogListFl ul li .ThumbPic {
	overflow:hidden;
	display:block
}
.BlogList .BlogListFl ul li .ThumbPic img {
	display:block;
	width:100%;
transition:all .5s
}
.BlogList .BlogListFl ul li .PadLeft {
	padding-right:5%;
	margin-top:32px
}
.BlogList .BlogListFl ul li .PadLeft .title {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize
}
.BlogList .BlogListFl ul li .PadLeft p {
	color:#666;
	margin-top:15px;
	margin-bottom:30px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.BlogList .BlogListFl ul li .PadLeft .more {
	text-transform:uppercase;
	display:inline-block;
	border:1px solid #00479d;
	color:#00479d;
	padding:9px 50px
}
.BlogList .BlogListFl ul li:hover .ThumbPic img {
	transform:scale(1.05);
transition:all .5s
}
.BlogList .BlogListFl ul li:hover .PadLeft .title {
	color:#00479d
}
.BlogList .BlogListFl ul li:hover .PadLeft .more {
	background:#00479d;
	border:1px solid #eee;
	color:#fff;
	border-radius:30px;
	box-shadow:0 0 25px rgba(245, 31, 31, .3)
}
.pages-left ul {
	text-align:center
}
.error-detail {
	text-align:center;
	margin:100px 0
}
.error-detail img {
	display:block;
	margin:0 auto
}
.error-detail p {
	font-size:36px;
	margin-top:15px;
	margin-bottom:45px
}
.error-detail .return-home {
	color:#00479d;
	border:1px solid #00479d;
	text-transform:uppercase;
	display:inline-block;
	padding:14px 53px;
	border-radius:50px
}
.error-detail .return-home:hover {
	background:#00479d;
	border:1px solid #eee;
	color:#fff;
	border-radius:30px;
	box-shadow:0 0 25px rgba(245, 31, 31, .3)
}
.main-show {
	margin-bottom:40px;
	margin-top:40px
}
.main-show .wrap {
	border-bottom:1px solid #eee;
	padding-bottom:80px
}
.main-show .main-content {
	float:left;
	width:70%
}
.main-show .main-content .main-title {
	border-bottom:1px solid #eee;
	padding-bottom:32px
}
.main-show .main-content .main-title h1 {
	font-size:36px;
	line-height:1.4;
	text-transform:capitalize
}
.main-show .main-content .main-title p {
	font-size:18px;
	text-transform:capitalize;
	margin-top:25px
}
.main-show .main-content .main-title p span {
	color:#666
}
.main-show .main-content .con-show {
	margin-top:10px
}
.main-show .main-content .con-show h2 {
	font-size:26px;
	margin:2em 0 1em
}
.main-show .main-content .con-show h3 {
	font-size:24px;
	margin:1.6em 0 .6em;
	line-height:1.6em
}
.main-show .main-content .con-show h4 {
	font-size:22px;
	margin:1.4em 0 .5em;
	line-height:1.6em
}
.main-show .main-content .con-show p {
	margin:1.7em 0
}
.main-show .main-content .con-show p a {
	color:#00479d
}
.main-show .main-content .con-show img {
	display:block;
	margin:0 auto
}
.main-show .main-content .con-show video {
	margin:0 auto;
	width:100%;
	max-width:800px;
	height:auto!important;
	display:block
}
.main-show .main-content .con-show ol, .main-show .main-content .con-show ul {
	margin-top:-10px
}
.main-show .main-content .con-show ol li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.main-show .main-content .con-show ol li:before {
	content:"";
	background:#00479d;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:20px;
	top:19px
}
.main-show .main-content .con-show ul li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.main-show .main-content .con-show ul li:before {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:8px solid red;
	border-bottom:4px solid transparent;
	box-sizing:border-box;
	position:absolute;
	left:20px;
	top:19px
}
.main-show .main-content .tag-class {
	padding:40px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:60px
}
.main-show .main-content .tag-class span {
	display:inline-block;
	margin-right:10px
}
.main-show .main-content .tag-class a {
	display:inline-block;
	border:1px solid #eee;
	font-size:14px;
	color:#666;
	padding:5px 6px;
	margin-right:5px;
	margin-bottom:5px
}
.main-show .main-content .con-mesg {
	margin-top:70px
}
.main-show .main-content .con-mesg ul {
	margin-left:-3%
}
.main-show .main-content .con-mesg ul li {
	float:left;
	width:47%;
	margin-left:3%;
	margin-bottom:20px
}
.main-show .main-content .con-mesg ul li:last-child {
	float:none;
	width:97%
}
.main-show .main-content .con-mesg ul li input {
	width:100%;
	background:#f7f7f7;
	color:#666;
	height:48px;
	font-size:14px;
	padding:0 20px
}
.main-show .main-content .con-mesg ul li textarea {
	width:100%;
	background:#f7f7f7;
	color:#666;
	height:150px;
	font-size:14px;
	padding:15px;
	font-family:arial;
	line-height:1.5;
	resize:none
}
.main-show .main-content .con-mesg ul li.form-xing {
	position:relative
}
.main-show .main-content .con-mesg ul li.form-xing:before {
	content:"*";
	position:absolute;
	left:5px;
	top:50%;
	color:#ff3737;
	font-size:16px;
	margin-top:-3px;
	line-height:1
}
.main-show .main-content .con-mesg .submit-btn {
	display:block;
	color:#fff;
	padding:15px 0 15px 10px;
	text-align:center;
	width:233px;
	border-radius:0;
	cursor:pointer;
	background:url(../image/send_icon.png) 60px center no-repeat #00479d;
	font-size:16px;
	text-transform:uppercase;
transition:all .6s ease
}
.main-show .main-content .con-mesg .submit-btn:hover {
	background:#000;
	border-radius:50px;
	padding-left:0;
transition:all .6s ease
}
.main-show .main-side {
	float:right;
	width:30%;
	padding-left:4.3%;
	margin-top:62px;
	margin-bottom:30px
}
.main-show .main-side h4 {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	font-weight:400
}
.main-show .main-side .side-seach {
	display:block;
	margin-bottom:20px
}
.main-show .main-side .side-seach form {
	position:relative;
	margin-top:14px;
	display:block
}
.main-show .main-side .side-seach form .SeaInput {
	display:block;
	width:100%;
	background:#f7f7f7;
	height:48px;
	line-height:38px;
	padding:5px 40px 5px 23px;
	text-align:left;
	font-size:14px
}
.main-show .main-side .side-seach form .SeaBtn {
	position:absolute;
	top:11px;
	right:11px;
	cursor:pointer;
	background:url(../image/searchicon01.png) center center no-repeat;
	background-size:20px;
	width:20px;
	height:20px;
	display:block
}
.main-show .main-side .side-seach form ::-webkit-input-placeholder {
color:#999
}
.main-show .main-side .side-seach form ::-moz-placeholder {
color:#999
}
.main-show .main-side .side-seach form :-ms-input-placeholder {
color:#999
}
.main-show .main-side .side-blog {
	padding:30px 27px;
	border:1px solid #eee;
	margin-top:40px;
	margin-bottom:35px
}
.main-show .main-side .side-blog ul {
	border-top:1px solid #eee;
	margin-top:25px;
	padding-top:15px
}
.main-show .main-side .side-blog ul li {
	display:block;
	padding:8px 0
}
.main-show .main-side .side-blog ul li a {
	display:block;
	color:#666;
	line-height:1.6;
	padding:0 17px;
	position:relative
}
.main-show .main-side .side-blog ul li a:hover {
	color:#00479d
}
.main-show .main-side .side-blog ul li a:before {
	content:"";
	display:block;
	width:7px;
	height:12px;
	background:url(../image/enter_arrow.png) no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:6px
}
.main-show .main-side .side-auto {
	position:relative
}
.main-show .main-side .side-auto .side-nav {
	box-shadow:0 1px 8px rgba(0, 0, 0, .11);
	padding:25px 30px;
	width:100%
}
.main-show .main-side .side-auto .side-nav strong {
	color:#08112a;
	font-size:24px;
	line-height:1.4;
	display:inline-block;
	font-weight:400;
	text-transform:capitalize
}
.main-show .main-side .side-auto .side-nav .side-con {
	position:relative;
	margin-top:25px;
	padding-top:26px;
	border-top:1px solid #eee
}
.main-show .main-side .side-auto .side-nav .side-con ol {
	padding-left:12px;
	z-index:1;
	overflow:hidden
}
.main-show .main-side .side-auto .side-nav .side-con ol li {
	position:relative;
	padding-left:15px
}
.main-show .main-side .side-auto .side-nav .side-con ol li:after {
	content:"";
	position:absolute;
	left:-5px;
	top:7px;
	width:8px;
	height:8px;
	background-color:#999;
	-webkit-border-radius:10px;
	border-radius:10px
}
.main-show .main-side .side-auto .side-nav .side-con ol li a {
	color:#666;
	font-size:16px;
	line-height:1.6;
	margin-bottom:14px;
	display:block;
	font-weight:400
}
.main-show .main-side .side-auto .side-nav .side-con ol li a.toc-link::before {
display:none
}
.main-show .main-side .side-auto .side-nav .side-con ol li a.is-active-link {
	color:#00479d
}
.main-show .main-side .side-auto .side-nav .side-con ol li.is-active-li:after {
	background:#00479d
}
.main-show .main-side.toc-fixed .side-auto {
	position:fixed;
	top:15px;
	width:100%;
	max-width:360px;
	display:block;
	background:#f7f7f7
}
.video-js, .youtube {
	background-color:#000
}
.str-title {
	display:block;
	font-size:26px;
	text-transform:capitalize;
	line-height:1.4;
	margin-bottom:30px
}
.youtube {
	margin-bottom:30px;
	position:relative;
	padding-top:56.25%;
	overflow:hidden;
	cursor:pointer
}
.youtube .play-button {
	width:90px;
	height:60px;
	background-color:#333;
	box-shadow:0 0 30px rgba(0, 0, 0, .6);
	z-index:1;
	opacity:.8;
	border-radius:6px
}
.youtube .play-button:before {
	content:"";
	border-style:solid;
	border-width:15px 0 15px 26px;
	border-color:transparent transparent transparent #fff
}
.youtube .play-button, .youtube .play-button:before {
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%, -50%, 0)
}
.youtube iframe {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0
}
.news-show {
	margin-bottom:40px;
	margin-top:40px
}
/*.news-show .news-content {
	float:left;
	width:70%
}*/
.news-show .news-content .new-title {
	border-bottom:1px solid #eee;
	padding-bottom:32px
}
.news-show .news-content .new-title h1 {
	font-size:36px;
	line-height:1.4;
	text-transform:capitalize
}
.news-show .news-content .new-title p {
	font-size:18px;
	text-transform:capitalize;
	margin-top:25px
}
.news-show .news-content .new-title p span {
	color:#666
}
.news-show .news-content .con-show {
	margin-top:10px
}
.news-show .news-content .con-show h2 {
	font-size:26px;
	margin:2em 0 1em
}
.news-show .news-content .con-show h3 {
	font-size:24px;
	margin:1.6em 0 .6em;
	line-height:1.6em
}
.news-show .news-content .con-show h4 {
	font-size:22px;
	margin:1.4em 0 .5em;
	line-height:1.6em
}
.news-show .news-content .con-show p {
	margin:1.7em 0
}
.news-show .news-content .con-show p a {
	color:#00479d
}
.news-show .news-content .con-show img {
	margin:0 auto
}
.news-show .news-content .con-show video {
	margin:0 auto;
	/*width:100%;*/
	max-width:800px;
	height:auto!important;
	display:block
}
.news-show .news-content .con-show ol, .news-show .news-content .con-show ul {
	margin-top:-10px
}
.detail-mesg ul, .news-show .news-content .con-mesg ul {
	margin-left:-3%
}
.news-show .news-content .con-show ol li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.news-show .news-content .con-show ol li:before {
	content:"";
	background:#00479d;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:20px;
	top:19px
}
.news-show .news-content .con-show ul li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.news-show .news-content .con-show ul li:before {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:8px solid red;
	border-bottom:4px solid transparent;
	box-sizing:border-box;
	position:absolute;
	left:20px;
	top:19px
}
.news-show .news-content .prev-next {
	padding:27px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:60px
}
.news-show .news-content .prev-next p {
	padding:7px 0
}
.news-show .news-content .prev-next p a {
	color:#999
}
.news-show .news-content .prev-next p a:hover {
	color:#00479d
}
.news-show .news-content .con-mesg {
	margin-top:70px
}
.news-show .news-content .con-mesg ul li {
	float:left;
	width:47%;
	margin-left:3%;
	margin-bottom:20px
}
.news-show .news-content .con-mesg ul li:last-child {
	float:none;
	width:97%
}
.news-show .news-content .con-mesg ul li input {
	width:100%;
	background:#f7f7f7;
	color:#666;
	height:48px;
	font-size:14px;
	padding:0 20px
}
.news-show .news-content .con-mesg ul li textarea {
	width:100%;
	background:#f7f7f7;
	color:#666;
	height:150px;
	font-size:14px;
	padding:15px;
	font-family:arial;
	line-height:1.5;
	resize:none
}
.news-show .news-content .con-mesg ul li.form-xing {
	position:relative
}
.news-show .news-content .con-mesg ul li.form-xing:before {
	content:"*";
	position:absolute;
	left:5px;
	top:50%;
	color:#ff3737;
	font-size:16px;
	margin-top:-3px;
	line-height:1
}
.news-show .news-content .con-mesg .submit-btn {
	display:block;
	color:#fff;
	padding:15px 0 15px 10px;
	text-align:center;
	width:233px;
	border-radius:0;
	cursor:pointer;
	background:url(../image/send_icon.png) 60px center no-repeat #00479d;
	font-size:16px;
	text-transform:uppercase;
transition:all .6s ease
}
.news-show .news-content .con-mesg .submit-btn:hover {
	background:#000;
	border-radius:50px;
	padding-left:0;
transition:all .6s ease
}
.news-show .news-side {
	/*float:right;
	width:25.7%;
	background:#f7f7f7;
	padding:25px 30px 30px
*/}

/*2025-3*/

.news-show .news-side {
	float:right;
	width:30%;
	padding-left:4.3%;
	margin-top:62px
}
.news-show .news-side .side-auto {
	position:relative
}
.news-show .news-side .side-auto .side-nav {
	box-shadow:0 1px 8px rgba(0, 0, 0, .11);
	padding:25px 30px;
	width:100%
}
.news-show .news-side .side-auto .side-nav strong {
	color:#08112a;
	display:inline-block
}
.news-show .news-side .side-auto .side-nav .side-con {
	position:relative;
	margin-top:25px;
	padding-top:26px;
	border-top:1px solid #eee
}
.news-show .news-side .side-auto .side-nav .side-con ol {
	padding-left:12px;
	z-index:1;
	overflow:hidden
}
.news-show .news-side .side-auto .side-nav .side-con ol li {
	position:relative;
	padding-left:15px
}
.news-show .news-side .side-auto .side-nav .side-con ol li:after {
	content:"";
	position:absolute;
	left:-5px;
	top:7px;
	width:8px;
	height:8px;
	background-color:#999;
	-webkit-border-radius:10px;
	border-radius:10px
}
.news-show .news-side .side-auto .side-nav .side-con ol li a {
	color:#666;
	font-size:16px;
	line-height:1.6;
	margin-bottom:14px;
	display:block;
	font-weight:400
}
.news-show .news-side .side-auto .side-nav .side-con ol li a.toc-link::before {
display:none
}
.news-show .news-side .side-auto .side-nav .side-con ol li a.is-active-link {
	color:#00479d
}
.news-show .news-side .side-auto .side-nav .side-con ol li.is-active-li:after {
	background:#00479d
}
.news-show .news-side.toc-fixed .side-auto {
	position:fixed;
	top:15px;
	width:100%;
	max-width:360px;
	display:block;
	background:#f7f7f7
}

/*end  2025-3-13*/
.news-show .news-side .str-title {
	font-weight:400
}
.news-show .news-side ul {
	padding-top:30px;
	margin-top:-5px;
	border-top:1px solid #eee
}
.news-show .news-side ul li {
	margin-bottom:25px
}
.news-show .news-side ul li .thumb-pro {
	display:block
}
.news-show .news-side ul li .thumb-pro img {
	display:block;
	width:100%
}
.news-show .news-side ul li .tit {
	display:block;
	color:#666;
	line-height:1.6;
	padding:10px 0
}
.solution-top {
	background:#f7f7f7;
	padding-bottom:90px
}
.solution-top .base-solution {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center
}
.solution-top .base-solution .base-pic {
	width:46.1%
}
.solution-top .base-solution .base-pic img {
	display:block;
	width:100%
}
.solution-top .base-solution .base-info {
	flex:1;
	padding-left:4.6%
}
.solution-top .base-solution .base-info h1 {
	font-size:36px;
	text-transform:capitalize;
	line-height:1.4
}
.solution-top .base-solution .base-info .sol-size {
	padding:15px 0;
	margin-top:25px;
	margin-bottom:40px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
.solution-top .base-solution .base-info .sol-size p {
	color:#666;
	position:relative;
	padding:5px 0 5px 20px
}
.solution-top .base-solution .base-info .sol-size p:before {
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:#00479d;
	border-radius:50%;
	position:absolute;
	left:0;
	top:15px
}
.solution-top .base-solution .base-info .sol-size p span {
	color:#333
}
.solution-top .base-solution .base-info .online-inquiry {
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	background:#00479d;
	padding:9px 45px;
	border-radius:50px
}
.solution-show {
	margin-bottom:40px;
	margin-top:40px
}
.solution-show .solution-content {
	float:left;
	width:70%
}
.solution-show .solution-content .main-title {
	border-bottom:1px solid #eee;
	padding-bottom:32px
}
.solution-show .solution-content .main-title h1 {
	font-size:36px;
	line-height:1.4;
	text-transform:capitalize
}
.solution-show .solution-content .main-title p {
	font-size:18px;
	text-transform:capitalize;
	margin-top:25px
}
.solution-show .solution-content .main-title p span {
	color:#666
}
.solution-show .solution-content .con-show {
	margin-top:10px
}
.solution-show .solution-content .con-show h2 {
	font-size:26px;
	margin:2em 0 1em
}
.solution-show .solution-content .con-show h3 {
	font-size:24px;
	margin:1.6em 0 .6em;
	line-height:1.6em
}
.solution-show .solution-content .con-show h4 {
	font-size:22px;
	margin:1.4em 0 .5em;
	line-height:1.6em
}
.solution-show .solution-content .con-show p {
	margin:1.7em 0
}
.solution-show .solution-content .con-show p a {
	color:#00479d
}
.solution-show .solution-content .con-show img {
	display:block;
	margin:0 auto
}
.solution-show .solution-content .con-show video {
	margin:0 auto;
	/*width:100%;*/
	
	 width:40%; 
	
	max-width:800px;
	height:auto!important;
	display:block;
}
.solution-show .solution-content .con-show ol, .solution-show .solution-content .con-show ul {
	margin-top:-10px
}
.solution-show .solution-content .con-show ol li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.solution-show .solution-content .con-show ol li:before {
	content:"";
	background:#00479d;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:20px;
	top:19px
}
.solution-show .solution-content .con-show ul li {
	position:relative;
	padding:9px 0 9px 38px;
	font-size:18px!important
}
.solution-show .solution-content .con-show ul li:before {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:8px solid red;
	border-bottom:4px solid transparent;
	box-sizing:border-box;
	position:absolute;
	left:20px;
	top:19px
}
.solution-show .solution-content .tag-class {
	padding:40px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:60px
}
.solution-show .solution-content .tag-class span {
	display:inline-block;
	margin-right:10px
}
.solution-show .solution-content .tag-class a {
	display:inline-block;
	border:1px solid #eee;
	font-size:14px;
	color:#666;
	padding:5px 6px;
	margin-right:5px;
	margin-bottom:5px
}
.solution-show .solution-side .side-auto .side-nav strong, .solution-show .solution-side h4 {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	font-weight:400
}
.solution-show .solution-side {
	float:right;
	width:30%;
	padding-left:4.3%;
	margin-top:62px
}
.solution-show .solution-side .side-auto {
	position:relative
}
.solution-show .solution-side .side-auto .side-nav {
	box-shadow:0 1px 8px rgba(0, 0, 0, .11);
	padding:25px 30px;
	width:100%
}
.solution-show .solution-side .side-auto .side-nav strong {
	color:#08112a;
	display:inline-block
}
.solution-show .solution-side .side-auto .side-nav .side-con {
	position:relative;
	margin-top:25px;
	padding-top:26px;
	border-top:1px solid #eee
}
.solution-show .solution-side .side-auto .side-nav .side-con ol {
	padding-left:12px;
	z-index:1;
	overflow:hidden
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li {
	position:relative;
	padding-left:15px
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li:after {
	content:"";
	position:absolute;
	left:-5px;
	top:7px;
	width:8px;
	height:8px;
	background-color:#999;
	-webkit-border-radius:10px;
	border-radius:10px
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li a {
	color:#666;
	font-size:16px;
	line-height:1.6;
	margin-bottom:14px;
	display:block;
	font-weight:400
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li a.toc-link::before {
display:none
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li a.is-active-link {
	color:#00479d
}
.solution-show .solution-side .side-auto .side-nav .side-con ol li.is-active-li:after {
	background:#00479d
}
.solution-show .solution-side.toc-fixed .side-auto {
	position:fixed;
	top:15px;
	width:100%;
	max-width:360px;
	display:block;
	background:#f7f7f7
}
.sol-border {
	border-bottom:1px solid #eee;
	margin-top:55px
}
.detail-mesg {
	padding:70px 0 100px;
	margin-top:70px;
	background:#f7f7f7
}
.detail-mesg .str-title{ text-align:center}
.detail-mesg form {
	/*max-width:970px*/
}
.detail-mesg ul li {
	float:left;
	width:47%;
	margin-left:3%;
	margin-bottom:20px
}
.detail-mesg ul li:last-child {
	float:none;
	width:97%
}
.detail-mesg ul li input, .detail-mesg ul li textarea {
	width:100%;
	border:1px solid #eee;
	background:#fff;
	color:#333;
	font-size:14px
}
.detail-mesg ul li input {
	height:48px;
	padding:0 20px
}
.detail-mesg ul li textarea {
	height:150px;
	padding:15px;
	font-family:arial;
	line-height:1.5;
	resize:none
}
.detail-mesg ul li ::-webkit-input-placeholder {
color:#999
}
.detail-mesg ul li ::-moz-placeholder {
color:#999
}
.detail-mesg ul li :-ms-input-placeholder {
color:#999
}
.detail-mesg ul li.form-xing {
	position:relative
}
.detail-mesg ul li.form-xing:before {
	content:"*";
	position:absolute;
	left:5px;
	top:50%;
	color:#ff3737;
	font-size:16px;
	margin-top:-3px;
	line-height:1
}
.detail-mesg .submit-btn {
	display:block;
	color:#fff;
	padding:15px 0 15px 10px;
	text-align:center;
	width:233px;
	border-radius:0;
	cursor:pointer;
	background:url(../image/ico_messagesend.png) 60px center no-repeat #00479d;
	font-size:16px;
	text-transform:uppercase;
transition:all .6s ease;
margin:0 auto;
}
.detail-mesg .submit-btn:hover {
	background:#000;
	border-radius:50px;
	padding-left:0;
transition:all .6s ease
}
.product-top {
	background:url(../image/pro_detail.jpg) no-repeat;
	background-size:cover;
	padding-bottom:55px
}
.product-top .base-product {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	margin-top:60px
}
.product-top .base-product .base-pic {
	width:48.6%
}
.product-top .base-product .base-pic img {
	display:block;
	width:100%
}
.product-top .base-product .base-info {
	flex:1;
	padding-left:1.6%
}
.product-top .base-product .base-info h1 {
	font-size:36px;
	text-transform:capitalize;
	line-height:1.4
}
.product-top .base-product .base-info .text {
	color:#666;
	position:relative;
	margin-top:25px;
	margin-bottom:45px
}
.product-top .base-product .base-info .con-cs {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center
}
.product-top .base-product .base-info .con-cs li {
	width:48%;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	align-content:center;
	margin-bottom:15px
}
.product-top .base-product .base-info .con-cs li:nth-child(3) {
width:100%
}
.product-top .base-product .base-info .con-cs li .li-icon {
	width:54px;
	margin-right:15px
}
.product-top .base-product .base-info .con-cs li .li-icon img {
	width:100%
}
.product-top .base-product .base-info .con-cs li .cont-info {
	flex:1
}
.product-top .base-product .base-info .con-cs li .cont-info p {
	font-size:18px;
	line-height:1.65;
	color:#666
}
.product-top .base-product .base-info .con-cs li .cont-info strong {
	display:block;
	font-size:24px;
	line-height:1.25;
	color:#00479d
}
.product-top .base-product .base-info .link-href {
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	margin-top:55px
}
.product-top .base-product .base-info .link-href a {
	display:inline-block;
	text-transform:capitalize;
	color:#fff;
	line-height:1.75;
	border-radius:50px;
	padding:10px 40px 10px 80px;
	margin-right:15px
}
.product-top .base-product .base-info .link-href .quote-now {
	background:url(../image/ico_pro01.png) 43px center no-repeat #00479d;
	background-size:25px
}
.product-top .base-product .base-info .link-href .quote-now:hover {
	background-color:#444;
	border-radius:0;
	box-shadow:0 0 15px rgba(0, 0, 0, .3)
}
.product-top .base-product .base-info .link-href .send-email {
	background:url(../image/ico_pro02.png) 43px center no-repeat #444;
	background-size:25px
}
.product-top .base-product .base-info .link-href .send-email:hover {
	background-color:#00479d;
	border-radius:0;
	box-shadow:0 0 15px rgba(0, 0, 0, .3)
}
.product-top .base-product .base-info .link-href .pro-manual {
	background:url(../image/down_icon.png) 43px center no-repeat #fff;
	background-size:21px;
	color:#666
}
.product-top .base-product .base-info .link-href .pro-manual:hover {
	border-radius:0;
	box-shadow:0 0 15px rgba(0, 0, 0, .3)
}
.product-show {
	margin-bottom:40px;
	margin-top:40px
}
.product-show .product-content {
	float:left;
	width:70%
}
.product-show .product-content .main-title {
	border-bottom:1px solid #eee;
	padding-bottom:32px
}
.product-show .product-content .main-title h1 {
	font-size:36px;
	line-height:1.4;
	text-transform:capitalize
}
.product-show .product-content .main-title p {
	font-size:18px;
	text-transform:capitalize;
	margin-top:25px;
	color:#333
}
.product-show .product-content .main-title p span {
	color:#666
}
.product-show .product-content .con-show {
	margin-top:10px
}
.product-show .product-content .con-show h2 {
	font-size:26px;
	margin:2em 0 1em;
	position:relative;
	padding-left:42px
}
.product-show .product-content .con-show h2:before {
	content:"";
	display:block;
	width:27px;
	height:24px;
	background:url(../image/two_icon.png) no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	top:13px
}
.product-show .product-content .con-show h3 {
	font-size:24px;
	margin:1.6em 0 .6em;
	line-height:1.6em
}
.product-show .product-content .con-show h4 {
	font-size:22px;
	margin:1.4em 0 .5em;
	line-height:1.6em
}
.product-show .product-content .con-show p {
	margin:1.7em 0;
	color:#333
}
.product-show .product-content .con-show p a {
	color:#00479d
}
.product-show .product-content .con-show img {
	margin:0 auto
}
.product-show .product-content .con-show embed, .product-show .product-content .con-show video {
	margin:0 auto;
	width:100%;
	max-width:800px;
	height:auto!important;
	display:block
}
.product-show .product-content .con-show ol, .product-show .product-content .con-show ul {
	margin-top:-10px
}
.product-show .product-content .con-show ol li {
	position:relative;
	padding:9px 0 9px 38px;
	color:#333;
	font-size:18px!important
}
.product-show .product-content .con-show ol li:before {
	content:"";
	background:#00479d;
	width:6px;
	height:6px;
	border-radius:50%;
	position:absolute;
	left:20px;
	top:19px
}
.product-show .product-content .con-show ul li {
	position:relative;
	padding:9px 0 9px 38px;
	color:#333;
	font-size:18px!important
}
.product-show .product-content .con-show ul li:before {
	content:"";
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:8px solid #00479d;
	border-bottom:4px solid transparent;
	box-sizing:border-box;
	position:absolute;
	left:20px;
	top:19px
}


.product-show .product-content .con-show table td,.product-show .product-content .con-show table th{ text-align:center}

 




 .canshutable tr:nth-child(odd){ background-color:#eeeeee;}

 .canshutable tr:nth-child(even){ background-color:#ffffff;}

 .canshutable tr:first-child{background-color:#ada9a9}



 .canshutable tr:hover {

    background-color:#00479d;

    color: #fff;

    transition: all 0.2s;

}

 


 .canshutableshu {

    font-size: 16px;

    text-align: center;

   

	 border: 1px solid #d9d9d9;

	  border-collapse: collapse;



}

.canshutableshu td,.canshutableshu th{ 

    text-align:center;

    border: 1px solid #d9d9d9;

    vertical-align: middle;}

	.canshutableshu th{ 
  background-color:#686868;
  color:#fff;
	}


.canshutableshu tr td:nth-child(2n){ background-color: #ffffff;}



.canshutableshu tr td:nth-child(2n+1){ background-color: #eeeeee;}

.canshutableshu tr td:first-child{color:#FFF;line-height:30px; background-color:#aaa}

.canshutableshu tr td.bgaaa{ background-color:#aaa; color:#fff}

.canshutableshu tr:hover td{

    background-color: #005EB8;

    color: #fff;

    transition: all 0.5s;

}

	  
	  
.product-show .product-content .tag-class {
	padding:40px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:60px
}
.product-show .product-content .tag-class span {
	display:inline-block;
	margin-right:10px
}
.product-show .product-content .tag-class a {
	display:inline-block;
	border:1px solid #eee;
	font-size:14px;
	color:#666;
	padding:5px 6px;
	margin-right:5px;
	margin-bottom:5px
}
.product-show .product-side .side-auto .side-nav strong, .product-show .product-side h4 {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize;
	font-weight:400
}
.product-show .product-side {
	float:right;
	width:30%;
	padding-left:4.3%;
	margin-top:62px
}
.product-show .product-side .side-auto {
	position:relative
}
.product-show .product-side .side-auto .side-nav {
	box-shadow:0 1px 8px rgba(0, 0, 0, .11);
	padding:25px 30px;
	width:100%
}
.product-show .product-side .side-auto .side-nav strong {
	color:#08112a;
	display:inline-block
}
.product-show .product-side .side-auto .side-nav .side-con {
	position:relative;
	margin-top:25px;
	padding-top:26px;
	border-top:1px solid #eee
}
.product-show .product-side .side-auto .side-nav .side-con ol {
	padding-left:12px;
	z-index:1;
	overflow:hidden
}
.product-show .product-side .side-auto .side-nav .side-con ol li {
	position:relative;
	padding-left:15px
}
.product-show .product-side .side-auto .side-nav .side-con ol li:after {
	content:"";
	position:absolute;
	left:-5px;
	top:7px;
	width:8px;
	height:8px;
	background-color:#999;
	-webkit-border-radius:10px;
	border-radius:10px
}
.product-show .product-side .side-auto .side-nav .side-con ol li a {
	color:#666;
	font-size:16px;
	line-height:1.6;
	margin-bottom:14px;
	display:block;
	font-weight:400
}
.product-show .product-side .side-auto .side-nav .side-con ol li a.toc-link::before {
display:none
}
.product-show .product-side .side-auto .side-nav .side-con ol li a.is-active-link {
	color:#00479d
}
.product-show .product-side .side-auto .side-nav .side-con ol li.is-active-li:after {
	background:#00479d
}
.product-show .product-side.toc-fixed .side-auto {
	position:fixed;
	top:15px;
	width:100%;
	max-width:360px;
	display:block;
	background:#f7f7f7
}
.m-footer, .search-result .d-list {
	display:none
}
.search-result {
	margin-top:60px
}
.search-result .d-list.on {
	display:block
}
.search-result .d-list .act-tit {
	text-align:center;
	font-size:24px;
	margin:50px auto
}
.search-result .site-search .site-str {
	display:block;
	text-transform:capitalize;
	text-align:center;
	font-size:36px
}
.search-result .site-search .form {
	width:100%;
	background:#f7f7f7;
	padding:40px 30px;
	position:relative;
	margin-top:40px
}
.search-result .site-search .form .input-text {
	width:100%;
	background:#fff;
	height:60px;
	font-size:16px;
	padding:8px 280px 8px 20px
}
.search-result .site-search .form .sub-mit {
	position:absolute;
	right:30px;
	top:40px;
	background:#00479d;
	font-size:24px;
	text-transform:capitalize;
	color:#fff;
	width:260px;
	height:60px;
	cursor:pointer
}
.search-result .result-detail .result-list {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-bottom:1px solid #eee;
	margin-top:100px;
	padding-bottom:35px
}
.search-result .result-detail .result-list li {
	margin:0 5%;
	position:relative;
	padding-left:27px;
	cursor:pointer
}
.search-result .result-detail .result-list li:before {
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:0 0;
	border:1px solid #999;
	border-radius:50%;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.search-result .result-detail .result-list li:after {
	content:"";
	display:block;
	width:7px;
	height:7px;
	background:#999;
	border-radius:50%;
	position:absolute;
	left:5px;
	top:50%;
	transform:translateY(-50%)
}
.search-result .result-detail .result-list li.active {
	color:#00479d
}
.search-result .result-detail .result-list li.active:before {
	border:1px solid #00479d
}
.search-result .result-detail .result-list li.active:after {
	background:#00479d
}
.search-result .result-detail .act-tit {
	text-align:center;
	color:#666;
	margin:100px 0
}
.search-result .product-list .resul-ul {
	justify-content:flex-start;
	align-content:flex-start
}
.search-result .product-list .resul-ul li {
	margin-right:2%; margin-left:0;
}
.search-result .product-list .resul-ul li:nth-child(3n) {
	margin-right:0
}
.search-result .resu-blog {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:inherit;
	align-content:center;
	padding-top:100px;
	padding-bottom:80px;
	border-top:1px solid #eee
}
.search-result .resu-blog li {
	width:48.7%;
	padding-bottom:40px
}
.search-result .resu-blog li .ThumbPic {
	overflow:hidden;
	display:block
}
.search-result .resu-blog li .ThumbPic img {
	display:block;
	width:100%;
transition:all .5s
}
.search-result .resu-blog li .PadLeft {
	padding-right:5%;
	margin-top:32px
}
.search-result .resu-blog li .PadLeft .title {
	font-size:24px;
	line-height:1.4;
	text-transform:capitalize
}
.search-result .resu-blog li .PadLeft p {
	color:#666;
	margin-top:15px
}
.search-result .resu-blog li .PadLeft .more {
	text-transform:uppercase;
	display:inline-block;
	border:1px solid #00479d;
	color:#00479d;
	padding:9px 50px
}
.search-result .resu-blog li:hover .ThumbPic img {
	transform:scale(1.05);
transition:all .5s
}
.search-result .resu-blog li:hover .PadLeft .title {
	color:#00479d
}
.search-result .resu-blog li:hover .PadLeft .more {
	background:#00479d;
	border:1px solid #eee;
	color:#fff;
	border-radius:30px;
	box-shadow:0 0 25px rgba(245, 31, 31, .3)
}
.m-footer {
	position:fixed;
	bottom:10px;
	left:0;
	max-width:768px;
	width:100%;
	z-index:99999;
	overflow:hidden;
	padding:0 10px
}
.m-footer .mes-leav {
	background:#666;
	float:left
}
.m-footer .fix-swt {
	float:right;
	background:#00479d;
	box-shadow:0 0 15px rgba(239, 45, 2, .6)
}
.m-footer a {
	text-transform:capitalize;
	font-size:20px;
	border-radius:50px;
	color:#fff;
	position:relative;
	width:49%;
	padding:10px 0 10px 40px;
	text-align:center
}
.m-footer a:before {
	content:"";
	display:block;
	width:22px;
	height:21px;
	position:absolute;
	left:50%;
	margin-left:-33%;
	top:50%;
	transform:translateY(-50%)
}
.boxBlank, .box_wrap, .pop-up {
	position:fixed;
	display:none
}
.m-footer a.mes-leav:before {
	background:url(../image/mes_icon.png) no-repeat;
	background-size:cover
}
.m-footer a.fix-swt:before {
	background:url(../image/kf_icon.png) no-repeat;
	background-size:cover
}
.box_wrap {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
	-webkit-transition:all 160ms ease-in-out;
	-o-transition:all 160ms ease-in-out;
	-moz-transition:all 160ms ease-in-out;
	transition:all 160ms ease-in-out;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:999
}
.box_wrap .about-video-close {
	position:absolute;
	top:10px;
	right:1%;
	width:30px;
	height:30px;
	background:url(../image/hw1_sprite.png) no-repeat;
	cursor:pointer;
	z-index:10
}
.video-js {
	position:relative;
	padding:0;
	font-size:10px;
	font-weight:400;
	font-family:Arial, sans-serif;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.data-show table tr:first-child, .data-show table tr:first-child p, .data-show table tr:first-child span {
	color:#fff!important;
	font-size:16px!important
}
.video-js #movie {
	width:960px;
	height:540px
}
.data-show {
	width:100%;
	overflow-x:auto
}
.data-show strong {
	display:block;
	margin:1.7em 0
}
.data-show table tr:first-child {
	background:#3d4962
}
.data-show td, .data-show td p, .data-show td p span {
	font-size:14px!important
}
.data-show td p {
	margin:0!important
}
.con-name h1 {
	font-size:32px
}
.con-show h2 {
	font-size:28px;
	margin:1em 0 .5em
}
.con-show h3 {
	font-size:24px;
	margin:1em 0 .5em
}
.con-show p {
	font-size:18px!important;
	margin:1.7em 0;
	color:#333!important
}
.meg-true {
	text-align:center;
	margin:80px auto
}
.meg-true .true {
	display:block
}
.meg-true .back-btn p {
	margin:45px 0
}
.meg-true .back-btn .return {
	display:inline-block;
	color:#fff;
	text-transform:capitalize;
	background:#00479d;
	padding:7px 45px;
	border-radius:5px
}
.meg-true .back-btn .return:hover {
	background:#000
}
@media screen and (max-width:1919px) {
.header {
padding-left:96px;
padding-right:126px
}
.header .nav-con {
padding:0 20px 0 165px
}
.about-us .us-right h1, .home-about .left-abt h1, .other-banner .bread-crumbs .str-one {
font-size:46px
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .title-two {
font-size:44px
}
.guarantee-detail .guara-top .guara-left {
width:50%
}
.guarantee-detail .guara-top .gua-box {
   
    width: 47%;
}

 .accessories-list{ margin-top:0}
 
 
 

.guarantee-detail .guara-bottom {
	 
	margin-top:50px
}
.guarantee-detail .guara-bottom .gua-text {
    width: 40%;
 
}
.guarantee-detail .guara-bottom .guara-right {
 
    width: 52.88%;
}

}
@media screen and (max-width:1679px) {
.guarantee-detail .guara-bottom {
	 
	margin-top:50px
}
	
}
@media screen and (max-width:1599px) {
.about-us .us-right h1, .home-about .left-abt h1, .other-banner .bread-crumbs .str-one {
font-size:42px
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .title-two {
font-size:40px
}
.wrap {
padding:0 30px
}
.header {
padding-left:10px;
padding-right:140px
}
.search-nav .close-btn {
   
    right: 11%;}
	.search-nav .search-nav-warp .sub-mit {
  
    right: 10%;
	}
.header .nav-serach
{ padding:0 20px;}
.home-about .left-abt .read-more, .home-class .slider-img .cont-pos .learn-more, .home-product ul li .cont-left .view-more, .read-more, .solution-top .base-solution .base-info .online-inquiry {
padding:6px 40px
}
.header .logo {
width:180px
}

.header .nav-con {
padding:0 20px 0 50px
}
.banner .swiper-pagination {
left:5%
}
.banner .swiper-button-prev {
right:18%
}
.home-product ul li .cont-left .tit-str {
line-height:1.4
}
.home-class .slider-img .cont-pos {
width:50%
}
.home-class .slider-img .cont-pos p {
margin:20px 0
}
.home-class .slider-item .swiper-slide p {
line-height:1.3
}
.sales-after .sales-list li {
padding:30px 20px 40px
}
.guarantee-detail .guara-top {
margin-left:7%
}

.guarantee-detail .guara-bottom {
	 
	margin-top:30px
}
}
@media screen and (max-width:1365px) {
.about-us .us-right h1, .home-about .left-abt h1, .other-banner .bread-crumbs .str-one {
font-size:36px
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .title-two {
font-size:32px
}
.header .nav-con {
padding:0 20px
}
.header .nav-serach {
padding:0 10px
}
.header .nav-language {
padding:0 35px
}
.header .nav-language p:before {
display:none
}
.banner .swiper-button-next, .banner .swiper-button-prev {
width:32px;
height:32px
}
.home-product ul li {
padding:25px 20px
}
.home-product ul li .thumb-pro {
width:50%
}
.home-product ul li .cont-left .view-more {
margin-top:20px
}
.home-about .left-abt ul li img, .home-about .right-abt .li-oth img {
width:42px
}
.home-class:after {
height:140px
}
.home-class .slider-img .cont-pos {
top:50px
}
.home-class .slider-item .swiper-slide {
height:140px;
padding-top:25px
}
.home-class .slider-item .swiper-slide p {
margin-top:10px;
padding:0 10px
}
.home-blog .blog-cont .blog-item .thumb-pic:before {
width:60px
}
.home-blog .blog-cont .blog-item .thumb-pic span, .home-blog .blog-cont .blog-item .title {
font-size:20px
}
.BlogList .BlogListFl ul li .PadLeft .more, .about-us .us-right .read-more, .home-about .left-abt .read-more, .home-class .slider-img .cont-pos .learn-more, .home-product ul li .cont-left .view-more, .read-more {
padding:4px 20px
}
.home-service .mesg-box {
width:40%;
right:8%
}
.accessories-list .acces-class a {
padding:13px 35px
}
.product-class .class-box {
padding:25px 20px
}
.product-class .class-box .right {
width:auto
}
.product-class .class-box .right li .thumb-img {
width:200px;
height:200px
}
.product-class .class-box .left {
padding-right:3%
}
.product-class .class-box .left strong {
line-height:1.3;
margin-top:10px
}
.product-class .class-box .left .learn-more {
padding:5px 18px
}
.product-class .class-box .right li {
margin-left:10px
}
}
@media screen and (max-width:1199px) {
.about-us .us-right h1, .home-about .left-abt h1, .main-show .main-content .main-title h1, .news-show .news-content .new-title h1, .other-banner .bread-crumbs .str-one, .product-top .base-product .base-info h1, .search-result .site-search .site-str, .solution-top .base-solution .base-info h1 {
font-size:32px
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .title-two {
font-size:30px
}
.BlogList .BlogListFl ul li .PadLeft .more, .about-us .us-right .read-more, .header .nav-con li>a, .home-about .left-abt .read-more, .home-class .slider-img .cont-pos .learn-more, .home-product ul li .cont-left .view-more, .read-more {
font-size:14px
}
.header .logo {
width:160px
}
.header .nav-con {
padding:0 10px
}
.header .nav-language {
padding:0 30px 0 15px
}
.header .nav-language ul {
padding:10px 15px 15px
}
.header .nav-serach img {
width:18px;
height:18px
}
.head-product-class, .search-nav, .serve-check .acces-box {
top:91px
}
.home-about .right-abt {
width:50%
}
.home-about .right-abt .li-oth {
padding:25px;
bottom:126px
}
.home-about .left-abt {
padding-right:35px
}
.home-about .left-abt ul {
margin-top:20px;
margin-right:-35px
}
.home-about .left-abt ul li:nth-child(3) {
padding:25px 40px
}
.home-class .left, .home-class .right {
width:40px;
height:80px
}
.home-class .container, .home-class .leftcircle, .home-class .rightcircle, .home-class .swiper-pagination {
top:60px;
width:80px;
height:80px;
line-height:80px;
font-size:24px
}
.home-class .leftcircle {
top:0;
left:0
}
.home-class .rightcircle {
top:0;
right:0
}
.home-service .mesg-box {
width:48%
}
footer .foot-one {
width:20%
}
footer .foot-one .view-more {
padding:8px 25px
}
footer .foot-one .view-more:after {
display:none
}
footer .foot-two {
width:32%;
padding:0 2% 0 5%
}
footer .foot-two ul li {
float:none;
width:auto
}
footer .foot-four {
width:30%
}
.solution-list {
margin-top:50px;
margin-bottom:0
}
.solution-list li {
margin-bottom:30px
}
.solution-list li .solution-info {
padding:15px 15px 5px
}
.solution-list li .solution-info .href-tag {
margin-top:15px
}
.solution-list li .solution-info .href-tag span {
border-radius:5px;
margin-right:5px;
margin-bottom:8px;
padding:3px 12px
}
.solution-list li .solution-info .text {
margin-top:10px
}
.pages {
margin-bottom:50px
}
.product-center {
margin-top:40px;
margin-bottom:25px
}
.guarantee-detail .guara-bottom {
margin-top:50px
}
.guarantee-detail .guara-top {
margin-left:2%
}
.about-us .us-right {
padding-left:2%
}
.about-video {
padding:30px 0 20px
}
.about-video .video-list {
width:55%
}
.about-video .video-list li {
width:49%;
margin-bottom:15px
}
.about-video .video-list li strong {
font-size:22px;
line-height:1.3;
margin:10px 0
}
.about-video .video-list li img {
width:40px
}
.about-video .cover-video {
width:43%;
top:50%;
transform:translateY(-50%)
}
.story-detail .story-right {
padding-left:30px
}
.story-detail .story-right p {
margin-top:0;
margin-bottom:35px
}
.culture-detail {
padding:50px 0
}
.culture-detail .text {
margin-bottom:40px
}
.culture-detail ul li {
width:31.333%
}
.culture-detail ul li img {
width:50px
}
.contact-detail {
margin:50px 0
}
.contact-detail .info-box {
width:auto
}
.map-contact .pos-box.eight strong {
font-size:18px
}
.accessories-list .acces-class a {
padding:8px 20px
}
.accessories-list .ul-acces li {
padding:20px
}
.accessories-list .ul-acces li .title {
line-height:1.4
}
.main-show .main-side.toc-fixed .side-auto, .product-show .product-side.toc-fixed .side-auto, .solution-show .solution-side.toc-fixed .side-auto {
max-width:260px;
right:15px
}
.history-detail .history-list {
margin-left:5%
}
}
@media screen and (max-width:1023px) {
.product-class .class-box .right li, .serve-check .acces-box {
margin-left:0
}
#tidio-chat-iframe {
bottom:90px!important
}
.get-quote {
font-size:14px
}
.get-quote:before {
top:3px;
width:174px;
height:30px
}
body {
line-height:1.6
}
.wrap {
padding:0 15px
}
.head-product-class, .serve-check .acces-box {
position:static;
background:#f7f7f7;
padding:5px 0 10px
}
.head-product-class .wrap .link-a>a {
width:auto;
padding:8px 0;
font-size:16px;
margin-right:15px
}
.head-product-class .wrap .link-thumb {
display:none
}
header {
padding:15px 0
}
.header {
display:block;
padding:0 10px
}
.header .logo {
float:left
}
.header .nav-con {
width:100%;
display:none;
flex-direction:column;
z-index:9;
position:absolute;
right:0;
top:50px;
background:#fff;
border-radius:0;
padding:15px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
text-align:center
}
.header .nav-con li>a {
padding:10px
}
.header .nav-con li.active>a:before {
display:none
}
.header .nav-con li:hover>a:before {
display:none
}
.header .nav-serach {
float:right;
margin-top:8px
}
.header .nav-serach:after {
display:none
}
.header .nav-btn {
display:block
}
.header .nav-language {
float:right;
padding:0 25px
}
.header .nav-language ul {
top:50px;
padding:15px
}
.header .nav-language.bef:before {
top:-50px
}
.header .nav-language.bef p {
color:#fff
}
.header .nav-language p {
margin-top:5px
}
.header .nav-language p:after {
display:none
}
.search-nav {
top:50px;
border-top:1px solid #eee;
padding:0 0 20px
}
.search-nav .close-btn img {
width:18px;
height:18px
}
.search-nav .search-nav-warp {
padding:25px 0 0;
margin-right:50px
}
.search-nav .search-nav-warp .input-text {
font-size:18px;
padding:8px 70px 8px 10px
}
.home-blog .blog-cont .blog-item .thumb-pic span, .home-class .slider-item .swiper-slide p {
font-size:16px
}
.search-nav .search-nav-warp .search-icon {
width:18px;
height:18px;
margin:0
}
.search-nav .hot-search-product {
margin-top:15px
}
.search-nav .close-btn {
display:block;
right:2%
}
.banner .swiper-pagination {
left:13%
}
.home-product {
padding-top:25px;
padding-bottom:25px
}
.home-product ul {
margin-top:10px
}
.home-product ul li {
width:100%
}
.home-product ul li .cont-left {
max-width:initial
}
.home-product ul li .thumb-pro {
width:auto;
padding-top:0
}
.home-about {
margin:50px auto
}
.home-class:after {
background:#000;
height:125px
}
.home-class .slider-item {
width:100%;
left:0;
position:inherit
}
.home-class .slider-item .swiper-slide {
height:125px
}
.home-class .slider-img .cont-pos {
top:25%;
left:5%;
width:70%
}
.home-blog {
margin:50px auto 90px
}
.home-blog .blog-cont .blog-item .thumb-pic:before {
width:45px
}
.home-blog .blog-cont .blog-item .title {
margin-top:15px
}
.home-blog .blog-cont .blog-item .text {
margin-top:5px;
margin-bottom:10px
}
.home-about .left-abt .read-more, .home-class .slider-img .cont-pos .learn-more, .home-product ul li .cont-left .view-more, .read-more {
text-transform:capitalize
}
.home-service {
padding:100px 0
}
.home-service .mesg-box {
width:55%;
right:2%;
padding:30px 20px;
top:-30px
}
.home-service .mesg-box .tit {
font-size:20px;
line-height:1.4;
margin-bottom:5px
}
.home-service .mesg-box ul li {
margin-bottom:10px
}
.home-service .mesg-box .submit-btn {
width:45%;
margin-top:25px;
text-transform:capitalize;
height:42px;
line-height:42px
}
.home-service .supp-box {
padding-right:60px
}
.home-service .supp-box p {
margin-bottom:25px
}
footer {
padding-top:40px
}
footer .foot {
margin-top:25px;
padding:10px 15px
}
footer .foot ul li a {
width:36px;
height:36px;
line-height:36px
}
footer .foot ul li a img {
width:18px
}
footer .foot-one p {
font-size:14px
}
.product-class .class-box {
flex-direction:column
}
.product-class .class-box .left {
width:100%;
margin-bottom:20px;
padding-right:0
}
.product-class .class-box .left p {
margin-top:8px;
margin-bottom:15px
}
.product-class .class-box .right li .thumb-img {
width:auto;
height:auto;
padding-top:0
}
.product-class .class-box .right li .tit {
margin-top:10px
}
.thumb-bom .thumb-box .tit {
font-size:24px
}
.contact-detail .info-box ul li .cont-info strong, .solution-list li .solution-info .title {
font-size:22px
}
.guarantee-detail {
margin:50px auto
}
.guarantee-detail .guara-top .guara-left {
position:static;
width:100%;
margin-top:15px
}
.guarantee-detail .guara-top .gua-box {
float:none;
width:auto
}
.guarantee-detail .guara-bottom .guara-right {
width:100%;
float:none;
padding:0;
margin-top:20px
}
.guarantee-detail .guara-bottom ul {
width:100%;
float:none;
padding:0
}
.sales-after .sales-list {
flex-wrap:wrap
}
.sales-after .sales-list li {
flex:inherit;
width:50%;
padding:5px 20px 10px
}
.sales-after .sales-list li p {
margin-top:5px
}
.about-us {
flex-direction:column;
margin:50px auto
}
.contact-detail, .product-top .base-product {
flex-direction:column
}
.about-us .us-right {
margin-top:20px
}
.about-us .us-right .read-more {
margin-top:10px
}
.about-video .video-list {
width:100%
}
.about-video .cover-video {
position:static;
transform:translateY(0);
width:100%;
text-align:center
}
.history-detail {
margin:50px 0
}
.history-detail .progress-bar {
margin-top:10px;
margin-bottom:20px
}
.history-detail .history-list .swiper-slide {
height:auto;
padding:20px 15px
}
.news-list li {
padding:30px 0
}
.news-list li .news-left-img {
width:45%
}
.news-list li .list-news-right h3 .title {
font-size:20px;
line-height:1.3;
padding-right:10%
}
.news-list li .list-news-right h3 .title:after {
width:30px;
height:9px
}
.news-list li .list-news-right span {
margin:5px 0
}
.BlogList .BlogListFl, .BlogList .BlogListFr {
width:100%;
float:none;
padding:0
}
.contact-detail .info-box {
margin-right:0;
margin-bottom:20px;
padding:30px
}
.contact-detail .info-box ul li {
padding:15px 0;
width:50%
}
.map-contact .pos-box p, .map-contact .pos-box.eight p, .map-contact .pos-box.eight strong {
font-size:0
}
.contact-detail .info-box ul li .icon img {
width:25px
}
.contact-detail .info-box .social-contact {
margin-top:20px
}
.contact-detail .mesg {
padding:0
}
.map-contact .pos-box {
background-color:transparent
}
.map-contact .pos-box p:before {
width:6px;
height:6px
}
.map-contact .pos-box p:after {
width:55px;
height:55px;
bottom:-49px
}
.map-contact .pos-box.five p:after, .map-contact .pos-box.four p:after, .map-contact .pos-box.one p:after, .map-contact .pos-box.seven p:after, .map-contact .pos-box.six p:after, .map-contact .pos-box.three p:after, .map-contact .pos-box.two p:after {
margin-left:-8px
}
.map-contact .pos-box.eight p:after {
margin-left:-8px
}
.map-contact .pos-box:after {
display:none
}
.address-info li {
width:49%;
margin-top:10px;
padding:15px
}
.address-info {
margin:20px 0 35px
}
.address-info li strong {
font-size:20px;
padding-bottom:5px;
margin-bottom:10px
}
.accessories-list {
margin-top:30px;
margin-bottom:30px
}
.error-detail p, .product-list ul li, .product-list ul li .model-size {
margin-bottom:15px
}
.accessories-list .acces-class a {
font-size:16px
}
.accessories-list .ul-acces li {
margin-top:15px;
padding:20px 15px 15px
}
.accessories-list .ul-acces li .title {
margin-top:10px
}
.error-detail p {
font-size:26px;
line-height:1.3
}
.error-detail .return-home {
padding:6px 18px;
border-radius:5px
}
.product-list {
margin-top:35px
}
.product-list ul li {
width:49%;
padding:25px 20px 20px
}
.machine-product {
padding:20px
}
.machine-product .left {
width:auto
}
.machine-product .left h1 {
font-size:32px
}
.search-result .product-list .resul-ul li {
margin-right:1%
}
.search-result .site-search .form {
padding:15px
}
.search-result .site-search .form .sub-mit {
width:150px;
height:46px;
right:15px;
top:15px;
font-size:16px
}
.search-result .site-search .form .input-text {
height:46px;
padding:8px 160px 8px 20px
}
.search-result .resu-blog {
padding-bottom:30px;
padding-top:40px
}
.search-result .resu-blog li .PadLeft .title {
font-size:20px
}
.search-result .result-detail .result-list li {
margin:0 2%
}
.main-show .main-content .main-title p, .news-show .news-content .new-title p {
font-size:16px;
margin-top:10px
}
.main-show .main-content {
float:none;
width:100%;
padding:0
}
.main-show .main-content .main-title {
padding-bottom:15px
}
.main-show .main-side, .news-show .news-content, .news-show .news-side, .product-show .product-content, .product-show .product-side, .solution-show .solution-content, .solution-show .solution-side {
float:none;
width:100%;
padding:0
}
.main-show .main-side.toc-fixed .side-auto {
position:static;
background:#fff;
max-width:100%
}
.product-top .base-product .base-pic, .solution-top .base-solution .base-pic {
width:auto;
margin-bottom:20px
}
.product-show .product-side.toc-fixed .side-auto, .solution-show .solution-side.toc-fixed .side-auto {
position:static;
background:#fff;
max-width:100%
}
.news-show .news-content .new-title {
padding-bottom:15px
}
.product-top .base-product .base-info, .solution-top .base-solution .base-info {
padding:0
}
.solution-top .base-solution {
flex-direction:column
}
.video-js #movie {
width:720px;
height:400px
}
.con-name h1 {
font-size:28px
}
.con-show h2 {
font-size:26px
}
.con-show h3 {
font-size:22px
}
.meg-true .true img {
width:180px
}
#LRfloater0 {
margin-top:50%
}
.fix-side {
display:none
}
.toTop {
top:auto;
bottom:200px;
right:20px;
width:35px
}
}
@media screen and (max-width:767px) {
	
	.guarantee-detail .guara-bottom .gua-text{ width:100%}
	
	
.home-class .container, .home-class .leftcircle, .home-class .rightcircle, .home-class .swiper-pagination, .story-detail .story-left .read-more {
display:none
}
footer {
padding-bottom:60px
}
.about-us .us-right h1, .home-about .left-abt h1, .machine-product .left h1, .main-show .main-content .main-title h1, .news-show .news-content .new-title h1, .other-banner .bread-crumbs .str-one, .product-top .base-product .base-info h1, .search-result .site-search .site-str, .solution-top .base-solution .base-info h1 {
font-size:28px;
text-transform:capitalize
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .main-show .main-content .con-show h2, .news-show .news-content .con-show h2, .product-show .product-content .con-show h2, .solution-show .solution-content .con-show h2, .str-title, .title-two {
font-size:24px;
text-transform:capitalize
}
.product-show .product-content .con-show h2:before {
top:7px
}
.home-product ul li .thumb-pro {
margin-top:20px
}
.home-product ul li .cont-left .tit-str {
font-size:20px
}
.home-product ul li .cont-left p {
margin-top:5px
}
.home-product ul li .cont-left .view-more {
margin-top:10px
}
.BlogList .BlogListFl ul li .PadLeft .more, .about-us .us-right .read-more, .home-about .left-abt .read-more, .home-class .slider-img .cont-pos .learn-more, .home-product ul li .cont-left .view-more, .read-more, .solution-top .base-solution .base-info .online-inquiry {
padding:2px 15px
}
.home-class .slider-img .cont-pos {
top:15%;
left:5%;
width:90%
}
.home-class .slider-img .cont-pos p {
margin:10px 0
}
.home-class .slider-item .swiper-slide {
padding-top:15px
}
.home-class .slider-item .swiper-slide img {
width:45px
}
.home-blog {
margin-bottom:50px
}
.home-blog .blog-tit {
margin-bottom:20px
}
.home-blog .blog-cont .blog-item{ width:100%; margin-right:0;}
.home-blog .blog-cont .blog-item .thumb-pic {
padding-top:inherit
}
.home-blog .blog-cont .blog-item .thumb-pic img {
position:inherit
}
.home-service {
padding:25px 0;
background-position:center
}
.home-service .supp-box {
width:100%;
float:none;
padding:0
}
.home-service .mesg-box {
position:inherit;
margin-top:25px;
width:100%
}
footer .foot-one {
width:100%;
padding:0;
margin-top:0
}
footer .foot-one .foot-log img {
width:180px
}
footer .foot-one p {
margin-top:15px;
margin-bottom:15px
}
footer .foot-two {
width:100%;
padding:0;
margin-top:20px
}
footer .foot-two ul li {
float:left;
width:48%
}
footer .foot-three {
width:100%;
padding:0;
margin-top:20px
}
footer .foot-three ul {
overflow:hidden;
margin-left:-2%
}
footer .foot-three ul li {
float:left;
width:48%;
margin-left:2%
}
footer .foot-four {
width:100%;
padding:0;
margin-top:20px
}
footer .foot {
padding:15px 0
}
footer .foot p {
float:none;
width:100%
}
footer .foot p a {
line-height:1.6
}
footer .foot ul {
float:none;
width:100%;
margin-top:10px
}
.banner .swiper-button-next {
right:9%
}
.other-banner .bread-crumbs ol {
margin-top:0
}
.product-center {
margin-top:30px;
margin-bottom:0
}
.product-center .pro-class {
margin-top:0
}
.product-center .pro-class li {
padding:5px 12px;
margin-right:5px;
margin-top:10px
}
.thumb-bom .thumb-box .tit {
font-size:16px
}
.product-class {
margin-bottom:50px
}
.solution-list li .solution-info .title {
font-size:20px
}
.pages ul li a, .pages ul li span {
width:35px;
height:35px;
line-height:35px;
font-size:14px
}
.sales-after {
padding-top:30px;
padding-bottom:30px
}
.sales-after p {
margin-top:10px
}
.sales-after .sales-list li strong {
font-size:30px
}
.about-video .video-list li {
width:100%
}
.culture-detail ul li {
width:100%;
margin-bottom:15px
}
.culture-detail ul li img {
width:36px
}
.culture-detail ul li strong {
font-size:22px;
margin-top:10px
}
.culture-detail .text {
padding:0
}
.story-detail .story-left {
width:100%;
float:none;
padding:0
}
.story-detail .story-left p {
margin-top:20px;
margin-bottom:15px
}
.story-detail .story-right {
width:100%;
float:none;
padding:0
}
.news-list {
margin:30px 0
}
.news-list li {
padding:15px 0
}
.news-list li .news-left-img {
width:100%
}
.news-list li .list-news-right {
padding:0;
margin-top:15px
}
.news-list li .list-news-right h3 .title {
padding:0
}
.news-list li .list-news-right h3 .title:after {
display:none
}
.BlogList {
margin-bottom:20px;
margin-top:20px
}
.BlogList .BlogListFl ul li {
padding:20px 0
}
.BlogList .BlogListFl ul li .PadLeft {
padding-right:0;
margin-top:15px
}
.BlogList .BlogListFl ul li .PadLeft .title {
font-size:22px;
line-height:1.3
}
.BlogList .BlogListFl ul li .PadLeft p {
margin-top:10px;
margin-bottom:15px
}
.BlogList .BlogListFl ul li .PadLeft .more {
text-transform:capitalize
}
.BlogList .BlogListFr {
margin-top:30px
}
.address-info li {
width:100%
}
.contact-detail .mesg ul li {
margin-bottom:10px
}
.contact-detail .mesg ul li:first-child {
width:100%;
margin-bottom:15px
}
.contact-detail .mesg ul li:nth-child(2) {
width:100%
}
.contact-detail .mesg ul input {
height:44px;
line-height:44px;
padding:0 15px
}
.contact-detail .mesg ul textarea {
padding:15px;
height:120px
}
.contact-detail .mesg ul .submit-btn {
width:100%;
margin-top:0
}

/*关于我们页面下留言*/
.aboutform-detail .mesg ul li {
margin-bottom:10px
}
.aboutform-detail .mesg ul li:first-child {
width:100%;
margin-bottom:15px
}
.aboutform-detail .mesg ul li:nth-child(2) {
width:100%
}
.aboutform-detail .mesg ul input {
height:44px;
line-height:44px;
padding:0 15px
}
.aboutform-detail .mesg ul textarea {
padding:15px;
height:120px
}
.aboutform-detail .mesg ul .submit-btn {
width:100%;
margin-top:0
}
/*关于我们页面下留言*/
.map-contact .pos-box.eight {
margin-top:-12%
}
.accessories-list .acces-class {
justify-content:flex-start
}
.accessories-list .acces-class a {
margin:5px;
padding:5px 12px
}
.accessories-list .ul-acces {
margin-top:8px
}
.accessories-list .ul-acces li {
width:31.333%
}
.machine-product {
flex-direction:column;
background:#f7f7f7
}
.machine-product .left {
margin-right:0;
margin-bottom:20px
}
.machine-product .left p {
margin-top:10px;
margin-bottom:15px
}
.product-list ul li .title {
font-size:20px;
line-height:1.3;
white-space:inherit
}
.breCrumbs ol li {
font-size:16px
}
.search-result {
margin-top:35px
}
.search-result .site-search .form {
margin-top:10px;
padding:5px
}
.search-result .site-search .form .sub-mit {
width:110px;
right:5px;
top:5px
}
.search-result .result-detail .result-list {
margin-top:30px;
padding-bottom:15px;
justify-content:flex-start
}
.solution-list li .solution-info {
padding:10px 10px 5px
}
.news-show .news-side {
margin-top:30px;
padding:10px
}
.detail-mesg, .product-top .base-product {
margin-top:40px
}
.news-show .news-side ul {
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:inherit;
align-content:center
}
.str-title {
margin-bottom:15px
}
.news-show .news-side ul li {
width:48%;
margin-bottom:10px
}
.news-show .wrap {
padding-bottom:30px
}
.detail-mesg {
padding:30px 0 40px
}
.detail-mesg ul li {
width:97%
}
.product-top {
padding-bottom:35px
}
.product-top .base-product .base-info .link-href {
margin-top:15px
}
.product-top .base-product .base-info .link-href a {
font-size:14px;
padding:6px 15px 6px 35px;
border-radius:5px
}
.product-top .base-product .base-info .link-href .pro-manual, .product-top .base-product .base-info .link-href .quote-now, .product-top .base-product .base-info .link-href .send-email {
background-position:10px
}
.product-top .base-product .base-info .con-cs {
flex-direction:column
}
.product-top .base-product .base-info .con-cs li {
width:100%;
margin-bottom:10px
}
.product-top .base-product .base-info .con-cs li .li-icon {
width:30px
}
.product-top .base-product .base-info .con-cs li .cont-info p {
font-size:16px
}
.product-top .base-product .base-info .con-cs li .cont-info strong {
font-size:18px
}
.product-top .base-product .base-info .text {
margin-top:5px;
margin-bottom:15px
}
.solution-top .base-solution {
margin-top:40px
}
.solution-top .base-solution .base-info .sol-size {
margin-top:10px;
margin-bottom:15px
}
.video-js #movie {
width:450px;
height:350px
}
.data-show table {
width:700px
}
.data-show td {
font-size:14px;
padding:4px
}
.home-about .right-abt {
display:none
}
.meg-true {
margin:45px 0
}
.meg-true .true img {
width:130px
}
.meg-true .back-btn p {
margin:25px 0
}
.drag_box {
color:#00479d!important
}
}
@media screen and (max-width:479px) {
.about-us .us-right h1, .home-about .left-abt h1, .machine-product .left h1, .main-show .main-content .main-title h1, .news-show .news-content .new-title h1, .other-banner .bread-crumbs .str-one, .product-top .base-product .base-info h1, .search-result .site-search .site-str, .solution-top .base-solution .base-info h1 {
font-size:26px;
text-transform:capitalize
}
.contact-detail .info-box .tit, .h-two, .home-about .left-abt ul li strong, .home-class .slider-img .cont-pos strong, .home-service .supp-box strong, .main-show .main-content .con-show h2, .main-show .main-side .side-auto .side-nav strong, .main-show .main-side h4, .news-show .news-content .con-show h2, .product-show .product-content .con-show h2, .product-show .product-side .side-auto .side-nav strong, .solution-show .solution-content .con-show h2, .solution-show .solution-side .side-auto .side-nav strong, .str-title, .title-two {
font-size:24px;
text-transform:capitalize
}
.home-blog .blog-cont .blog-item .thumb-pic span, .home-blog .blog-cont .blog-item .title, .m-footer a, .main-show .main-content .con-show h3, .news-show .news-content .con-show h3, .product-show .product-content .con-show h3, .solution-show .solution-content .con-show h3 {
font-size:18px
}
.header .logo {
width:150px;
margin-top:5px
}
.home-product {
padding-bottom:0
}
.home-product ul li {
flex-direction:column;
padding:15px 20px
}
.home-product ul li .cont-left {
width:100%
}
.home-product ul li .thumb-pro {
width:auto
}
.home-product ul li .thumb-pro img {
margin:0 auto
}
.home-about {
margin:35px auto
}
.home-about .left-abt {
padding-right:0
}
.home-about .left-abt h1 {
margin-bottom:15px
}
.home-about .left-abt p, .product-class .class-box .right li {
margin-bottom:10px
}
.home-about .left-abt ul {
margin-right:0;
flex-wrap:nowrap
}
.home-about .left-abt ul li:nth-child(3) {
padding:15px 20px
}
.home-about .right-abt {
display:block;
width:100%;
margin-top:20px
}
.home-about .right-abt .li-oth {
bottom:0
}
.home-class:after {
height:60px
}
.home-class .slider-item .swiper-slide {
height:60px
}
.home-class .slider-item .swiper-slide p {
display:none
}
.news-list li .list-news-right p, .search-result .resu-blog li .PadLeft p, .solution-list li .solution-info {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden
}
.home-class .slider-item .swiper-slide img {
width:48px
}
.about-video .video-list li strong, .history-detail .history-list strong, .product-class .class-box .left strong {
font-size:20px
}
.m-footer a:before {
margin-left:-38%
}
.product-class .class-box {
margin-top:20px;
padding:15px
}
.product-class .class-box .right {
flex-direction:column
}
.product-class .class-box .right li .thumb-img img {
margin:0 auto
}
.news-list, .product-class {
margin-bottom:30px
}
.thumb-bom .thumb-box {
float:none;
width:100%
}
.product-class .class-box .left .pic {
width:80px;
height:auto
}
.other-banner .bread-crumbs ol li {
font-size:16px
}
.other-banner .bread-crumbs .str-one {
font-size:24px
}
.guarantee-detail .guara-top {
margin:0;
padding:0 2%
}
.guarantee-detail .guara-bottom {
margin:0;
padding:0 2%
}

.guarantee-detail .h-two {
margin-bottom:15px
}
.guarantee-detail .guara-box ul li {
padding:15px 0 15px 45px
}
.guarantee-detail .guara-box ul li:before {
width:35px;
height:35px
}
.sales-after .sales-list li {
width:100%
}
.history-detail .history-list {
margin-left:2%
}
.about-video .cover-video .play-icon {
width:40px
}
.about-video .cover-video .play-icon:before {
width:160px;
height:160px;
left:-60px;
top:-60px
}
.about-video .cover-video .play-icon:after {
left:-75px;
top:-75px;
width:190px;
height:190px
}
.news-list {
margin-top:15px
}
.news-list li {
padding:15px 0
}
.BlogList .BlogListFr h4 {
font-size:22px
}
.BlogList .BlogListFr .BlogListFrTwo {
padding:15px;
margin-top:20px;
margin-bottom:20px
}
.BlogList .BlogListFr .BlogListFrTwo ul {
margin-top:10px
}
.BlogList .BlogListFr .BlogListFrThtee .TagList {
padding-top:15px;
margin-top:15px
}
.BlogList .BlogListFl ul li .PadLeft .title {
font-size:20px
}
.address-info li strong, .contact-detail .info-box ul li .cont-info strong {
font-size:18px
}
.contact-detail {
margin:30px 0
}

.aboutform-detail .mesg{
margin:30px 0;
 padding: 0 10px;
}
.contact-detail .info-box {
padding:15px
}
.contact-detail .info-box ul {
margin-top:10px
}
.contact-detail .info-box ul li {
width:100%
}
.contact-detail .info-box ul li .icon {
margin-top:3px
}
.contact-detail .info-box .social-contact a {
width:30px;
height:30px;
line-height:30px;
border-radius:5px;
margin-right:10px
}
.contact-detail .info-box .social-contact a img {
width:18px
}
.map-contact .pos-box.eight {
margin-top:-14%
}
.accessories-list .ul-acces li {
width:48%
}
.product-list ul li, .solution-list li {
width:100%
}
.banner .swiper-pagination .swiper-pagination-current, .error-detail p {
font-size:22px
}
.main-show .wrap {
padding-bottom:30px
}
.main-show .main-content .tag-class {
padding:15px 0;
margin-top:40px
}
.main-show .main-content .con-mesg {
margin-top:30px
}
.main-show .main-content .con-mesg ul li {
width:97%;
margin-bottom:15px
}
.main-show .main-content .con-mesg .submit-btn {
width:100%;
background-position:35%
}
.main-show .main-content .con-show p {
margin:0!important
}
.main-show .main-side .side-auto .side-nav {
padding:15px
}
.news-show .news-content .prev-next, .solution-show .solution-content .tag-class {
padding:15px 0;
margin-top:40px
}
.news-show .news-content .con-mesg, .product-show .product-side, .solution-show .solution-side {
margin-top:30px
}
.detail-mesg ul li, .news-show .news-content .con-mesg ul li {
width:97%;
margin-bottom:15px
}
.detail-mesg .submit-btn, .news-show .news-content .con-mesg .submit-btn {
width:100%;
background-position:35%
}
.solution-top {
padding-bottom:30px
}
.detail-mesg {
padding:30px 0
}
.product-show .product-side .side-auto .side-nav, .solution-show .solution-side .side-auto .side-nav {
padding:15px
}
.product-top .base-product .base-info .link-href .pro-manual, .product-top .base-product .base-info .link-href .quote-now, .product-top .base-product .base-info .link-href .send-email {
background-image:none;
padding:6px 15px
}
.video-js #movie {
width:380px;
height:320px
}
.con-name h1 {
font-size:26px
}
.con-show h2 {
font-size:24px
}
.con-show h3 {
font-size:20px
}
.con-show p {
margin:1.2em 0!important
}
.map-contact .pos-box.one {
margin-left:-41%;
margin-top:-5%
}
.map-contact .pos-box.two {
margin-top:-6%
}
.map-contact .pos-box.three {
margin-left:20%;
margin-top:-6%
}
.map-contact .pos-box.four {
margin-top:-5%
}
.map-contact .pos-box.six {
margin-top:1%
}
.map-contact .pos-box.seven {
margin-top:5%
}
}
@media screen and (max-width:413px) {
.wrap {
padding:0 10px
}
header {
padding:10px 0
}
.header .logo {
width:130px
}
.header .nav-con {
top:45px
}
.header .nav-language {
padding:0
}
.header .nav-language p {
font-size:14px;
margin-top:8px;
padding:0 15px
}
.header .nav-language ul {
padding:10px;
top:45px
}
.header .nav-language ul li {
padding:5px 0
}
.header .nav-language.bef:before {
top:-55px
}
.search-nav {
top:45px
}
.search-nav .search-nav-warp {
margin-right:30px
}
.search-nav .hot-search-product ul {
margin-top:10px
}
.home-about .left-abt ul li:nth-child(3) {
padding:15px 10px
}
.home-about .left-abt ul li img {
width:36px
}
.home-about .right-abt .li-oth {
padding:15px
}
.home-about .right-abt .li-oth img {
width:36px
}
.home-about .right-abt .li-oth span {
margin-top:5px
}
.home-blog .blog-cont .blog-item .thumb-pic span, .home-blog .blog-cont .blog-item .title, .m-footer a {
font-size:16px
}
.home-class .slider-img .cont-pos p {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
overflow:hidden
}
.solution-top .base-solution .base-info .online-inquiry {
font-size:14px
}
.video-js #movie {
width:360px;
height:300px
}
.map-contact .pos-box.eight {
margin-top:-16%
}
}
@media screen and (max-width:374px) {
.header .nav-btn {
margin-left:0
}
.header .logo {
width:110px
}
footer {
padding-bottom:50px
}
footer .foot-three ul li, footer .foot-two ul li {
width:100%;
float:none
}
.m-footer a {
font-size:14px;
padding:8px 0 8px 15px
}
.m-footer a:before {
width:18px;
height:17px;
margin-left:-45%
}
.banner .swiper-button-next, .banner .swiper-button-prev, .banner .swiper-pagination {
display:none
}
.search-result .site-search .form .input-text {
padding:8px 115px 8px 20px
}
.product-top .base-product .base-info .link-href .pro-manual, .product-top .base-product .base-info .link-href .quote-now, .product-top .base-product .base-info .link-href .send-email {
background-image:none;
padding:6px 7px
}
.video-js #movie {
width:300px;
height:250px
}
}
.boxBlank, .pop-up, .pop-up .pic img {
	width:100%
}
.boxBlank {
	z-index:99;
	left:0;
	top:0;
	height:100%;
	background:rgba(0, 0, 0, .3)
}
.pop-up {
	z-index:9999999;
	left:50%;
	top:50%;
	padding:35px 15px;
	max-width:550px;
	transform:translateY(-50%) translateX(-50%) scale(1);
transition:all .7s;
	background:#fff;
	text-align:center
}
.pop-up p {
	font-size:24px;
	color:#333;
	line-height:1.4
}
.pop-up .talk-link {
	margin-top:25px
}
.pop-up .talk-link span {
	display:inline-block;
	font-size:18px;
	border:1px solid #00479d;
	padding:6px 45px;
	margin:0 5px;
	cursor:pointer;
transition:all .7s
}
.pop-up .talk-link span:hover {
	border-radius:30px;
transition:all .7s;
	box-shadow:0 0 15px rgba(230, 0, 18, .75)
}
.pop-up .talk-link span.inquiry-now {
	background:#00479d;
	color:#fff
}
.pop-up .talk-link span.later-box {
	color:#00479d
}
.pop-up .closure {
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer
}
@media screen and (max-width:1023px) {
.pop-up {
max-width:500px
}
.home-service {
background:url(../image/service_bg2.jpg) no-repeat;
background-size:cover
}
footer {
background:#333
}
}
@media screen and (max-width:767px) {
.pop-up {
max-width:420px
}
.pop-up p {
font-size:20px
}
.pop-up .talk-link span {
padding:5px 25px
}
}
@media screen and (max-width:479px) {
.pop-up {
max-width:380px
}
}
@media screen and (max-width:413px) {
.pop-up {
max-width:300px
}
.pop-up p {
font-size:18px
}
.pop-up .talk-link span {
padding:3px 15px;
font-size:16px;
margin:0 2px
}
}
.tit-theme {
	padding-left:30px!important
}
.tit01-theme1 {
	background:url(../image/newicon1.png) left 6px no-repeat;
	background-size:20px
}
.tit02-theme2 {
	background:url(../image/newicon2.png) left 6px no-repeat;
	background-size:20px
}
.tit03-theme3 {
	background:url(../image/newicon3.png) left 6px no-repeat;
	background-size:20px
}
@media screen and (max-width:1023px) {
.tit-theme {
background-position:left 4px
}
}
@media screen and (max-width:479px) {
.tit-theme {
padding-left:22px!important;
background-size:16px;
background-position:left 6px
}
}



/*The following are the styles within the site. Move them here.*/

         ul > li > div.icon-img > img {
                aspect-ratio:22 / 23;
            }
            #left_whatsapp > a > img{
                aspect-ratio:140 / 141;
            }
            .close-btn > img {
                aspect-ratio:1 / 1;
            }
            .left_abt > ul > li > img {aspect-ratio:1 / 1;}
          
            div.link-thumb > img {aspect-ratio:38 / 27;}
			
			
			.home-class .slider-item .swiper-slide.swiper-slide-thumb-active, .home-class .slider-item .swiper-slide:hover{ background:#00479d}
@media screen and (max-width: 1000px) {
   .home-class .swiper-button-next{display:none}
    
    .home-class .swiper-button-prev{display:none}
} 
@media screen and (min-width: 1001px) {
    .home-class .swiper-button-next{right:150px;border:none !important;border-radius:50%;background-color:#fff;width:70px;height:70px; color:#00479d}
    .home-class .swiper-button-prev{left:150px;border:none !important;border-radius:50%;background-color:#fff;width:70px;height:70px;color:#00479d}
     .home-class .swiper-button-next:hover{border:none !important;background-color:#00479d;color:#FFFFFF}
     .home-class .swiper-button-prev:hover{border:none !important;background-color:#00479d;color:#FFFFFF}
     .swiper-button-next:focus{outline:none !important}
     .swiper-button-prev:focus{outline:none !important}
}  
 @media (max-width: 768px) {
    div.swiper-slide > a > picture > img {
      aspect-ratio: 24 / 25; /* 小屏幕宽高比 */
    }
  }
  
 /*latest news*/
 
 
.latestnews{
    padding: 70px 0 70px;
  
 
}
.latestnews .str-title{ text-align:center; margin-bottom:60px;}
 
 
.latestnews .list-3 li .text3 p.desc {
    color: #999;
    font-size: 15px;
    line-height: 22px;
    margin: 8px 0 0;
}
 
 .latestnews .list-3 li .text3 p.date{ margin-top:15px; color: #999;
    font-size: 15px;}
.latestnews .img3 {
    text-align: center;
    font-size: 0;
}
.latestnews .img3 img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.latestnews .list-3 li {
    float: left;
    width: 49%;
	margin-right:2%;
	margin-bottom:30px;
}
.latestnews .list-3 li:nth-child(2n){	margin-right:0;}
.latestnews .list-3 li a {
    display: block;
  
    overflow: hidden;
}
.latestnews .list-3 li .img3 {
    float: left;
    width: 35%;
    overflow: hidden;
}
.latestnews .list-3 li .img3 img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.latestnews .list-3 li .text3 {
  float: left;
    width: 62%;
	margin-left:3%;
}
.latestnews .list-3 li .text3 h4 {
    font-size: 21px;
    font-weight: normal;
    margin: 0;
  
    line-height: 22px;
}
.latestnews .list-3 li a:hover .img3 img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media screen and (max-width: 767px) {


.latestnews {
    
       padding:30px 0 30px;
}
 .latestnews .str-title{ margin-bottom:30px;}
.latestnews .list-3 li {
    width: 100%;
	margin-right:0;
	margin-bottom:30px;
	 float:none;
}
 
.latestnews .list-3 li .img3,.latestnews .list-3 li .text3 {
    width: 100%;
   
}
 .latestnews .list-3 li .text3 h4{ margin:15px 0}
 
}