/**/
body {

  background: #fff;
  font-size: 14px;
  font-family:  "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #025BB5;
  text-decoration: none;
}
p{ margin: 0;}
i{ font-style: normal;}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
ul li {
  list-style: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
/*t图片样式*/
.center-block{display:block;margin-right:auto;margin-left:auto}
.center-blo{ display:block;margin-right:auto;margin-left:auto;}

.ftlogo{ display:block;}
@media (max-width: 320px)
{
.ftlogo{ display:none;}
}
img { border: 0px; vertical-align: middle;  }
.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}
.avatar {  display: block;overflow: hidden; width: 100%; }
.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
.avatar:hover img {transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3);  }
/************全局样式************/
.fl {  float: left;  }
.fr { float: right;  }
.main_title{ margin:10px 0; text-align: right; }
.main_title p{ margin-bottom: 8px;}
.m_p1{ font-size: 30px; color: #333; font-weight: bold; }
.m_p2{ color: #666;margin: 0; }

/*--------------------------------------------------------------
# 头部Header
--------------------------------------------------------------*/
#header {
  height:94px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  position: relative;

}

#header.header-transparent {
  background:#fff;
}

#header.header-scrolled {

}

#header .logo img {
  padding-right: 15px;
  margin: 5px 0;
  max-height:80px;
}
#header .logo a{ color: #333; font-size: 26px;}
#header .logo a span{ color: #005AAA;}
/*导航菜单 */

.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;



}
.nav-menu {
  margin: 0;


}
.nav-menu > ul > li {

  white-space: nowrap;
  float: left;
  margin: 0;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #333;
  padding: 0px 28px;
  transition: 0.3s;
  font-size: 16px;
  height: 50px;
  line-height:50px;

}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #005AAA;
  text-decoration: none;


}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  width:100%;
  left: 0;
  right: 0;
  top: 94px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 18px 0;
  background:#f7f7f7;
  transition: ease all 0.3s;
  margin: 0 auto;

}
.nav-menu .drop-down ul .wal{ width: 1200px; margin:  0 auto;}
.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.nav-menu .drop-down ul li{ float: left;}


.nav-menu .drop-down ul a {
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #666;
}


.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {

  position: absolute;
  right: 15px;
}
.nav-menu .drop-down ul img{ float: left; width: 40%; max-height: 200px; margin-right: 2%; padding-right: 2%; border-right: 1px solid #dedede;}
.nav-menu .drop-down ul li{ width: 24%;  margin: 0 2%; border-bottom: 1px solid #dedede; background:url("../images/jiantou.png") no-repeat right; }
.nav-menu .drop-down ul li a{ height: 45px; line-height: 45px;}
.nav-menu .drop-down ul li:hover a{
  color: #005AAA;
  background:none;


}


.nav-menu .drop-down .drop-down-link ul {  display: none;}
.nav-menu  a i{  display: none;}
/*搜索*/
.nav-menu .nav-top{ padding:8px 0;}
.nav-menu .language{  float: right;}
.nav-menu .language a{ color: #666; display: block;  float: left;padding:0 10px; font-size: 13px; line-height: 18px; height: 18px; margin: 4px 0;}
.nav-menu .language a:hover{ color: #005AAA; background: none;}
.nav-menu .language a:first-child{ border-right: 1px solid #999; }
.nav-menu .search_wrap{ background:#fff; width: 178px; z-index: 9; border-radius: 10px; float: right;  margin-right: 10px; }
.nav-menu .search_box_button { height:26px; width:38px; border-radius:0  10px 10px 0; background:#005AAA url(../images/search.png) no-repeat center; border:0; outline: none; float: right; }
.nav-menu .search_box_text {width:140px;  color:#666;font-size: 13px; border-radius: 10px 0 0 10px; padding: 0 10px; border: 1px solid #A5A5A5; float:left;height:26px; outline: none; line-height: 26px; background:#fff;}

/* 手机菜单样式 */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 997;
  overflow-y: auto;
  left: 100%;
  width:100%;
  padding-top:22px;
  background:rgba(255,255,255,1);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #333;
  font-size: 16px;
  padding: 0 20px;
  height: 55px;
  line-height: 55px;
  font-weight: 500;

}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #005AAA;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {

  padding-left: 20px;
  position: absolute;
  right: 15px;
}


.mobile-nav .drop-down > a i{ float: right; display: block; padding:0 0 0 60px;  height: 55px;
  line-height: 55px; font-size: 24px; font-weight: bold;}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
  background: #f1f1f1;
}

.mobile-nav .drop-down li {
  padding-left: 10px;
  width: 100%;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #fff;
  background:#005AAA;
  display: block;
  width:50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 996;
  top: 0;
  left: 0;
  position: fixed;
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
.mobile-nav .drop-down ul img{ display: none;}
.mobile-nav .language{ }
.mobile-nav .language a{ height:38px; border: 1px solid #dedede; float: left; margin-left: 3%; border-radius: 10px; height: 40px; line-height: 40px; width: 110px; text-align: center;}
.mobile-nav .search_wrap{ background:#fff; width:94%; z-index: 9; border: 1px solid #A5A5A5; border-radius: 10px; margin:20px 3%; float: left; }
.mobile-nav .search_box_button { height:36px;border-radius:0  10px 10px 0; width:58px; background:#005AAA url(../images/search.png) no-repeat center; border:0; outline: none; float: right; }
.mobile-nav .search_box_text {width:70%;  color:#666;font-size: 13px; border-radius: 10px; padding: 0 10px; border:0;float:left;height:36px; outline: none; line-height: 36px; background:#fff;}

/*banner 轮番*/
.slider {
  position: relative;
  padding: 0;
  margin: 0;
}
.slider:hover .centered-btns_nav{ display: block;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;


}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  border: 0;


}

a.callbacks_nav {
  display: none;
}
ul.callbacks_tabs {
  position: absolute;
  bottom: 5%;
  left: 44.3%;
}
ul.callbacks_tabs li {
  display: inline-block;
}
.callbacks_tabs a {
  visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size: 0;
  visibility: visible;
  display: inline-block;
  height: 5px;
  width: 40px;
  background: #484A50;
}
.callbacks_here a:after {
  background: #FFF;
}

.centered-btns_nav { 	display: none; position: absolute; top: 50%; z-index: 2; width: 52px; height: 52px; margin-top: -40px; line-height:52; background-image: url(../images/arrow.png); overflow: hidden;}
.next { right: 60px; background-position: right 0px;}
.prev {left: 60px; background-position: left 0px;}
.centered-btns_nav:active { opacity: 1;filter:alpha(opacity=100);}
.centered-btns_tabs { position: absolute; bottom: 20px;left:15%; right: 15%; text-align: center; font-size: 0; list-style-type: none;z-index:9; padding:0;}
.centered-btns_tabs li { display: inline-block; margin: 0 10px; *display: inline; *zoom: 1;}
.centered-btns_tabs a { border: 1px solid #dedede; display: inline-block; width: 14px; height:14px; border-radius: 50%; line-height: 20px; background-color: rgba(0, 0, 0, .3); background-color: #ccc\9; overflow: hidden; *display: inline; *zoom: 1;}
.centered-btns_tabs .centered-btns_here a { background-color: rgba(0, 0, 0, .8); background-color: #005AAA;}

/*关于我们*/
.about{  background: url("../images/bg01.jpg") no-repeat; background-size: cover; padding: 50px 0;}
.title-box {
  margin: 25px 0;}

.title-box b {
  font-size: 42px;
  color: #dedede;
  text-transform: uppercase;

}

.title-box p {

  font-size: 26px;
  color: #005AAA;
  font-weight: bold;

}
.ab_txt{ background: #ECF1F5 url("../images/abbg.png") no-repeat bottom right; padding: 25px 25px 50px 25px;}

.ab_txt b{ color: #333; font-size: 18px;}
.ab_txt p{ color: #666; line-height: 28px; padding: 10px 0;}

.about-btn {
  font-size: 14px;
  color: #fff;
  transition: 0.5s;
  border: 1px solid #005AAA;
  background: #005AAA;
  display: inline-block;
  padding: 8px 28px;
  margin-top:15px;
}
.about-btn:hover {
  border: 1px solid #1779D1;
  color:#fff;
  background:#1779D1;
  transition: 0.5s;
}
.gj_list{
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  margin-top: 30px;

}
.gj_list li{
  float: left;
  width: 31.3%;
  margin-right: 2%;
  text-align: center;


  position: relative;


}
.gj_list a{
  display: block;
  width: 100%;
}
.gj_list .box{
  width: 0;
  height: 0;
  background: #005AAA;
  position: absolute;
  top:50%;
  left: 50%;
  z-index: 1;
  transition:all 0.3s;
}
.gj_list .bg{
  margin:15px auto 0;
  width: 45px;
  display: block;
  position: relative;
  z-index: 2;
  height: 45px;
}
.gj_list p{
  font-size: 15px;
  color: #666;
  line-height: 20px;
  position: relative;
  z-index: 2;
  transition:color 0.3s;
}

.gj_list li .bg0{
  background: url(../images/ab1.png) no-repeat center;
  transition:background 0.3s;
}
.gj_list li .bg1{
  background: url(../images/ab2.png) no-repeat center;
  transition:background 0.3s;
}
.gj_list li .bg2{
  background: url(../images/ab3.png) no-repeat center;
  transition:background 0.3s;
}

.gj_list li:hover .bg0{
  background: url(../images/ab01.png) no-repeat center;
  transition:background 0.3s;
}
.gj_list li:hover .bg1{
  background: url(../images/ab02.png) no-repeat center;
  transition:background 0.3s;
}
.gj_list li:hover .bg2{
  background: url(../images/ab03.png) no-repeat center;
  transition:background 0.3s;
}

.gj_list li:hover b{
  color: #fff;
  transition:color 0.3s;
}
.gj_list li:hover p{
  color: #fff;
  transition:color 0.3s;
}
.gj_list li:hover .box{
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  transition:all 0.3s;
}
.about_fr{  position: relative;}
.wh {
  background: #005AAA;
  position: absolute;
  right: 15px;
  bottom: 0;
  width:55%;
  height: 220px;
}
.wh b {
  font-size: 24px;
  font-weight: 600;
  padding: 15px 10px;
  margin-top: 20px;
  text-align: center;
  color: #fff;
  display: block;
}
.wh p {
  text-align: center;
  color: #fff;
  line-height: 24px;
  padding: 0 20px;
  font-size: 16px;
}
.wh span {
  margin: 20px auto;
  display: block;
  width: 120px;
  height: 35px;
  border: 1px solid #fff;
  color: #fff;
  line-height: 35px;
  text-align: center;
}
.wh span a {
  color: #fff;
  display: block;
}
.wh p a{ color: #fff;}
.wh a:hover{ color: #D30A17;}
.wh span:hover { background: #fff;}
  /*产品与服务*/
.product{ background: url("../images/bg1.jpg") no-repeat ; background-size: cover; padding-top: 40px; padding-bottom: 60px; }
.pro_box{ position: relative; overflow: hidden; margin-top: 10px;}
.pro_box a{ color: #fff; display: block;}
.pro_box .img{ position: relative; }
.pro_box .img span{ display: block; position: absolute;width:100%; height:100%; left:0; top:0;background: rgba(0,0,0,.16); }
.pro_list{position: absolute; text-align:center; width:100%; height:55%; left:0; bottom:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.pro_list b{ font-size: 20px; padding: 10px;  }
.pro_list p{ line-height: 30px;margin: 10px; opacity: 0; filter:Alpha(opacity=0);}
.pro_list2 p{ float: left; width:46%; margin:5px 2%;}
.pro_list a{display: block;}
.pro_box img{-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out; }
.pro_box:hover img{ transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); }
.pro_box:hover p{ opacity: 1; filter:Alpha(opacity=100);}
.pro_list p a:hover{ color: #D30A17;}
.pro_box:hover .pro_list{ height:80%;}
.pro-bg {height: 0px;width: 100%;position: absolute;bottom: 0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.pro_box:hover .pro-bg{height: 100%; background: rgba(0,0,0,.6); -webkit-transition: all linear 500ms;transition: all linear 500ms;}
/*新闻资讯*/
.news{ margin-top: 50px;}
.rslides  .news_txt {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);

}
.rslides  .news_txt p a{ color: #fff;}
.news_tu{ position: relative;}
.news_tu .centered-btns_tabs { position: absolute; bottom: 20px; left: 70%; right: 0; text-align: center; font-size:12px; list-style-type: none;z-index:9; padding:0;}
.news_tu .centered-btns_tabs li { display: inline-block; margin: 0 5px; *display: inline; *zoom: 1;}
.news_tu .centered-btns_tabs a { border:none; display: inline-block; width: 20px; height:20px; line-height: 20px; border-radius: 0; color: #fff; line-height: 20px; background-color: rgba(0, 0, 0, .4); overflow: hidden; *display: inline; *zoom: 1;}
.news_tu .centered-btns_tabs .centered-btns_here a {  background-color: #005AAA;}

.zzsc {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #ECF1F5;
  padding:20px 10px 20px 10px;
}
.zzsc .tab {
  overflow: hidden;
  padding-top: 10px;

}
.zzsc .tab a {
  display: block;
  font-size: 17px;
  width: 29.3%;
  margin: 0 2%;
  height: 35px;
  text-align: center;
  font-weight: bold;
  float: left;
  text-decoration: none;
  color: #333;
}
.zzsc .tab a:hover {
  color: #005AAA;
  border-bottom: 3px solid #005AAA;
  text-decoration: none;
}
.zzsc .tab a.on {
  color: #005AAA;
  border-bottom: 3px solid #005AAA;
  text-decoration: none;
}

.zzsc .content ul{ padding: 12px;  }
.zzsc .content ul li p{ line-height: 32px;  }
.zzsc .content ul li p a{ color: #666; display:block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; width:78%; float: left;}
.zzsc .content ul li p span{ display: block;color: #666;  width: 20%; float: right; font-size: 13px; text-align: right;}
.zzsc .content ul li p a:hover{ color: #005AAA;}


.news_box{ padding: 0; }
.wbljx{position: relative; margin-bottom:15px;  padding:10px 5px;}
.wblj{position: relative; margin-bottom:5px;  padding:5px;}
.wblj a{ display: block;}
.wblj .wb_txt{ display: flex;
  justify-content: center;
  align-items: center;position: absolute;top:0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); font-size: 16px; font-weight: bold; color: #fff;

}
.wblj2{ margin-bottom: 0;}
.wblj .wb_txt:hover{ background: rgba(0,90,170,1);}
/*footer*/
.footer{background:url("../images/ftbg.jpg") no-repeat; background-size: cover; margin-top: 80px; padding-top: 20px;}


.footer_r {

  padding-top: 30px;
  padding-bottom: 20px;

}
.footer_r  b{ display: block; font-size: 18px; color: #005AAA; margin-bottom: 20px; }
.footer_r a {
  display: block;
  color: #666;
  line-height: 28px;
  margin-bottom: 5px;
  width: 50%;
  float: left;

}
.footer_r a:hover{ color: #005AAA;}
.footer_r a>img {
  display: block;
  width: 27px;
  float: left;
  margin-right: 10px;
}

.footer_r span{ font-size: 18px; font-weight: bold; text-align: center; color: #666; margin-top: 20px; display: block;}
.footer_r p{ color: #666; line-height: 28px;
  margin-bottom: 5px;}
.ft2 a{  color: #666; display: block; }
.ft3{
  padding-top: 30px;}
.ft3 b{display: block; text-align: center; font-size: 18px; color: #005AAA; margin-bottom: 20px;}
.ft3 p{ text-align: center;  padding-top: 10px; display: block; color: #666;}
.ft3 img{ max-height: 100px;}
.footer2 {
  color:#999;
  border-top: 1px solid #dedede;
  line-height: 50px;
  text-align: center;

}
.footer2 a{color:#999;}

/*返回顶部*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  right: 15px;
  bottom: 15px;
  background: #005AAA;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background:rgba(0,90,170,.5);
  transition: background 0.2s ease-in-out;
}