@charset "utf-8";
@font-face {font-family: 'heliosextthinregular';src: url('font/he_eth_-webfont.eot');src: url('font/he_eth_-webfont.eot?#iefix') format('embedded-opentype'),url('font/he_eth_-webfont.woff') format('woff'),url('font/he_eth_-webfont.ttf') format('truetype'),url('font/he_eth_-webfont.svg#heliosextthinregular') format('svg');font-weight: normal;font-style: normal;}

* { margin: 0; padding: 0 }
ul li { list-style: none }
a { text-decoration: none; transition: all .1s linear }
img { border: none;float: none; }
input, textarea { outline: 0; border: none; background: 0 0; font-size: 14px; font-family: HELVETICANEUELTPRO-THEX, Arial, "΢���ź�"; -webkit-appearance: none }
.clear { clear: both }.clearfix:after { clear: both; display: block; content: '' }.clearfix { zoom: 1 }.fl { float: left }.fr { float: right }.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
body, html { width: 100%; height: 100%; background: #fff; color: #444; font: 9pt Arial, "΢���ź�"; font-family:  "΢���ź�"; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; overflow-scrolling: touch }
.fw { margin: 0 auto; width: 885pt }
body { overflow-x: hidden }
body { min-width: 885pt }
.bx-sliderCount, a, a i { color: #999 }
a.active, a:hover { color: #e40807 }
em{font-style:normal}





.toptel { float: right; margin-right: 40px; }
.toptel a { padding: 0 24px; margin-top: 6px; color: #fff; background-color: #46be8a; line-height: 32px; display: inline-block; font-size: 16px; font-weight:bold; }


.pro {display: inline-block;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}








/*contact*/
#contact{ padding: 60px 5px 100px 5px;background-color: #f8f8f8;position: relative; }
#contact .ctitle { margin: 0 auto; margin-bottom:40px; max-width:90%;color: #d6d3d3; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none }
#contact ul { max-width: 80%; margin:0 auto;}
#contact .c_title { padding: 0; float: left; margin-right: 20px; width: 15%; min-width:110px; margin-top:-5px;}
#contact .c_title p.title{ font-size:26px;line-height:40px;}
#contact .c_title p.titleen{ font-size:14px; color:#999999; line-height:30px;}
#contact ul:after { clear: both; display: block; content: '' }
#contact .c_right { position: relative; float: left; max-width: 80%; }
#c_info:after { clear: both; display: block; content: '' }
#c_info h5 { margin-bottom: 25px; color: #000; font-weight: 100; font-size: 1pc; line-height: 24px }
#contact #c_info p { float: left; margin-top: 14px; padding-right: 60px; width:30%; min-width: 290px; height: auto; color: #666; font-size: 12px; line-height: inherit;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
#contact #c_info div { position: absolute; right: 0px; margin-top: 20px ;}
#contact #c_info div p { position: absolute; top: -46px; left: 0; overflow: hidden; height: 20px; color: #9c9c9c;  font-size: 14px; line-height: 20px }
#contact #c_info div  { margin-right: 10px; top:-16px; width: 150px; height: 150px; border: 1px solid hsla(0,0%,100%,.07); border-radius: 0; background-color: transparent; color: #9b9b9b; font-size: 1pc }


#links { position: relative; padding: 11px 0px; height: 24px; background-color: #f6f6f6; border-top:1px dashed #ccc; width: 100%; }
#links p { height: 24px; color: #9e9e9e; text-align: left; line-height: 24px; max-width:90%; margin:0 auto;}
#links p  span{ padding-right:15px; color:#333333; }
#links p  a{ padding-right:15px;color:#9e9e9e;}
#links p  a:hover{ padding-right:15px;color:#333;}

#footer { position: relative; padding: 11px 0px; height: 24px; border-color: #e9e9e9; background-color: #f0f0f0; width: 100%; }
#footer p { height: 24px; color: #333; text-align: right; line-height: 24px; max-width:90%; margin:0 auto; }
#footer p span.ellipsis { display: inline; max-width: 70% }
#footer p a{ color: #9e9e9e; padding-left:15px; }
#footer p a:hover{ color: #333; padding-left:15px; }



/* CSS 404 */
#404main{width:100%; background:#fff; margin:0 auto; display:block; height:auto;position: relative;}
.page404{padding-top:100px; background:url(../images/bg.gif); position: relative; }
.img404{ width:605px;height:175px; background:url(../images/404.png) no-repeat center; margin:0 auto;}
.btn404{ width:605px;padding-bottom:149px;margin:0 auto;}

.zfgo404{width:103px;height:31px;line-height:31px;color:#fff;font-weight:bold; cursor:pointer; text-align:center; background:#42b8f1; display:block; float:left;margin-right:13px; margin-left:260px; font-size:14px;}
.zfgo404{width:136px;}
.zfgo404:hover{color:#fff; background:#505050;}



 @-webkit-keyframes navFixed {  0% {
 -webkit-transform:translateY(-100%)
}
to { -webkit-transform: translateY(0) }
}
 @keyframes navFixed {  0% {
 transform:translateY(-100%)
}
to { transform: translateY(0) }
}


 @-webkit-keyframes bouncedelay {  0%, 80%, to {
 -webkit-transform:scale(0)
}
 40% {
 -webkit-transform:scale(1)
}
}
 @keyframes bouncedelay {  0%, 80%, to {
 -webkit-transform:scale(0);
 transform:scale(0)
}
 40% {
 -webkit-transform:scale(1);
 transform:scale(1)
}
}

::-webkit-scrollbar-track-piece {
 width:10px;
 background-color:#f0f0f0
}

::-webkit-scrollbar {
 width:10px;
 background-color:#666
}

::-webkit-scrollbar-thumb {
 width:10px;
 background-color:#666
}


::-webkit-scrollbar-thumb:hover {
 width:10px;
 background-color:#666
}