@charset "utf-8";
* { -ms-word-wrap: break-word; word-wrap: break-word; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0;}
ul, ol, dl { list-style-type: none; }
html, body { *position: static; }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; font-size: 12px; color: #363636; -webkit-font-smoothing: antialiased; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button { overflow: visible; vertical-align: middle; outline: none; }
a, area { outline: none; blr: expression(this.onFocus=this.blur()); }
a { text-decoration: none; cursor: pointer;}
/*a:link{color:#333;}*/
/*a:hover{text-decoration:underline;outline:none}*/
/*a:focus{outline:none}*/
/*a:hover,a:active{outline:none}:focus{outline:none}*/
/*img*/
img { border: 0; vertical-align: middle; }
a img, img { -ms-interpolation-mode: bicubic; }
.img-responsive { max-width: 100%; height: auto; }
/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; }
time { display: inline; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
/*兼容 ie7以上*/
html > body input[type="number"]::-webkit-inner-spin-button, html > body input[type="number"]::-webkit-outer-spin-button { height: auto; }
/*input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }*/
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after, .clearfix:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl, .clearfix { zoom: 1; }
/*
*超出显示省略
*/
.ellipsis { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis-2 { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: break-word; }
.alerCon { height: 0.9rem; line-height: 0.9rem; padding: 0 0.56rem; font-size: 0.28rem; color: #FFF; background-color: #202020; border-radius: 0.5rem; position: fixed; top: 50%; left: 50%; z-index: 99999999; }

header{ width: 100%; border-bottom: 1px solid #e1e1e1;}
header .head-con{ width: 1200px; height: 90px; padding: 0 40px 0 49px; margin: 0 auto;}
header img{ width: 371px; height: 64px; float: left; margin-top: 14px;}
header a{ padding: 0 6px; line-height: 90px; font-size: 18px; color: #666; float: right; margin-left: 32px;}
header a:nth-child(1){ float: left; margin-left: 0;}
header .head-curr{ color: #6da3fa;}

.service{ width: 1100px; height: 190px; text-align: center; margin: 28px auto;}
.serv-fl{ width: 298px; color: #464646; float: left; margin-right: 240px;}
.serv-fl i{ line-height: 26px; font-size: 16px; font-style: normal;}
.serv-fl p{ line-height: 38px; font-size: 30px; font-family: "华文细黑", "Microsoft YaHei", "微软雅黑", sans-serif; color: #393333; margin-top: 16px;}
.serv-fl span{ line-height: 32px; font-size: 18px;}
.serv-fl samp{ width: 125px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #636363; border: 1px solid #acacac; display: block; margin: 27px auto 0 auto; cursor: pointer;}
.serv-code{ width: 257px; height: 190px; border-left: 1px solid #e9e9e9; float: left;}
.serv-code i{ line-height: 26px; font-size: 16px; font-style: normal;}
.serv-code img{ width: 104px; height: 104px; margin: 22px auto 0 auto; display: block;}
.serv-code span{ line-height: 36px; font-size: 14px; color: #d44545;}

footer{ height: 160px; padding-top: 15px; background-color: #010e38;}
.bot-con{ width: 1200px; text-align: center; margin: 0 auto;}
.bot-con p{ line-height: 50px;}
.bot-con p a{ font-size: 16px; color: #dddee0;}
.bot-con p span{ font-size: 16px; color: #303f5e; margin: 0 12px;}
.bot-serve{ height: 54px; line-height: 54px;}
.bot-serve span{ font-size: 16px; color: #dddee0; margin: 0 15px;}
.bot-serve span a{ color: #dddee0;}
.bot-con > span{ line-height: 40px; font-size: 14px; color: #dddee0;}
.bot-con > span a{ color: #dddee0;}

/*右边悬浮客服*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:200px;z-index: 9;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;position:relative;-moz-transition:background-position 0.5s;-ms-transition:background-position 0.5s;-o-moz-transition:background-position 0.5s;-webkit-moz-transition:background-position 0.5s;transition:background-position 0.5s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-feedback{background-position:0 -204px;}
/*.toolbar-item-feedback:hover{background-position:0 -488px;}*/
.toolbar-item-app{background-position:0 -331px;}
/*.toolbar-item-app:hover{background-position:0 -612px;}*/
.toolbar-item-app .toolbar-layer{height:174px;background-position:0 0;}
.toolbar-item-top{background-position:0 -454px;display:none}
/*.toolbar-item-top:hover{background-position:0 -736px;}*/
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}