@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;
	background:rgba(255,255,255,0.9);
	border-radius: 0.25rem;
	padding: 0.9375rem 1.25rem;
}
/*8.4修改头部导航栏间距*/
/*.nav li {
	margin: 0 3.125rem;
}*/
.nav li {
	margin: 0 1.5rem;
}
.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;
}
/**********/
.nav li .nav_up {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	/*
	background:rgba(255,0,0,0.5);*/
	padding-top:27px;
 	text-align: left;
 }
.nav li .nav_up .row {
	background: #fff;
	padding:40px 20px 28px;
	box-shadow:0 5px 5px #eee;
}
.nav li .nav_up a ,.nav_up2 p a{
	line-height: 28px;
	font-size: 16px;
	padding: 0;
	border: none;
	color:#666;
font-family: Roboto-Regular;
}
.nav li .nav_up a:hover,.nav_up2 a:hover{
	color: #C1D600;
	text-decoration:none;
 }
.nav_li {
	width: 224px;
	margin-right: 30px;
}
.nav_li_f {
	margin-right: 0;
}
.nav_up .nav_img{
	position:relative;
	margin-bottom:0.75rem;
}
.nav_li span {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
 	background: #002C52;
	text-align:center;
	color:#fff;
	font-size:1.125rem;
	padding:0.25rem 0;
}
.nav_li img {
	border: 1px solid #d6d6d6;
}
.nav_news{
	position:relative;
}
.nav_up2{	 
	padding-top:27px;
	/*display: none;*/
	position: absolute;
	/*top:98px;*/
 	left:-90px;
	right: 0;
	z-index: 9;
	width:210px;
  	text-align:center;
 }
.nav_up2 p{
	background: #fff;
	padding:30px 40px;
	box-shadow:0 5px 5px #eee;
}
.nav_news .nav_up2 a{
 	line-height:32px;
}
/**********/



.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, .list_product li p {
	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, .list_product li p {
	-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;
}
.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 li:nth-child(2n+1) {
	padding-right: 3.3125rem;
	position: relative;
}
.list_product li:nth-child(2n+1):after {
	content: '';
	display: block;
	background: #d8d8d8;
	position: absolute;
	right: 0;
	bottom: 3.375rem;
	top: 3.375rem;
	width: 1px;
}
.list_product li:nth-child(2n+1) {
	border-top: 1px solid #d8d8d8;
	margin-top: -1px;
}
.list_product li:nth-child(2n) {
	padding-left: 3.3125rem;
	border-bottom: 1px solid #d8d8d8;
}
.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 {
	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, .list_product li 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;
}
.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;
}
.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_left {
	width: 82%;
}
.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 ,.nav li .nav_up p a{
	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 ,.nav li .nav_up{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.whatsapp {
	margin-left: 5rem;
}
.logo {
	width: 15rem;
}
.nav li {
	margin: 0 1.25rem;
}
.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;
}
.nav li .nav_up, .nav_up2{
	padding-top:1rem;
	
}
.nav li .nav_up .row{
	width:100%;
}
.nav_li{
	width:18.4%;
	margin-right:2%;
}
.nav_li_f{
	margin-right:0;
}
}
 @media all and (max-width:1024px) {
.nav li, .nav_s {
	margin: 0 2.5rem;
}
.whatsapp {
	margin-left: 0;
}
.list_service .text {
	padding: 2rem;
}
.nav li {
	margin: 0 1.15rem;
}
.banner_inner img {
	min-height: 140px;
}

}
 @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: 170px;
}
.whatsapp {
	width: 100px;
	line-height: 35px;
	font-size:1.125rem;
}
.nav_s {
	width: 35px;
}
#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 + 35px);
	z-index: 9;
}
.nav li {
	margin: 0;
	float: none;
	text-align: center;
}
.nav ul li a {
	color: #fff;
	display: block;
	line-height: 50px;
	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;
}
.banner_inner img {
	min-height: 120px;
}
.product_top{
	margin-top:1rem;
}
}
 @media all and (max-width:750px) {
h5, h5 a {
	font-size: 1.75rem;
}
.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;
}
p {
	font-size: 1.5rem;
}
.text_top .btn_more {
	margin-left: 8rem;
}
.col_bottom li p {
	font-size: 1.75vw;
}
.col_bottom .row {
	padding: 4.5rem 0 4.5rem 3rem;
}
.list_case .pull_left {
	width: 38%;
}
.list_case .text {
	width: 62%;
}
}
 @media all and (max-width:680px) {
.col_bottom_news p, .col_bottom_news h2 span, .col_bottom_news .row>p {
	font-size: 1.5rem;
}
h3, h3 a {
	font-size: 2.5rem;
}
h4, h4 a, .about_mddle p {
	font-size: 2rem;
}
.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: 2.25rem;
}
.col_bottom_news h5, .liset_news_content li h5 {
	margin: 1rem 0 2rem;
}
.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, #Parameter td {
	font-size: 1.75rem;
}
.contact_left li span {
	width: 4.5rem;
}
.contact_left li {
	padding-left: 5.5rem;
}
.col_bottom_news li .text, .liset_news_content .text {
	margin-top: 3rem;
}
.tab-menu .tab2, .tab-menu .tab2.active, .tab-menu .tab3, .tab-menu .tab3.active {
	background-position: 8% center !important;
}
.tab-menu .tab1, .tab-menu .tab1.active {
	background-position: 23% center !important;
}
.f_middle li, .f_right li, .f_left li, .left_bottom li strong, .left_bottom li, .text_listpage a, .text_listpage strong, #Choose li {
	font-size: 1.5rem;
}
.left_bottom h3 {
	font-size: 2rem;
}
.subnav img{
	min-height:210px;
}
}
@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%;
}
.f_middle li, .f_right li, .f_left li {
	font-size: 2rem;
}
.product_right{
	float:left;
}
.product_left{
	float:right;
}
.product_top .text{
	margin-top:20px;
}
}