/* CSS Document */
/*#region 重置元素*/












*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}

@font-face {font-family: "Akz";
  src:  url(../fonts/AkzidenzGrotesk-BoldCondAlt.otf);}
@font-face {font-family: "Mon";
  src:  url(../fonts/Montserrat-Bold.ttf);}
@font-face {font-family: "Rig";
  src:  url(../fonts/Rigelstar-2.otf);}



 @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 
 

body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#010101;
}
a{
    color:inherit;
	color:#010101;
    text-decoration: none; 
}
a:hover  {
    color:#eb5405;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
#lu{ background-color:#fff; overflow:hidden;
position:relative; z-index:10;}
/*********header**********/
#header{
position:fixed; left:0; top:0; width:100%; z-index:888; background-image:url(../images/header/img2.png); background-position:bottom; background-repeat:repeat-x;}
.header_mid{
margin:0 3.64583333333333%; position:relative;}
.header_mid_left{
position:absolute; left:0; top:50%; z-index:10;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.header_mid_mid{
margin-left:36%; margin-right:0px; text-align:right; }
.header_mid_mid ul li{
/*float:left;*/ position:relative; margin-left:35px; margin-right:0px; display:inline-block;}



/*.header_mid_mid ul li dl{ text-align:center; padding:.5em 0 0 0 0;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); display:none; 
position:absolute; background-color:#fff; width:150px; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.header_mid_mid ul li dl dd a{ border-bottom:1px #ccc solid;
display:block; padding:.5em 1em; font-size:.9375em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
*//*.header_mid_mid ul li dl dd a:hover{
background-color:#000; color:#fff;}*/

/*hhhhhhh s*/
        .header_mid_mid ul li dl{ display:none;   padding:0.4em 0 ; 
 position:absolute; left:-55px; width:170px; text-align:center;  background-color: rgba(255,255,255,.7); z-index:666} 
            .hasxiamid_1{
color:#000; font-size:1em; font-family:Times New Roman; }
.hasxiamid_2{
font-size:22px; color:#eb5405;}
.hasxiamid_3{
margin-top:0px; margin-bottom:10px;}
.hasxiamid_3 p{
/*margin:0.2em 0;*/ font-size:16px;  line-height:40px;}
.hasxiamid_3 p:hover { width:84%; line-height:40px; background:#f15509; color:#fff; border-radius:8px; overflow:hidden; margin:0px 8%; }
.hasxiamid_3 p:hover a { color:#fff; padding:0px !important;}
.hasxiamid{
margin-left:0px; margin-top:10px; text-align: center;}
 
 
 .bodymenu #header{
background-color:#000;}
.hasxiamid_3 p a{
display:inline-block; position:relative; padding:0em 0;}
/*.hasxiamid_3 p a:after{
position:absolute; bottom:0%;  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; content:''; background-color:#ed6f16; height:1px; width:0px; left:0;}
.hasxiamid_3 p a:hover:after{
width:100%;}	*/

/*hhhhhhh e*/






.header_mid_mid ul li dl dd:last-child a{
border:none}
.header_mid_mid ul li a.biga{ position:relative;
color:#fff; font-size:16px; padding:1.85em 0; display:block}
/*.header_mid_mid ul li a.biga:after{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:0;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#fff; z-index:10; display:none;}
.header_mid_mid ul li:hover a.biga:after{
width:100%;}*/
.header_mid_mid ul li a.biga:hover { font-weight:900; color:#ed6a26;}
.header_mid_right{
position:absolute; right:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); z-index:10;}
.header_mid_right ul li{
float:left; font-size:17px; padding:1.85em 0;}
.header_mid_right ul li a{ display:block; padding:0 10px;
color:#fff; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img3.png);}
.header_mid_right ul li:nth-child(1) a{
background-image:url(../images/img1a.png); padding-left:30px;}
.header_mid_right ul li:nth-child(2) a{
padding-right:0}
/*****************index*****************/
.banner_img{
position:relative; width:100%; height:100vh;}
.banner_img_pc{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_img_mo{
display:none;}
.indexbanner_jj{
position:absolute; left:0; width:100%; text-align:center; top:50%; z-index:10;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); color:#fff; font-size:4.5em; letter-spacing:.05em;}
.indexbanner_jj_mid{
margin:0 3.64583333333333%; padding:0px 4%;  text-align:center;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
left:95%; /*right:50.64583333333333%;*/ width:2.02083333333334%; /*text-align:right;*/ bottom:40%; position: absolute;}
.indexbanner .swiper-pagination-bullet{
width:1.25em; height:1.25em; border-radius:100%; background:none; border:none; overflow:hidden; opacity:1;  position:relative;}
.indexbanner .swiper-pagination-bullet:after{background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);
content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.indexbanner .swiper-pagination-bullet:before{background-position:center; background-repeat:no-repeat; background-size:cover; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; background-color:#fff; border-radius:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
}
.indexbanner .swiper-pagination-bullet-active:before{
opacity:0;}
.indexbanner .swiper-pagination-bullet-active:after{
opacity:1;}
.indexbanner_cir{
position:absolute; z-index:10; right:46.84583333333333%;bottom:4.58333333333333vw; width:6.8125em; height:6.8125em;}
.indexbanner_cir_c a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.indexbanner_cir_c a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png);animation:fadenum 5s linear infinite;}
 @keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir_c a:before{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); position:absolute;
content:''; left:53%; top:50%; width:2.5625em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.indexbanner_cir_c a:hover:after{animation-play-state:paused}
	.i_more { position:relative; margin:0px auto; right:0px; top:50px;}
.indexbanner_cir_c.indexbanner_cir_c_b a:after{
background-image:url(../images/hsimg2b.png);}
.indexbanner_cir_c.indexbanner_cir_c_b a:before{
background-image:url(../images/hsimg1b.png);}
.indexbanner_cir_c_play a:before{
width:1.3125em; height:2em; background-image:url(../images/img6.png);}
.indexbanner.index_4 .swiper-container-horizontal > .swiper-pagination-bullets, .indexbanner.index_4 .swiper-pagination-custom, .indexbanner.index_4 .swiper-pagination-fraction{
bottom:2vw;}
/**********product*********************/
.nybanner{
position:relative; width:100%; height:100vh;}
.nybanner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.mobilebanner{
display:none; width:100%;}
.nybanner_mask{
position:absolute; left:0; top:50%; width:100%; text-align:center; z-index:10; color:#fff;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);}
.nybanner_mask_1{
font-size:3em; letter-spacing:.15em;}	
.nybanner_mask_2{
font-size:1.5em; font-family:"Times New Roman", Times, serif; margin-top:1em;}
/*******************************/
#header .header_mid_left a img:nth-child(2){
display:none}
#header.cur{
background-color:#fff;}
#header.cur .header_mid_left a img:nth-child(2){
display:block}
#header.cur .header_mid_left a img:nth-child(1){
display:none}
#header.cur .header_mid_mid ul li a.biga,#header.cur .header_mid_right ul li a{
color:#000;}
#header.cur .header_mid_mid ul li a.biga,#header.cur .header_mid_right ul li{
padding:1.5em 0;}
#header.cur .header_mid_right ul li:nth-child(1) a{
background-image:url(../images/img1b.png);}
#header.cur.headroom--unpinned{
top:-100px;}
#header.cur .header_mid_mid ul li a.biga:after{
background-color:#000; display:none;}
@media screen and (max-width:1680px) {
.nybanner_mask_1{
font-size:2.5em;}
.nybanner_mask_2{
font-size:1.25em;}
.indexbanner_cir_c{
font-size:.75em;}
.indexbanner_jj{
font-size:3.5em;}
}
@media screen and (max-width:1368px) {
}
@media screen and (max-width:1200px) {
.header_mid_mid{
margin-left:18vw;}
}
	


@keyframes 
  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes 
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

@keyframes 
  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes 
  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
@media screen and (max-width:1024px) {
.indexbanner_cir_c{
font-size:.5em;}
.indexbanner .swiper-pagination-bullet{
font-size:.75em;}
.indexbanner_jj{
font-size:2.5em;}
	.header_mid{
	height:80px;}
	#header{
	background-color:#fff;}
	.header_mid_mid,.header_mid_right{
	display:none}
	#header .header_mid_left a img:nth-child(2){
display:block}
#header .header_mid_left a img:nth-child(1){
display:none}
}
@media screen and (max-width:950px) {
}
@media screen and (max-width:810px) {
.nybanner_mask_2{
font-size:1em;}
.nybanner_mask_1{
font-size:1.5em;}
.nybanner_bg{
display:none}
.nybanner{
height:auto}
.indexbanner_jj{
font-size:2em;}
	.banner_img_pc{
	display:none}
	.banner_img_mo{
	display:block}
	.banner_img{
	height:auto}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:550px) {
}
@media screen and (max-width:480px) {
.nybanner_mask_2{
font-size:.875em;}
.nybanner_mask_1{
font-size:1.125em;}
.indexbanner_cir_c{
font-size:.4em;}
.indexbanner .swiper-pagination-bullet{
font-size:.5em;}
.indexbanner_jj{
font-size:1.5em;}
.index_1_mid_left_1{
font-size:1.25em;}
.index_3_2{
font-size:1.125em;}
}
.indexbanner_cir_c a.job_hd_left_zb:before {
background-image:url(../images/img1.png);}
@media screen and (orientation: landscape) {
}

.index-titz { width:100%; background:rgba(255,255,255,.6); padding-top:200px;}
 
 .banner_img_pc { position:relative; width:100%; height:100%;}
 
 .banner_img_pc:before { position: absolute; width:100%; height:100%; content:" "; z-index:1; background:rgba(0,0,0,.4);}
 
  .banner_img_pc:after { position: absolute; width:300px; height:300px; top:20%; margin:0px auto; content:" "; z-index:1; 
  
   opacity:.4; border-radius:50%; left:39.5%;
  
 
  background-image: linear-gradient(to bottom, #eb5405,rgba(255,255,255,.0)); display:none;
  
  }
 
 
 .shipin { height:100vh;}
 
 
 
 
 
 
 .indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:4%; z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt{ animation: pulse 2s infinite;
position:relative; display:inline-block;}
 @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
  
  
.shubiao { width:100%; position:relative; height:50px; padding-top:20px;}







@media screen and (max-width: 1920px) and (min-width: 1441px)   {
	
	
.header_mid_mid{
margin-left:50% !important; margin-right:0px !important;}
.header_mid_mid ul li{
float:left; position:relative; margin-left:35px !important; margin-right:0px !important;}	
	
	}