@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Roboto-Medium;
	src: url(Roboto/Roboto-Medium.ttf) format('truetype');
}
@font-face {
	font-family: Roboto-Regular;
	src: url(Roboto/Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Roboto-Bold;
	src: url(Roboto/Roboto/Roboto-Bold.ttf) format('truetype');
}
* {
	border: none;
	color: #022A48;
	font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	box-sizing: border-box;
}
html {
	font-size: 16px;
	background: #fff;
}
.clear {
	clear: both;
}
body {
	min-width: 375px;
	max-width: 1920px;
	margin: 0 auto;
}
.pull_left, .nav li, .col_top li, .col_middle_list li, .list_product li, .list_news li, .related_news li, .about_top_right li, .about_list li, .about_bottom li, #Application li {
	float: left;
}
.pull_right {
	float: right;
}
a:hover {
	text-decoration: underline;
}
img {
	height: auto;
	max-width: 100%;
	width: auto;
	box-sizing: border-box;
}
.row {
	max-width: 1300px;
	margin: 0 auto;
}
.row_nav {
	max-width: 1600px;
	margin: 0 auto;
}
h1, h2, h2 a {
	font-size: 2.5rem;
}
h1, h2, h2 a, h2 span, .col_middle_list big {
	font-family: 'Roboto-Bold';
}
h3, h3 a {
	font-size: 1.875rem;
}
h4, h4 a, .about_mddle p {
	font-size: 1.5rem;
}
h5, h5 a {
	font-size: 1.125rem;
}
#header {
	position: fixed;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
}
.header_text {
	padding: 1rem 0;
	position: relative;
}
.header_text img {
	vertical-align: middle;
	margin-right: 0.625rem;
}
.header_text span {
	font-size: 1rem;
	margin-right: 2.25rem;
	color: #fff;
}
.header_text .pull_right {
	background: url(../images/drop.png) no-repeat right center;
	padding-right: 1.875rem;
	margin-right: 0;
}
.language_nav {
	position: absolute;
	top: 2.75rem;
	right: 0;
	background: #333;
	padding: 0.25rem 0.625rem 0.625rem;
	z-index: 9;
	display: none;
}
.language_nav a {
	color: #fff;
}
.language_nav li {
	line-height: 2em;
	padding: 0 1rem;
}
.language_nav.active {
	display: block;
}
.nav {
	background: #fff;
	border-radius: 0.25rem;
	padding: 0.9375rem 1.25rem;
}
.nav li {
	margin: 0 3.125rem;
}
.nav li a {
	font-family: 'Roboto-Medium';
	display: block;
	font-size: 1.125rem;
	line-height: 3.125rem;
	color: #002C52;
	text-transform: capitalize;
}
#pull {
	display: none;
}
.whatsapp {
	background: #c1d600;
	color: #fff;
	width: 11.25rem;
	line-height: 3.125rem;
	text-align: center;
	margin-left: 12.5rem;
}
.nav_s {
	margin: 0 3.125rem;
}
.banner {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.col_top_cooperate {
	margin: 3.75rem auto;
}
.col_top h2, .col_middle h2, .col_bottom_list h2 a, .about_mddle h2 {
	font-size: 3.5rem;
}
.col_top {
	background: url(../images/top_bg.png) no-repeat center top;
	background-size: 100% 64%;
	padding: 5rem 0;
}
.text_top .btn_more {
	background: #c1d600;
	color: #fff;
	width: 16.375rem;
	line-height: 3.5rem;
	text-align: center;
	margin-left: 12.5rem;
	margin-top: 2.5rem;
}
.text_top p {
	width: 60%;
	margin-top: 0.5rem;
}
.col_top .swiper-slide {
	background: #002c52;
}
.col_top .swiper-slide a, .col_top .swiper-slide p, .col_middle h4, .col_middle h2, .col_middle p, .col_bottom_news_left p, .col_bottom_news_left a, .subnav h2, .subnav p, .subnav a, .subnav span, .about_mddle h2, .about_mddle p {
	color: #fff;
}
.col_top .text {
	padding: 1.75rem 1.875rem;
}
.col_top .more img, .col_bottom_news h2 span img {
	vertical-align: middle;
	margin-right: 1.125rem;
	width: 2.875rem;
}
.col_top .swiper-slide p, .list_case li p,.col_bottom_news li h5, .liset_news_content li h5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.list_case li p,.col_bottom_news li h5, .liset_news_content li h5 {
	-webkit-line-clamp: 2;
}
.col_top .swiper-slide p {
	margin: 1rem 0 1.5rem;
}
.text_top {
	margin-bottom: 3.5rem;
}
.col_middle {
	background: url(../images/middle2.jpg) no-repeat right center;
	position: relative;
}
.col_middle_left, .col_middle_right, .col_right, .product_top .text {
	width: 50%;
}
.col_middle .text {
	width: 42%;
}
.col_middle .row {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.col_middle p {
	margin: 1.875rem 0 2.5rem;
}
.col_middle h4 {
	border-left: 0.25rem solid #C1D600;
	padding-left: 1.25rem;
	margin-top: 1rem;
}
.col_middle .more {
	display: block;
	width: 13.4375rem;
	line-height: 3.5rem;
	background: #c1d600;
	color: #fff;
	text-align: center;
}
.col_middle_list {
	margin: 5rem auto;
}
.col_middle_list  ul{
	background: url(../images/middle_bg.jpg) no-repeat center bottom;
	background-size: 100% 79.76%;
}
.col_middle_list li {
	width: 25%;
	text-align: center;
	padding-bottom: 1.875rem;
}
.col_middle_list big {
	font-size: 3rem;
	font-weight: bold;
	display: block;
	margin: 1rem auto 0;
}
.col_middle_list img {
	width: 5.375rem;
}
.col_bottom {
	background: url(../images/bottom1.png) no-repeat right top;
	background-size: cover;
	padding: 6.25rem 0 4.375rem;
}
.col_bottom .row {
 background:;
	padding: 5.625rem 0 5.625rem 4.875rem;
	background-image: linear-gradient(to right, #fff 61%, transparent 61%);
}
.col_bottom h2 a {
	line-height: 1.167em;
}
.col_bottom li {
	position: relative;
	margin-top: 1.875rem;
	padding-left: 3.375rem;
}
.col_bottom li span {
	position: absolute;
	left: 0;
	font-size: 2rem;
	font-weight: bold;
	color: #DDDDDD;
}
.col_bottom li p {
	color: #666;
	margin-top: 0.5rem;
}
.col_left {
	width: 40%;
}
.col_bottom_news {
	padding: 5rem 0;
	background: #f2f2f2;
}
.col_bottom_news_left, .col_bottom_news ul {
	width: 48.85%;
}
.col_bottom_news_left {
	background: #002C52;
	position: relative;
	margin-top: 1.875rem;
}
.col_bottom_news_left img {
	opacity: 0.55;
}
.col_bottom_news_left p a {
	font-weight: bold;
}
.col_bottom_news h3 {
	margin: 0.5rem 0;
}
.col_bottom_news p, .col_bottom_news h2 span {
	font-size: 0.75rem;
}
.col_bottom_news h5 a {
	font-size: 1.125rem;
	font-weight: bold;
}
.col_bottom_news_left .text {
	position: absolute;
	left: 2rem;
	right: 13.5rem;
	bottom: 2rem;
}
.col_bottom_news .more, .liset_news_content .more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 5.6875rem;
	height: 4.75rem;
	background: url(../images/ico_15.png) no-repeat center;
	background-size: 100% auto;
	text-indent: -9999px;
}
.col_bottom_news li, .liset_news_content li {
	position: relative;
	background: #f8f8f8;
	padding-right: 5.876rem;
	margin-top: 1.875rem;
}
.col_bottom_news li >a, .liset_news_content li>a {
	width: 45.65%;
}
.col_bottom_news li .text, .liset_news_content .text {
	width: 49%;
	margin-top: 1.5rem;
}
.col_bottom_news h5, .liset_news_content h5 {
	margin: 0.5rem 0 1rem;
}
.col_bottom_news li p, .liset_news_content li p {
	color: #C1D600;
}
.col_bottom_news .row>p {
	font-size: 1.25rem;
	width: 70%;
	margin-top: 0.5rem;
}
.col_bottom_list {
	padding-top: 5rem;
	background: #f2f2f2;
}
.col_bottom_list ul {
	display: flex;
}
.col_bottom_list li {
	width: 13.33%;
	margin-right: 0.5%;
	text-align: center;
	position: relative;
}
.col_bottom_list li .box {
	position: absolute;
	bottom: 6rem;
	left: 0;
	right: 0;
}
.col_bottom_list li.active {
	width: 44.68%;
	text-align: left;
	padding: 9.25rem 10rem 6rem;
}
.col_bottom_list li.active .box {
	position: static;
}
.col_bottom_list li:nth-child(1) {
	background: url(../images/bottom3.png) no-repeat left center;
	background-size: cover;
}
.col_bottom_list li:nth-child(2) {
	background: url(../images/bottom4.png) no-repeat left center;
	background-size: cover;
}
.col_bottom_list li:nth-child(3) {
	background: url(../images/bottom5.png) no-repeat left center;
	background-size: cover;
}
.col_bottom_list li:nth-child(4) {
	background: url(../images/bottom6.png) no-repeat left center;
	background-size: cover;
}
.col_bottom_list li:nth-child(5) {
	background: url(../images/bottom7.png) no-repeat left center;
	background-size: cover;
	margin-right: 0;
}
.col_bottom_list li h4, .col_bottom_list li p, .col_bottom_list li a {
	color: #fff;
}
.col_bottom_list li img {
	width: 3.5rem;
	margin-bottom: 1rem;
}
.col_bottom_list li.active img {
	width: 4.875rem;
}
.col_bottom_list p {
	margin: 1.5rem 0 3rem;
}
.col_bottom_list .more {
	display: block;
	width: 19.375rem;
	line-height: 3.5rem;
	text-align: center;
	background: #C1D600;
}
.col_bottom_list .text {
	display: none;
}
.col_bottom_list .active .text {
	display: block;
}
.left_sidebar {
	width: 23.85%;
}
.left_top ul ul {
	display: none;
	border: 1px solid #e5e5e5;
}
.left_top>ul>li {
	margin-bottom: 0.625rem;
}
.left_top li a.drop {
	display: block;
	background: #f8f8f8 url(../images/ico_drop1.png) no-repeat 95% center;
	border-bottom: 1px solid #fff;
	font-size: 1.125rem;
	line-height: 4.375rem;
	padding: 0 1.5rem;
	font-weight: bold;
}
.left_top li a.active.drop {
	background: #002C52;
	color: #fff;
}
.left_top li ul.active {
	display: block;
}
.left_top li li a {
	font-size: 1rem;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	padding: 1rem 0 1rem 1.25rem;
}
.left_top li li a img, .left_bottom li img {
	vertical-align: middle;
	margin-right: 1rem;
}
.left_bottom {
	padding: 1.5rem 1.25rem 2rem;
	background: #f8f8f8;
	text-align: center;
	border-bottom: 3px solid #c1d600;
}
.left_bottom a img {
	border: 0.5rem solid #fff;
	border-radius: 50%;
}
.left_bottom ul {
	background: #fff;
	padding: 1rem 1.875rem;
	text-align: left;
}
.left_bottom li strong {
	display: block;
}
.left_bottom h3 {
	font-size: 1.625rem;
	margin: 1rem 0;
}
.left_bottom li {
	padding: 1rem 0;
}
.left_bottom li:nth-child(1) {
	border-bottom: 1px solid #eee;
}
.content, .list_case, .list_news, .map, .about_top, .about_list, .about_middle_2, .product_top {
	margin: 5rem auto;
}
.list_case, .list_news, .map, .about_top, .about_list, .about_middle_2,.mr-top{
margin-top: 12rem;
}
.right_content {
	width: 71.55%;
}
.list_product ul, .content_text_box p, .about_swiper, #Application, #Parameter, #Packing, #Choose {
margin-top: 2.5rem;
}
.list_product li {
	width: 50%;
	max-width: 410px;
	padding-bottom: 3.375rem;
}
.list_product ul li img{
	height: 203.34px;
}
.list_product li:nth-child(2n+1) {
	padding-right: 3.3125rem;
	position: relative;
}


.list_product li:last-child:after {
	display: none;
}
.list_product li:first-child {
	border: none;
}
.list_product li:last-child, .list_product li:nth-last-child(1) {
	border-bottom: none;
	padding-bottom: 0;
}
.list_product li p {
	height: 4.5rem;
	margin: 1.5rem 0 1.5rem;
}
.list_product li .more, .list_case .more {
	display: block;
	line-height: 2.875rem;
	font-size: 0.875rem;
	background: url(../images/ico_16.png) no-repeat center left;
	background-size: 2.875rem auto;
	padding-left: 4rem;
	font-weight: bold;
}
.list_product li:hover .more, .list_case li:hover .more {
	color: #C1D600;
	background: url(../images/ico_16_2.png) no-repeat center left;
	background-size: 2.875rem auto;
}
.list_product li h3 {
	margin-top: 0.75rem;
}
.pro_form h2 {
	font-size: 3.125rem;
}
.list_case .text {
	width: 67%;
	padding: 3rem 5rem 1rem 3.75rem;
}
.list_case .pull_left {
	width: 33%;
}
.list_case li {
	background: #f8f8f8;
	margin-bottom: 1.875rem;
}
.list_case  h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list_case h3:after, .content_text_box h2:after {
	content: "";
	display: block;
	width: 4.375rem;
	height: 0.25rem;
	background: #C1D600;
	margin: 0.75rem 0 1.25rem;
}
.list_case p, .list_case h2, .about_bottom h2 {
	margin-bottom: 2rem;
}
.list_case li h3 a:hover {
	text-decoration: none;
}
.listpage {
	text-align: center;
	margin-top: 3rem;
	border: 1px solid #dddddd;
}
.listpage span {
	display: inline-block;
	width: 2.5rem;
	line-height: 2.5rem;
	border: 1px solid #ddd;
	border-radius: 50%;
	margin: 0 5px;
}
.listpage span.active {
	background: #002C52;
	color: #fff;
}
.listpage ul li a {
    border: 1px solid #ddd;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #353535;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}
.hot_product {
	background: url(../images/hot-product.png) no-repeat center;
	background-size: 100% 100%;
	padding: 3.75rem 0;
}
.hot_product h2 {
	margin-bottom: 3.25rem;
}
.hot_product h5 {
	margin-top: 1rem;
}
.tab-pane {
	display: none;
}
.tab-pane.active {
	display: block;
}
.liset_news_content li {
	width: 48.5%;
	margin-right: 3%;
}
#Application li {
	width: 32.5%;
	margin-right: 1.25%;
}
.liset_news_content li:nth-child(2n), #Application li:nth-child(3) {
	margin-right: 0;
}
.tab-menu li {
	line-height: 3.75rem;
	font-size: 1.125rem;
	width: 33.333%;
	text-align: center;
	box-shadow: 0 0 8px #ddd;
}
.tab-menu {
	width: 75%;
	margin: 0 auto 3rem;
}
.tab-menu .tab1 {
	background: url(../images/ico_23.png) no-repeat 30% center;
	background-size: 1.5rem auto;
}
.tab-menu .tab1.active {
	background: #C1D600 url(../images/ico_23_1.png) no-repeat 30% center;
	background-size: 1.5rem auto;
}
.tab-menu .tab2 {
	background: url(../images/ico_24.png) no-repeat 22% center;
	background-size: 1.5rem auto;
}
.tab-menu .tab2.active {
	background: #C1D600 url(../images/ico_24_1.png) no-repeat 22% center;
	background-size: 1.5rem auto;
}
.tab-menu .tab3 {
	background: url(../images/ico_25.png) no-repeat 25% center;
	background-size: 1.5rem auto;
}
.tab-menu .tab3.active {
	background: #C1D600 url(../images/ico_25_1.png) no-repeat 25% center;
	background-size: 1.5rem auto;
}
.tab-menu li.active {
 background-color:;
	color: #fff;
}
.list_service {
	margin-top: 5rem;
}
.list_service li {
	position: relative;
	margin-bottom: 5rem;
}
.list_service .text {
	position: absolute;
	width: 50%;
	bottom: 0;
	background: #f8f8f8;
	padding: 4rem 4.5rem;
}
.list_service h2 {
	margin-bottom: 1rem;
}
.list_service li img {
	width: 69.23%;
}
.list_service_1 .text {
	right: 0;
}
.list_service_2 {
	text-align: right;
}
.list_service_2 .text {
	text-align: left;
}
.list_service .text:before {
	content: '';
	display: block;
	width: 61.55%;
	height: 0.625rem;
	background: #002C52;
	position: absolute;
	top: -0.625rem;
	right: 0;
}
.list_service_2 .text:before {
	background: #C1D600;
	left: 0;
}
.banner_inner img {
	min-height: 180px;
}
.related_products {
	background: none;
	border-top: 0.625rem solid #f8f8f8;
}
.related_products h2 {
	font-size: 2.5rem;
}
.content_text {
	margin: 2.5rem auto 4.5rem;
}
.time_box {
	border-bottom: 2px solid #eee;
	padding: 1.25rem 0;
	margin-bottom: 2rem;
}
.share strong {
	color: #666;
	font-size: 0.875rem;
}
.share a, .left_share a {
	display: inline-block;
	margin-left: 1rem;
	vertical-align: middle;
}
.time_box p a {
	color: #C1D600;
	font-size: 0.875rem;
	margin-left: 1rem;
	font-weight: bold;
}
.text_listpage {
	padding: 2.5rem 3rem;
	background: #f8f8f8;
	margin-top: 4rem;
}
.text_listpage a, .gallery-thumbs2 .swiper-slide {
	display: block;
	color: #666;
}
.text_listpage strong {
	color: #C1D600;
	font-size: 1.125rem;
}
.related_news {
	padding: 4rem 0 5rem;
}
.contact_right {
	width: 67%;
}
.contact_left {
	width: 30%;
}
.contact_left li {
	position: relative;
	padding-left: 4.625rem;
	padding: 0.625rem 0 0.625rem 4.625rem;
	margin-bottom: 1rem;
}
.contact_left li span {
	position: absolute;
	width: 3.75rem;
	left: 0;
	top: 0;
}
.contact_left li h4, .left_share h4 {
	font-size: 0.875rem;
}
.contact_right .pro_form {
	margin-bottom: 0;
}
.left_share a {
	margin-left: 1.875rem;
}
.left_share, .about_middle_right h2, #Application ul {
	/*margin-top: 2rem;*/
}
.about_top .text {
	width: 40%;
}
.about_top_right {
	width: 54%
}
.about_top_right li {
	margin-left: 2.8%;
	width: 30.5%;
}
.about_top p, .about_list p, .about_list h4, .about_middle_right p {
	margin-top: 1rem;
}
.about_top_right li:nth-child(2) {
	margin-top: 4.5rem;
}
.about_list li {
	width: 23.5%;
	margin-right: 2%;
}
.about_list li:nth-child(4), .about_bottom li:nth-child(2n) {
	margin-right: 0;
}
.about_list h4:before {
	content: '';
	display: block;
	width: 3.75rem;
	height: 0.1875rem;
	background: #C1D600;
	margin-bottom: 2.5rem;
}
.about_mddle {
	position: relative;
}
.about_mddle .row {
	position: absolute;
	left: 0;
	right: 0;
	top: 16%;
}
.about_mddle .text {
	width: 50%;
}
.about_bottom {
	background: url(../images/factory_bg.jpg) no-repeat center;
	padding: 5rem 0;
}
.about_bottom ul, .about_bottom .pull_right, .about_middle_left, .about_middle_right {
	width: 49%;
}
.about_middle_left {
	padding-left: 0.625rem
}
.about_middle_left img {
	box-shadow: -0.625rem 0.625rem 0 0 #C1D600;
}
.about_bottom li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 1rem;
}
.about_bottom img {
	display: block;
}
.about_swiper {
	padding: 2rem 9rem 3rem;
	background: url(../images/a_bg.png) no-repeat center bottom;
	background-size: 100% auto;
}
.about_swiper img {
	border: 0.625rem solid #e9e9e9;
}
.about_time img {
	padding: 0 0.625rem 0.625rem 0;
	background: url(../images/imgbg.jpg) no-repeat right bottom;
}
.about_time {
	padding: 5rem 0 0;
	background: url(../images/bar.png) no-repeat bottom center;
}
.about_time h2 {
	font-size: 3.125rem;
	margin: 0.5rem 0 1rem;
}
.about_time h4 {
	font-size: 1.25rem;
	color: #C1D600;
}
.about_time p {
	font-size: 1.25rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.about_time .text span {
	font-size: 7.5rem;
	color: #f2f4f6;
	display: block;
	margin-top: 2.5rem;
}
.about_time_box {
	position: relative;
}
.about_time .text, .about_time .pull_right {
	width: 48%;
}
.gallery-thumbs2_box {
	padding: 0 15rem;
	text-align: center;
	margin-top: -1.5rem;
}
.about_time .swiper-slide-thumb-active {
	background: url(../images/ab10.png) no-repeat center bottom;
	padding-bottom: 2.375rem;
}
#Choose li {
	background: #f8f8f8;
	padding: 1.875rem 2.25rem 1.875rem 6.875rem;
	margin-top: 0.625rem;
	position: relative;
}
#Choose li span {
	font-size: 2rem;
	font-weight: bold;
	position: absolute;
	left: 2rem;
	line-height: 3rem;
	width: 3rem;
	text-align: center;
	background: #C1D600;
	border-radius: 50%;
	color: #fff;
}
.height2 {
	line-height: 3em;
}
#Parameter td {
	vertical-align: top;
	font-size: 1.125rem;
	padding: 0.375rem 0;
}
hr {
	height: 0.625rem;
	background: #f8f8f8;
}
.product_top_left {
	width: 44%;
}
.online_btn {
	margin-top: 3rem;
}
.online_btn a {
	float: left;
	line-height: 3.5rem;
	text-align: center;
	border: 1px solid #C1D600;
}
.online_btn_a {
	background: #C1D600;
	color: #fff;
	width: 33.6%;
}
.online_btn_b {
	color: #C1D600;
	width: 40%;
	margin-left: 3%;
}
.product_top .share {
	margin: 0.5rem 0 2rem;
}
.product_right {
	width: 15.5%;
}
.product_right .swiper-slide-thumb-active img {
	border: 1px solid #002C52;
}
.product_right img {
	display: block;
	border: 1px solid #e9e9e9;
}
.subnav {
	text-align: center;
	position: relative;
}
.subnav .text {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
}
.subnav h2 {
	font-size: 3.75rem;
}
.sub_nav {
	padding: 1.25rem 0;
}
.footer {
	padding: 3.75rem 0 1.25rem;
	background: #022A48 url(../images/logo-bg.png) no-repeat left center;
}
.footer h4 a, .footer h4 {
	color: #fff;
}
.footer li, .footer li a, .footer p {
	color: #b3bfc8;
}
.f_left {
	width: 22%;
}
.f_left li {
	margin-top: 0.5rem;
	padding-left: 1.875rem;
	position: relative;
}
.f_left li img {
	position: absolute;
	left: 0;
	top: 5px;
	width: 1rem;
}
.f_fenxing {
	margin-top: 1rem;
}
.f_fenxing a {
	display: inline-block;
	margin-right: 1rem;
	width: 1.5rem;
}
.f_middle {
	width: 18%;
	margin: 0 5%;
}
.f_right {
	width: 10%;
	margin-right: 2%;
}
.f_from {
	width: 38%;
}
.footer h4 {
	margin-top: 30px;
}
.footer ul, .footer p {
	margin-top: 1.875rem;
}
.f_middle li, .f_right li {
	background: url(../images/f_li.png) no-repeat left center;
	padding-left: 0.75rem;
}
.left_fiexd {
	position: fixed;
	right: 0;
	top: 30%;
}
.left_fiexd .left_fiexd_frist {
	background: #002C52;
}
.left_fiexd .left_fiexd_frist span {
	color: #fff;
}
.left_fiexd li {
	background: #fff;
	position: relative;
	margin-top: 0.5rem;
	text-align: center;
	padding: 0.625rem;
	box-shadow: 0 0 8px #e5e5e5;
}
.left_fiexd span {
	display: block;
	font-size: 0.75rem;
	color: #333;
}
.right_hide {
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;
	left: -10px;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 50%;
	transform: translate(-110%, -50%);
	transition: all .5s ease;
	visibility: hidden;
	white-space: nowrap;
}
.right_hide_img {
	width: 120px;
}
.right_hide span {
	color: #2f6ef4
}
.left_fiexd li:hover .right_hide {
	opacity: 1;
	transform: translate(-100%, -50%);
	visibility: visible;
}
.right_hide:before {
	border-bottom: 6px solid transparent;
	border-left: 8px solid #fff;
	border-top: 6px solid transparent;
	content: "";
	position: absolute;
	right: -8px;
	top: calc(50% - 4px)
}
.showMorehandle {
	width: 120px;
	line-height: 40px;
	border: 1px solid #12298c;
	display: block;
	margin: 5px auto 0;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
	color: #12298c;
}
.pro_form {
	background: #f8f8f8;
	padding: 2rem 3.375rem 3.375rem;
	margin-bottom: 5rem;
}
.pro_form p, .sub_nav a, .sub_nav p, .sub_nav span {
	color: #999;
}
.xz-form-infos_bottom, .xz-form-msg_bottom {
	width: 48.5%;
}
.xz-form-infos_bottom input, .pro_form input {
	margin-top: 0.625rem;
	width: 100%;
	background: #fff;
	padding: 0 1rem;
	line-height: 3rem;
}
.xz-form-infos_bottom input {
	font-size: 0.75rem;
}
.xz-form-msg textarea {
	margin-top: 0.625rem;
	background: #fff;
	padding: 0.625rem 1rem 0;
	height: 6.625rem;
	width: 100%;
}
.xz-form-button {
	width: 100%;
	line-height: 3rem;
	background: #C1D600;
	font-size: 0.75rem;
	color: #fff;
	margin-top: 0.625rem;
}
.pro_form input, .pro_form textarea {
	border: 1px solid #ddd;
}
.pro_form .xz-form-button {
	width: 12.25rem;
	font-size: 1rem;
}
.pro_form .xz-form-info {
	width: 49%;
	margin-right: 2%;
	float: left;
}
.pro_form .xz-form-info:nth-child(2n) {
	margin-right: 0;
}
.pro_form form {
	margin-top: 1.875rem;
}
.red {
	color: #f00;
	margin-left: 20px;
}
.xz-form-msg label {
	vertical-align: top;
	width: 92px;
}
label {
	display: inline-block;
}
.showMoreNChildren {
	overflow: hidden;
}
.banner, .swiper-slide, .swiper-container, .swiper-wrapper, .col_top .row_nav, .news_swiper, .left_swiper {
	position: relative;
}
.banner, .swiper-container {
	overflow: hidden;
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.swiper-container-vertical .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-slide {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.banner .swiper-pagination {
	position: absolute;
	bottom: 3.5rem;
	right: 0;
	left: 0;
	text-align: center;
}
.banner .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	margin: 0 1rem;
	border-radius: 50%;
	background: url(../images/ico_banner.png) no-repeat center;
	background-size: 0.875rem auto;
	padding: 0.625rem;
}
.banner .swiper-pagination-bullet-active {
	border: 1px solid #fff;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}
.banner .swiper-button-next {
	right: 3.5%;
	background: url(../images/ico_2.png) no-repeat left center;
	background-size: 100% auto;
}
.banner .swiper-button-prev {
	left: 3.5%;
	background: url(../images/ico_1.png) no-repeat right center;
	background-size: 100% auto;
}
.col_top .swiper-button-prev {
	left: 0;
	background: #C1D600 url(../images/ico_4.png) no-repeat center;
}
.col_top .swiper-button-next {
	right: 0;
	background: #C1D600 url(../images/ico_5.png) no-repeat center;
}
.col_top .swiper-button-prev, .col_top .swiper-button-next {
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background-size: 1.5rem auto;
	position: absolute;
	top: 50%;
}
.hot_product .swiper-button-prev {
	left: -5rem;
	background: url(../images/ico_21.png) no-repeat center;
}
.hot_product .swiper-button-next {
	right: -5rem;
	background: url(../images/ico_22.png) no-repeat center;
}
.hot_product .swiper-button-prev, .hot_product .swiper-button-next {
	width: 2.5rem;
	height: 2.5rem;
	background-size: 100% auto;
	position: absolute;
	top: 53%;
	z-index: 2;
}
.hot_product .row {
	position: relative;
}
.about_swiper .swiper-button-prev, .about_swiper .swiper-button-next {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}
.about_swiper .swiper-button-next {
	right: 0;
	background: url(../images/ico-a-6.png) no-repeat left center;
	background-size: 100% auto;
}
.about_swiper .swiper-button-prev {
	left: 0;
	background: url(../images/ico-a-5.png) no-repeat left center;
	background-size: 100% auto;
}
.about_swiper {
	position: relative;
}
.swiper-button-prev:hover, .swiper-button-next:hover, .listpage span:hover, .tab-menu li:hover {
	cursor: pointer;
}
.about_time .swiper-button-prev, .about_time .swiper-button-next {
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 5rem;
}
.about_time .swiper-button-prev {
	float: left;
	background: url(../images/ico_l.png) no-repeat center;
	background-size: 1.5rem auto
}
.about_time .swiper-button-next {
	float: right;
	background: url(../images/ico_r.png) no-repeat center;
	background-size: 1.5rem auto
}
.mask {
	display: none;
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.search_box {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 5;
	width: 75%;
	margin: 0 auto;
	padding: 15px;
	background: #f5f5f5;
	transform: translate(0, -50%);
}
.search_box from {
	width: 80%;
}
.search_box_sub {
	width: 46px;
	height: 46px;
	border: 0;
	background: url(../images/ss1.png) no-repeat center;
	vertical-align: middle;
}
.search_box_close {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 28px;
	color: #999;
	margin-left: 10px;
	border: 0;
	background: url(../images/close.png) no-repeat center;
	vertical-align: middle;
}
.search_box input {
	width: calc(100% - 130px);
	padding-left: 20px;
	line-height: 46px;
}
.search_box.active, .mask.active {
	display: block;
}
.fixed-a {
	position: fixed;
	top: 0;
}
.fixed-b {
	position: absolute;
	bottom: 0;
}
.content, .right_content {
	position: relative;
}
 @media all and (max-width:1620px) {
html {
	font-size: 1.23vw;
}
.row, .row_nav,.hot_product {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.whatsapp {
	margin-left: 5rem;
}
.logo {
	width: 10.5rem;
}
.nav {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}
.nav_s {
	width: 2.875rem;
}
.header_text img{
	width:1rem;
}
.col_middle .text{
	width:46%;
}
.col_middle h2{
	font-size:2.5rem;
}
.col_middle p{
	margin:1rem 0;
}
.hot_product{
	position:relative;
}
.hot_product .row{
	position:static;
}
.hot_product .swiper-button-prev{
	left:0;
}
.hot_product .swiper-button-next{
	right:0;
}
.hot_product.related_products{
	padding-bottom:0;
}
}
 @media all and (max-width:1024px) {
.nav li, .nav_s {
	margin: 0 2.5rem;
}
.whatsapp {
	margin-left: 0;
}
.list_service .text{
	padding:2rem;
}
}
 @media all and (max-width:850px) {
html {
	font-size: 1.5vw;
}
.whatsapp {
	width: 10.5rem;
}
.nav li, .nav_s {
	margin: 0 1.75rem;
}
.header_text img{
	width:1.5rem;
}
.logo {
	width: 130px;
}
.whatsapp{
	width: 100px;
	line-height:38px;
}
.nav_s{
	width:40px;
}
#pull {
	display: block;
	background: url(../images/pull.png) no-repeat left center;
	text-indent: -99999px;
	margin-top: 8px;
 	width: 26px;
	height: 23px;
}
.nav{
	position:relative;
}
.nav ul {
	width: 100%;
	display: none;
	background: rgba(193,214,0,0.75);
	position: absolute;
	right: 0;
	left:0;
	top:calc(1.875rem + 40px);
	z-index: 9;
}
.nav li {
	margin: 0;
	float: none;
	text-align: center;
}
.nav ul li a {
	color: #fff;
	display: block;
	line-height: 60px;
	border-bottom: 1px solid #c1d600;
	padding-left: 20px;
	font-size:14px;
}
.nav li.active>a {
	border-width: 1px;
}
.col_middle_left, .col_middle .text, .about_top .text ,.tab-menu, .right_content{
	width:100%;
}
.col_middle .row{
	position:static;
	padding:1.5rem 1.25rem;
	transform:translate(0,0);
	clear:both;
}
.col_middle{
	background-position:bottom center;
	padding-bottom:1.5rem;
}
.col_bottom_list li.active{
	padding:5rem 2rem 3rem;
 }
.col_bottom_news li, .liset_news_content li{
	padding-right:4.5rem;
}
.left_sidebar  ,.about_top_right{
	width:100%;
	margin-top:20px;
}
.pro_form{
	padding:2rem;
}
.xz-form-infos_bottom input, .pro_form input,.xz-form-button{
	line-height:3.5rem;
}
.xz-form-button{
	font-size:1rem;
}
.xz-form-msg textarea{
	height:7.625rem;
}
.left_sidebar {
	width:100%;
}
.product_top .text{
	width:53%;
}
.online_btn_b {
	width:55%;
}
.list_case .text{
	padding:1.5rem 2.5rem;
}
.about_mddle .row{
	top:8%;
}
.about_mddle .text{
	width:66%;
}
.about_mddle img{
	min-height:190px;
}
.about_top_right li{
	width:32%;
	margin-left:2%;
}
.about_top_right li:nth-child(1){
	margin-left:0;
}
.fixed-a,.fixed-b{
	position:static;
}
 

}
 @media all and (max-width:750px) {
	 .col_top{
		 padding-top:4rem;
		 padding-bottom:4rem;
	 }
	 .text_top{
		 margin-bottom:2.5rem;
	 }
.content, .list_case, .list_news, .map, .about_top, .about_list, .about_middle_2, .product_top{
	margin-top:3rem;
	margin-bottom:3rem;
}
.about_bottom{
	padding-top:3rem;
	padding-bottom:3rem;
}
.about_time{
	padding-top:3rem;
}
.about_middle_right h2,.about_time .text span{
	margin-top:0;
}
.about_swiper{
	margin-top:1rem;
}
.tab-menu{
	margin-bottom:1.5rem;
}
}
 @media all and (max-width:680px) {
	 .col_bottom_list .more,.col_bottom_news_left, .col_bottom_news ul,.col_bottom_news_left  img,.f_from ,.liset_news_content li,.list_service .text, .list_service li img,.list_service .text:before,.contact_right,.contact_left{
		 width:100%;
	 }
	 .col_bottom_news h5 a,.liset_news_content li h5 a{
		 font-size:1.857rem;
		}
	.f_left {
		width:50%;
	}
	.f_middle,.f_right{
		width:22%;
		}
	.f_right{
		margin-right:0;
	}
	.f_middle{
		margin:0 2% 0 4%;
	}
	.f_left >a img{
		width:160px;
	}
	.online_btn,.contact_right{
		margin-top:1.5rem;
	}
.product_top .share{
	margin-bottom:1rem;
}
.list_service .text{
	position:static;
}
.list_service li{
	margin-bottom:2.5rem;
}
.contact_left li h4{
	font-size:1.5rem;
}
.contact_left li p{
	font-size:1.25rem;
}
.contact_left li span{
	width:4.5rem;
}
.contact_left li{
	padding-left:5.5rem;
}

}
@media all and (max-width:540px) {
.nav li, .nav_s {
	margin: 0 1rem;
}
.header_text  span:nth-child(2){
	display:none;
}
	.f_left,.product_top .text, .product_top_left {
		width:100%;
	}
	.f_middle,.f_right{
		width:48%;
		}
 
	.f_middle{
		margin:0 4% 0 0;
	}
	.about_list li{
		width:48%;
	}
 

}