/*通用代码*/
* {margin: 0px;padding: 0px;box-sizing: border-box;}
body{margin:0; padding:0; font-size:14px; color:#666; font-family:"微软雅黑"; line-height: 1.42857143em;}
a{color:#666; text-decoration:none;}
a:hover{color:#1374c5; text-decoration:none;}
::selection{ background:#1374c5; color:white;}
div {margin: 0px;padding: 0px;margin: 0px;}
span,p {margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6 {margin: 0px;padding: 0px; font-weight:500; line-height:1.1em;}
img {margin: 0px;padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px;padding: 0px;list-style: none;}
img {border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select {margin: 0px;padding: 0px;}
input,button,select,textarea {outline: none}
i{ font-style:inherit;}
.fl{ float:left;}
.fr{ float:right;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mb10{ margin-bottom:10px;}
.mb30{ margin-bottom:30px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.clb{ clear:both;}
.oh{ overflow:hidden;}
.dfs{display:flex;align-items:center;justify-content:space-between;}
.new-container { margin: 0 8.3333333333%; }
/*副标题*/
.new-title { text-align: center; }
.new-title h3 { font-size: 30px; color: #1374c5; margin-bottom: 10px; }
.new-title p { font-size: 16px; text-transform: uppercase; margin-bottom:10px; }
.new-title p:after, .new-title p:before { content: ''; width: 37px; display: inline-block; vertical-align: middle; height: 1px; background: #ccc; }
.new-title p:after { margin-left: 10px; }
.new-title p:before { margin-right: 10px; }
/*抬头c*/
.top_bg{width:100%; height:50px; line-height:50px; font-weight:lighter;border-bottom: 1px solid #eee; overflow:hidden;}
.top_l{float:left; font-size:14px;}
.top_r{float:right;}
.top_r img{float:left; padding-right:8px;padding-top: 16px;}
.top_r li{float:left;  padding:0px 12px;}
.top_r li a{font-size:13px; border-right: 1px dotted #666;padding-right: 17px;}
.top_r li a:hover{color:#1374c5;}
.top_r li.top_r_rx{ color:#1374c5; font-size:18px; padding-right:0; line-height:54px;}
/*导航c*/
.nav_bg{width:100%; height:110px;}
.nav_logo{float:left; padding-top:25px;}
.nav_name{float:left; margin-top:43px; padding: 0 1vw; font-size:1.72vw; font-weight:500; color:#333;}
.nav{float:right; width:42vw; }
.nav>ul{display: flex;justify-content: space-between;}
.nav>ul>li{display: inline-block; position: relative;}
.nav>ul>li:nth-child(10){margin-right:0px;}
.nav>ul>li>a{font-size: 0.85vw; display: block;color: #333; line-height: 110px;font-weight: lighter; position: relative;}
.nav>ul>li>a:after{content: '';display: block;position: absolute;bottom: 0;height: 3px;background: #1374c5;width: 0;left: 0;transition: all .3s ease;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{color: #1374c5;}
.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{width: 100%;}
.dropmenu{ position:absolute; top:120%; max-height:0; transition:all .3s ease; width:200%; left:-50%;z-index:99; transition:all .3s ease; background:#f9f9f9; opacity:0; visibility:hidden; overflow:hidden;}
.dropmenu a{ display:block; line-height:45px; text-align:center; font-size:14px; transition:all .5s ease;}
.nav>ul>li:hover .dropmenu{ max-height:1000px;  top:100%; opacity:1; visibility:visible;}
.dropmenu a:hover{ background:#1374c5; color:#fff;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
/*搜索*/
.search{ border-bottom:1px solid #eee;}
.search .w1500{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword,.keyword a{ line-height:90px; font-size:14px; color:#333;}
.keyword span{color:#1374c5;}
.searight{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.seatel{ padding:0 40px; border-left:1px solid #eee; border-right:1px solid #eee; font-size:14px; color:#333; margin-right:30px;}
.seatel em{ display:block; font-size:22px; font-style:normal;}
.seatel span{ display:inline-block; padding-left:48px; background:url(/images/dh2.png) no-repeat left center;}
.search_bg{ width:263px; height:50px; background:#eee; padding:0 20px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
#infoname{ border:none; background:none; width:193px; height:50px;}
/*ban*/
.new-banner { position: relative; }
.new-banner a { display: block; }
.new-banner .slick-dots { position: absolute; left: 0; right: 0; text-align: center; bottom: 15px; font-size: 0; z-index: 9; }
.new-banner .slick-dots li { display: inline-block; vertical-align: middle; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 50%; margin: 0 16px; cursor: pointer; position: relative; }
.new-banner .slick-dots li:first-child:before { display: none; }
.new-banner .slick-dots li:last-child:after { display: none; }
.new-banner .slick-dots li:after, .new-banner .slick-dots li:before { content: ''; width: 16px; height: 1px; background: #fff; position: absolute; top: 50%; z-index: 1; }
.new-banner .slick-dots li:after { left: 26px; }
.new-banner .slick-dots li:before { right: 26px; }
.new-banner .slick-dots li button { display: none; }
.new-banner .slick-dots li.slick-active { background: #fff; }
/*底部*/
.cop_bc{width: 100%;background: #1b2529;position: relative;}
.cop_c{display: flex;align-items: center;justify-content: space-between;;}
.cop_lc{width: 740px;padding-top: 90px; padding-bottom:20px;}
.copp{display: flex;justify-content: space-between;}
.copp ul li a{font-size: 14px;padding-bottom: 11px;display: block;text-align:center;}
.copp ul li:first-child a{font-size: 18px;color: #fff;padding-bottom: 30px;}
.cop_rc{width: 698px;display: flex;justify-content: space-between;position: relative;margin-top:-80px;}
.dy_c>div{padding-top: 22px;text-align: center;}
.dy_c img{width: 170px;}
.dy_c>div p{font-size: 14px;}
.lx_c>p{font-size: 18px;color: #fff;padding-top:10px;}
.lx_c>div{font-size: 16px;line-height: 36px;margin:30px 0 52px;}
.bq_ewm{display: flex;}
.bq_ewm li{position: relative;}
.bq_ewm li span{width: 36px;height: 36px;border: 2px solid #666;border-radius: 100%; transition: all .5s; display:flex; justify-content:center; align-items:center; text-align:center;}
.bq_ewm li+li{margin-left: 12px;}
.foot_bc{border-top:1px solid rgba(255,255,255,0.14);}
.foot_c{display: flex;justify-content: space-between;height: 73px;align-items: center;}
.foot_c a,.foot_c div{font-size: 14px;}
.ewm_cc{display: none;position: absolute;
    top: -155px;
    left:calc(50% - 75px);}
.ewm_cc img {
    width: 150px!important;
}

.linkTagcs{width:100%!important;}
.bq_ewm li:hover span {
    background: #1374c5;
    border: 2px solid #1374c5;
    color: #fff;
}
.dy_c>p {
    background: #fff;
    padding: 13px;
    border-radius: 6px;
}
/*在线客服*/
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #3a4246;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #3a4246;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #3a4246;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #3a4246;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #3a4246;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}