/* 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: "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;
}  
  @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 
 

body{
    font:1em/1.3 "AlibabaPuHuiTi-2-45-Light";   
	-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: "AlibabaPuHuiTi-2-45-Light";
}
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:#000;
}
a{
    color:inherit;
	color:#000;  
    text-decoration: none; 
}
a:hover  {
    color:#000;    
    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; } 
.banner{
position:relative; height:100vh; overflow:hidden;}
.banner img.bg{display:block;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-animation:sbig-557cf236 5s linear forwards;animation:sbig-557cf236 5s linear forwards}
@-webkit-keyframes sbig-557cf236{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:blur(0);filter:blur(0)}}
@keyframes sbig-557cf236{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(5px);filter:blur(5px)}to{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:blur(0);filter:blur(0)}}
.banner_1{
position:absolute; z-index:10; left:0; width:100%; text-align:center; top:18%;}
.banner_1 img{
max-width:50%;}
.footer{ font-size:.875em;
position:absolute; left:0; z-index:10; width:100%; color:#fff; bottom:20px;}
.footer a{
color:#fff;}
.footermid_left{
float:left;}
.footermid_right{
float:right}
.footermid{
margin:0 2.91666666666667%;}
.logo{
position:absolute; left:2.91666666666667%; z-index:10; top:23px;}
.bannerlogo{
position:absolute; left:0; z-index:10; width:100%; bottom:60px;}
.bannerlogo ul{  
margin:0 auto; max-width:975px;}
.bannerlogo ul li{
float:left; width:33.333333%; text-align:center; color:#fff;}
.bannerlogo ul li a{
display:block; position:relative; height:80px;  }
.bannerlogo ul li a img{point-events:none; 
position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);-webkit-transition:all .6s;transition:all .6s;}
.bannerlogo ul li a:hover img{
opacity:0;-webkit-transform:translate(-50%, 80px);transform:translate(-50%, 80px)} 
.bannerlogo ul li a:before {
 content:"";
 width:100%;
 background-color:#000;
 opacity:.62;
 position:absolute;
 left:0;
 top:0;
 height:100%;
 transform-origin:100%;
 -webkit-transform-origin:100%;
 -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);
 transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);
 transition:transform .4s cubic-bezier(.4,0,.2,1);
 transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);
 -webkit-transform:scaleX(0);
 visibility:hidden\9;
 z-index:-1
}
.bannerlogo ul li a:hover:before {
 transform:scaleX(1);
 -webkit-transform:scaleX(1);
 -moz-transform:scaleX(1);
 transform-origin:0;
 -webkit-transform-origin:0;
 visibility:visible\9
}
.bannerlogo ul li a .intro{point-events:none;  font-size:1.25em;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;-webkit-transition:all .6s;transition:all .6s;z-index:10000;opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)} 
.bannerlogo ul li a:hover .intro{
opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 
@media screen and (max-width:1024px) {
	.banner img.bg{
	height:100vh;}
} 
@media screen and (max-width:640px) {
.logo img{
height:35px;}
.banner_1 img{
max-width:94%;} 
.footermid_left,.footermid_right{
width:100%; text-align:center; line-height:1.8;}
.bannerlogo ul li a .intro{
font-size:.875em;}
.bannerlogo ul li a img{
height:28px;} 
.bannerlogo ul li a{
height:60px;} 
.bannerlogo ul{
max-width:none; margin:0 2.91666666666667%} 
.footer{
bottom:1em;}
.logo{
top:1em;} 
}