@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;}
ol,ul,li{ list-style:none;padding: 0;}
body{ font-size:16px; color:#222222; line-height:24px; margin:0px auto; padding:0px;  font-family:"Microsoft YaHei"; max-width: 1920px;}
i{font-style:normal;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#222222; font-family:"Microsoft YaHei";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Microsoft YaHei";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('../font/BebasNeue-Regular-3.ttf');
}
@font-face {
	font-family: 'BEBAS';
	src:url('../font/BEBAS.TTF');
}
@font-face {
	font-family: 'akrobat';
	src:url('../font/akrobat-black.otf');
}
.w1400{max-width: 1400px;width: 100%;margin:0 auto;}
.w1500{max-width: 1440px;width: 100%;margin:0 auto;}
/*网站头部*/

header{position: fixed;top: 0;width:100%;z-index:999;border-bottom: solid 1px rgba(255, 255, 255, 0.2);}
header.xg{
	background: rgba(51, 0, 97, 1);
}
.top_dg .w1500{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:66px;}
.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-right:70px;line-height:100px;}
.top_nav ul li a{color:#fff;font-size:16px;text-transform: uppercase;font-family:"Microsoft YaHei";position: relative;display: block;}
.nav_hover a{color:#fff !important;}
.top_nav ul li:hover a{color:#fff !important;}
header .top_nav ul li a::after{
	content: "";
	position: absolute;
	bottom:-2px;
	left: 0;
	height: 3px;
	background:#f8b500;
	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:-2px;
	left: 0;
	height: 3px;
	background:#f8b500;
	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:-2px;
	left: 0;
	height: 3px;
	background: #f8b500;
	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;
}

.searchBtn{height:80px;background: url(../images/icon_03.png) no-repeat center;cursor: pointer;position: relative; z-index:999;line-height: 80px;}
.searchBtn dd{font-size:16px;color: #ccc;width:16px;}
.searchBtn .search {transition: all 1s;position: absolute;right: -1000px;top: 20px;width: 610px;background: #fff;height: 74px;}
.searchBtn .search {overflow: hidden;width: 410px;height: 55px;border: 1px solid #e3e3e3;border-radius: 27px;}
.searchBtn .search #seachkeywords {height: 51px;margin: 2px 0 2px 18px;border: none;float: left;width:320px;color: #ccc;line-height: 51px;outline: none;font-size: 16px;}
.searchBtn .search .anSearch {float: right;height: 47px;width: 47px;margin:4px 5px 0 0;background: url(../images/icon_03_1.png) no-repeat center;border: none;}
.searchBtn:hover .search {right:0px;}
.top_nav .cen{ position:absolute; left:0; top:100px; width:100%; background:rgba(51,0,97,0.8); display:none;}
.top_nav .cen>ul{ display:flex; flex-wrap:wrap; }
.top_nav .cen>ul>li{ width:170px; height:170px;padding: 0;}
.top_nav .cen>ul>li div{ width:90px; height:90px; margin:20px auto; border-radius:50%; background-repeat:no-repeat; background-size:cover;}
.top_nav .cen>ul>li p{text-align:center;padding-bottom:6px;font-size: 15px;line-height:20px;}
.top_nav .cen>ul>li:hover{ box-shadow:0 10px 10px rgba(61,61,61,0.18);}
.top_nav .cen>ul>li:hover div{   background-position:0 bottom;}
.top_nav .cen>ul>li:hover p{ color:#fff;}
.top_nav li:hover>.cen{ display:block;}
header .top_nav .cen ul li a:hover::after{
	display: none;
}
header .top_nav:hover .cen ul li a::after{
	display: none;
}

.nav_icon{display: flex;justify-content: space-between;}
.nav_icon dd{margin-right:20px;display: flex;align-items: center;color: #fff;}
.nav_tel dd{color: #fff;font-family: arial;font-size: 20px;font-weight: bold;background: url(../images/icon_04.png) no-repeat center left;padding-left:26px;}
.nav_tel {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav_tel dt{color: #fff;padding:0 20px;font-size: 14px;}



@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:35% !important;}
 .top_left img{height:40px;}
 .top_left{padding-left:20px;}
}

/*----手机站导航开始----------*/
.sp_header{overflow:hidden;z-index:999;width: 100px;background: linear-gradient(120deg,#0d9aff,#0740a8);height: 100px;    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:#fff;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: 70%;float: right;height: 100%;background: #fff;}
.sjj_nav .sjj_nav_box>ul{padding-top:60px;}
.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 */
/* banner end*/

/* 关于我们 */
.ind_about{
	display: flex;
	justify-content: space-between;
	margin:100px auto 80px;
}
.ind_about_fl{}
.ind_about_fl h3{font-family:"akrobat";font-size: 60px;color: #141414;line-height: 60px;}
.ind_about_fl h4{
	font-size: 48px;
	color:#141414;
	line-height: 48px;
	padding:18px 0 50px;
}
.ind_about_fl a{
	font-size: 16px;
	color: #fff;
	background: #330061;
	display: inline-block;
	padding: 15px 28px;
	border-radius: 50px;
}
.ind_about_hustler{
	position: relative;
	display: flex;
	align-items: flex-end;
	margin-top:28px;
}
.ind_about_hustler dl{
	position: absolute;
    padding-left: 26px;
    height: 190px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.ind_about_hustler dl dt{font-size: 20px;color: #000;line-height: 35px;}
.ind_about_hustler dl dd{color: #666666;font-size: 14px;padding-top:30px;}
.ind_about_hustler dl dd span{color: #330061;}

.ind_about_fr{
	width: 60%;
    max-width: 759px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ind_about_fr dl dt{
	font-size: 18px;
	font-weight: bold;
	color: #141414;
	line-height: 30px;
	padding-bottom: 30px;
}
.ind_about_fr dl dd{
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}
.innum_foot .innum{display: flex;justify-content: space-between;}
.innum_foot .innum li h4{
	color: #3e005e;
	font-family: "akrobat";
	font-size: 72px;
	line-height: 72px;
}
.innum_foot .innum li dd{
	padding-top:6px;
	font-size: 16px;
}
.ind_about_fr i{
	width: 100%;
	height: 1px;
	display: block;
	background: #e5e5e5;
}
/* 关于我们 end*/

/* 视频 */
.ind_video{
	background: #330061 url(../images/icon_06.png) no-repeat left bottom;
}
.ind_video .w1500{
	display: flex;
	justify-content: space-between;
	padding:94px 0;
}
.ind_video_fl{
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 40px 0;
}
.ind_video_fl dl dt{
	font-size: 38px;
	line-height:50px;
	font-weight: bold;
}
.ind_video_fl dl dd{
	font-size: 18px;
	font-weight: bold;
	padding-top:30px;
}
.ind_video_fl p{
	font-size: 18px;
	border-top: solid 1px rgba(255, 255, 255, 0.5);
	padding-top:25px;
}
.ind_video_fr{width: 50%;}
.ind_video_fr img,.ind_video_fr video{width: 100%;border-radius: 20px;}
/* 视频 end*/

/* 生产环境 */
.ind_source{
	padding:110px 0 140px;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.ind_source_fl{
	width: 60%;
}
.ind_source_fl h3{
	font-family: "akrobat";
	font-size: 60px;
	line-height: 60px;
	color: #141414;
}
.ind_source_fl h2{
	font-size: 48px;
	line-height: 48px;
	padding:20px 0 45px;
}
.ind_source_fl>img{
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 16px 24px rgba(0, 0, 0, 0.15);
}
.ind_source_fl dt{
	font-size: 18px;
	color: #333333;
	padding-top:30px;
	padding-left: 15px;
}
.ind_source_fl dd {padding-top: 15px;}
.ind_source_fl dd img{padding-left: 15px;}
.ind_source_fr{
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ind_source_fr dd{
	font-size: 18px;
	color: #333;
	padding-bottom:16px;
}
.ind_source_fr img{
	width: 100%;
}
.ind_source_img{
	position: absolute;
	bottom: -20px;
	right: 100px;
}
/* 生产环境 end*/

/* 产品分类 */
.case_box{}
.category{width: 100%;
background:#330061;
}
.case_box .category ul {
	display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    flex-direction: row;
}

.case_box .category ul li {
	text-align: center;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border-left: solid 1px #481a71;
}
.case_box .category ul li:nth-child(1){
	border-left: none;
}
.case_box .category ul li.active{
	background:url(../images/category.jpg) no-repeat top right;
	border-radius: 20px;
	border-left: none;
}
.case_box .category ul li.active a{
	color: #ba161d;
}
.case_box .category ul li a dl{color: #fff;text-align: left;padding: 26px;}
.case_box .category ul li a dl dt{font-size: 20px;}
.case_box .category ul li a dl dd{opacity: 0.5;padding: 10px 0 20px;}
.case_box .category ul li a dl p{opacity: 0.1;font-family: arial;font-size: 30px;}
.case_box .category ul li.active a dl p{opacity: 0.5;}

.content{width:100%;}
.content .cont{
	background:#000131 url(../images/case.jpg) no-repeat center bottom;
}
.case_box .content .cont {
	display: none;
}
.case_box .content .cont .w1500{
	position: relative;
	display: flex;
	justify-content: space-between;
}
.case_box .content .cont .w1500 .cont_img{
	position: absolute;
	left: 0;
	bottom: 0;
}
.case_box .content .cont .w1500 .content_cont_fr{
	width: 40%;
	max-width: 580px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
	color: #fff;
}
.case_box .content .cont .w1500 .content_cont_fr img{
	width: auto;
}
.case_box .content .cont .w1500 .content_cont_fr h2{
	font-size: 46px;
	font-weight: bold;
	line-height:46px;
	padding:50px 0 30px;
}
.case_box .content .cont .w1500 .content_cont_fr dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 60%;
	line-height: 50px;
	font-size: 24px;
	color:#c7c2d6;
}
.case_box .content .cont .w1500 .content_cont_fr dl dt{
    /*width:48%;*/
}
.case_box .content .cont .w1500 .content_cont_fr a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	padding:15px 70px;
	border-radius: 40px;
	box-shadow: 0 0 21px 10px rgba(227,145,255,0.15);
	background: -moz-linear-gradient(left, #c121f5 0%, #ed8349 100%);
	background: -webkit-linear-gradient(left, #c121f5 0%, #ed8349 100%);
	background: -o-linear-gradient(left, #c121f5 0%, #ed8349 100%);
	background: -ms-linear-gradient(left, #c121f5 0%, #ed8349 100%);
	background: linear-gradient(to left, #c121f5 0%, #ed8349 10);
	margin-top: 50px;
}
.case_box .content .cont.active {
	display: block;
}
.case_box .content .cont .bg{float: left;width:58%;}
.case_box .content .cont .info {float: left;width:34%;padding:40px 4% 0 4%;}
.case_box .content .cont .info .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}

.case_box .content .cont .info .title h4 {
	float: left;
	padding-top: 30px;
	font-size: 32px;
	font-weight:bold;
	color: #000;
}
.case_box .content .cont .info .title h4 span{font-size:18px;color:#666;font-family: "Arial";font-weight:100;padding-left:10px;}
.case_box .content .cont .info p {
	font-size: 18px;
	line-height: 36px;
	padding-top: 30px;
	color: #000;
}
.case_box .content .cont .info a{color:#995d10;font-size:18px;border:1px solid #995d10;padding:10px 50px;border-radius:50px;margin-top:130px;display: table;}
/* 产品分类 end*/

/* 产品展示 */
.ind_title h3{
	font-family: "akrobat";
	font-size: 60px;
	line-height: 60px;
	color: #141414;
}
.ind_title h2{
	font-size: 48px;
	line-height: 48px;
	color: #141414;
	padding: 20px 0 45px;
}
.ind_pro{
	text-align: center;
	margin:110px auto 80px;
}
.ind_pro ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ind_pro ul li{
	position: relative;
	display: block;
	width: 24.4%;
	margin-bottom:12px;
	border: solid 1px #eee;
}
.ind_pro ul li a{
	display: inline-block;
	width: 100%;
}
.ind_pro ul li a img{
	width: 100%;
}
.ind_pro ul li a dd{
	display: none;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	background: rgba(51, 0, 97, 0.7);
	color: #fff;
	height: 100%;
	font-size: 18px;
	
}
.ind_pro ul li:hover a dd{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ind_pro>a{
	display: inline-block;
	background: #330061;
	color: #fff;
	border-radius: 40px;
	line-height: 50px;
	padding: 0 20px;
	margin-top: 50px;
}
/* 产品展示 end*/

/* 隔断 */
.ind_gg{
	background:#290241 url(../images/gg.jpg) no-repeat center bottom;
	padding:70px 0px 0px;
}
.ind_gg .w1500{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
}
.ind_gg .w1500 h2{
	color: #fff;
	font-size: 52px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 8%;
	line-height: 100px;
}
.ind_gg .w1500 h2 dd{
	border-bottom: solid 2px #fff;
	display: table;
}
/* 隔断 end*/

/* 优势 */
.ind_advantage{
	background:#330061 url(../images/advantage.jpg) no-repeat center bottom;
	padding:60px 0px 110px;
}
.ind_advantage .ind_advantage_box{
	background:url(../images/advantage01.jpg) no-repeat center bottom;
	padding:60px 40px;
}
.ind_advantage .ind_advantage_box li{color: #fff;display: flex;align-items: center;justify-content: space-between;}
.ind_advantage .ind_advantage_box li dl{
	width: 83%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #fff;
}
.ind_advantage .ind_advantage_box li:nth-child(1) dl{
	border-top: solid 1px #fff;
}
.ind_advantage .ind_advantage_box li dl dt{
	font-size: 34px;
	line-height: 220px;
	font-weight: bold;
	width: 30%;
}
.ind_advantage .ind_advantage_box li dl dd{
	width: 50%;
	font-size: 16px;
	line-height: 30px;
}
.ind_advantage .ind_advantage_box li>img{
	opacity:0;
}
.ind_advantage .ind_advantage_box li.on>img{
	opacity: 1;
}
/* .ind_advantage .ind_advantage_box li:nth-child(1)>img{
	opacity: 1;
}
.ind_advantage .ind_advantage_box:hover li:nth-child(1)>img{
	opacity: 0;
}
.ind_advantage .ind_advantage_box li:hover:nth-child(1)>img{
	opacity: 1;
}
.ind_advantage .ind_advantage_box li:hover img{
	opacity: 1;
} */

.ind_advantage .ind_advantage_bottom{
	background: #fee2df url(../images/icon_14.png) no-repeat center right ;
	border-left: solid 7px #ec2252;
	color: #350f74;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-top: 50px;
}
.ind_advantage .ind_advantage_bottom dl{
	padding-left: 50px;
}
.ind_advantage .ind_advantage_bottom dl dt{
	font-size: 36px;
	line-height: 36px;
}
.ind_advantage .ind_advantage_bottom dl dd{
	font-size: 16px;
	padding-top:14px;
}
.ind_advantage .ind_advantage_bottom h3{
	font-family: "akrobat";
	font-size:140px;
	line-height: 160px;
	text-transform: uppercase;
	color: #4e0e9e;
	padding-right:110px;
}
.ind_advantage .ind_advantage_bottom img.ind_advantage_img01{
	position: absolute;
	bottom: 0;
	left: 35%;
}
.ind_advantage .ind_advantage_bottom img.ind_advantage_img02{
	position: absolute;
	top: 50%;
	right: 65px;
	transform: translateY(-50%);
}
.ind_flowpath .ind_title{
	text-align: center;
}
/* 优势 end*/

/* 流程 */
.ind_flowpath{
	background: #ededef;
	padding:100px 0;
}
.ind_flowpath_box{
	display: flex;
	justify-content: space-between;
}
.ind_flowpath .ind_flowpath_box dl{
	background: #fff;
	border-radius: 10px;
	text-align: center;
	width: 15%;
	padding:40px 0 30px;
	overflow: hidden;
}
.ind_flowpath .ind_flowpath_box dl dt{
	font-size: 18px;
	color: #333;
	padding:20px 0 8px;
}
.ind_flowpath .ind_flowpath_box dl dd{
	font-size: 14px;
	color: #999;
}
.ind_flowpath .ind_flowpath_box dl span{
	color: #84739a;
	font-family: arial;
	font-size: 22px;
	padding-top: 40px;
	display: inline-block;
}
.ind_flowpath .ind_flowpath_box dl:hover{
	background: #330061;
}
.ind_flowpath .ind_flowpath_box dl:hover img{
	position: relative;
	left: -150px;
	border-right: 100px solid transparent;
	filter: drop-shadow(200px 0px 0 #fff);
}
.ind_flowpath .ind_flowpath_box dl:hover dt,.ind_flowpath .ind_flowpath_box dl:hover dd,.ind_flowpath .ind_flowpath_box dl:hover span{
	color: #fff;
}
.ind_flowpath .ind_gg01 img{
	border-radius: 10px;
	margin-top: 26px;
	width: 100%;
}
.ind_flowpath .ind_flowpath_box dl.on{
  background:#330061;
}
.ind_flowpath .ind_flowpath_box dl.on img{
	position: relative;
	left: -150px;
	border-right: 100px solid transparent;
	filter: drop-shadow(200px 0px 0 #fff);
}
.ind_flowpath .ind_flowpath_box dl.on dt,.ind_flowpath .ind_flowpath_box dl.on dd,.ind_flowpath .ind_flowpath_box dl.on span{
	color: #fff;
}
/* 流程 end*/

/* 新闻板块 */
.ind_news {
	max-width: 1760px;
	margin: 100px auto;
	width: 100%;
}
.ind_news_box .cont2 {
	display: none;
	text-align: center;
}
.ind_news_box .cont2.active {
	display: block;
}
.ind_news_cat{
	width:40%;
	margin: 0 auto;
}
.ind_news_cat ul {
	height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ind_news_cat ul li{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ind_news_cat ul li a{
	color: #b8b8b8;
	font-size: 38px;
	line-height:38px;
	text-align: center;
}
.ind_news_cat ul li a h3{
	font-family: "akrobat";
	font-size: 60px;
	line-height: 60px;
}
.ind_news_cat ul li a h2{
	font-size: 46px;
	line-height: 46px;
	padding-top: 15px;
}
.ind_news_cat ul li.active a{
	color: #141414;
}
.ind_news_box ul{
	margin: 70px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ind_news_box ul a{
	width: 50%;
	display: inline-block;
}
.ind_news_box ul li{
	display: flex;
	justify-content: space-between;
}
.ind_news_box ul li .ind_news_img{
	width: 63%;
	position: relative;
}
.ind_news_box ul li .ind_news_img img{
	width: 100%;
}
.ind_news_box ul li .ind_news_img span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 0, 97, 0.6);
	color: #fff;
	font-size: 100px;
	font-weight: 100;
	display: none;
}
.ind_news_box ul li dl{
	width: 37%;
	background: #eeeeef;
	padding:0 40px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.ind_news_box ul a:nth-child(2) li dl,.ind_news_box ul a:nth-child(3) li dl{
	background:#e3e3e3;
}
.ind_news_box ul li dl dt{
	font-size: 24px;
	line-height: 34px;
	color: #141414;
	width: 100%;
	text-align: left;
}
.ind_news_box ul a:hover li dl{
	background: #330061;
	overflow: hidden;
}
.ind_news_box ul a:hover li dl dt{color: #fff;}
.ind_news_box ul a:hover li dl dd img{
	position: relative;
	left: -200px;
	border-right: 100px solid transparent;
	filter: drop-shadow(200px 0px 0 #fff);
}
.ind_news_box ul a:hover li .ind_news_img span{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ind_news_a{
	display: inline-block;
	background: #330061;
	color: #fff;
	border-radius: 40px;
	line-height: 50px;
	padding: 0 20px;
}
/* 新闻板块 end*/

/* 底部 */
.ind_foot{
	background:#330061;overflow: hidden;
}

.ind_foot_box{
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
}
.ind_foot_box dl{
	width: 24%;
}
.ind_foot_box dl dt{
	font-size: 16px;
	color: #fff;
}
.ind_foot_box dl h3{
	font-size: 36px;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	line-height: 36px;
	padding:14px 0 30px;
}
.ind_foot_box dl dd{
	font-size: 16px;
	color: rgba(255, 255, 255, 0.3);
	line-height:30px;
}
.ind_foot_box_nav{
	display: flex;
	justify-content:space-between;
	width: 60%;
}
.ind_foot_box_nav ul h4{
	font-size: 18px;
	color: #fff;
	padding-bottom:16px;
}
.ind_foot_box_nav ul li a{
	color: rgba(255, 255, 255, 0.3);
	font-size: 16px;
	line-height: 45px;
	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:#240044;
}
.ind_foot_bottom .w1500{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 80px;
}
.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: #fff;
	font-size: 15px;
}
.ind_foot_bottom p{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ind_foot_bottom p a{
	padding-left:20px;display: inline-block;color: #fff;font-size: 15px;
}
.ind_foot_bottom_xml{
	border-top: solid 1px #3a1a57;
}
.ind_foot_bottom_a dd{
	color: rgba(255, 255, 255, 0.5);
}
.ind_foot_bottom_a dd a{
	color: rgba(255, 255, 255, 0.5);
	padding-right:20px;
}
/* 底部 end*/

@media ( max-width:1480px) {

}
@media ( max-width:1280px) {
    .ind_about_fl h3{font-size:40px;}
    .ind_about_fl h4{
        font-size: 36px;
        line-height: 36px;
    }
    .ind_video_fl dl dt{font-size:32px;}
    .ind_source_fl h2{
        font-size: 32px;
        line-height: 32px;
    }
    .ind_source_fl dt{font-size:16px;}
    .case_box .category ul li a dl dd{font-size:15px;}
    .content_cont_fl{width:50%;}
    .content_cont_fl img{width:100%;}
    .content_cont_fl img.cont_img{width:50%;}
    .case_box .content .cont .w1500 .content_cont_fr h2{
        font-size: 34px;
    }
    .case_box .content .cont .w1500 .content_cont_fr dl{
        font-size: 18px;
    }
    .ind_title h3{
        font-size: 48px;
    }
    .ind_title h2{
        font-size: 36px;
        line-height: 36px;
    }
    .ind_gg .w1500 img{width:80%;}
    .ind_gg .w1500 h2{
        font-size: 44px;
    }
    .ind_advantage .ind_advantage_box li dl dt{
        font-size: 30px;
    }
    .ind_advantage .ind_advantage_box li>img{
        width: 14%;
    }
    .ind_advantage .ind_advantage_bottom h3{
        font-size: 100px;
    }
    .ind_news_cat{
        width: 60%;
    }
    .ind_news_cat ul li a h2{
        font-size: 32px;
        line-height: 32px;
    }
    .ind_news_box ul li dl dt{
        font-size: 18px;
    }
    .ind_about{
        flex-wrap: wrap;
    }
}
@media ( max-width:1128px) {
}
@media ( max-width:790px) {
    .top_dg .w1500{height:auto;}
    .sp_nav span{background:#330061;}
    .ind_about{margin: 20px auto;}
    .sp_header{display:flex;width:auto;background:none;}
    header.xg .sp_nav span{
        background:#fff;
    }
    .sjj_nav ul li.nav_hover a{
        color: #330061 !important;
    }
    .ind_about_fl h3 {
    font-size: 30px;
    line-height: 30px;
    }
    .ind_about_fl h4 {
    font-size: 26px;
    line-height: 26px;
    }
    .ind_about_fl a {
    font-size: 14px;
    padding: 10px 28px;
    }
    .ind_about_fr{
        margin: 20px auto 0;
        width: 100% !important;
    }
    .innum_foot .innum li dd {
    font-size: 14px;
    }
    .innum_foot .innum li{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .ind_about_fr dl dt{
        font-weight: 600;
    }
    .ind_about_fr i{
        margin-top: 20px;
    }
    .ind_video .w1500{
        flex-wrap: wrap;padding: 0;
    }
    .ind_video_fl dl dt {
    font-size: 20px;
    line-height: 34px;
}
    .ind_video_fl p{
        font-size: 16px;
    }
    .ind_video_fr {
    width: 100%;
    margin-bottom: 30px;
}
    .ind_source{
    padding: 20px 0;
    flex-wrap: wrap;
    }
    .ind_source_fl{width:100%;}
    .ind_source_fl h3{
    font-size: 30px;
    line-height: 30px;
    }
    .ind_source_fl h2 {
    font-size: 18px;
    line-height: 18px;
}
    .ind_source_fr{width:100%;}
    .case_box .content .cont .w1500{
        flex-wrap: wrap;
    }
    .content_cont_fl{width:100%;position: relative;}
    .case_box .content .cont .w1500 .content_cont_fr{width:100%;}
    .content_cont_fl img.cont_img {
    width: 100%;
}
.ind_source_img {
    position: absolute;
    bottom: -100px;
    right: 15px;
    width: 80px;
}
.category{
    overflow: auto;
}
.case_box {
    margin-top: 40px;
}
.case_box .content .cont .w1500 .content_cont_fr img {
    width: 100px;
}
.case_box .content .cont .w1500 .content_cont_fr h2{
    padding: 20px 0;font-size: 24px;
}
.case_box .content .cont .w1500 .content_cont_fr dl{
    width: 100%;
}
.case_box .content .cont .w1500 .content_cont_fr dl dt {
    width: 36%;
}
.case_box .content .cont .w1500 .content_cont_fr a{
    padding: 10px 40px;    margin: 30px 0;
}
.case_box .category ul li a{
    width: 160px;
    display: block;
}
.case_box .category ul li a dl {
    padding: 10px;
}
.case_box .category ul li a dl dt {
    font-size: 18px;
}
.ind_pro {
    margin: 20px auto;
}
.ind_title h3{
        font-size: 30px;
    line-height: 30px;
}
.ind_title h2 {
    font-size: 26px;
    line-height: 26px;
}
.ind_pro ul li{
    width: 48%;
}
.ind_pro>a{
    font-size: 14px;
}
.ind_gg .w1500 h2{
    position: inherit;
    font-size: 29px;
    line-height: 50px;
}
.ind_gg .w1500 img{
    width: 100%;
}
.ind_gg{
    padding: 40px 0px 0px;
}
.ind_gg .w1500{
    justify-content: flex-start;
}
.ind_advantage .ind_advantage_box{
    padding: 0;
}
.ind_advantage .ind_advantage_box li dl{
    width: 60%;flex-direction: column;
}
.ind_advantage .ind_advantage_box li>img {
    width: 30%;
}
.ind_advantage .ind_advantage_box li dl dt{
    width: 100%;
    text-align: left;
    font-size: 20px;
    line-height: 60px;
}
.ind_advantage .ind_advantage_box li dl img{
    display: none;
}
.ind_advantage .ind_advantage_box li dl dd{
    width: 100%;font-size: 14px;padding-bottom: 20px;line-height: 25px;
}
.ind_advantage .ind_advantage_bottom{
    flex-wrap: wrap;
    text-align: center;
    background: #fee2df url(../images/icon_14.png) no-repeat bottom right;
    justify-content: center;
}
.ind_advantage .ind_advantage_bottom img.ind_advantage_img01{
    position: initial;width: 100%;margin-top: -80px;
}
.ind_advantage .ind_advantage_bottom img.ind_advantage_img02 {
    position: absolute;
    bottom: 50px;
    right: 65px;
    transform: none;
    top: auto;
}
.ind_advantage .ind_advantage_bottom h3{
    padding-right: 0;font-size: 56px;
}
.ind_advantage .ind_advantage_bottom dl{
    padding-left:0;
}
.ind_advantage .ind_advantage_bottom dl dt {
    font-size: 28px;
    line-height: 28px;
    padding-top: 20px;
}
.ind_advantage {
    padding: 60px 0px 60px;
}
.ind_flowpath {
    padding: 20px 0;
}
.ind_flowpath_box{
    flex-wrap: wrap;
}
.ind_flowpath .ind_flowpath_box dl{
    width: 33%;margin-bottom: 10px;
}
.ind_news_cat{
    width: 80%;
}
.ind_news_cat ul li a h2 {
    font-size: 22px;
    line-height: 22px;
}
.ind_news_cat ul li a h3 {
    font-family: "akrobat";
    font-size: 36px;
    line-height: 36px;
}
.ind_news {
    margin: 20px auto;
}
.ind_news_box ul{
    margin: 20px auto;
}
.ind_news_box ul a{
    width: 100%;
}
.ind_news_box ul li .ind_news_img img{
    height: 100%;
}
.ind_news_a{
    font-size: 14px;
}
.ind_foot_box{
    flex-wrap: wrap;
}
.ind_foot_box dl{
    width: 100%;
}
.ind_foot_box_nav{
    display: none;
}
.ind_foot_bottom_xml p{
    display: none;
}
.ind_foot_bottom dl dd:nth-child(2){
    display: none;
}
.ind_news_box ul li dl{
    padding: 20px;
}
.ind_about_hustler img{
    width: 100%;
}
.ind_about_hustler dl{
    height: auto;
}
.ind_about_hustler dl dt {
    font-size: 16px;
    line-height: 30px;
}
}