.tr {
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.ov {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tr2 {
  moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.tr3 {
  -webkit-transition: all 0.3s ease-in-out 0.5s;
  -ms-transition: all 0.3s ease-in-out 0.5s;
  -moz-transition: all 0.3s ease-in-out 0.5s;
  -o-transition: all 0.3s ease-in-out 0.5s;
  transition: all 0.3s ease-in-out 0.5s;
}
.tr5 {
  moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.header_bg {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 35px 50px 15px 50px;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.logo {
  display: block;
  float: left;
  width: 197px;
}
.logo img {
  display: block;
  width: 197px;
}
.ser {
  width: 200px;
  float: right;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
  height: 35px; margin-right:5px;
}
.ser_inp {
  display: block;
  width: 150px;
  float: left;
  border: none;
  background: transparent;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 35px;
  padding-left: 20px;
  color: #fff;
}
.ser_but {
  display: block;
  width: 50px;
  float: left;
  background: url(../images/serbg.png) no-repeat center;
  border: none;
  height: 35px;
}
.clf {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
/*nav*/
.nav {
  height: 33px;
  width: 63%;
  margin: 0 auto;
  max-width: 880px;
}
.nav > li {
  float: left;
  position: relative;
  height: 50px;
  width: 16%;
}
.nav > li > a {
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  display: block;
  padding: 0 0px 5px 0px;
  position: relative;
  overflow: hidden;
}
.nav > li > a span {
  position: relative;
  display: inline-block;
  transition: all ease-out 0.3s;
}
.nav > li a.active span,
.nav > li:hover a span,
.nav > .on a span {
  transform: translateY(-100%);
}
.nav > li > a span:after {
  position: absolute;
  left: 0;
  width: 100%;
  color: #00C0FF;
  content: attr(data-title);
  transform: translateY(100%);
}
.header_cont {
  text-align: center;
}
.subnav {
  transition: all 0.3s ease-out 0s;
  position: absolute;
  width: 210px;
  border-top: #005197 3px solid;
  display: none;
  transform: translate3d(0px, 16px, 0px);
  -moz-transform: translate3d(0px, 16px, 0px);
  -webkit-transform: translate3d(0px, 16px, 0px);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  border-top: 3px solid #005197;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
  left: 50%;
  margin-left: -105px;
}
.nav > li:hover ul.onsubnav {
  display: block;
  transform: translate3d(0px, 8px, 0px);
  -moz-transform: translate3d(0px, 8px, 0px);
  -webkit-transform: translate3d(0px, 8px, 0px);
}
.subnav > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.nav > li:nth-of-type(2) .subnav > li > a {
  text-align: left;
}
.subnav > li > a,
.sub_2 > a {
  padding: 14px 30px;
  width: 150px;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  color: #9c9c9c;
  font-size: 12px;
  background: transparent;
  text-align: center;
  height: 40px;
  font-size: 14px;
  padding: 5px 30px;
  line-height: 40px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.subnav > li:last-child {
  border-bottom: 0;
}
.subnav > li > a:hover {
  color: #fff;
}
.sub_i {
  position: absolute;
  right: 20px;
  top: 13px;
}
.sub_3 {
  overflow: hidden;
  padding: 11px 30px;
  text-align: left;
  padding-left: 15px;
  /*margin-top: -4px;*/
  display: none;
  position: absolute;
  left: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 297px;
  top: 0;
}
.sub_3 a {
  font-size: 12px;
  line-height: 26px;
  color: #999999;
  padding: 1px 15px;
  display: block;
  float: left;
  min-width: 43px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.sub_3 a:hover {
  color: #fff;
}
.sub_i img {
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.sub3_on .sub_i img {
  transform: rotate(90deg);
}
/*banner*/
.banner {
  position: relative;
}
.banner a {
  display: block;
}
.banner img {
  display: block;
  width: 100%;
}
.banner .flex-direction-nav .flex-prev,
.banner .flex-direction-nav .flex-next {
  display: block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  transition: .5s;
  font-size: 0;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.banner .flex-direction-nav .flex-prev {
  left: 30px;
  background: url(../images/ban_l.png) no-repeat center;
}
.banner .flex-direction-nav .flex-prev:hover {
  background: url(../images/ban_lh.png) no-repeat center;
}
.banner .flex-direction-nav .flex-next {
  right: 30px;
  background: url(../images/ban_r.png) no-repeat center;
}
.banner .flex-direction-nav .flex-next:hover {
  background: url(../images/ban_rh.png) no-repeat center;
}
.banner .flex-control-paging {
  position: absolute;
  bottom: 30px;
  right: 50%;
  transform: translate(50%, 0);
}
.banner .flex-control-paging li {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}
.banner .flex-control-paging li .flex-active {
  background: #fff;
}
.banner .flex-control-paging li a {
  font-size: 0;
}
.banner .flex-control-paging li a {
  display: block;
  width: 5px;
  height: 5px;
  border: solid 1px #fff;
  background: transparent;
}
/*index content1*/
.content1 {
  background: url(../images/conbg_03.jpg);
  padding: 30px 10px;
  box-sizing: border-box;
}
.pro_intit {
  font-size: 25px;
  line-height: 30px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_in {
  display: block;
  float: left;
  width: 49.6%;
  border-top: solid #005197 4px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.p1 {
  width: 100%;
  padding-bottom: 10px;
}
.p1:after,
.p3:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.pro_inp1 {
  font-size: 16px;
  color: #999999;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_infon {
  padding: 27px 20px 25px 40px;
  background: #fff;
  position: relative;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_in img {
  display: block;
  width: 100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  height: 100%!important;
}
.p1 .pro_in:last-child {
  float: right;
}
.pro_inimg {
  overflow: hidden;
}
.pro_in:hover img {
  transform: scale(1.1);
}
.proin_more {
  font-size: 15px;
  color: #999;
  line-height: 30px;
  position: absolute;
  right: 21px;
  top: 50%;
  margin-top: -15px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_in:hover .pro_infon {
  padding-left: 60px;
}
.pro_in:hover .proin_more {
  right: 50px;
}
.p3_link {
  width: 33%;
  float: left;
  display: block;
  position: relative;
  overflow: hidden;
}
.p3_linkbg {
  position: absolute;
  width: 100%;
  overflow: hidden;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.p3_linkbg img {
  display: block;
  width: 100%;
}
.p3_tit {
  font-size: 25px;
  color: #fff;
  line-height: 28px;
  padding-bottom: 2px;
}
.p3_bfont {
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding: 25px 30px;
  z-index: 5;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.p3_p1 {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}
.pf {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 3;
}
.p3_link > img {
  width: 100%;
  display: block;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pf > img {
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.p3_link:hover .pf > img {
  transform: scale(0.8);
}
.p3_link:hover > img {
  transform: scale(1.1);
}
.p3_link {
  margin-right: .5%;
}
.new_intit {
  font-size: 20px;
  line-height: 28px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: .5s;
}
.new_intime {
  font-size: 12px;
  line-height: 22px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: .5s;
}
.new_inr {
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 33.5%;
    right: 0;
    top: 0;
}
.npr {
  margin-right: 0;
}
.new_inp {
  font-size: 14px;
  line-height: 22px;
  color: #666666;
overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  margin-top: 1.6%;
  transition: .5s;
}
.new_inmore {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  font-family: Arial;
  transition: .5s;
}
.in_newa {
    display: block;
    padding: 3.6% 8%;
    position: relative;
    height: 50%;
    box-sizing: border-box;
    transition: .5s;
}
.p3 {
  position: relative;
}
.in_newa:before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background: #005197;
  left: 0;
  top: 0;
  transition: .5s;
}
.in_newa:hover:before {
  width: 100%;
}
.a_box {
  position: relative;
  z-index: 4;
}
.in_newa:hover .new_intit,
.in_newa:hover .new_intime,
.in_newa:hover .new_inp,
.in_newa:hover .new_inmore {
  color: #fff;
}
.in_newa:hover {
  padding-left: 4%;
}
/*footer*/
.footer:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.footer_logo {
  display: block;
  padding-bottom: 16px;
  padding-top: 5px;
}
.footer_l {
  padding-left: 50px;
  box-sizing: border-box;
  width: 400px;
  float: left;
  text-align: left;
  position: relative;
}
.footer_l:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 191px;
  right: 0;
  top: 0;
  background: #e0e0e0;
}
.fbp {
  font-size: 14px;
  line-height: 28px;
  color: #666;
}
.fbp a {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.fbp_p {
  padding-left: 20px;
}
.footer {
  padding-top: 37px;
  width: 100%;
  box-sizing: border-box;
}
.fbp a:hover {
  color: #005197;
}
.footer_r {
  width: 325px;
  float: right;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  border-right: solid #e0e0e0 1px;
  border-left: solid #e0e0e0 1px;
}
.shr {
  overflow: hidden;
  text-align: center;
  width: 147px;
  margin: 0 auto;
  margin-top: 30px;
}
.fenbl {
  display: block;
  float: left;
}
.bdsharebuttonbox {
  overflow: hidden;
  float: left;
}
.shr .bdsharebuttonbox a {
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  margin-right: 10px;
}
.shr .bdshare-button-style0-16 .bds_sqq {
  background: url(../images/shr.png) no-repeat 7px 2px;
}
.shr .bdshare-button-style0-16 .bds_weixin {
  background: url(../images/shr.png) no-repeat -17px 2px;
}
.shr .bdshare-button-style0-16 .bds_tsina {
  background: url(../images/shr.png) no-repeat -41px 2px;
}
.shr .bdshare-button-style0-16 .bds_sqq:hover,
.shr .bdshare-button-style0-16 .bds_weixin:hover,
.shr .bdshare-button-style0-16 .bds_tsina:hover {
  background-image: url(../images/shrh.png);
}
.gz {
  padding-top: 10px;
}
.bdimgshare-bg,
.bdimgshare-content {
  display: none;
}
.footer_nav {
  margin: 0 327px 0 487px;
}
.footer {
  text-align: center;
}
.footer_nav li a {
  display: block;
  text-align: left;
  padding-left: 13px;
  line-height: 28px;
  color: #666;
  position: relative;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.footer_nav li {
  float: left;
  width: 25%;
}
.footer_nav li a:first-child:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 12px;
  background: #005197;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.footer_nav li a:first-child {
  color: #333;
  font-weight: bold;
}
.footer_nav:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.footer_nav li a:hover {
  color: #005197;
}
.footer_t:after,
.bot:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.footer_t {
  padding-bottom: 45px;
  padding-right: 50px;
}
.fa_links {
  padding: 0 50px 26px 50px;
  text-align: left;
}
.fa_links a {
  line-height: 22px;
  color: #666;
  padding-right: 35px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.fa_links a:hover {
  color: #005197;
}
.bot_l {
  float: left;
}
.bot {
  background: #1c1c1c;
  padding: 12.5px 50px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.3);
}
.bot_r {
  float: right;
}
.bot a {
  font-size: 12px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.bot a:hover {
  color: #fff;
}
/*anli_page*/
.banner_inal {
  position: relative;
}
.slides2 {
  overflow: hidden;
}
.slides2 img {
  display: block;
  width: 100%;
}
.banner_inal .flex-control-paging {
  position: absolute;
  bottom: 30px;
  right: 50%;
  transform: translate(50%, 0);
}
.banner_inal .flex-control-paging li {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}
.banner_inal .flex-direction-nav .flex-prev,
.banner_inal .flex-direction-nav .flex-next {
  display: block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  transition: .5s;
  font-size: 0;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.banner_inal .flex-direction-nav .flex-prev {
  left: 30px;
  background: url(../images/ban_l.png) no-repeat center;
}
.banner_inal .flex-direction-nav .flex-prev:hover {
  background: url(../images/ban_lh.png) no-repeat center;
}
.banner_inal .flex-direction-nav .flex-next {
  right: 30px;
  background: url(../images/banal_r.png) no-repeat center;
}
.banner_inal .flex-direction-nav .flex-next:hover {
  background: url(../images/banal_rh.png) no-repeat center;
}
.banner_inal .flex-control-paging li a {
  display: block;
  width: 5px;
  height: 5px;
  border: solid 1px #005197;
  background: transparent;
  font-size: 0;
  box-sizing: border-box;
}
.banner_inal .flex-control-paging li .flex-active {
  background: #005197;
}
/*brand*/
.brand_con:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.br_left {
  float: left;
}
.br_left:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.brand {
  border-bottom: solid #ccc 1px;
}
.brand_con {
  margin: 0 auto;
  padding: 0;
  max-width: 1340px;
}
.br_left a {
  color: #666;
  line-height: 20px;
  padding: 25px 25px;
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  font-size: 16px;
}
.br_left a:before {
  content: "";
  background: #ececec;
  position: absolute;
  width: 1px;
  height: 12px;
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.br_left a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #005197;
  left: 0;
  bottom: -3px;
  z-index: 4;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.3s ease-in-out 0.5s;
  -ms-transition: all 0.3s ease-in-out 0.5s;
  -moz-transition: all 0.3s ease-in-out 0.5s;
  -o-transition: all 0.3s ease-in-out 0.5s;
  transition: all 0.3s ease-in-out 0.5s;
}
.br_left .on:after,
.br_left a:hover:after {
  bottom: 0px;
}
.br_left a:hover,
.br_left .on {
  color: #005197;
}
.br_left a:last-child:before {
  display: none;
}
.br_right {
  float: right;
  line-height: 20px;
  color: #888888;
  padding: 22px 0 23px 20px;
  background: url(../images/brand.png) no-repeat left center;
}
.br_right a {
  color: #888;
  line-height: 25px;
  padding: 0 5px;
  moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -ms-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.br_right a:hover {
  color: #005197;
}
.br_right span {
  padding-right: 5px;
}
.cont1 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 40px 0 60px 0;
}
.conbg1 {
  width: 100%;
  background: url(../images/conbg_03.jpg) repeat;
}
.al_page {
  max-width: 1340px;
  margin: 0 auto;
}
.al_tit {
  line-height: 22px;
  color: #666666;
  font-size: 16px;
  padding-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_p1 {
  line-height: 22px;
  color: #fff;
  padding-bottom: 5px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_more {
  line-height: 22px;
  color: rgba(255, 255, 255, 0.63);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_a {
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  width: 32%;
  position: relative;
}
.al_page:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.al_font {
  background: #fff;
  padding: 17px 20px 10px 25px;
  position: relative;
  box-sizing: border-box;
  height: 52px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_font:after {
  position: absolute;
  left: 80px;
  bottom: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  z-index: 17;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_img {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  padding-top: 50px;
}
.al_img img {
  width: 100%;
  display: block;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_a:hover img {
  transform: scale(1.1);
}
.al_a:hover .al_font {
  height: 106px;
  background: #005197;
  z-index: 4;
}
.al_a:hover .al_p1,
.al_a:hover .al_tit,
.al_a:hover .al_more {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.al_a:hover .al_font:after {
  border-top: 10px solid #005197;
  left: 200px;
}
.paddright {
  margin-right: 0;
  margin-bottom: 20px;
}
.al_a:last-child {
  margin-bottom: 0;
}
.cont_padd {
  box-sizing: border-box;
  padding: 0 50px;
  max-width: 1440px;
  margin: 0 auto;
}
.paging {
  text-align: center;
  background: #fff;
  display: inline-block;
  border: solid #ebebeb 1px;
}
.paging a {
  display: inline-block;
  width: 45px;
  border-right: solid #ebebeb 1px;
  line-height: 44px;
  color: #999;
  margin-right: -5px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.paging .zzzzz {
  display: none;
}
.paging a:first-child {
  margin-left: -5px;
}
.paging a:last-child {
  border-right: none;
}
.paging_box {
  text-align: center;
  margin-top: 40px;
  clear: both;
}
.paging .paging_prev,
.paging .paging_next {
  width: 100px;
  color: #999999;
  margin: 0 -1px;
}
.paging a:hover,
.paging .on {
  background: #005197;
  color: #fff;
  border-color: #005197;
}
.banner_inner {
  width: 100%;
  overflow: hidden;
}
.banner_inner img {
  display: block;
  width: 100%;
}
.cont_padd1 {
  box-sizing: border-box;
  padding: 0 50px;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
}
.sp_font {
  color: #666;
  line-height: 38px;
  background: #f4f4f4;
  padding: 8px 20px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  opacity: .999;
}
.sp_font:after,
.sp_font:before {
  content: '';
  width: 100%;
  height: 0%;
  opacity: 0;
  position: absolute;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.4s;
}
.sp_font:before {
  top: 50%;
}
.sp_font:after {
  bottom: 50%;
}
.sp_alink:hover .sp_font:before,
.sp_alink:hover .sp_font:after {
  height: 50%;
  opacity: 1;
}
.sp_font:before,
.sp_font:after {
  background-color: #005197;
}
.sp_alink:hover .sp_font {
  background: transparent;
  color: #fff;
}
.sp_alink {
  display: block;
  float: left;
  width: 24%;
  margin-right: 1.33%;
}
.conbg2 {
  width: 100%;
  background: url(../images/conbg_03.jpg) repeat;
  padding: 40px 0 60px 0;
}
.sp_click {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 18%;
}
.sp_img {
  position: relative;
  overflow: hidden;
}
.sp_page:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.nor {
  margin-right: 0;
  margin-bottom: 20px;
}
.sp_click img {
  display: block;
  width: 100%;
}
.sp_alink:hover .sp_img > img {
  transform: scale(1.3);
}
.sp_img > img {
  display: block;
  width: 100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
/*sptc*/
.msg-box-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1001;
}
.msg-box {
  width: 860px;
  height: 524px;
  padding: 50px;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  margin-left: -480px;
  top: 0;
  margin-top: -312px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.msg-box .close-box {
  width: 38px;
  height: 38px;
  background: url('../images/btn-close-modal.png') no-repeat center;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.msg-box .close-box:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*prodet*/
.conbg3 {
  width: 100%;
  background: url(../images/conbg_03.jpg) repeat;
  padding: 40px 0 60px 0;
  padding-bottom: 17px;
}
.jqzoom_box {
  float: left;
}
.jqzoom {
  position: relative;
  cursor: pointer;
  margin: auto;
  display: block;
  width: 501px;
  height: 442px;
  border: 1px solid #d8d8d8;
}
.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 502px;
  height: 442px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}
.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
}
.jqzoom img {
  display: block;
  width: 500px;
  height: 441px;
  vertical-align: middle;
  overflow: hidden;
}
.prodet_top {
  overflow: hidden;
  margin-bottom: 40px;
}
.spec-scroll {
  float: left;
  margin-left: 21px;
  width: 90px;
  margin-top: 2px;
}
.spec-scroll .prev,
.spec-scroll .next {
  display: block;
  text-align: center;
  width: 86px;
  height: 28px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.spec-scroll .prev {
  background: #005197 url("../images/prodett.png") no-repeat center;
}
.spec-scroll .next {
  background: #005197 url("../images/prodetb.png") no-repeat center;
}
.spec-scroll .prev:hover {
  background-color: #2979c2;
}
.spec-scroll .next:hover {
  background-color: #2979c2;
}
.spec-scroll .items {
  position: relative;
  width: 86px;
  height: 358px;
  overflow: hidden;
  margin: 14px 0;
}
.spec-scroll .items ul {
  position: absolute;
  width: 999999px;
  top: 0;
}
.spec-scroll .items ul li {
  width: 83px;
  text-align: center;
  margin-bottom: 18px;
  height: 73px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.spec-scroll .items ul li img {
  width: 100%;
  cursor: pointer;
  display: block;
}
.spec-scroll .items ul li:hover,
.spec-scroll .items ul li.hover {
  border-color: #005197;
}
.pro_det_tt {
  font-size: 18px;
  line-height: 40px;
  color: #333;
  padding-bottom: 15px;
}
.prodet_fontr {
  padding-left: 60px;
  margin-left: 600px;
}
.det_cop {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  height: 329px;
  overflow-y: auto;
}
.det_cop p {
  line-height: 38px;
  border-bottom: solid #e8e8e8 1px;
}
.det_cop p:first-child {
  padding-bottom: 40px;
  line-height: 22px;
}
.zx_apro {
  display: block;
  width: 107px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  color: #005197;
  margin-top: 20px;
  border: solid #005197 1px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.zx_apro:hover {
  background: #005197;
  color: #fff;
}
.det_cop::-webkit-scrollbar {
  width: 4px;
  background: #d0cbcb;
  height: 5px;
}
.det_cop::-webkit-scrollbar-thumb {
  background: #005197;
  width: 4px;
  background-clip: padding-box;
  height: 13px;
  border-radius: 15px;
}
.pro_brand {
  overflow: hidden;
  padding: 0 10px;
  background: #005197;
}
.pro_brand a {
  display: block;
  color: #fff;
  line-height: 22px;
  padding: 12px 24px;
  float: left;
  position: relative;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_brand a:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.pro_brand a:hover {
  transform: translateY(-5px);
}
.prodet1 {
  line-height: 28px;
  color: #666666;
  padding-top: 30px;
}
.cont_padd_pro {
  box-sizing: border-box;
  padding: 0 50px;
  max-width: 1440px;
  margin: 0 auto;
  background: #fff;
  margin-top: 20px;
}
.cont1_proti {
  line-height: 22px;
  color: #005197;
  border-bottom: solid #e8e8e8 1px;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 18px;
}
.cont1_proti span {
  padding: 10px 20px;
  border-bottom: solid #005197 2px;
}
.table_pro {
  width: 100%;
}
.table_pro tr {
  border: solid #e8e8e8 1px;
}
.table_pro td {
  border: solid #e8e8e8 1px;
  line-height: 22px;
  color: #666;
  text-align: center;
  padding: 13px 10px;
}
.table_pro tr td:nth-of-type(2n+1) {
  color: #005197;
  font-weight: bold;
}
.pro_sp {
  overflow: hidden;
}
.pro_sp .nor:last-child {
  margin-bottom: 0;
}
.pro_al {
  overflow: hidden;
}
.pro_al .al_a {
  width: 32.3%;
}
.pro_al .al_font {
  background: #f9f9f9;
}
.pro_al .al_font:after {
  border-top: 10px solid #f9f9f9;
}
.pro_bot {
  max-width: 1440px;
  overflow: hidden;
  margin: 0 auto;
  color: #999;
  padding-top: 20px;
}
.pro_bot .shr {
  float: left;
  margin-top: 0;
  color: #999;
}
.pro_botr {
  float: right;
  overflow: hidden;
  position: relative;
}
.pro_botr a {
  color: #999;
  padding-left: 40px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_botr .fh_pro {
  background: url(../images/fhpro.png) no-repeat 20px center;
}
.pro_bot .fenbl {
  margin-top: 5px;
}
.pro_botr a:hover {
  color: #005197;
}
.pro_botr .fh_pro:hover {
  background-image: url(../images/fhproh.png);
}
.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding: 15px 0;
  width: 100%;
  background: #fff;
  z-index: 20;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 6px;
}
.nei_anchor span a {
  line-height: 35px;
  font-size: 15px;
  padding: 0 25px;
  border-radius: 10px;
  border: 1px solid #ccc;
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
  background: #166ebe;
  color: #fff;
  border-color: #166ebe;
}
.nei_anchor span:hover a,
.nei_anchor span.on a:hover {
  background: #166ebe;
  color: #fff;
  border-color: #166ebe;
}
.relt {
  position: relative;
}
.psoi {
  position: absolute;
  height: 1px;
  top: -67px;
}
/*pro*/
.pro_top:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.pro_top {
  margin-bottom: 40px;
}
.prot_left {
  float: left;
  color: #666666;
}
.prot_left a {
  line-height: 30px;
  padding: 5px 25px;
  border: dashed #cccccc 1px;
  color: #cccccc;
  margin-right: 10px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.prot_left a:hover {
  color: #005197;
  border-color: #005197;
}
.prot_right {
  width: 540px;
  overflow: hidden;
  float: right;
  border: solid #005197 1px;
  height: 30px;
  margin-top: -1px;
}
.pro_ser {
  display: block;
  width: 420px;
  float: left;
  background: transparent;
  border: none;
  line-height: 30px;
  height: 30px;
  box-sizing: border-box;
  color: #666;
  padding: 0 20px;
}
.pro_serbot {
  display: block;
  width: 120px;
  float: left;
  background: url(../images/borser.png) no-repeat center #005197;
  border: none;
  height: 30px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_serbot:hover {
  background-color: #2271b6;
}
.sxbor {
  border: solid #e6e6e6 1px;
}
.fl_span {
  display: block;
  float: left;
  color: #666;
  line-height: 30px;
  margin-right: 20px;
}
.sx_all {
  overflow: hidden;
  padding: 9px 20px 0 20px;
  float: left;
}
.sale_my {
  margin-left: 100px;
}
.sale_my a {
  color: #666666;
  font-size: 12px;
  display: block;
  margin: 0 10px 10px 0;
  float: left;
  line-height: 30px;
  border: 1px solid #d2d2d2;
  padding: 0 32px 0 12px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  background: url(../images/seled_03.png) no-repeat right center;
}
.sale_my a:hover {
  border: solid #005197 1px;
}
.sx_slide {
  width: 108px;
  float: right;
  overflow: hidden;
  line-height: 30px;
  padding: 9px 20px 9px 0;
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.sx_top:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.sx_slide img {
  margin-left: 15px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.onsx img {
  transform: rotate(180deg);
}
.sx_slide:hover {
  color: #005197;
}
.sx_div {
  line-height: 30px;
  color: #666;
  padding: 4px 20px;
  box-sizing: border-box;
  border-top: solid #e6e6e6 1px;
  overflow: hidden;
  position: relative;
}
.sx_div a {
  line-height: 30px;
  color: #666;
  padding: 5px 14px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  border: solid transparent 1px;
  margin: 0 5px;
  display: block;
  float: left;
}
.sx_div a:hover,
.sx_div .hover {
  border: solid #005197 1px;
  color: #005197;
}
.sx_div span {
  padding-top: 5px;
  display: block;
  float: left;
  min-width: 90px;
}
.sel_a {
  margin: 0 129px 0 63px;
  overflow: hidden;
}
.sx_div .sel_more {
  display: block;
  width: 60px;
  height: 30px;
  font-size: 12px;
  text-align: left;
  box-sizing: border-box;
  padding: 0 4px;
  float: right;
  background: url(../images/mor.png) no-repeat 40px center;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  margin-right: 0;
  margin-top: 6px;
}
.sx_divh .sel_more.on {
  background-image: url(../images/morh.png);
  border-color: #005197;
  color: #005197;
}
.sx_div .hide {
  display: none;
}
.sx_divh .hide {
  display: block;
}
.pro_tit {
  line-height: 30px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  transition: .1s;
}
.pro_p {
  font-size: 14px;
  color: #666;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  margin-top: 3px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro_a {
  display: block;
  float: left;
  width: 32.2%;
  border: solid #e8e8e8 1px;
  position: relative;
  margin-right: 1%;
}
.pro_a img {
  display: block;
  width: 100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.pro_img {
  border-bottom: solid #e8e8e8 1px;
  overflow: hidden;
}/*
.pro_a:hover img {
  transform: scale(1.2);
}*/
.pro_font {
  box-sizing: border-box;
  padding: 23px 20px 28px 20px;
  position: relative;
  opacity: .99;
}
.pro_a:before,
.pro_a:after {
  content: '';
  border-style: solid;
  position: absolute;
  z-index: 5;
  box-sizing: content-box;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  border-color: #005197;
}
.pro_a:before {
  width: 0;
  height: 100%;
  border-width: 1px 0 1px 0;
  top: -1px;
  left: 0;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.pro_a:after {
  width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
  top: 0;
  left: -1px;
}
.pro_a:hover:before {
 /* width: 100%;*/
}
.pro_a:hover:after {
 /* height: 100%;*/
}
.pro_font:before,
.pro_font:after {
  content: '';
  width: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pro_font:before {
  left: 50%;
}
.pro_font:after {
  right: 50%;
}
.pro_a:hover .pro_font:before,
.pro_a:hover .pro_font:after {
  width: 50%;
  opacity: 1;
}
.pro_font:before,
.pro_font:after {
  background-color: #005197;
}
.pro_a:hover .pro_tit,
.pro_a:hover .pro_p {
  color: #fff;
}
.pro_box {
  overflow: hidden;
  margin-top: 82px;
}
.pro_box .nor {
  margin-right: 0;
  margin-bottom: 20px;
}
.pro_box .nor:last-child {
  margin-bottom: 0;
}
.qu {
  background: #eee;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  padding: 12px 110px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  transition: .1s;
}
.qu:before {
  content: "Q";
  font-size: 15px;
  line-height: 48px;
  width: 70px;
  height: 100%;
  color: #fff;
  background: #8d8d8d;
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.qu i {
  position: absolute;
  width: 10px;
  height: 100%;
  display: block;
  right: 23px;
  top: 0%;
  background: url(../images/jia.png) no-repeat center;
  line-height: 48px;
  color: #666;
  font-style: normal;
}
.qu:hover {
  color: #fff;
  background-color: #005197;
}
.ans {
  position: relative;
  padding: 23px 50px 50px 70px;
  box-sizing: border-box;
  border: solid #e6e7e9 1px;
  border-top: none;
  line-height: 24px;
  color: #666;
  display: none;
}
.ans:before {
  content: "A:";
  position: absolute;
  width: 70px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  color: #666;
  left: 0;
  top: 13px;
  font-size: 15px;
}
.faqon {
  background: #005197;
  color: #fff;
}
.faqon:before {
  background-color: #00447f;
}
.faqon i {
  background: url(../images/jian.png) no-repeat center;
}
.faq li {
  margin-bottom: 10px;
}
.ab_tit {
  font-size: 16px;
  line-height: 50px;
  color: #005197;
  font-weight: bold;
  padding-bottom: 10px;
}
.ab_tit span {
  color: #cccccc;
  padding-left: 10px;
  font-weight: normal;
}
.absp_img {
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.absp_img img {
  display: block;
  width: 100%;
}
.absp_img iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.ab_font {
  line-height: 28px;
  color: #666666;
}
.ab3 {
  overflow: hidden;
  background: #005197;
  position: relative;
  margin-top: 50px;
}
.ab3_tit {
  font-size: 16px;
  line-height: 50px;
  color: #005197;
  font-weight: bold;
  padding-bottom: 10px;
  color: #fff;
  font-size: 18px;
}
.ab3_tit span {
  color: #cccccc;
  padding-left: 10px;
  font-weight: normal;
  font-size: 14px;
}
.ab3_font {
  color: #fff;
  line-height: 28px;
  margin-top: -15px;
  overflow: auto;
}
.ab3_font_l {
  position: relative;
  box-sizing: border-box;
  padding: 40px 60px;
  width: 66.6%;
  float: left;
}
.ab3_img {
  width: 33.3%;
  overflow: hidden;
  float: right;
}
.ab3_img img {
  display: block;
  width: 100%;
}
.ab3_font::-webkit-scrollbar {
  width: 4px;
  background: #d0cbcb;
  height: 5px;
}
.ab3_font::-webkit-scrollbar-thumb {
  background: #005197;
  width: 4px;
  background-clip: padding-box;
  height: 13px;
  border-radius: 15px;
}
.ab3_img2 {
  width: 33.333%;
  float: left;
}
.ab3_img2 img {
  display: block;
  width: 100%;
}
.ab3_imgs {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.contact_tit {
  line-height: 22px;
  color: #005197;
  font-weight: bold;
  padding-bottom: 17px;
  font-size: 18px;
}
.contact_p {
  line-height: 28px;
  color: #666666;
  float: left;
  width: 50%;
}
.contact_p a {
  line-height: 24px;
  color: #666666;
}
.lxl > li {
  margin-bottom: 50px;
  overflow: hidden;
}
.conli {
  overflow: hidden;
}
.conli > li {
  width: 50%;
  float: left;
}
.lxl {
  width: 100%;
  float: left;
}
.eri {
  width: 20%;
  float: left;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.eri li {
  overflow: hidden;
  float: left;
  width: 47%;
  line-height: 20px;
  color: #666666;
  text-align: center;
}
.eri li img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.contact {
  overflow: hidden;
  position: relative;
}
.eri li:last-child {
  float: right;
}
.dt {
  width: 57%;
  overflow: hidden;
  float: left;
}
.dt img {
  display: block;
  width: 100%;
}
.conbot {
  overflow: hidden;
  background: #f7f7f7;
}
.con_form {
  width: 43%;
  float: left;
  overflow: hidden;
  padding-top: 2%;
}
.in_cont {
  display: block;
  width: 80%;
  background: #fff;
  border: solid #e8e8e8 1px;
  color: #666;
  line-height: 36px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 10px;
}
.lyan {
  display: block;
  width: 80%;
  border: solid #e8e8e8 1px;
  color: #666;
  line-height: 36px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 10px;
}
.con_sub {
  display: block;
  width: 80%;
  height: 36px;
  background: #005197;
  text-align: center;
  box-sizing: border-box;
  border: none;
  color: #fff;
  line-height: 36px;
  margin: 0 auto;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  margin-top: 10px;
}
.qywh_ul {
  overflow: hidden;
  background: #fff;
}
.qywh_ul li {
  width: 33.3%;
  float: left;
  padding-top: 70px;
  line-height: 24px;
  cursor: pointer;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  transition: .1s;
}
.qywh_ul li:first-child {
  background: url(../images/qy1.png) no-repeat center 30px;
}
.qywh_ul li:nth-of-type(2) {
  background: url(../images/qy2.png) no-repeat center 30px;
}
.qywh_ul li:nth-of-type(3) {
  background: url(../images/qy3.png) no-repeat center 30px;
}
.qywh_ul li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 50px;
  background: #dedede;
  right: 0;
  top: 35px;
}
.qywh_ul li.on:first-child,
.qywh_ul li:first-child:hover {
  background-image: url(../images/qy1h.png);
  background-color: #005197;
  color: #fff;
}
.qywh_ul li.on:nth-of-type(2),
.qywh_ul li:nth-of-type(2):hover {
  background-image: url(../images/qy2h.png);
  background-color: #005197;
  color: #fff;
}
.qywh_ul li.on:nth-of-type(3),
.qywh_ul li:nth-of-type(3):hover {
  background-image: url(../images/qy3h.png);
  background-color: #005197;
  color: #fff;
}
.qywh_ul li:last-child:after {
  display: none;
}
.qywh_ul li:hover {
  background-color: #005197;
  color: #fff;
}
.qyeh_ul2 {
  width: 100%;
  overflow: hidden;
}
.qyeh_ul2 li {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: none;
}
.qyeh_ul2 .on {
  display: block;
}
.qywh_ul .on:after,
.qywh_ul li:after {
  display: none;
}
.qyeh_ul2 li img {
  display: block;
  width: 100%;
}
.yyuan {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  padding: 100px 20px 90px 130px;
}
.yy_tit {
  line-height: 24px;
  color: #fff;
  font-size: 16px;
  padding-bottom: 10px;
  max-width: 90%;
}
.yy_p {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  max-width: 90%;
  max-height: 160px;
  overflow-y: auto;
}
.honor_page {
  overflow: hidden;
}
.sh {
  background: url(../images/sq.png) no-repeat center;
  padding: 60px;
}
.sh_tit {
  font-size: 14px;
  line-height: 24px;
  color: #f4f4f4;
  font-weight: bold;
}
.sh_con li {
  line-height: 24px;
  color: #f4f4f4;
  position: relative;
  padding-bottom: 22px;
  padding-left: 26px;
}
.sh_con li:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: -5px;
  top: 5px;
  background: #fff;
}
.sh_con li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 104%;
  left: -1px;
  top: -22px;
  background: #fff;
}
.download_top {
  overflow: hidden;
}
.download_top .ab3_tit {
  float: left;
}
.download_top .ab3_tit {
  color: #1a4fa2;
}
.down_type {
  float: right;
}
.down_type a {
  display: block;
  float: left;
  border: solid #ccc 1px;
  position: relative;
  color: #666;
  line-height: 30px;
  text-align: center;
  padding: 0 15px;
  margin-left: 15px;
  transition: .5s;
}
.down_type a:hover,
.down_type .on {
  color: #fff;
  background: #1a4fa2;
  border-color: #1a4fa2;
}
.download_a1 a {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  padding-right: 15px;
}
.download_a1 a:hover,
.download_a1 .on {
  color: #1a4fa2;
}
.download_img {
  background: url(../images/downl.png) no-repeat center;
  display: block;
  min-width: 40px;
  margin: 0 auto;
  height: 36px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.ta2 tr:hover .download_img {
  background-image: url(../images/downlh.png);
}
.ta2 {
  width: 100%;
  margin-top: 15px;
}
.ta2 th {
  font-size: 16px;
  line-height: 26px;
  color: #f4f4f4;
  text-align: center;
  padding: 10px 10px;
  background: #1a4fa2;
  height: 46px;
  box-sizing: border-box;
  border: solid #fff 1px;
}
.ta2 td {
  height: 46px;
  line-height: 46px;
  color: #666;
  text-align: center;
  border: solid #dddddd 1px;
}
.sh_tit2 {
  line-height: 24px;
  color: #333333;
  font-weight: bold;
}
.sqfu {
  width: 108px;
  height: 108px;
  border: solid #818181 1px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin: 0 auto;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.sqfu img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.sq_p1 {
  line-height: 24px;
  color: #666666;
  text-align: center;
  margin-top: 20px;
}
.zq_ul2:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.zq_ul2 li {
  width: 25%;
  box-sizing: border-box;
  float: left;
  text-align: center;
}
.zq_ul2 li:hover .sq_img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.zq_ul2 li:hover .sq_imgh {
  opacity: 0;
  filter: alpha(opacity=1);
}
.zq_ul2 li:hover .sqfu {
  background-color: #005197;
  border-color: #005197;
  transform: translateY(-5px);
}
.sh_p3 {
  padding: 150px 160px 20px 60px;
  height: 464px;
  overflow: auto;
  box-sizing: border-box;
}
.sh_p3_tit {
  line-height: 24px;
  color: #fff;
  font-weight: bold;
}
.sh_p4 {
  line-height: 24px;
  color: #fff;
  padding-top: 6px;
}
.sh_p4::-webkit-scrollbar {
  width: 4px;
  background: #d0cbcb;
  height: 5px;
}
.sh_p4::-webkit-scrollbar-thumb {
  background: #005197;
  width: 4px;
  background-clip: padding-box;
  height: 13px;
  border-radius: 15px;
}
.sh_tit5 {
  font-size: 14px;
  line-height: 24px;
  color: #1a4fa2;
  font-weight: bold;
}
.sh_bot {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  padding-top: 40px;
  padding-bottom: 5px;
}
.xspt_page .al_font {
  background: #f6f6f6;
}
.xspt_page:after,
.newdet:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.newdet_l {
  width: 890px;
  float: left;
}
.newdet_tit {
  font-size: 18px;
  line-height: 34px;
  color: #333333;
}
.newdet_time {
  font-size: 14px;
  line-height: 22px;
  color: #999999;
}
.newdet_img {
  margin-top: 15px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.newdet_img:hover {
  transform: translateY(-5px);
}
.new_det_p {
  margin-top: 25px;
  line-height: 28px;
  color: #666666;
  padding-bottom: 27px;
  border-bottom: solid #e6e6e6 1px;
}
.newdet_r {
  width: 413px;
  float: right;
}
.newdet_rtit {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-align: left;
  background: #005197;
  padding: 15px 35px;
  color: #fff;
}
.newdet_tj {
  overflow: hidden;
  padding: 5px 24px 50px 24px;
  background: #f8f8f8;
}
.newdet_tj a {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  text-align: left;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding-left: 10px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.newdet_tj a:before {
  background: #ddd;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.newdet_tj a:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.newdet_timer {
  float: right;
  font-size: 12px;
  line-height: 60px;
  color: #999999;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.newdet_ti {
  width: 253px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.newdet_tj a:hover,
.newdet_tj a:hover .newdet_timer {
  color: #005197;
}
.newdet_tj a:hover {
  padding-left: 20px;
}
.new_tit {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: .5s;
}
.new_p1 {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
  transition: .5s;
}
.new_bot {
  overflow: hidden;
  font-size: 12px;
  line-height: 24px;
  color: #666;
  padding-top: 10px;
  transition: .5s;
}
.new_pl {
  float: left;
}
.new_pr {
  float: right;
  color: #999;
}
.new_font {
  background: #f6f7f9;
  padding: 15px 20px 15px 20px;
  transition: .5s;
}
.new_page:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.new_ap:hover .new_font {
  background: #005197;
}
.new_ap:hover .new_tit,
.new_ap:hover .new_p1,
.new_ap:hover .new_bot,
.new_ap:hover .new_pr {
  color: #fff;
}
.new_ap {
  display: block;
  float: left;
  width: 32.5%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  margin-right: 1.1%;
  position: relative;
}
.new_nor {
  margin-right: 0;
  margin-bottom: 20px;
}
.new_nor:last-child {
  margin-bottom: 0;
}
.new_img {
  overflow: hidden;
}
.new_img img {
  display: block;
  width: 100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.hover_div {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(44, 131, 207, 0.7);
  z-index: 4;
  bottom: -100%;
  box-sizing: border-box;
  padding: 25px 40px 20px 40px;
  -webkit-transition: all .6s ease .2s;
  -ms-transition: all .6s ease .2s;
  -moz-transition: all .6s ease .2s;
  -o-transition: all .6s ease .2s;
  transition: all .6s ease .2s;
}
.hover_tit {
  font-size: 16px;
  line-height: 24px;
  color: #f6f7f9;
  font-weight: bold;
}
.hover_line {
  width: 26px;
  height: 2px;
  background: #fff;
  margin-top: 15px;
}
.htit_l {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
  float: left;
  max-width: 254px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.htit_r {
  font-size: 12px;
  line-height: 24px;
  color: #84bae9;
  float: left;
  padding-left: 20px;
}
.hover_tit2 {
  overflow: hidden;
  padding-top: 45px;
}
.hover_p {
  font-size: 14px;
  line-height: 24px;
  color: #f6f7f9;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 20px;
}
.hover_more {
  font-size: 12px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.2);
  margin-top: 25px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.new_ap:hover .hover_div {
  bottom: 0;
}
.new_ap:hover .hover_more {
  color: #fff;
}
.new_ap:hover img {
  transform: scale(1.1);
}
.ygfc_img img {
  display: block;
  width: 100%;
  height: auto;
}
.ygfc_img {
  max-width: 1340px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  overflow: hidden;
}
.ygfc_img:hover img {
 /* width: 1340px;
  height: 442px;
 */ display: block;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.ygfc_img:hover img {
 /* transform: scale(1.1);*/
}
.ygfc_l {
  line-height: 50px;
  color: #666666;
  float: left;
}
.ygfc_r {
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  float: right;
}
.ygfc_r a {
  display: block;
  float: left;
  font-size: 14px;
  color: #666666;
  line-height: 50px;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.ygfc_r .ygfc_prev {
  padding-right: 60px;
}
.ygfc_r a:hover {
  color: #005197;
}
/*荣誉资质*/
.hon_page:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.honor_img {
 /*height:400px;*/ width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
  position: relative;
  overflow: hidden;
}
.hon_page a.vlightbox {
 margin-bottom: 20px; overflow: hidden;/* height:458px;
 */ width: 22.6%;
  display: block;
  float: left;
  box-sizing: border-box;
  margin-left: 2%;
  background: #f5f5f5;
  padding: 10px 10px 27px 10px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.honor_img img {
  width: 230px;
  height: 330px;
  display: block;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.honor_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/fdj.png) no-repeat center rgba(0, 81, 151, 0.6);
  z-index: 3;
  top: -100%;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.hon_page a.vlightbox:hover .honor_hover {
  top: 0;
}
.hon_page a.vlightbox:hover img {
  transform: scale(1.1);
}
.hon_nor {
  margin-right: 0;
  margin-bottom: 20px;
}
.hon_nor:last-child {
  margin-bottom: 0;
}
.hon_page a.vlightbox:hover p {
  color: #005197;
}
a.vlightbox p {
  line-height: 28px;
  color: #666666;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
  box-sizing: border-box;
}
/*zp*/
.zp {
  padding-bottom: 80px;
}
.zp_list {
  padding-top: 25px;
}
.zp_list li {
  background: #f9f9f9;
  text-align: left;
  margin-bottom: 10px;
}
.zp_list li:last-child {
  margin-bottom: 0;
}
.zp_tit {
  font-size: 15px;
  line-height: 22px;
  color: #666;
  cursor: pointer;
  background: url(../images/zpbgr.png) no-repeat 98% center;
  padding: 13.5px 21px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.zp_det {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  overflow: hidden;
  padding: 25px 0;
}
.zp_det p {
  float: left;
}
.zp_det p:first-child {
  width: 138px;
}
.zp_det p:nth-of-type(2) {
  width: 396px;
}
.zp_det p:nth-of-type(3) {
  width: 499px;
}
.zp_font {
  padding: 0 21px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
  display: none;
}
.posi_det {
  font-size: 14px;
}
.posi_bold {
  font-weight: bold;
  padding: 8px 0;
}
.posi {
  padding-bottom: 40px;
}
.zp_list .on .zp_tit {
  background: url(../images/zpbgh.png) no-repeat 98% center #005197;
  color: #fff;
}
.self_cs p {
  line-height: 28px;
  color: #666666;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
  box-sizing: border-box;
}
.link_zp {
  overflow: hidden;
  margin-top: 30px;
}
.link_zp a {
  margin-right: 25px;
}
.zp_atou {
  display: block;
  width: 120px;
  height: 40px;
  text-align: center;
  color: #fff;
  line-height: 40px;
  background: #005197;
  margin-top: 40px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.zp_atou:hover {
  text-decoration: underline;
}
.yglist:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.ygp:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
/*客服*/
.kf {
  transition: .8s;
  -o-transition: .8s;
  -moz-transition: .8s;
  -webkit-transition: .8s;
  z-index: 999999;
  background-color: #fff;
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 62px;
  border-radius: 5px;
}
.kf span {
  z-index: 1000001;
  transition: .5s;
  cursor: pointer;
  position: relative;
  display: block;
  width: 62px;
  height: 62px;
  border-bottom: 1px solid #e3e3e3;
}
.kf .zx { display:none;
  border-radius: 5px 5px 0 0;
  background: url("../images/kefu_03.png") no-repeat center #fff;
}
.kf .zx:hover {
  background: url("../images/kefu1_03.png") no-repeat center #166ebe;
}
.kf .freetel {
     border-radius: 5px 5px 0 0; background: url("../images/kefu1_07.png") no-repeat center #fff;
}
.kf .act {
  background: url("../images/w_index_07.png") no-repeat center #fff;
}
.kf .freetel:hover {
  background: url("../images/kefu_07.png") no-repeat center #166ebe;
}
.kf .zxlya {
  background: url("../images/kefu_14.png") no-repeat center #fff;
}
.kf .act:hover {
  background: url("../images/w_index_03.png") no-repeat center #166ebe;
}
.kf .zxlya:hover {
  background: url("../images/kefu1_14.png") no-repeat center #166ebe;
}
/* .kf span:nth-child(4){background: url("../images/w_index_07.png") no-repeat center #fff; }*/
/* .kf span:nth-child(4):hover{background: url("../images/w_index_03.png") no-repeat center @c;}*/
.kf .back_top {
  border-radius: 0 0 5px 5px;
  border: none;
  background: url("../images/kefu_18.png") no-repeat center #fff;
}
.kf .back_top:hover {
  background: url("../images/kefu1_18.png") no-repeat center #166ebe;
}
.kf span div {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  right: 75px;
  padding: 20px;
  font-size: 14px;
  color: #166ebe;
  bottom: 2px;
}
.kf span div input {
  text-indent: .5em;
  display: block;
  margin: 15px 0;
  line-height: 28px;
  color: #696969;
  font-size: 12px;
  width: 140px;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  height: 28px;
}
.kf span div a {
  transition: .5s;
  -webkit-transition: .5s;
  display: block;
  background: #166ebe;
  border-radius: 2px;
  color: #fff;
  line-height: 26px;
  font-size: 12px;
  text-align: center;
  width: 79px;
  height: 26px;
}
.kf span div a:hover {
  background: #166ebe;
}
.kfimgr {
  position: absolute;
  bottom: 23px;
  right: -9px;
}
.kf span div i {
  display: block;
  position: absolute;
  width: 15px;
  height: 200px;
  right: -15px;
  top: 0;
}
.kf .zx div,
.kf .freetel div,
.kf .zxlya div {
  text-align: center;
  min-width: 148px;
  font-size: 14px;
  color: #666;
}
.kf span:nth-child(4) div {
  white-space: nowrap;
}
.kf a {
  display: block;
  height: 68px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.kf span div,
.kf {
  -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}
.nav_center div,
.index_nav_center div,
.shou,
.zhan {
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.shou {
  z-index: 1000000;
  cursor: pointer;
  width: 30px;
  height: 40px;
  top: 50%;
  margin-top: -15px;
  border-radius: 5px 0 0 5px;
  right: 62px;
  background: url("../images/kefq.png") no-repeat center #fff;
  position: absolute;
}
.shou.on {
  background-image: url("../images/kefq1.png");
}
.kf span .erweima {
  padding: 10px;
  min-width: 115px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.p3 {
  margin-top: 10px;
}
.p2cont:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.p2cont_left {
  width: 25%;
  float: left;
  background: #fff;
  border-top: solid 3px #005197;
}
.p2cont_tit {
  font-size: 25px;
  line-height: 40px;
  color: #333333;
  padding-top: 33px;
}
.p2_contp {
  font-size: 16px;
  color: #999;
  line-height: 28px;
  padding-bottom: 24px;
}
.p2_contpl {
  font-size: 16px;
  line-height: 40px;
  color: #666666;
  position: relative;
  z-index: 2;
}
.p2_contpl a {
  padding: 10px 20px 10px 38px;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all .5s ease;
  cursor: pointer;
  display: block;
  font-size: 16px;
}
.p2_contpl .on:nth-last-child(2) {
  background: #005197;
}
.p2_contpl span {
  font-size: 12px;
  line-height: 40px;
  color: #999999;
  padding-left: 10px;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.p2ct {
  padding-left: 40px;
}
.li_img {
  position: absolute;
  width: 33px;
  height: 33px;
  background: url(../images/p3l.png) no-repeat center;
  right: 23px;
  top: 16px;
  display: block;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.p2_contpl a:hover .li_img,
.p2_contpl .on .li_img {
  background-image: url(../images/p3lh.png);
}
.p2_contpl a:hover span,
.p2_contpl a:hover,
.p2_contpl .on span,
.p2_contpl .on {
  color: #fff;
}
.p2_contpl .p_conta {
  font-size: 27px;
  color: #999;
}
.p2_cont_right {
  width: 74.3%;
  float: right;
  position: relative;
}
.dib {
  display: inline-block;
  height: 1px;
  width: 100%;
}
.dib_fz {
  letter-spacing: 0px;
  word-spacing: 0px;
  font-size: 0;
}
.oh {
  overflow: hidden;
}
.none {
  display: none;
}
.blok {
  display: block;
}
.izgsc .dib_fz {
  position: relative;
}
.i_zgs {
  width: 100%;
}
.izgsc {
  width: 100%;
}
.i_zgs_li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  background: no-repeat center rgba(0, 0, 0, 0.5);
  margin-right: 0%;
  position: relative;
  cursor: pointer;
  transition: all .4s ease 0s;
  overflow: hidden;
}
.i_zgs_li:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.js_wzgs:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
.i_zgs_li .i_zgstit,
.i_zgs_li .i_zgsmc,
.i_zgs_li span {
  display: none;
}
.js_wzgs {
  width: 75%;
  background: no-repeat center rgba(0, 0, 0, 0);
}
.js_wzgs .i_zgstit,
.js_wzgs .i_zgsmc,
.js_wzgs span {
  display: block;
}
.js_wzgs .i_zgstit {
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 81, 151, 0.6);
}
.js_wzgs .i_zgstit .i_zgsimg {
  width: 100%;
  height: auto;
  line-height: 0;
  overflow: hidden;
}
.js_wzgs .i_zgstit .i_zgsimg img {
  width: 46%;
  height: auto;
  max-height: 128px;
}
.js_wzgs .i_zgstit .i_zgsjs {
  width: 100%;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  text-align: Justify;
  /*Firefox*/
  text-justify: inter-ideograph;
  /*IE*/
}
.js_wzgs span {
  display: block;
  width: 33px;
  height: 14px;
  background: url(../images/p3.png) center bottom no-repeat;
  position: absolute;
  bottom: 64px;
  left: 50%;
  z-index: 2;
  margin-left: -16.5px;
  overflow: hidden;
}
.js_wzgs .i_zgsmc {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  font-size: 22px;
  font-weight: lighter;
  text-align: center;
  color: #333333;
}
.js_wzgs .i_zgsmc p {
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
}
.i_zgs_li .i_qhan {
  width: 80%;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #FFFFFF;
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right;
}
.i_zgs_li .i_qhan div {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  background: rgba(212, 19, 22, 0.6);
  border-radius: 50%;
  overflow: hidden;
  color: #FFFFFF;
  text-align: center;
  margin-left: 15px;
}
.mr0 {
  margin-right: 0!important;
}
.p2_rclick_prev,
.p2_rclick_next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  z-index: 5;
}
.p2_rclick_prev {
  background: url(../images/p3r.png) no-repeat center;
  left: 20px;
}
.p2_rclick_next {
  background: url(../images/p3rr.png) no-repeat center;
  right: 20px;
}
.p2_rclick_prev:hover {
  background-image: url(../images/p3rh.png);
}
.p2_rclick_next:hover {
  background-image: url(../images/p3rr.png);
}
.dib_fz {
  display: none;
}
.chan_box .onshow {
  display: block;
}
.us-f2 {
  box-sizing: border-box;
  width: 880px;
  height: 504px;
  padding-top: 54px;
  padding-bottom: 83px;
  margin-top: 45px;
  position: relative;
}
.us-f2 .theme {
  margin-left: 33px;
  margin-bottom: 100px;
}
.us-f2 .theme h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
.us-f2 .theme i {
  background-color: #fff;
}
.us-f2-con {
  width: 880px;
  overflow-x: auto;
  padding-bottom: 94px;
}
.us-f2-con::-webkit-scrollbar {
  height: 3px!important;
  background: url("../images/about11.png") repeat-x center;
}
.us-f2-con::-webkit-scrollbar-thumb {
  background: url("../images/about12.jpg") repeat-x center;
}
.us-data {
  display: block;
  content: '';
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 235px;
  width: 100%;
}
.us-f2-con ul {
  overflow: hidden;
}
.us-f2-con-data {
  float: left;
  width: 310px;
  text-align: left;
  margin-left: 89px;
}
.us-f2-con-data h3 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: bold;
}
.us-f2 .theme span {
  font-size: 14px;
  color: #fff;
  padding-left: 12px;
  font-weight: normal;
}
.us-f2-con-data p {
  font-size: 14px;
  color: #ffffff;
}
.us-f2-con-data p {
  font-size: 14px;
  color: #ffffff;
}
.data_m {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  top: 0;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 20px;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
}
.data_m:after,
.data_m:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.us-f2-con-data:hover .data_m {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.us-f2-con-data:hover .data_m:before {
  -webkit-animation: boderM 3s infinite;
  -moz-animation: boderM 3s infinite;
  animation: boderM 3s infinite;
}
.us-f2-con-data:hover .data_m:after {
  -webkit-animation: boderM 3s .75s infinite;
  -moz-animation: boderM 3s .75s infinite;
  animation: boderM 3s .75s infinite;
}
@media screen and (max-width: 1400px) {
  .in_newa {
    padding: 2.6% 8% 3.6% 8%;
  }
  .footer_nav {
    margin: 0 241px 0 427px;
  }
  .footer_r {
    width: 229px;
  }
}
.jian_suo {
  overflow: hidden;
  padding-bottom: 20px;
  margin-top: -5px;
}
.jian_suo a {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  padding-right: 60px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.jian_suo a:hover {
  color: #005197;
}
.p2_con_bg {
  position: relative;
}
.p2bg {
  position: absolute;
  height: 61px;
  left: 0;
  background: #005197;
  z-index: 1;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}
/*aldet*/
.al_fix {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.al_detbg {
  position: fixed;
  width: 1440px;
  box-sizing: border-box;
  background: #fff;
  left: 50%;
  top: 50%;
  margin-left: -720px;
  transform: translateY(-50%);
  padding-top: 55px;
  padding-bottom: 75px;
}
.aldet_inner {
  width: 1340px;
  margin: 0 auto;
  position: relative;
}
.aldet_inner:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.al_detimg {
  display: block;
  width: 1096px;
}
.al_detimg img {
  display: block;
  width: 1096px;
  height: 592px;
}
.aldet_left {
  float: left;
  position: relative;
}
.aldet_r {
  width: 214px;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
}
.al_detr_tit {
  line-height: 22px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  padding-left: 29px;
}
.aldet_prev,
.aldet_next {
  display: block;
  width: 40px;
  height: 48px;
  position: absolute;
  top: 50%;
  margin-top: -66px;
  z-index: 10;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.aldet_prev {
  background: url(../images/aldetprev.png) no-repeat center rgba(0, 0, 0, 0.4);
  left: 40px;
}
.aldet_prev:hover {
  background-image: url(../images/aldetprevh.png);
}
.aldet_next {
  background: url(../images/aldetnext.png) no-repeat center rgba(0, 0, 0, 0.4);
  right: 40px;
}
.aldet_next:hover {
  background-image: url(../images/aldetnexth.png);
}
.al_deta {
  display: block;
  width: 188px;
  margin-top: 11px;
  padding-left: 29px;
  position: relative;
  height: 101px;
  overflow: hidden;
}
.ovimg {
  overflow: hidden;
  width: 188px;
  position: relative;
  height: 101px;
}
.ovbg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 101px;
}
.aldet_ul2 {
  overflow: hidden;
  margin-top: 30px;
}
.aldet_ul2 > li {
  width: 53px;
  height: 2px;
  background: #cccccc;
  float: left;
}
.aldet_ul2 > .on {
  background: #333333;
}
.al_deta:hover img {
  transform: scale(1.2);
}
.al_deta img {
  display: block;
  width: 188px;
  height: 101px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_deta:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../images/aldetr.png) no-repeat center;
  left: -20px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
}
.al_deta.on:before {
  left: 0;
}
.al_detcon {
  text-align: right;
  position: absolute;
  bottom: 20px;
  right: 0;
  max-height: 250px;
  overflow: hidden;
}
.aldet_rbtit {
  font-size: 25px;
  line-height: 34px;
  color: #333333;
  text-align: right;
}
.aldet_rbtime {
  line-height: 22px;
  color: #999999;
}
.aldet_font2 {
  line-height: 22px;
  color: #666666;
  margin-top: 20px;
}
.al_close {
  text-align: right;
  height: 46px;
}
.al_close img {
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  cursor: pointer;
}
.al_close img:hover {
  transform: rotate(180deg);
}
.al_detcon > li {
  max-height: 150px;
  display: none;
}
.al_detcon > .on {
  display: block;
}
.al_detslide .onal {
  display: block;
  z-index: 3;
}
.aldet_ul {
  position: relative;
  height: 592px;
  width: 1096px;
}
.aldet_ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 1096px;
  height: 592px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .al_detbg {
    width: 1200px;
    margin-left: -600px;
    padding-bottom: 46px;
  }
  .aldet_inner {
    width: 1000px;
  }
  .al_detimg {
    display: block;
    width: 740px;
    height: auto;
  }
  .al_detimg img {
    display: block;
    width: 740px;
    height: 400px;
  }
  .aldet_ul li {
    height: 400px;
    width: 740px;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
  }
  .aldet_ul {
    width: 740px;
  }
}
.al_fix.onf {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 100;
}
.aldet_inner {
  display: none;
}
.alon {
  display: block;
}
/*2018.5.4*/
.new_ap:before,
.new_ap:after {
  content: '';
  border-style: solid;
  position: absolute;
  z-index: 5;
  box-sizing: content-box;
  -webkit-transition: all 1s ease .2s;
  -ms-transition: all 1s ease .2s;
  -moz-transition: all 1s ease .2s;
  -o-transition: all 1s ease .2s;
  transition: all 1s ease .2s;
  border-color: #005197;
}
.new_ap:before {
  width: 0;
  height: 100%;
  border-width: 1px 0 1px 0;
  top: -1px;
  left: 0;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.new_ap:after {
  width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
  top: 0;
  left: -1px;
}
.new_ap:hover:before {
  width: 100%;
}
.new_ap:hover:after {
  height: 100%;
}
/*5.22*/
@media screen and (max-width: 1440px) {
  .newdet_l {
    width: 60%;
  }
}


@media all and (max-width: 1400px){
    .pro_al .al_a{
        width: 32.2%;
    }
 .nav > li
  {
      width:15%;
      }
}
@media all and (max-width: 1280px){
    .pro_al .al_a{
        width: 31.1%;
    }
 .nav > li
  {
      width:14%;
      }
}


/* 新增css */
.cont1{background: #fff;}
.cont2{padding-top: 0;}
.xz_tit{margin-bottom: 58px;}
.xz_tit h3{font-size: 16px;color: #1a4fa2;font-weight: bold;margin-bottom: 13px;}
.xz_tit p{font-size: 14px;color: #888;}
/* .xz_form{width: 1200px;margin:0 auto;} */
.xz_item input,.xz_item select{width: 61%;height: 40px;border-radius: 20px;border:1px solid #ccc;padding: 0 20px;box-sizing: border-box;}
.xz_item{margin-bottom: 30px;}
.xz_item .xz_item_01{float: left;width:46%;}
.xz_item .xz_item_01 label{display: inline-block;width: 35%;text-align: right;margin-right: 15px;vertical-align: middle;}
.xz_item .xz_item_01 label span{display: inline-block;color: #005197;}
.xz_item select{-webkit-appearance:none ;-moz-appearance: none;appearance: none;background: url(../images/xz2.png) no-repeat right 30px center;}
.xz_form_sub input{width: 230px;height: 48px;border-radius:24px;background: #005197;color: #fff;text-align: center;font-size: 16px;border:none;display: inline-block;cursor: pointer;}
.xz_form_sub{text-align: center;margin-top: 50px;}
@media all and (max-width: 1400px){
  .xz_item .xz_item_01{width:50%;}
}