@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:14px; color:#333333; line-height:24px; margin:0px; padding:0px;  font-family:"Arial"; }
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#383838; font-family:"Arial";}
a:hover{ color:#ff0000; text-decoration:underline; font-family:"Arial";text-decoration:none; }
em,i{font-style:normal}
h1,h2,h3,h4{font-weight:normal;}
.fl{float: left;}
.fr{float: right;}
@font-face {
	font-family: 'Bebas';
	src:url('/Public/Home/default/font/BebasNeue-Regular-3.ttf');
}
.w1600{max-width:1600px !important;margin: 0 auto;width: 100%;}
/*网站头部*/

header{position: fixed;top: 0;width:100%;z-index:999;background: rgba(0, 0, 0, 0.4);}
.top_dg{height:100px;max-width:1600px;margin: 0 auto;}
.top_left{float: left;line-height: 100px;}
.top_left img{width:405px}
.top_left .logo_nav_h{display: none;}
header:hover .logo_nav{display: none;}
header:hover .logo_nav_h{display: block;transition: all ease 0.3s;padding-top:15px;}
header:hover{background: #fff;transition: all ease 0.3s;}
.top_nav{float:right;}
.top_nav ul li{float: left;padding-left:45px;line-height: 100px;position: relative;}
.top_nav ul li a{color:#ccc;font-size:16px;text-transform: uppercase;font-family:"Arial";}
.nav_hover a{color:#fff !important;}
.top_nav ul li:hover a{color:#fff !important;}
header:hover .nav_hover a{color:#333 !important;transition: all ease 0.3s;}
header:hover .top_nav ul li:hover a{color:#000 ;transition: all ease 0.3s;}
header:hover .top_nav ul li a{color:#333 !important;position: relative;}
header:hover .top_nav ul li a::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 3px;
	background: linear-gradient(45deg,#4d77fe,#903dfd);
	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:hover .nav_hover a::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 3px;
	background: linear-gradient(45deg,#4d77fe,#903dfd);
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header:hover .top_nav ul li a:hover::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 3px;
	background:-webkit-linear-gradient(left, #0360b0 0%, #0050a2 100%);
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}
header:hover .nav_weixin dd{color:#333 !important;}
header:hover .searchBtn dd{color:#333 !important;line-height:100px}

.nav_weixin{float: left;margin-top:32px;padding-left:30px;border-left:dashed 1px #d2d2d2;height:30px;margin-left:30px;position: relative;}
.nav_weixin img{float: left;}
.nav_weixin dd{float: left;line-height:35px;font-size:16px;color:#ccc;}
.nav_weixin:hover dd{color:#ff991b;}
.weixin_img01{opacity: 0;
-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-transform: translateX(-50%,30px);
	  transform: translate(-50%,30px);
	  background:#fff;
	  position: absolute;
	  top:30px;
	  left:0%;
	  padding:30px 20px 0px;
	  visibility: hidden;
}
.nav_weixin .weixin_img01 img{
	display: block;
	z-index: 99999;
	width:40px;
	border-radius:6px;
}
.nav_weixin .weixin_img01 a{display: block;width: 100%;line-height:30px;width: 100px;text-align: center;font-size: 16px;padding: 16px 0;
border-bottom: solid 1px #eee;
}
.nav_weixin .weixin_img01 a:hover span{color:#ff991b;}
.nav_weixin .weixin_img01 a span{color: #666;}
.nav_weixin:hover .weixin_img01{
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.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;background: none;}
.top_nav .subnav li .subnav_a{color: #cecece !important;font-size: 15px;border-left:solid 1px #818181;padding:0 25px;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:none;
	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:hover .top_nav ul li .subnav ul li a:hover::after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 3px;
	background: linear-gradient(45deg,#4d77fe,#903dfd);
	width: 100%;
	-webkit-transform: scale(1, 1) !important;
	transform: scale(1, 1) !important;
}


.searchBtn{float: right;height:100px;background: url(/Public/Home/default/css1/icon_01.png) no-repeat center left;margin-left:23px;cursor: pointer;position: relative; z-index:999;line-height: 100px;}
.searchBtn dd{font-size:16px;padding-left:30px;color: #ccc;line-height:100px}
.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(/Public/Home/default/css1/icon_03_1.png) no-repeat center;border: none;}
.searchBtn:hover .search {right: -10px;}

.sp_header{display: none;}


@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:80px !important;}
 .sp_nav{margin-top:40% !important;}
 .top_left img{height:50px;padding:5px 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:70px !important;}
 .sp_nav{margin-top:50% !important;    transform: scale(0.79);}
 .top_left img{height:40px;padding:15px 0;}
 .top_left{padding-left:20px;}
}

/*----手机站导航开始----------*/
.sp_header{height:120px;overflow:hidden;position:absolute;z-index:999;right: 0;}
.sp_nav{width:50px;position:relative;cursor:pointer;height:30px;margin-top:100%;}
.sp_nav span{display:block;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;background: linear-gradient(45deg,#4d77fe,#903dfd);}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.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)}
.sjj_nav{position:fixed;z-index:99;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.sjj_nav span{padding-top: 20px;display: block;margin-left:20px;float: left;}
.sjj_nav span img{display: block;float: left;padding-top:6px;}
.nav_show{top:0;}
.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}
/*----手机站导航结束----------*/

.serve_index{width: 100%;}
.serve_index ul{display: flex;flex-wrap: wrap; justify-content: space-between;}
.serve_index ul li{width: 20%;}
.serve_index ul li dl{border-right: solid 1px #dbdbdb;text-align: center;padding:50px 0 60px;}
.serve_index ul li dl a{color:#333;}
.serve_index ul li dl dt{font-weight: bold;font-family: arial;font-size: 18px;text-transform: uppercase;}
.serve_index ul li dl dd{font-size:24px;padding-top:4px;}
.serve_index ul li dl img{padding:70px 0 100px;}
.serve_index ul li dl .serve_img01{display: none;}
.serve_index ul li dl p{text-transform: uppercase;font-size: 16px;position: relative;}
.serve_index ul li dl p::after{
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	height: 6px;
	background: url(/Public/Home/default/images/icon_13.png) no-repeat center bottom;
	width: 12px;
	transform: translateX(-50%);
}
.serve_index ul li dl:hover p::after{
	background: url(/Public/Home/default/images/icon_13-1.png) no-repeat center bottom;
}
.serve_index ul li dl:hover .serve_img01{display: inline-block;}
.serve_index ul li dl:hover .serve_img{display: none;}
.serve_index ul li:hover dl{border-right: solid 1px #5570fe;}

.product_home{width: 100%;position: relative;background: url(/Public/Home/default/images/product_home.jpg) no-repeat center bottom;background-size: 100%;}
.product_home img{width: 100%;}
.product_home_dg{position: absolute;bottom: 60px;width: 100%;}
.product_home_box{max-width: 1600px;margin: 0 auto;}
.product_home_box dl{color: #fff;float: left;}
.product_home_box dl p{font-size: 18px;}
.product_home_box dl dt{font-size:48px;font-weight: bold;line-height: 48px;padding:15px 0 30px;}
.product_home_box dl dd{font-size:24px;font-weight:100;}
.product_home_box a{float: right;line-height:60px;background: linear-gradient(45deg,#4d77fe,#903dfd);padding:0 60px;border-radius:40px;color:#fff;text-transform: uppercase;margin-top:80px;}

.section_dg{display: flex;flex-wrap: wrap; justify-content: space-between;margin:20px auto;}
.section_box{width: 49.5%;position: relative;}
.section_box img{width: 100%;}
.section_box_nr{position: absolute;bottom: 0;width:90%;color: #fff;padding:180px 5% 40px;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
}
.section_box_nr dl{width:65%;float: left;}
.section_box_nr dl p{font-size: 18px;}
.section_box_nr dl dt{font-size:48px;font-weight: bold;font-family: arial;text-transform: uppercase;line-height:48px;padding:20px 0 30px;}
.section_box_nr dl dd{font-size: 16px;line-height:30px;}
.section_box_nr a{line-height:60px;background: linear-gradient(45deg,#4d77fe,#903dfd);padding:0 60px;border-radius:40px;color:#fff;text-transform: uppercase;right: 5%;position: absolute;bottom:50px;}



/*网站内容*/

 <!--0.00018596649169922-->