﻿﻿@charset "utf-8";
/* CSS Document */
*{ font-family: "微软雅黑", microsoft yahei, "宋体"; margin:0; padding:0;}
body { background-color:#fff; color:#666; font-size:12px; font-family: "微软雅黑", microsoft yahei, "宋体"; position:relative; }
/* CSS reset for c_b */
table { border-collapse:collapse; border-spacing:0; }
table th, table td { padding:5px; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
ception, th { text-align:left; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
a { color:#666; text-decoration:none; }  /*for ie f6n.net*/
a:focus { outline:none; } /*for ff f6n.net*/
a:hover { text-decoration:none; color:#F2682a; }
/*定位*/
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.zoom { zoom:1 }
.hidden { visibility:hidden; }
.vam { vertical-align:middle; }
.clear { clear:both; height:0; line-height:0; font-size:0; }
p { word-spacing:-1.5px; }
 -moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
/*原reset*/
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;
}
input, select { vertical-align:middle; }
/*body{font:12px/1.231 arial,helvetica,clean,sans-serif;}*/
select, input, button, textarea, button { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; width:100%; border-collapse:collapse; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
/*title*/
h1 { font-size:32px; }
h2 { font-size:26px; }
h3 { font-size:20px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
.mt10 { margin-top:10px; }
/*可用布局类*/
.topadcs { width:100%; margin-top:76px; }
.topadcs a { display: block; height: 400px; width: 100%; }
.autoWidth { margin: 0 auto; min-width: 1000px; max-width: 1200px; _width: expression( (document.documentElement.clientWidth||document.body.clientWidth) < 1000 ? "1000px" : ((document.documentElement.clientWidth||document.body.clientWidth) > 1200 ? "1200px" : "") );
}
.about-index-wrap, .about-page { margin-top:40px; }
.Container { padding-bottom:40px; }
.auto { margin: 0 auto; min-width: 1000px; max-width: 1200px; _width: 1000px; }
.auto2 { margin: 0 auto; min-width: 1000px; max-width: 1380px; _width: 1000px; }
@media screen and (max-width: 1233px) {
 .auto {
 padding-left: 10px;
}
 .auto2 {
 padding-left: 10px;
}
}
.clearfix { *zoom: 1;
}
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.pull-right { float: right; }
.pull-left { float: left; }
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.affix { position: fixed; }
/* 可利用的功能类（工具类） */
.clear-float { clear: both; }
.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.default-font { font-family: "Microsoft Yahei"; }
/*header*/



/*footer*/
.footer { background-color: #009fd9; font-family: "Microsoft Yahei"; width:100%; }
.footer-floor1 { width: 100%; padding: 30px 0 30px 0; }
.footer-list { width: 69%; height: 100%; float: left; }
.footer-list ul { float: left; margin-right: 13%; }
.footer-list .flist-4 { margin-right: 0; }
.footer-list li { line-height: 32px; }
.footer-list li span { color: #b6e2f2; font-size: 12px; text-decoration: none; }
.footer-list li a { color: #b6e2f2; font-size: 12px; text-decoration: none; }
.footer-list li a:hover { text-decoration: underline; color: #fff; }
.footer-list .flist-title { font-size: 16px; color: #fff; margin-bottom: 15px; }
.footer-floor2 { width: 100%; margin-top: 30px; border-top: 1px solid #4cc3ed; padding: 30px 0; text-align: center; }
.footer-floor2 p { text-align: center; color: #b6e2f2; font-size: 12px; line-height: 30px; }
.footer-floor2 .link2 a { margin-right:10px; }
.footer-floor2 p span { font-family: 'PingFangSC-Light', 'helvetica neue', 'hiragino sans gb', 'tahoma', 'microsoft yahei ui', 'microsoft yahei', 'simsun', 'sans-serif'; }
.foot-link { margin: 0 15px; text-decoration: none; color: #b6e2f2; }
.foot-link:hover { text-decoration: underline; }
.footer-right { width: 300px; float: right }
.telephone { width: 100%; height: 32px; line-height: 32px; color: #fff; }
.telephone span { display: inline-block; width: 32px; height: 32px; float: left; background: url(../images/phone_32px.png); margin-left: 16%; }
.telephone .tel-number { font-size: 30px; font-weight: normal; text-align: right; }
.official-plat { width: 100%; height: 100%; margin-top: 20px; position: relative; margin-left: 30px;}
.official-plat ul { float: right; margin-top: 7px; }
.official-plat ul li span { display: inline-block; width: 32px; height: 32px; background: url(../images/plat_icon.png) no-repeat 0 0; line-height: 32px; float: left; margin-right: 12px; }
.official-plat ul li .qq-logo { background: url(../images/plat_icon.png) no-repeat -64px 0; }
.official-plat ul li { height: 45px; }
.official-plat ul a { display: inline-block; height: 32px; width: 100%; line-height: 32px; color: #fff; text-decoration: none; font-size: 12px; }
.official-plat > p { display: inline-block; width: 132px; height: 132px; border: 1px solid #dddddd; background-color: #fff; }
.official-plat .weixin { position: absolute; top: 0; left: 10px; background-image: url(../images/ewm_wx.jpg); background-repeat: no-repeat; background-size:cover; }
.official-plat .weibo { position: absolute; top: 0; left: 10px; background-image: url(../images/ewm_wx.jpg); background-repeat: no-repeat; background-position: -132px 0; display: none; }
#wx-corner { border: 10px solid transparent; border-left: 10px solid #fff; position: absolute; top: 12px; right: -20px; z-index: 10; *height: 0;
}
#wb-corner { border: 10px solid transparent; border-left: 10px solid #fff; position: absolute; top: 58px; right: -20px; z-index: 10; *height: 0;
}
.five-superiority { width: 100%; border-bottom: 1px solid #bbb8b8; padding: 20px 0; }
.five-superiority-list li { float: left; width: 19.9%; height: 36px; text-align: center; border-left: 1px solid #bbb8b8; }
.five-superiority-list li:first-child { border-left: none; }
.five-superiority-list li a { display: inline-block; position: relative; width: 100%; height: 36px; line-height: 36px; background: no-repeat 2% center; text-indent: 2em; color: #fff; font-size: 16px; }
.five-superiority-list li a:hover { color: #bfe7f5; }
.superiority-icon { position: absolute; width: 40px; height: 36px; left: 10%; background: no-repeat center; }
.compensate_ico .superiority-icon { background-image: url("../images/compensate_ico.png"); }
.retreat_ico .superiority-icon { background-image: url("../images/retreat_ico.png"); }
.technology_ico .superiority-icon { background-image: url("../images/technology_ico.png"); }
.prepare_ico .superiority-icon { background-image: url("../images/prepare_ico.png"); }
.service_ico .superiority-icon { background-image: url("../images/service_ico.png"); }
.compensate_ico:hover .superiority-icon { background-image: url("../images/compensate_ico_hover.png"); }
.retreat_ico:hover .superiority-icon { background-image: url("../images/retreat_ico_hover.png"); }
.technology_ico:hover .superiority-icon { background-image: url("../images/technology_ico_hover.png"); }
.prepare_ico:hover .superiority-icon { background-image: url("../images/prepare_ico_hover.png"); }
.service_ico:hover .superiority-icon { background-image: url("../images/service_ico_hover.png"); }
.marquee-box { overflow:hidden; width:100%; position: absolute; left: 0px; top: 0px; }
.marquee { width:8000%; height:86px; }
.wave-list-box { float:left; }
.wave-list-box ul { float:left; height:86px; overflow:hidden; zoom:1; }
.wave-list-box ul li { height:86px; width:100%; float:left; line-height:30px; list-style:none; }
.wave-box { position: relative; height: 68px; background: #fff; }
.wave1 { position: absolute; overflow:hidden; width: 100%; height: 68px; }
.wave2 { position: absolute; overflow:hidden; width: 100%; height: 68px; }
.marquee2 { position:absolute; top:0px; left:0px; width:100%; height:68px; overflow:hidden; }
.wave-list { position: relative; width: 100%; height: 68px; top: 0px; overflow: hidden; }
.wave-list li { float: left; }
.banner_bolang_bg_1 { display: inline-block; height: 68px; background: url("../images/wave_01.png") repeat-x; _background-image: url("../images/wave_01.png"); _filter: alpha(opacity=80); left: -236px; position: absolute; top: 0; width: 400%; z-index: 999; }
.banner_bolang_bg_2 { display: inline-block; height: 68px; background: url("../images/wave_02.png") repeat-x; _background-image: url("../images/wave_02.png"); _filter: alpha(opacity=80); left: -50px; position: absolute; top: 0; width: 400%; z-index: 998; }
.bottom .rprRow { padding:20px 0 15px 0; width:100%; background:rgba(23, 43, 77, 1); border-top:1px solid #bbb8b8; }
.bottom .rprRow .cpr { width:1200px; margin:0 auto; overflow:hidden; zoom:1 }
.bottom .rprRow .lpr { line-height:26px; color:#fff; font-size:12px; float:left; text-align:left; width:850px; }
.bottom .rprRow .lpr a { color:#fff; margin-left:10px; }
.bottom .rprRow .lpr img { margin-left:10px; }
.bottom .rprRow .lpr .beian { margin-left:0; }
.bottom .rprRow .rcp { float:right; overflow:hidden; zoom:1; width:340px; color:#fff; text-align:right; }
.bottom .rprRow .rcp a { display:block; width:50px; height:50px; overflow:hidden; float:right; margin:0 0 0 24px; cursor:pointer; transition:all linear .2s;
position:relative; left:0; top:0 }
.bottom .rprRow .rcp a img { display:block; width:50px; height:50px; position:absolute; left:0; top:0; visibility:visible; margin:0 auto; transition:all linear .2s;
opacity:1; filter:alpha(opacity = 100) }
.bottom .rprRow .rcp a .dis { visibility:hidden; opacity:0; filter:alpha(opacity = 0); }
.bottom .rprRow .rcp a:hover img { visibility:hidden; opacity:0; filter:alpha(opacity = 0) }
.bottom .rprRow .rcp a:hover img.dis { visibility:visible; opacity:1; filter:alpha(opacity = 100) }
/*footer end*/

/*about*/
.ab-div-title { height: 32px; line-height: 32px; font-size: 32px; color: #333; text-align: center; }
.ab-div-sub-title { margin: 30px 0 80px 0; font-size: 14px; line-height: 14px; text-align: center; color: #333; }
.pic-tit { position:relative; height:45px; margin-bottom:50px; }
.pic-tit em { font-style: normal; color:#ff8800; }
.pic-tit .s-font { font-size:12px; color:#999999; text-indent: 0; }
.pic-tit h2, .pic-tit em { font-size:28px; }
.pic-tit p, .pic-tit h2 { text-align: center; }
.pic-tit img { width:100%; }
.v-line { position:absolute; top:13px; width:100%; z-index: 0; border-bottom:#e9e9e9 solid 1px; }
.ab-tit { mix-width:142px; margin-left:-71px; position:absolute; top:-13px; *top:6px;
left:50%; background:#FFF; border:#FFF solid 6px; z-index: 5; }
.pic-tit em.f-normal { color:#000; }
.about-txt { width:1200px; margin:0 auto; overflow: hidden; margin-top:0px; margin-bottom:30px; }
.about-txt img { float: left; width:50%; }
.ab-txt-right { float: right; max-width:46.4%; }
.about-txt .ab-txt-tit { font-size: 20px; text-align: right; line-height: 20px; margin-bottom: 45px; }
.ab-txt-tit span { font-size: 12px; color:#E0E0E0; }
.about-txt p { font-size: 14px; color: #555; line-height: 24px; text-indent: 2em; text-align: justify; margin-bottom: 25px; }

.join .abox1 { 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-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:480px; background:url(../images/abox1_bg.jpg) no-repeat 50%; color:#fff }
.join .abox1 h1 { font-weight:700; font-size:60px }
.join .abox1 p { font-size:20px; padding-bottom:40px }
.join .abox1 a { width:140px; line-height:54px; font-size:16px; color:#00a2e9; background-color:#fff; margin-right:5px }
.join .abox1 a, .join .abox1 span { display:inline-block; vertical-align:middle; height:54px; text-align:center }
.join .abox1 span { width:230px; padding-left:30px; line-height:52px; border:1px solid #fff; font-size:22px; background:url(../images/tel.png) no-repeat 10px }
.join .abox2 { background:linear-gradient(#fff, #f4f2f7); padding-bottom:140px }
.join .abox2 ul { height:534px; background:url(/style/images/abox2_bg.jpg) no-repeat 50%; padding-left:570px; padding-top:95px; padding-right: 10px; }
.join .abox2 li { font-size:16px; position:relative; margin-bottom:60px }
.join .abox2 li i { width:34px; height:34px; border-radius:17px; background-color:#00a2e9; text-align:center; line-height:34px; font-size:20px; color:#fff; position:absolute; top:50%; margin-top:-17px; left:-50px; font-style:normal }
.join .abox3 { padding-bottom:60px }
.join .abox3 ul { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.join .abox3 li, .join .abox3 ul { display:-webkit-box; display:-ms-flexbox; display:flex; width:1250px; margin:0 auto; }
.join .abox3 li { width:280px; height:360px; padding-bottom:16px; border:1px solid #eee; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#666; background:#fff; }
.join .abox3 li img { margin-bottom:20px }
.join .abox3 li span { margin-bottom:12px; font-size:20px }
.join .abox4 img { display:block; margin:0 auto; max-width:100% }
.join .abox4 a { display:block; width:240px; height:50px; line-height:50px; text-align:center; color:#fff; background-image: linear-gradient(-90deg, #079cda, #0e6fb9);  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9");
transition:background-color .2s;
margin:57px auto 0; font-size:20px }
.join .abox4 a:hover { background-color:#1dbaff }
.join .abox5 { background-color:#f8f8fa; padding-bottom:65px }
.join .abox5 .flex { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between }
.join .abox5 .flex img { margin-bottom:20px }
.jbox1 .ibox1_list { overflow:hidden }
.jbox1 .ibox1_list li { float:left; margin-right: 18px; text-align:center; width:386px; height:298px; padding-top:37px; margin-bottom:18px; border:1px solid #eee }
 .jbox1 .ibox1_list li:nth-child(3n) {
 margin-right: 0px;
}
.jbox1 .ibox1_list li span { padding-bottom:10px }
.jbox1 .ibox1_list li p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:64px }
.jbox2 { margin-top:70px }
.jbox2_table table { width:100% }
.jbox2_table tr:first-child { border:1px solid #bdbdbd; border-bottom:0 }
.jbox2_table tbody tr { transition:background-color .2s
}
.jbox2_table tbody tr:hover { background-color:#f2f2f2 }
.jbox2_table th { color:#fff; font-weight:400; background-color:#00a2e9; font-size:20px; height:58px }
.jbox2_table td { border:1px solid #bdbdbd; height:58px; font-size:18px; color:#000; text-align:center }
.jbox3 { margin-top:60px }
.jbox3 .jbox3_form { border:1px solid #bdbdbd; overflow:hidden; height:470px }
.jbox3 .jbox3_form .fl { width:865px; height:100%; border-right:1px solid #bdbdbd }
.jbox3 .jbox3_form .fr { width:333px; padding:135px 80px 0; height:100%; line-height:24px }
.jbox3 .jbox3_l_top { text-align:center; padding-top:25px; padding-bottom:25px }
.jbox3 .jbox3_l_top img { margin-bottom:10px }
.jbox3 .jbox3_l_top p { line-height:22px }
.jbox3 .form_items { line-height:32px }
.jbox3 .form_items input[type=tel], .jbox3 .form_items input[type=text] { width:262px }
.jbox3 .form_items textarea { resize:none; margin-bottom:-10px }
.jbox3 .form_items input[type=submit] { width:125px; height:39px; line-height:39px; text-align:center; border:0; background-color:#00a2e9; color:#fff }
.jbox3 .jbox3_r_c { margin:20px 0 }
.jbox3 .jbox3_r_c a { display:block; border-radius:18px; background:#96cb11 url(../images/qq.png) no-repeat 20px; color:#fff; padding-left:55px; width:158px; margin:5px auto 0; height:36px; line-height:36px; text-align:center; text-align:left }
.jbox3 .jbox3_r_b { padding-left:60px; background:url(../images/jbox3_icon2.png) no-repeat 0 }
.jbox3 .jbox3_r_b span { color:#00a2e9 }

.itit h2{ text-align:center; font-size:26px; height:100px; line-height:100px;}

/*pages*/
.pages {
  height: 60px;
  padding: 20px 0 30px;
  width: 100%;
  clear: both;
}
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
}
.tcdPageCode li {
  display: inline;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #ff6f06;
  border: 1px solid #ff6f06;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  color: #ff6f06;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}