html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { margin: 0;text-align:left;font-size: 14px; background:#f8f8f8;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary { /* 1 */ display: block;}
audio,canvas,progress,video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
progress { vertical-align: baseline;}
template, /* 1 */[hidden] { display: none;}
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover { outline-width: 0;}
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
b,strong { font-weight: inherit;}
b,strong { font-weight: bolder;}
dfn { font-style: italic;}
h1 { font-size: 2em; margin: 0.67em 0;}
mark { background-color: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub { bottom: -0.25em;}
sup { top: -0.5em;}
img { border-style: none;}
svg:not(:root) { overflow: hidden;}
code,kbd,pre,samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
button,input,select,textarea { font: inherit; /* 1 */ margin: 0; /* 2 */}
optgroup { font-weight: bold;}
button,input { /* 1 */ overflow: visible;}
button,select { /* 1 */ text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] { -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border:0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
textarea { overflow: auto;}
[type="checkbox"],[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto;}
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-input-placeholder { color: inherit; opacity: 0.54;}
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
/* normalize.css½áÊø */
.clearfix { *zoom:1}
.clearfix:before,.clearfix:after { display:table; line-height:0; content:""}
.clearfix:after { clear:both}
p{margin: 0;}
img { width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li,.f-dlfl dt,.f-dlfl dd{float:left;display:inline}
.f-fr{float:right;display:inline}
a,a:visited{text-decoration:none;color:#2a2a2a;}
a:hover{transition:color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s; color: #1677FF;cursor: pointer;}
em{ font-style:normal;}
/* ȫվȫ¾ÖCSS²¿·Ö½áÊø */
*{ transition:color 100ms ease 0s, background 160ms ease 0s, border-color 160ms ease 0s;}
/* ¹«ÓÃÍ·²¿ */
.g-all {width: 100%;}
.g-w1200{ width:1170px; margin:0 auto; }
.m-top-top { height: 40px; border-bottom: 1px #dedede solid; background-color: #f9f9f9; }
.m-top-top span.f-fl { line-height: 39px }
.m-top-top a { margin:0 10px; float: right; line-height: 39px; }
.m-top-top i { float: right;line-height: 36px; color: #aaa }
.m-top-logo { background-color: #fff; height: 90px; }
.m-top-logo span.f-fl { margin:15px 0 0 0; }
.m-top-logo .m-search { border:3px #1677FF solid; margin: 17px 0 0 0 }
.m-top-logo .m-search i{ width: 60px; height: 34px;line-height: 34px; color: #919191; text-align: center; font-style:normal; font-size: 12px; display: none}
.m-top-logo .m-search input {width: 460px;height: 34px;line-height: 34px;text-indent: 10px;background: #fff;margin: 0;padding: 0;border:none;font-size: 12px}
.m-top-logo .m-search input:focus { border:none;outline: 0;}
.m-top-logo .m-search .m-ssbtn{ width: 97px; height: 34px; line-height: 34px;color: #fff; background-color: #1677FF; text-align: center; font-size: 16px; }
.m-top-logo .m-hotsearch { height: 34px; line-height: 34px; overflow: hidden; }
.m-top-logo .m-hotsearch span{ color: #a9afbc }
.m-top-logo .m-hotsearch a{ margin-right: 10px; }
.m-top-logo .m-hotsearch a.m-hot { color: #1677FF }
.g-nav1 { background-color: #1677FF; position: relative; }
.g-nav1 ul li { margin-right: 3px}
.g-nav1 ul li a{ display:block; width: 90px; height: 49px; line-height: 49px;border-top: 3px #1677FF solid; text-align: center; font-size: 18px; color: #fff}
.g-nav1 ul li a:hover,.g-nav1 ul li.m-hover a { background-color: #f8f8f8; color: #1677FF; border-top-left-radius: 8px;border-top-right-radius: 8px; }
.g-nav1 ul li.m-hover a { font-weight: 800}
.g-nav2 { background-color: #fff; }
.g-nav2 p { border:1px #1677FF solid;border-top: none ; text-align: center; height: 39px; line-height: 39px; overflow: hidden;}
.g-nav2 p a { margin: 0 20px; }
.g-nav2 p a.m-hover { color: #1677FF; font-weight: bold; }
body .m-nav-float { position:fixed; left: 0;top: 0; z-index: 99;box-shadow:0px 2px 3px 0px rgba(126, 126, 126, 0.3)}
.g-divbg { background:#fff; width:1168px; border:1px #dbdbdb solid; margin-bottom: 13px;}
.m-divbg { background:#fff; border:1px #dbdbdb solid; margin-bottom: 12px;}
.container {
width: 1170px\0;
*width: 1170px;
width: 1170px;
margin: auto;
}
.g-weizhi {font-size: 14px; height: 42px ; line-height: 42px; padding-left: 30px; background: url(../images/wz.png) no-repeat 2px center; color: #898989; width: 1150px; }
.g-weizhi a { color:#898989 }
.g-weizhi a:hover { color:#1677FF }
/* µ×²¿°æȨ */
.g_foot { background:#fbfbfb; border-top:1px solid #cecece; text-align:center; font-size:12px; padding:10px 0; margin:0px 0 0 0; line-height:24px; color: #666}
.g_foot p { text-align:center;}
.g_foot a { font-size:12px; color:#333}
.g_foot b,.g_foot span { color:#F00}
/* µ±Ç°Î»Öà */
.g-location { height: 42px; line-height: 42px; }
.g-location span { margin-right: 5px; }
/* ·µ»Ø¶¥²¿ ¹ö¶¯¼àÌý */
.g-float{ width:60px; height:auto;position:fixed;bottom:10px;left:50%;cursor:pointer;margin-left:610px;z-index:100;}
.g-float a{ width:100%; height:60px; margin:1px 0 0 0; display:block; overflow:hidden;}
.g-float #m-top-back{ height:0px; background:url(../images/gotopb.gif) no-repeat;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2; float:left; display:block; overflow:hidden}
.g-float #m-top-back:hover {background-position:-60px 0;}
.g-foot { background-color: #333; border-top: 5px #1677FF solid ;padding-bottom:20px;}
.g-foot div{ text-align: center; }
.g-foot div p{ line-height: 30px; color: #666 }
.g-foot div p span { margin:0 10px; }
.g-foot div p a{ color: #666 }
.g-foot div p a:hover{ color: #1677FF }
/* ĬÈÏ·ÖÒ³ */
.m-page { overflow: hidden; }
.m-page .tspage{ width:100%; height:54px; background:none; text-align:center; display:block; overflow:hidden}
.m-page .tspage .tsp_count{ display:none}
.m-page .tspage .tsp_change{ display:none}
.m-page .tspage .tsp_nav{ width:100%; height:auto; text-align:center; display:inline-block; overflow:hidden}
.m-page .tspage .tsp_nav i {display:none}
.m-page .tspage .tsp_nav a i{ width:auto; height:25px; padding:0 15px; line-height:25px; font-size:14px; font-weight:normal; color:#333; margin:10px 0 0 10px; display:inline-block; overflow:hidden; }
.m-page .tspage .tsp_nav b{ width:auto; height:25px; padding:0 12px; line-height:25px; font-size:14px; font-weight:normal; background:#1677FF; color:#fff; margin:10px 0 0 10px; display:inline-block; overflow:hidden; }
.m-page .tspage .tsp_nav a{ width:auto; height:25px; padding:0 10px; line-height:25px; font-size:14px; font-weight:normal; color:#555; margin:10px 0 0 10px; display:inline-block; overflow:hidden; background-color: #e9e9e9; }
.m-page .tspage .tsp_nav a i{ margin:0; padding:0}
.m-page .tspage .tsp_nav a:hover{ background:#1677FF; color:#fff;text-decoration: none}
.m-page .tspage .tsp_nav a:hover i{color:#fff;}
/*²¨ÀËЧ¹û*/
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(0.55)
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
@-webkit-keyframes move_wave {
0% {
-webkit-transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
-webkit-transform: translateX(-25%) translateZ(0) scaleY(1)
}
100% {
-webkit-transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.canvas-wave{ position: absolute; height: 37px; width: 100%; display: inline-block;}
.waveWrapper { *display: none; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 80px; margin: auto; transform: rotate(180deg); -webkit-transform:rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); border-radius: 4px;}
.waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height: 50px; padding-top: 1px; background-color: #1677FF;}
.bgTop { z-index: 15; opacity: 0.5;}
.bgMiddle { z-index: 10; opacity: 0.75;}
.bgBottom { z-index: 5;}
.wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveTop { background-size: 50% 100px;}
.waveMiddle { background-size: 50% 120px;}
.waveAnimation .waveTop { animation: move_wave 5s linear infinite; -webkit-animation: move_wave 5s linear infinite;}
.waveAnimation .waveMiddle { animation: move_wave 13s linear infinite; -webkit-animation: move_wave 13s linear infinite;}
.waveBottom { background-size: 50% 100px;}
.waveAnimation .waveBottom { animation: move_wave 20s linear infinite; -webkit-animation: move_wave 20s linear infinite;}
.wave-main{ height: 50px; position: absolute; bottom: -50px;}
/*²¨ÀË*/
.bolang-wave{ position: absolute; top:130px; left: 0; width: 100%;}
.h5_nav{ width:100%; float:left; height:70px; line-height:30px; background:#1677FF;}
.h5_nav li{width:130px; float:left; text-align:center}
.h5_nav li a{display:block; font-size:16px; color:#fff; width: 110px; margin-top: 24px; height: 34px; line-height: 34px; box-sizing: border-box;}
.h5_nav li:hover a{ background:white; text-decoration:none;color: #1677FF; border-radius: 20px;}
.h5_nav li.on a{ background:white; text-decoration:none;color: #1677FF; border-radius: 20px; box-shadow: 0px 4px 8px 0px rgba(92, 206, 255, 0.59);}
.waveTop {background-image: url('../images/wave-top.png')}
.waveMiddle {background-image: url('../images/wave-mid.png')}
.waveBottom {background-image: url('../images/wave-bot.png')}
.footer{height:auto;width:100%;padding:20px 0;background-color:#28282a;text-align:center;color:#666;}
.footer .ft_sc{line-height:24px;font-size:14px;}
.footer .ft_sc a{padding:0 6px; color:#666;}
.g-gotop { width: 40px; height: 40px; position: fixed; left: 50%; bottom: 10px; margin-left: 585px;display: none; }
.g-gotop p a.gotop { display: block; width: 40px; height: 40px; background-color: #3f3f3f; background-position: -2px -235px;}
.g-gotop p a.gotop:hover { background-color: #000;}
.g-foot { height: 130px; text-align: center; background-color: #28282A; padding-top: 20px;}
.g-foot section p{ color: #555; line-height: 30px;}
.g-foot section p a{ color: #555; margin: 0 5px}
.fr {
float: right;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.ul-pic1 li img{
border-radius:12px;
}
/*icon*/
.icon_180{
position:relative;
width:180px;
height:180px;
margin: 29px 17px 0 25px;
overflow: hidden;
border-radius: 40px;
}
.icons_180{
position:absolute;
top:0;
left:0;
}
.g-box-left .m-down-introduction .icon_180 .u-down-img{
margin:0;
}
.icon_80,.icon_90{
position:relative;
}
.icons_80{
position:absolute;
width:80px;
height:80px;
top:0;
left:0;
}
.icons_90{
position:absolute;
width:90px;
height:90px;
top:0;
left:0;
}
.m-top-logo .g-w1200 .f-fl img{
height: 66px;
}