@charset "UTF-8";
/*! PC端 */
@media screen and (min-width: 960px) { .banner img { width: 100%; }
  .crumbs { height: 80px; line-height: 80px; text-align: left; }
  .crumbs .arrowleft { display: inline-block; width: 13px; height: 80px; margin: auto 0px; }
  .crumbs a { color: #1B1B1B; }
  .aboutus { margin-bottom: 40px; }
  .aboutus .pannel-header { width: 100%; height: 100px; line-height: 100px; }
  .aboutus .pannel-body { height: 700px; text-align: left; }
  .aboutus .pannel-body p { line-height: 30px; }
  .honor .pannel-header, .ualification .pannel-header, .culturee .pannel-header { width: 100%; height: 100px; line-height: 100px; }
  .honor .pannel-body .honor-bar, .honor .pannel-body .ualification-bar, .ualification .pannel-body .honor-bar, .ualification .pannel-body .ualification-bar, .culturee .pannel-body .honor-bar, .culturee .pannel-body .ualification-bar { padding-left: 30px; text-align: left; width: 100%; height: 55px; line-height: 55px; background-color: #294CD8; color: #fff; }
  .honor .pannel-body .honor-bar .pic, .honor .pannel-body .ualification-bar .pic, .ualification .pannel-body .honor-bar .pic, .ualification .pannel-body .ualification-bar .pic, .culturee .pannel-body .honor-bar .pic, .culturee .pannel-body .ualification-bar .pic { padding-left: 20px; margin-right: 20px; height: 15px; width: 15px; background-color: #fff; }
  .honor .pannel-body .honoritems, .honor .pannel-body .ualificationitems, .ualification .pannel-body .honoritems, .ualification .pannel-body .ualificationitems, .culturee .pannel-body .honoritems, .culturee .pannel-body .ualificationitems { height: 630px; }
  .honor .pannel-body .honoritems, .honor .pannel-body .ualificationitems, .ualification .pannel-body .honoritems, .ualification .pannel-body .ualificationitems, .culturee .pannel-body .honoritems, .culturee .pannel-body .ualificationitems { padding-top: 0px; padding-bottom: 100px; float: left; }
  .honor .pannel-body .honoritems .item, .honor .pannel-body .ualificationitems .item, .ualification .pannel-body .honoritems .item, .ualification .pannel-body .ualificationitems .item, .culturee .pannel-body .honoritems .item, .culturee .pannel-body .ualificationitems .item { width: 290px; float: left; margin-right: 10px; margin-right: 13px; margin-top: 20px; }
  .honor .pannel-body .honoritems .item:nth-child(4n+4), .honor .pannel-body .ualificationitems .item:nth-child(4n+4), .ualification .pannel-body .honoritems .item:nth-child(4n+4), .ualification .pannel-body .ualificationitems .item:nth-child(4n+4), .culturee .pannel-body .honoritems .item:nth-child(4n+4), .culturee .pannel-body .ualificationitems .item:nth-child(4n+4) { margin-right: 0px; }
  .honor .pannel-body .honoritems .item:hover, .honor .pannel-body .ualificationitems .item:hover, .ualification .pannel-body .honoritems .item:hover, .ualification .pannel-body .ualificationitems .item:hover, .culturee .pannel-body .honoritems .item:hover, .culturee .pannel-body .ualificationitems .item:hover { color: #1B1B1B; }
  .honor .pannel-body .honoritems .item:hover .title, .honor .pannel-body .ualificationitems .item:hover .title, .ualification .pannel-body .honoritems .item:hover .title, .ualification .pannel-body .ualificationitems .item:hover .title, .culturee .pannel-body .honoritems .item:hover .title, .culturee .pannel-body .ualificationitems .item:hover .title { background: #294cd8; }
  .honor .pannel-body .honoritems .item .photo, .honor .pannel-body .ualificationitems .item .photo, .ualification .pannel-body .honoritems .item .photo, .ualification .pannel-body .ualificationitems .item .photo, .culturee .pannel-body .honoritems .item .photo, .culturee .pannel-body .ualificationitems .item .photo { display: block; width: 100%; height: 200px; }
  .honor .pannel-body .honoritems .item .photo table, .honor .pannel-body .ualificationitems .item .photo table, .ualification .pannel-body .honoritems .item .photo table, .ualification .pannel-body .ualificationitems .item .photo table, .culturee .pannel-body .honoritems .item .photo table, .culturee .pannel-body .ualificationitems .item .photo table { width: 290px; height: 200px; }
  .honor .pannel-body .honoritems .item .photo img, .honor .pannel-body .ualificationitems .item .photo img, .ualification .pannel-body .honoritems .item .photo img, .ualification .pannel-body .ualificationitems .item .photo img, .culturee .pannel-body .honoritems .item .photo img, .culturee .pannel-body .ualificationitems .item .photo img { vertical-align: middle; width: 100%; max-height: 200px; }
  .honor .pannel-body .honoritems .item .title, .honor .pannel-body .ualificationitems .item .title, .ualification .pannel-body .honoritems .item .title, .ualification .pannel-body .ualificationitems .item .title, .culturee .pannel-body .honoritems .item .title, .culturee .pannel-body .ualificationitems .item .title { display: block; width: 290px; height: 80px; color: #fff; font-size: 14px; background: #959595; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .honor .pannel-body .honoritems .item .title p, .honor .pannel-body .ualificationitems .item .title p, .ualification .pannel-body .honoritems .item .title p, .ualification .pannel-body .ualificationitems .item .title p, .culturee .pannel-body .honoritems .item .title p, .culturee .pannel-body .ualificationitems .item .title p { vertical-align: middle; padding-top: 20px; padding-bottom: 20px; text-align: center; padding-left: 2em; padding-right: 2em; }
  .culture { padding-bottom: 700px; }
  .culture .item { margin-bottom: 100px; height: 200px; float: left; }
  .culture .item .bg { position: absolute; height: 280px; background: #294cd8; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; z-index: 8; }
  .culture .item:nth-child(1) { display: inline-block; margin-right: 20px; }
  .culture .item:nth-child(1) .pic, .culture .item:nth-child(1) .bg { width: 590px; }
  .culture .item:nth-child(2) { display: inline-block; margin-right: 0px; }
  .culture .item:nth-child(2) .pic, .culture .item:nth-child(2) .bg { width: 590px; }
  .culture .item:nth-child(3), .culture .item:nth-child(4) { margin-right: 21px; float: left; }
  .culture .item:nth-child(3) .pic, .culture .item:nth-child(3) .bg, .culture .item:nth-child(4) .pic, .culture .item:nth-child(4) .bg { width: 386px; }
  .culture .item:nth-child(5) { float: left; margin-right: 0px; }
  .culture .item:nth-child(5) .pic, .culture .item:nth-child(5) .bg { width: 386px; }
  .culture .item:hover .bg { opacity: 0.5; }
  .culture .item:hover .pic img { transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); }
  .culture .item .title { position: absolute; margin-top: 25px; margin-left: 40px; color: #fff; font-size: 28px; font-weight: normal; z-index: 9; }
  .culture .item .subtitle { position: absolute; margin-top: 80px; margin-left: 40px; line-height: 30px; font-size: 18px; color: #fff; z-index: 9; }
  .culture .item .pic { overflow: hidden; }
  .culture .item .pic img { width: 100%; height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; }
  .contactuu .pannel-header { width: 100%; height: 100px; line-height: 100px; }
  .bottom { height: 280px; margin-top: 0px; background-size: 100%; }
  .bottom .field { text-align: center; padding-top: 10px; }
  .bottom .field .fleft { float: left; padding-left: 300px; padding-right: 50px; text-align: right; }
  .bottom .field .fleft span { display: block; }
  .bottom .field .fleft .ename { display: block; width: 249px; height: 22px; color: #1E4FB1; font-weight: bold; font-size: 22px; }
  .bottom .field .fleft img { padding: 20px 0; width: 116px; height: 115px; }
  .bottom .field .fleft .xw { width: 249px; height: 22px; color: #000; font-size: 16px; }
  .bottom .field .fright { float: left; width: 600px; padding-left: 20px; }
  .bottom .field .fright span { display: block; text-align: left; padding: 5px; }
  .bottom .field .fright .addr { height: 38px; color: #000; font-size: 16px; background: url("/images/icon/position2.png") no-repeat; padding-left: 50px; line-height: 38px; vertical-align: middle; }
  .bottom .field .fright .tel { height: 38px; color: #000; font-size: 16px; background: url("/images/icon/phone2.png ") no-repeat; padding-left: 50px; line-height: 38px; vertical-align: middle; }
  .bottom .field .fright .email { height: 38px; color: #000; font-size: 16px; background: url("/images/icon/email2.png") no-repeat; padding-left: 50px; line-height: 38px; vertical-align: middle; }
  .bottom .field .fright .net { height: 38px; color: #000; font-size: 16px; background: url("/images/icon/web2.png") no-repeat; padding-left: 50px; line-height: 38px; vertical-align: middle; }
  .field .map { margin-top: 10px; margin-bottom: 100px; width: 100%; height: 400px; } }

/*! 移动端 */
@media screen and (max-width: 960px) { .ui-tab { display: none; }
  .aboutus { margin: auto; width: 9.44444rem; }
  .aboutus .pannel-header { display: none; }
  .aboutus .pannel-body { height: 13.88889rem; }
  .aboutus .pannel-body img { max-width: 9.44444rem; }
  .honor .honor-bar, .ualification .ualification-bar { padding-left: 0.27778rem; height: 0.83333rem; line-height: 0.83333rem; font-size: 0.36111rem; font-weight: bold; background: #1e4fb1; color: #fff; }
  .honor .honoritems .item, .ualification .ualificationitems .item { display: block; margin: 0.41667rem auto; width: 9.44444rem; }
  .honor .honoritems .item .photo table, .ualification .ualificationitems .item .photo table { width: 100%; }
  .honor .honoritems .item .photo img, .ualification .ualificationitems .item .photo img { margin: auto; width: 100%; }
  .honor .honoritems .item .title, .ualification .ualificationitems .item .title { display: block; height: 1.18056rem; line-height: 1.18056rem; text-align: center; font-size: 0.38889rem; background: #94a1ad; color: #fff; }
  .culturee .pannel-header { display: none; }
  .culturee .item { color: #fff; }
  .culturee .item .title { position: absolute; margin-top: 0.41667rem; left: 0.69444rem; font-size: 0.5rem; font-weight: bold; }
  .culturee .item .subtitle { position: absolute; left: 0.69444rem; margin-top: 1.25rem; font-size: 0.38889rem; }
  .culturee .item .pic { width: 10rem; text-align: center; margin-bottom: 0.41667rem; }
  .culturee .item .pic img { margin: auto; width: 9.44444rem; } }