﻿@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;font-family:"Arial";}
ol,ul,li{ list-style:none;padding: 0;}
body{ font-size:14px; color:#222222; line-height:24px; margin:0px; padding:0px;  font-family:"Arial"; }
i{font-style:normal;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#222222; font-family:"Arial";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Arial";text-decoration:none; }
em{font-style:normal}
h1,h2,h3,h4{font-weight:normal;}
.fl{float: left;}
.fr{float: right;}
@font-face {
	font-family: 'BebasNeue';
	src:url('../fonts/bebasneue-regular-3.ttf');
}
@font-face {
	font-family: 'BEBAS';
	src:url('../fonts/bebas.ttf');
}
@font-face {
	font-family: 'lovelo';
	src:url('../fonts/lovelo.otf');
}
.w1400{max-width: 1400px;width: 100%;margin:0 auto;}
.w1300{max-width: 1300px;width: 100%;margin:0 auto;}
.w1700{max-width: 1700px;width: 100%;margin:0 auto;}
.w1000{max-width: 1100px;width: 100%;margin:0 auto;}
/*网站头部*/

header{position: fixed;top: 0;width:100%;z-index:999;background:#fff;box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);}
.top_dg .w1400{height:100px;margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.top_left{float: left;line-height: 100px;}
.top_left img{height: 62px;}
.top_left .logo_nav_h{display: none;}

.top_nav{float:right;}
.top_nav ul{
display: flex;
align-items: center;
justify-content: space-between;
}
.top_nav ul li{float: left;padding:0 14px;line-height: 100px;position: relative;}
.top_nav ul li a{color:#333333;font-size:16px;text-transform: uppercase;font-family:"Arial";position: relative;display: block;}
.nav_hover a{color:#333333 !important;}
.top_nav ul li:hover a{color:#333333 !important;}
header .top_nav ul li a::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	background:#ce342a;
	width: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
/* header .nav_hover>a::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 3px;
	background:#ce342a;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
} */
header .top_nav ul li a:hover::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 3px;
	background: #ce342a;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header .searchBtn dd{color:#333 !important;}

.top_nav .subnav{background:#646464;top: 100px;left: 0%;visibility: hidden;width:100%;-webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;z-index: 9999999;box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);position: fixed;padding: 0;}
.top_nav .subnav ul{max-width:1600px;width: 100%;margin: 0 auto;display: flex; flex-wrap: wrap;justify-content: center;}
.top_nav ul li:hover .subnav{ visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;}
.top_nav .subnav li{padding:15px 0;text-align: center; position: relative;width:auto;border-right:none;line-height: 30px;height: 30px;background: none;}
.top_nav .subnav li .subnav_a{color: #cecece !important;font-size: 15px;border-left:solid 1px #818181;padding:0 20px;display: flex;align-items: center}
.top_nav .subnav li:nth-child(1) .subnav_a{border-left: none;}
.top_nav .subnav li .subnav_a:hover{color:#fff !important;}
.top_nav .subnav li .subnav_a img{padding-right:10px;}
.top_nav ul li .subnav ul li a::after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 3px;
	background:#519d9e;
	width: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
header .top_nav ul li .subnav ul li a:hover::after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 3px;
	background:#519d9e;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
.top_nav ul li:nth-child(5) .slidBox{
    display: none;
}
header .top_nav ul li:nth-child(5) a:hover::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 3px;
	background: #ce342a;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}

.searchBtn .search {overflow: hidden;line-height: 40px;background: #f6f6f6;}
.searchBtn .search #seachkeywords {margin: 2px 0 2px 18px;border: none;float: left;width:240px;color: #ccc;line-height:40px;outline: none;font-size: 16px;
background: none;
}
.searchBtn .search .anSearch {float: right;height: 40px;width: 40px;margin:4px 5px 0 0;background: url(../images/icon_03_1.png) no-repeat center;border: none;}
.searchBtn:hover .search {right:0px;}


/* 导航下拉菜单 */

.slidBox{
    position: absolute;
    left: 50%;
    height: 0;
    visibility: hidden;
    width: 300px;
    z-index: 110;
    margin: 0 auto;
    transition: all .2s ease;
    opacity: 0;
    box-sizing: border-box;
    transform: translateX(-50%);
}
.top_nav ul li .slidBox ul li a:hover::after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 3px;
	background: #ce342a;
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
.leftBox{
    overflow: hidden;
    max-width: 455px;
}
.right_img:hover .img100{
    transform: scale(1.1);
}
.right_img .img100{
    transition-duration: .5s;
    display: block;
    width: 100%;
}
.rightBox{
    margin: 20px auto;
    position: relative;
}
.slidBox::after{
    content: "";
	position: absolute;
	top:0;
	left: 0;
	height: 3px;
	background:#ce342a;
	width: 100%;
}
/*.slidBox::before{*/
/*    content: "";*/
/*	position: fixed;*/
/*	top:-12px;*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*	border-width: 0 35px 12px 35px;*/
/*    border-style: solid;*/
/*    border-color: transparent transparent #ac1a2f transparent;*/
/*}*/
.left_text .onetitle{
    font-size: 18px;
    line-height: 1.1;
    color: #333;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
    text-align: left;
}
.navSbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center !important;
}
.navSli{
   width: 90%;
   padding: 0 !important;
}
.navSbox .navSlink{
        display: block;
    font-size: 14px;
    line-height: 45px;
    color: #666;
    transition-duration: .3s;
    padding: 0px 15px;
    margin: 10px 0px 0 0;
    border: 1px #ddd solid;
    border-radius: 0px;
    text-align: left;
    position: relative;
}
.navSbox .navSlink:before{
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 4px;
    height: 4px;
    background: #0049c0;
    position: relative;
    top: 20px;
}
.top_nav ul li:hover .slidBox { 
    height:auto; 
    opacity:1; 
    background:#f3f3f3 url(../images/nav.jpg) no-repeat center bottom; 
    background-repeat: no-repeat; 
    background-position: bottom center; 
    top: 100px;
    visibility:visible;
}

.top_nav ul li .navSbox .navSli .nav_v2{
    position: absolute;
    top: 10px;
    left: 350px;
    width: 80%;
    background: #fff;
    display:none;
    line-height:50px;
    padding: 10px;
}
.top_nav ul li .navSbox .navSli:hover .nav_v2{
    display:block;
}
.top_nav ul li .navSbox .navSli .nav_v2 a{
    border-bottom: solid #ddd 1px;
}
.ine_nav_v2{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 96%;
    margin: 0 auto;
    padding:10px 0 30px;
}
.ine_nav_v2 div{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.ine_nav_v2 div ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ine_nav_v2 div ul li{
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    line-height: 45px;
}
.ine_nav_v2 div>a{
    font-weight: bold;
    color: #ce342a;
}
.ine_nav_v2 div ul li a{
    color: #666 !important;
}
.ine_nav_v2 div ul li:hover a{
    color: #666 !important;
}
/* 导航下拉菜单 end*/

@media ( max-width:1030px) {
	.top_nav{display: none;}
	.sp_header{display: block;}
	.top_left{padding-left:20px;}
}
@media ( max-width:768px) {
 .top_dg{height:60px !important;}
 .sp_header{height: 60px !important;}
 .top_left{padding: 0;}
 #ups-banner{margin-top:60px !important;}
 .sp_nav{margin-top:20px !important;}
 .top_left img{height:40px;padding:0px 0;}
 .top_left{padding-left:20px;}
}
@media ( max-width:375px) {
 .top_dg{height:60px !important;}
 .sp_header{height: 60px !important;}
 .top_left{padding: 0;}
 #ups-banner{margin-top:60px !important;}
 .sp_nav{margin-top:50% !important;    transform: scale(0.79);}
 .top_left img{height:20px;}
 .top_left{padding-left:0px;}
}

/*----手机站导航开始----------*/
.sp_header{overflow:hidden;z-index:999; display: flex;
    justify-content: center;
    align-items: center;display: none;}
.sp_nav{width:23px;position:relative;cursor:pointer;height:23px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;transition:all ease 0.35s;right: 0;border-radius:4px;}
.sp_nav span:nth-of-type(1){top:0px;width: 23px;}
.sp_nav span:nth-of-type(2){top:10px;width: 17px;}
.sp_nav span:nth-of-type(3){top:20px;width: 10px;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);width: 23px;}
.sjj_nav{position:fixed;z-index:99;background:#0008;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0;}
.sjj_nav .sjj_nav_box{width: 80%;float: right;height: 100%;background: #fff;}
.sjj_nav .sjj_nav_box>ul{padding-top:100px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:60px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-transform: uppercase;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/

/* banner */
#ups-banner{margin-top:100px;}
/* banner end*/

/* 关于我们 */
.ind_about{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding:140px 0;
}
.ind_about_box{
	width: 45%;
}
.ind_about_box h2{
	font-family: "lovelo";
	font-size: 80px;
	line-height: 80px;
}
.ind_about_box h2 span{
	font-size: 60px;
	line-height: 60px;
	display: block;
	padding-top: 10px;
}
.ind_about_box dl dt{
	font-size: 32px;
	font-family: "lovelo";
	line-height: 40px;
	padding-top: 80px;
}
.ind_about_box dl dd{
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding-top: 40px;
}
.ind_about_box a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	border: solid 1px #333;
	padding: 0 38px;
	margin-top:70px;
}
.ind_about_box a:hover{
	color: #ce342a;
	border: solid 1px #ce342a;
}
.ind_about_box a span{
	padding-left:20px;
}
.ind_about_img{
	width: 50%;
}
.ind_about_img img{
	width: 100%;
}
/* 关于我们 end*/

/* 过渡 */
.ind_transition{
	background: url(../images/transition.jpg) no-repeat center center;
	height: 80vh;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 130px 0;
}
.ind_transition h2{
	font-family: "lovelo";
	font-size: 60px;
	line-height: 68px;
	color: #fff;
}
.ind_transition dd{
	font-size: 26px;
	color: #fff;
	line-height: 40px;
	padding: 60px 0 80px;
}
.ind_transition a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	padding: 0 38px;
	margin-top:70px;
	background: #fff;
}
.ind_transition a:hover{
	color: #fff;
	background: #ce342a;
}
.ind_transition a span{
	padding-left:20px;
}
/* 过渡 end*/

/* services */
.ind_services{
	padding:100px 0;
}
.ind_services h4{
	font-family: "lovelo";
	font-size: 32px;
	line-height: 32px;
}
.ind_services_box{
	margin-top:58px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ind_services_box dl{
	width: 30%;
}
.ind_services_box dl dt{
	color: #666;
	font-size: 16px;
	line-height: 30px;
}
.ind_services_box dl dd{
	font-size: 20px;
	color: #333;
	display: flex;
	align-items: center;
	margin-top: 38px;
}
.ind_services_box dl dd span{
	color: #ce342a;
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 100%;
	background:#ce342a;
	margin-right: 10px;
}
/* services end*/

/* advantage */
.ind_advantage01{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	background: #e5e5e5;
}
.ind_advantage01_img{
	width: 50%;
}
.ind_advantage01_img img{
	width: 100%;
}
.ind_advantage01 .ind_advantage01_box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.ind_advantage01 .ind_advantage01_box h2{
	font-size: 60px;
	line-height: 60px;
	font-family: "lovelo";
}
.ind_advantage01 .ind_advantage01_box dl{
	width: 50%;
}
.ind_advantage01 .ind_advantage01_box dl dt{
	font-size: 32px;
	line-height: 32px;
	font-family: "lovelo";
	padding:80px 0 50px;
}
.ind_advantage01 .ind_advantage01_box dl dd{
	font-size: 16px;
	color: #555;
	line-height: 30px;
	padding-bottom: 10px;
}
.ind_advantage01_box a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	border: solid 1px #333;
	padding: 0 38px;
	margin-top:70px;
}
.ind_advantage01_box a:hover{
	color: #ce342a;
	border: solid 1px #ce342a;
}
.ind_advantage01_box a span{
	padding-left:20px;
}
.ind_advantage02{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 140px 0;
}
.ind_advantage02 .ind_advantage02_img{
	width: 50%;
}
.ind_advantage02 .ind_advantage02_img img{
	width: 100%;
}
.ind_advantage02 .ind_advantage02_box{
	width:42%;
}
.ind_advantage02 .ind_advantage02_box h2{
	font-size: 60px;
	line-height: 60px;
	font-family: "lovelo";
	padding-bottom:70px;
}
.ind_advantage02 .ind_advantage02_box dd {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    padding-bottom: 10px;
}
.ind_advantage02_box a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	border: solid 1px #333;
	padding: 0 38px;
	margin-top:70px;
}
.ind_advantage02_box a:hover{
	color: #ce342a;
	border: solid 1px #ce342a;
}
.ind_advantage02_box a span{
	padding-left:20px;
}
/* advantage end*/

/* category */
.ind_category{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.ind_category .ind_category_box{
	width: 25%;
	position: relative;
	background:#030000;
	overflow: hidden;
}
.ind_category .ind_category_box img{
	width: 100%;
	opacity: 0.5;
	transition: all .2s;
}
.ind_category .ind_category_box:hover img{
	transform: scale(1.1);
}
.ind_category .ind_category_box dl{
	position: absolute;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.ind_category_box dl a{
    color: #fff;
}
.ind_category .ind_category_box dl dt{
	font-size: 60px;
	line-height: 60px;
	font-family: "lovelo";
	padding-bottom:25px;
}
.ind_category .ind_category_box dl dd{
	font-size: 18px;
	text-transform: uppercase;
}
/* category end*/


/* 新闻板块 */
.ind_product {
	overflow: hidden;
	margin-top: 120px;
}
.ind_product h2{
	text-align: center;
	font-size: 60px;
	line-height: 60px;
	font-family: "lovelo";
	padding-bottom:50px;
}
.ind_product {
	position: relative;
}
.ind_product_cat {
	overflow: hidden;
}
.ind_product_cat ul li {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
}
.ind_product_cat ul li a{
	font-size: 20px;
	text-transform: uppercase;
}
.ind_product_cat ul li.active::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom:0;
	width: 20%;
	height: 4px;
	background: #000;
	transform: translateX(-50%);
}
.ind_product_box .cont2 {
	display: none;
}
.ind_product_box .cont2.active {
	display: block;
}
.mySwiper_pr .swiper-button-next,.mySwiper_pr .swiper-button-prev{
	height: 35px;
	width: 35px;
	top: 125px;
}
.mySwiper_pr .swiper-button-next{
	background: url(../images/next.png) no-repeat center left;
	background-size: 35px;
	left: 0;
}
.mySwiper_pr .swiper-button-prev{
	background: url(../images/prev.png) no-repeat center left;
	background-size: 35px;
	right: 0;
}
.mySwiper_pr .swiper-button-prev:hover{
	background: url(../images/prev01.png) no-repeat center left;
	background-size: 35px;
}
.mySwiper_pr .swiper-button-next:hover{
	background: url(../images/next01.png) no-repeat center left;
	background-size: 35px;
}
.ind_product_box .cont2 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.ind_product_box .cont2 ul li{
	width: 32%;
	text-align: center;
	margin-top: 42px;
}
.ind_product_box .cont2 ul li img{
	width: 100%;
    border: solid 1px #f6f6f6;
    box-sizing: border-box;
}
.ind_product_box .cont2 ul li dd{
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 18px;
}
.ind_product_box{
	text-align: center;
}
.ind_product_box>a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	border: solid 1px #333;
	padding: 0 38px;
	margin-top:70px;
}
.ind_product_box>a:hover{
	color: #ce342a;
	border: solid 1px #ce342a;
}
.ind_product_box>a span{
	padding-left:20px;
}
/* 产品板块 end*/

/* 视频 */
.list_video{
	width: 100%;
	/*margin:120px auto;*/
}
.list_video video{
	width: 100%;
}
/* 视频 end*/

/* 新闻 */
.ind_news h2{
	text-align: center;
	font-size: 60px;
	line-height: 60px;
	font-family: "lovelo";
	padding-bottom: 50px;
}
.ind_news_box{
	text-align: center;
}
.ind_news_box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
.ind_news_box ul dl{
	width: 30%;
	margin-bottom: 60px;
}
.ind_news_box ul dl dt{
	font-size: 22px;
	font-weight: bold;
}
.ind_news_box ul dl dd{
	line-height:28px;
	font-size: 15px;
	color: #666666;
	padding:20px 0 35px;
}
.ind_news_box ul dl a{
	font-size: 15px;
	color: #666666;
}
.ind_news_box ul dl:hover dt{
	color: #ce342a;
}
.ind_news_box>a{
	color: #333;
	font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-transform: uppercase;
	border: solid 1px #333;
	padding: 0 38px;
	margin: 0 auto 70px;
}
.ind_news_box>a:hover{
	color: #ce342a;
	border: solid 1px #ce342a;
}
.ind_news_box>a span{
	padding-left:20px;
}

/* 新闻 end*/

/* 底部 */
.ind_foot{
	background:#f6f6f6;overflow: hidden;
}
.ind_foot_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:40px 0;
	border-bottom: solid #e2e2e2 1px;
}
.ind_foot_top .nav_weixin{
	border: solid 1px #e5e5e5;
	line-height:45px;
	padding:0 24px;
	display: flex;
	align-items: center;
}
.ind_foot_box{
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
	border-top: solid #e5e5e5 1px;
	border-bottom: solid #e5e5e5 1px;
}
.ind_foot_box dl{
	width: 23%;
}
.ind_foot_box dl dt{
	padding:50px 0 25px;
	color: #666666;
	line-height: 26px;
	font-size: 16px;
}
.ind_foot_box dl dd a{
	display: inline-block;
	margin-right: 15px;
}
.ind_foot_box_nav{
	display: flex;
	justify-content:flex-end;
	width: 65%;
}
.ind_foot_box_nav ul h4{
	font-size: 18px;
	color: #333333;
	padding-bottom:16px;
}
.ind_foot_box_nav ul li a{
	color:#666666;
	font-size: 16px;
	line-height: 40px;
	display: block;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.ind_foot_box_nav ul li a:hover{
	transform: translateX(5px);
	color: #ba161d;
}
.ind_foot_bottom{
	background:#1b1b1b;
}
.ind_foot_bottom .w1700{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 65px;
}
.ind_foot_bottom dl{
	display: flex;
	justify-content: flex-start;
}
.ind_foot_bottom dl dd{
	padding-right:20px;
}
.ind_foot_bottom dl dd,.ind_foot_bottom dl dd a{
	color: #999999;
	font-size: 14px;
}
.ind_foot_bottom p{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ind_foot_bottom p a{
	padding-left:20px;display: inline-block;
}
.ind_foot_box_nav ul:nth-child(2){
	width: 40%;
}
.ind_foot_box_nav ul{
	width:25%;
}
.ind_foot_box_nav ul:nth-child(3){
	width:35%;
}
.ind_foot_box_nav ul:nth-child(2) div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ind_foot_box_nav ul:nth-child(2) div li{
	width: 50%;
}
.ind_copyright{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 0 60px;
	font-size: 16px;
	color: #666666;
}
.ind_copyright i{
	padding: 0 10px;
}
/* 底部 end*/
@media ( max-width:1440px) {
	.w1400{
		width: 95%;
	}
	.w1300{
		width: 95%;
		max-width: 1200px;
	}
}
@media ( max-width:1220px) {
	.top_nav ul li{
		padding: 0 15px;
	}
	.ind_about_box h2{
		font-size: 48px ;
		line-height: 48px ;
	}
	.ind_about_box h2 span{
		font-size: 38px ;
		line-height: 38px ;
	}
	.ind_about_box dl dt {
	    font-size: 28px;
	    font-family: "lovelo";
	    line-height: 40px;
	    padding-top: 40px;
	}
	.ind_about_box a,.ind_advantage01_box a,.ind_advantage02_box a{
		margin-top: 40px;
	}
	.ind_about{
		padding:80px 0;
	}
	.ind_transition h2{
		font-size: 48px;
		line-height: 58px;
	}
	.ind_advantage01 .ind_advantage01_box h2{
		font-size: 48px;
		line-height: 48px;
	}
	.ind_advantage01 .ind_advantage01_box dl dt {
	    font-size: 28px;
	    line-height: 28px;
	    padding: 40px 0 30px;
	}
	.ind_advantage02 .ind_advantage02_box h2{
		font-size: 48px;
		line-height: 48px;
		padding-bottom: 40px;
	}
	.ind_category .ind_category_box dl dt,.ind_product h2,.ind_news h2{
		font-size: 48px;
		line-height: 48px;
	}
	.ind_product {
	    overflow: hidden;
	    margin-top:80px;
	}
	.ind_product_cat ul li a {
	    font-size: 18px;
	}
}
@media ( max-width:780px) {
	.searchBtn{
		display: none;
	}
	.sp_header{
		display: block;
	}
	.top_dg .w1400{
		height: 60px;
	}
	.ind_about_box{
		width: 100%;
	}
	.ind_about {
		padding: 40px 0;
	}
	.ind_about_box h2 {
        font-size: 38px;
        line-height: 38px;
    }
    .ind_about_box h2 span {
        font-size: 30px;
        line-height: 30px;
    }
    .ind_about_box dl dt {
        font-size: 20px;
        font-family: "lovelo";
        line-height: 30px;
        padding-top: 30px;
    }
	.ind_about_box dl dd {
	    padding-top: 30px;
	}
	.ind_about_box a {
	    font-size: 14px;
	    line-height: 40px;
	    padding: 0 25px;
	}
	.ind_about_box a span {
	    padding-left: 10px;
	}
	.ind_about_img {
	    width: 100%;
		margin-top: 40px;
	}
	.ind_transition h2 {
        font-size: 30px;
        line-height: 38px;
    }
	.ind_transition dd {
	    font-size: 20px;
	    color: #fff;
	    line-height: 35px;
	    padding: 40px 0 0px;
	}
	.ind_transition a{
		font-size: 14px;
		line-height: 40px;
		padding: 0 25px;
	}
	.ind_services {
	    padding: 60px 0;
	}
	.ind_services h4 {
	    font-size: 28px;
	}
	.ind_services_box dl {
	    width: 100%;
		margin-bottom: 30px;
	}
	.ind_services_box{
		margin-top: 30px;
	}
	.ind_services_box dl dd {
	    font-size: 18px;
	    margin-top: 10px;
	}
	.ind_services_box dl dd span{
		width: 15px;
		height: 15px;
	}
	.ind_advantage01_img {
	    width: 100%;
	}
	.ind_advantage01 .ind_advantage01_box {
	    position: initial;
	    transform: none;
		padding-top: 40px;
	}
    .ind_advantage01 .ind_advantage01_box h2 {
        font-size: 38px;
        line-height: 38px;
    }
	.ind_advantage01 .ind_advantage01_box dl {
	    width: 100%;
	}
	.ind_advantage01 .ind_advantage01_box dl dt {
        font-size: 22px;
        line-height: 28px;
        padding: 30px 0 20px;
    }
	.ind_advantage01_box a{
		font-size: 14px;
		line-height: 40px;
		padding: 0 25px;
		margin: 40px auto;
	}
	.ind_advantage02 .ind_advantage02_img {
	    width:100%;
	}
	.ind_advantage02 .ind_advantage02_box {
	    width: 100%;
		padding-top: 40px;
	}
	.ind_advantage02 {
	    padding:30px 0;
	}
	.ind_advantage02 .ind_advantage02_box h2 {
		font-size: 38px;
		line-height: 38px;
		padding-bottom: 30px;
	}
	.ind_advantage02_box a{
		font-size: 14px;
		line-height: 40px;
		padding: 0 25px;
	}
	.ind_category .ind_category_box {
	    width: 50%;
	}
	.ind_category .ind_category_box dl dt{
		font-size: 28px;
		line-height: 28px;
	}
	.ind_category .ind_category_box dl dd {
	    font-size: 14px;
	}
	.ind_product h2{
		font-size: 38px;
		line-height: 38px;
		padding-bottom: 30px;
	}
	.ind_product {
		margin-top: 40px;
	}
	.swiper-button-prev:before,.swiper-button-next:before{
		display: none;
	}
	.mySwiper_pr .swiper-button-next, .mySwiper_pr .swiper-button-prev {
	    top: 85px;
		z-index: 99;
	}
	.w1300 {
		width: 80%;
	}
	.ind_product_box .cont2 ul li {
	    width: 48%;
	    margin-top:30px;
	}
	.ind_product_box .cont2 ul li dd {
	    font-size: 16px;
	    text-transform: uppercase;
	    padding-top: 5px;
	}
	.ind_product_box>a {
	    font-size: 14px;
	    line-height: 40px;
	    padding: 0 20px;
	    margin-top: 30px;
	}
	.list_video {
	    width: 100%;
	    margin: 40px auto;
	}
	.ind_news h2{
		font-size: 38px;
		line-height: 38px;
	}
	.ind_news_box ul dl {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.ind_news_box ul dl dt {
	    font-size:18px;
	    font-weight: bold;
	}
	.ind_news_box ul dl dd {
	    line-height: 25px;
	    font-size: 15px;
	    color: #666666;
	    padding: 10px 0 10px;
	}
	.ind_news_box>a{
		font-size: 14px;
		line-height: 40px;
		padding: 0 20px;
		margin: 0 auto 30px;
	}
	.ind_foot_box dl {
	    width: 100%;
	}
	.ind_foot_box{
		flex-wrap: wrap;
	}
	.ind_foot_box_nav{
		width: 100%;
	}
	.ind_foot_box_nav ul{
		display: none;
	}
	.ind_foot_box_nav ul:nth-child(3){
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.ind_copyright{
		padding: 30px 0;
	}
	.ind_foot_box_nav ul li a{
		line-height: 30px;
	}
}