@charset "UTF-8";
/*! 全局 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, button, textarea, p, blockquote, th, td, form, pre { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "Microsoft YaHei UI,微软雅黑,Helvetica"; }

li { list-style: none; }

a { text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

a:hover { text-decoration: none; }

a:active { outline: 0; }

img { display: inline-block; border: none; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3 { font-weight: 400; }

h4, h5, h6 { font-size: 100%; font-weight: 400; }

button, input, select, textarea { font-size: 100%; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }

pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.clear { clear: both; }

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*! 背景 */
.bg-red { background: #F00; }

.bg-orange { background: #F90; }

.bg-yellow { background: #ffd800; }

.bg-green { background: #093; }

.bg-cyan { background: #269465; }

.bg-blue { background: #039; }

.bg-violet { background: #80007e; }

.bg-pink { background: #F6C; }

.bg-gray { background: #ddd; }

.bg-white { background: #fff; }

/*! 文本 */
.text-red { color: #F00; }

.text-orange { color: #F90; }

.text-yellow { color: #ffd800; }

.text-green { color: #093; }

.text-cyan { color: #269465; }

.text-blue { color: #039; }

.text-violet { color: #80007e; }

.text-pink { color: #F6C; }

.text-gray { color: #ddd; }

.text-white { color: #fff; }

/*! 排版 */
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.float-left { float: left; }

.float-right { float: right; }

/*! PC端 */
@media screen and (min-width: 960px) { .field { clear: both; margin: auto; width: 1200px; }
  .pc { display: block; }
  .mobile { display: none; }
  .btsolid { border-top: 1px solid #ddd; }
  .header-pc { clear: both; position: absolute; top: 0; width: 99.1%; height: 100px; background: #fff; z-index: 999; }
  .header-pc .logo { float: left; padding-top: 20px; width: 182px; height: 52px; line-height: 52px; }
  .header-pc .logo img { width: 182px; height: 52px; }
  .header-pc .nav { float: left; font-size: 0; padding-left: 200px; width: 820px; height: 100px; line-height: 100px; }
  .header-pc .nav a { position: relative; display: inline-block; width: 100px; height: 100px; line-height: 100px; color: #282828; text-align: center; font-size: 16px; z-index: 9; }
  .header-pc .nav .activate { color: #fff; background: #1e4fb1; }
  .header-pc .nav .ui-nav-bar { position: absolute; width: 120px; height: 100px; }
  .header-pc .service { float: right; text-align: right; width: 100px; height: 100px; margin-right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .header-pc .service .tit { margin-top: 25px; display: block; line-height: 25px; color: #1f4fb1; font-size: 16px; }
  .header-pc .service .txt { display: block; color: #888; font-size: 14px; }
  .subnav-pc { position: absolute; display: none; top: 100px; left: 0; right: 0; width: 100%; height: 350px; background: #f4f4f4; z-index: 99; }
  .subnav-pc .navSolution { overflow: hidden; height: 350px; }
  .subnav-pc .navSolution ul { padding-top: 30px; }
  .subnav-pc .navSolution ul li { float: left; padding-left: 20px; }
  .subnav-pc .navSolution ul li:nth-child(1) { width: 400px; height: 35px; line-height: 35px; }
  .subnav-pc .navSolution ul li:nth-child(2) { width: 280px; height: 290px; line-height: 35px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
  .subnav-pc .navSolution ul li:nth-child(3) { width: 280px; height: 35px; line-height: 35px; }
  .subnav-pc .navSolution ul li .typeName { display: block; padding-left: 15px; font-size: 16px; color: #a8a8a8; width: auto; height: 40px; line-height: 40px; }
  .subnav-pc .navSolution ul li .link { display: block; margin-right: 20px; padding-left: 15px; padding-right: 15px; color: #444; font-size: 14px; }
  .subnav-pc .navSolution ul li .link:hover { color: #1e4fb1; }
  .subnav-pc .navSolutionFooter { clear: both; height: 200px; }
  .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; }
  .ui-tab { width: 100%; height: 100px; line-height: 100px; background: #eee; text-align: center; }
  .ui-tab .item { display: inline-block; padding-right: 40px; font-size: 20px; color: #313131; }
  .ui-tab .item:hover { color: #1e4fb1; }
  .ui-tab .current { color: #1E4FB1; }
  .hasheader { padding-top: 100px; }
  /*! 面包屑 */
  .ui-crumbs { height: 50px; line-height: 50px; font-size: 16px; margin-top: 15px; margin-bottom: 30px; }
  .ui-crumbs .line { margin: auto 10px; }
  .ui-crumbs a { color: #282828; }
  .ui-crumbs a:hover { color: #f60; }
  /*! 面板 */
  .pannel .pannel-header { display: block; width: 100%; height: 50px; line-height: 50px; color: #1E4FB1; font-size: 36px; font-weight: 400; text-align: center; }
  .pannel .pannel-header .more { float: right; color: #1E4FB1; font-size: 14px; }
  .pannel .pannel-body { display: block; }
  /*! 内容块 */
  .content-block .block-header { width: 100%; height: 70px; line-height: 70px; background: #1E4FB1; }
  .content-block .block-header .txt { padding-left: 45px; font-size: 28px; font-weight: bold; color: #fff; }
  .content-block .block-body { padding-left: 15px; padding-right: 15px; padding-top: 35px; padding-bottom: 35px; line-height: 25px; color: #313131; }
  /*! 翻页 */
  .pageitems { margin-top: 30px; padding-top: 30px; font-size: 16px; }
  .pageitems .tleft a, .pageitems .tright a { color: #000; }
  .pageitems .tleft a:hover, .pageitems .tright a:hover { color: #1e4fb1; }
  /*! 详情页右边列表 */
  .detail-list { float: right; width: 240px; background: #f5f5f5; }
  .detail-list .list-line { padding-top: 20px; border-top: 20px solid #fff; }
  .detail-list .list-header { display: block; margin: 15px auto; text-align: center; }
  .detail-list .list-header .txt { margin-right: 40px; width: 79px; font-size: 20px; }
  .detail-list .list-header .more { color: #7D7D7D; font-size: 16px; }
  .detail-list .items .item { display: block; margin-bottom: 30px; text-align: center; }
  .detail-list .items .item .pic { display: block; margin: auto; width: 180px; height: 180px; }
  .detail-list .items .item .pic img { width: 100%; height: 100%; }
  .detail-list .items .item .title { display: block; margin: auto; width: 150px; height: 30px; line-height: 40px; white-space: nowrap; /*不允许换行*/ overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*文本超出三点代替*/ color: #313131; }
  .detail-list .news .item { display: block; margin: 20px auto; width: 90%; padding-bottom: 10px; line-height: 20px; border-bottom: 1px dashed #ddd; color: #222; font-size: 14px; }
  /*! 友情链接 */
  .friend { margin-top: 100px; height: 90px; line-height: 90px; background: #2C2E32; }
  .friend .tit { float: left; height: 90px; line-height: 90px; font-size: 18px; color: #757B82; font-weight: 400; }
  .friend .items { width: 1000px; padding-left: 60px; }
  .friend .items .item { display: inline-block; overflow: hidden; max-width: 160px; text-align: center; color: #757B82; margin-right: 20px; font-size: 14px; }
  .friend .items .item:hover { color: #fff; }
  .pre-next { clear: both; padding-top: 50px; padding-bottom: 80px; border-top: 1px solid #ddd; }
  .pre-next .pre { float: left; overflow: hidden; width: 45%; height: 35px; line-height: 35px; }
  .pre-next .pre a { color: #313131; }
  .pre-next .next { float: right; overflow: hidden; width: 45%; height: 35px; line-height: 35px; text-align: right; }
  .pre-next .next a { color: #313131; }
  .footer { clear: both; padding-top: 20px; height: 210px; background: #1D1F21; color: #fff; text-align: center; }
  .footer .qrcode { float: left; }
  .footer .qrcode img { margin-top: 30px; }
  .footer .qrcode .txt { display: block; width: 100px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; }
  .footer .service { float: left; padding-top: 20px; margin-left: 40px; text-align: left; }
  .footer .service .phone { display: block; padding-top: 15px; padding-left: 60px; height: 70px; background: url(/images/icon/phone-1.png) left no-repeat; background-size: 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .footer .service .phone .txt { display: block; }
  .footer .service .phone .tit { font-size: 14px; }
  .footer .service .phone .val { font-family: Arial-BoldMT; font-size: 24px; font-weight: bold; }
  .footer .service .contact { display: block; margin-top: 10px; line-height: 25px; font-size: 14px; color: #71777E; }
  .footer .copyright { float: right; padding-top: 65px; }
  .footer .copyright span { display: block; padding-right: 40px; line-height: 30px; text-align: right; color: #71777E; font-size: 14px; }
  .footer .copyright span a { color: #71777E; }
  #gbook { position: fixed; left: 0; bottom: -6px; width: 300px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.36); box-shadow: 0 0 10px rgba(0, 0, 0, 0.36); border-top-right-radius: 10px; z-index: 999; }
  #gbook .gheader { display: block; padding-left: 10px; height: 35px; line-height: 35px; background: #1e4fb1; color: #fff; border-top-right-radius: 10px; }
  #gbook .gheader .btnClose { float: right; width: 40px; text-align: center; cursor: pointer; font-weight: bold; }
  #gbook .gheader .btnClose:hover { background: #dc1825; border-top-right-radius: 10px; }
  #gbook iframe { width: 100%; height: 420px; border: 0; }
  .pb10 { padding-bottom: 10px; }
  /*! 表单 */
  .ui-form .form-submit { text-align: center; }
  .ui-form .form-submit .btnsubmit { width: 100%; } }

/*! 移动端 */
@media screen and (max-width: 960px) { .field { margin: auto; width: 10rem; font-size: 0.33333rem; }
  .mobiletop { position: absolute; display: block; top: 0; width: 100%; height: 2.08333rem; opacity: 0.95; z-index: 9999; background: #fff; }
  .mobiletop .logo { float: left; padding-top: 0.27778rem; padding-left: 0.41667rem; }
  .mobiletop .logo img { width: 4.16667rem; }
  .mobiletop .menuicon { float: right; padding-top: 0.27778rem; padding-right: 0.41667rem; }
  .mobiletop .menuicon .nav_mobile img { width: 0.83333rem; }
  .mobiletopBg { position: absolute; top: 0; width: 10rem; height: 2.08333rem; background: #000; opacity: 0.5; z-index: 999; }
  #mobile_menuitem .items { position: absolute; top: 0; left: -11.11111rem; width: 4.86111rem; height: 100%; background: #14437c; z-index: 99999; }
  #mobile_menuitem .items .header { height: 1.11111rem; background: rgba(0, 0, 0, 0.2); }
  #mobile_menuitem .items .header .menuclose { float: right; display: block; padding-right: 0.27778rem; color: #2b7ae0; font-size: 0.69444rem; height: 1.11111rem; line-height: 1.11111rem; }
  #mobile_menuitem .items .item { display: block; width: 100%; height: 1.11111rem; line-height: 1.11111rem; color: #FFF; font-size: 0.38889rem; border-bottom: 1px solid #0e2f50; padding-left: 0.55556rem; }
  #mobile_menuitem .items .item i { float: right; display: inline-block; padding-right: 0.27778rem; width: 0.69444rem; height: 1.11111rem; line-height: 1.11111rem; background: url(/images/icon/arrowright.png) no-repeat center; background-size: 0.41667rem 0.41667rem; }
  #mobile_menuitem .items .subitems-solution-mobile { position: absolute; display: none; left: 4.86111rem; width: 4.02778rem; background: #888; border: 0.02778rem solid #3a3a3a; }
  #mobile_menuitem .items .subitems-solution-mobile a { display: block; padding-left: 0.69444rem; width: auto; height: 1.11111rem; line-height: 1.11111rem; border-bottom: 0.01389rem solid #3a3a3a; font-size: 0.38889rem; color: #fff; }
  #mobile_menuitem .bg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: #000; opacity: 0.5; }
  #mobiletopend { height: 2.08333rem; }
  .container { position: absolute; top: 0; bottom: 0; width: 10rem; overflow-x: hidden; overflow-y: auto; }
  .hasheader { padding-top: 2.08333rem; }
  .hasfooter { padding-bottom: 2.08333rem; }
  .pc { display: none; }
  .mobile { display: block; }
  .ui-tab { width: 100%; height: 1.38889rem; line-height: 1.38889rem; background: #eee; text-align: center; font-size: 0; }
  .ui-tab .item { display: inline-block; width: 3.05556rem; height: 1.38889rem; line-height: 1.38889rem; font-size: 0.38889rem; color: #313131; }
  .ui-tab .item:hover { color: #1e4fb1; }
  .ui-tab .current { color: #1E4FB1; }
  .pannel .pannel-header { text-align: center; }
  .pannel .pannel-header .txt { padding-left: 1.66667rem; font-size: 0.55556rem; color: #1E4FB1; font-weight: bold; }
  .pannel .pannel-header .more { float: right; height: 0.83333rem; line-height: 0.83333rem; padding-right: 0.41667rem; color: #666; }
  .pannel .pannel-body { display: block; }
  /*！翻页 */
  .pageitems { border-top: 0.01389rem solid #ddd; margin-top: 0.83333rem; padding-top: 0.83333rem; font-size: 0.36111rem; }
  .pageitems .tleft, .pageitems .tright { display: block; }
  .pageitems .tleft a, .pageitems .tright a { color: #000; }
  .pageitems .tleft a:hover, .pageitems .tright a:hover { color: #1e4fb1; }
  .pageitems .tleft { width: 100%; text-align: center; }
  .pageitems .tright { display: none; }
  .footer { padding-top: 0.69444rem; background: #1D1F21; color: #fff; }
  .footer .field .qrcode { padding-bottom: 0.41667rem; }
  .footer .field .qrcode img { display: block; margin: auto; }
  .footer .field .qrcode .txt { display: block; margin-top: 0.27778rem; text-align: center; }
  .footer .field .service { margin: auto; padding-bottom: 0.69444rem; width: 9.02778rem; color: #888; }
  .footer .field .service .phone { height: 0.83333rem; line-height: 0.83333rem; font-size: 0.36111rem; }
  .footer .field .service .contact { display: block; }
  .footer .field .service .contact .mobile p { display: block; padding-left: 0.97222rem; }
  .footer .field .copyright { margin: auto; padding-top: 0.27778rem; padding-bottom: 0.41667rem; width: 9.44444rem; line-height: 0.48611rem; border-top: 0.02778rem solid #666; color: #888; }
  .footer .field .copyright span:nth-child(0) { display: block; }
  .footer .field .copyright span:nth-child(1) { display: block; }
  .footer .field .copyright span:nth-child(2) { display: inline-block; }
  .footer .field .copyright a { display: inline-block; margin-right: 0.27778rem; color: #888; }
  .pre-next { margin-top: 0.69444rem; padding-top: 0.41667rem; border-top: 0.01389rem solid #d0d0d0; font-size: 0.38889rem; }
  .pre-next .pre, .pre-next .next { display: block; margin: auto; width: 9.02778rem; overflow: hidden; width: 9.44444rem; height: 0.69444rem; line-height: 0.69444rem; }
  .pre-next .pre a, .pre-next .next a { color: #313131; }
  #gbook { display: none; } }

/*! ***************** 动画 ***********************/
@-webkit-keyframes frame-bg-zoom { from { background-size: 100% 100%; }
  to { background-size: 110% 110%; } }
@keyframes frame-bg-zoom { from { background-size: 100% 100%; }
  to { background-size: 110% 110%; } }
