/* 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{
    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-size:1em/1.3;   font-family: Arial, "微软雅黑";
	-webkit-text-size-adjust: 100% !important; 
}


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:#00a1e9;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 


::-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 */


/*********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:31.52083333333333vw; margin-right:115px;}
.header_mid_mid ul li{
float:left; position:relative; margin-right:3.33333333333333vw;}



/*hhhhhhh s*/
        .header_mid_mid ul li dl{ display:none;   padding:0.4em 0; 
 position:absolute; left:-90px; width:250px; height:calc(100vh - 100px); background-color:#FFF; z-index:666} 
            .hasxiamid_1{
color:#000; font-size:1em; font-family:Times New Roman; padding-left:70px;}
.hasxiamid_2{
font-size:1.5em; color:#00a1e9;padding-left:70px; padding-bottom:20px;}
.hasxiamid_3{
margin-top:1.5em; padding-bottom:1.5em;padding-left:70px;}
.hasxiamid_3 p{
margin:0.2em 0;}
.hasxiamid{
margin-top:20px;}
 
 
 .bodymenu #header{
background-color:#000;}
.hasxiamid_3 p a{
display:inline-block; position:relative; padding:0.3em 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:#000; 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:17px; 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;}
.header_mid_mid ul li:hover a.biga:after{
width:100%;}
.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:650px; top:70px;}
.banner_img_pc{
position:absolute; left:0; top:0; width:100%; height:650px; 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:26%; z-index:10;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); color:#fff; font-size:4.5em; }


.indexbanner_jj_mid{
margin:0 3.64583333333333%;}
.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);}

}


/*******************************/
#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;}


.mobile-inner-nav{
	background-color:#fff;
	width: 100%;
	position:fixed; z-index:100;
	top: 80px;
	height: calc(100vh - 80px);
	left: 0px;
	 
	display: none;
}