ul li ,ol li{list-style: none;}
*{margin: 0;padding: 0;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
/* object-fit */
.obj-cover {object-fit: cover;font-family:'object-fit: cover;';}
.obj-contain {object-fit: contain;font-family:'object-fit: contain;';}

/* 第一步：拷贝项目下面生成的 @font-face */
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff2') format('woff2'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
/* 第二步：定义使用 iconfont 的样式 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-oxs-font-smoothing: grayscale;
}

.top li>a:hover,.xinwen_a span a:hover,.guan .guan_a ul.guan_b li>a:hover,.link_c a:hover{text-decoration: underline !important;}

/* 顶部 */
.dingbu{width: 100%;line-height: 30px;background: url(../images/topbg.jpg) repeat-x;}
.dingbu span{font-size: 12px;color: #c0c0c0;}
.top li{display: inline-block;}
.top li>a,.an li>a{font-size: 12px;padding: 0px 10px;border-right: 1px solid #c0c0c0;color: #c0c0c0;text-decoration: none;}
.top li.map>a,.an li.map>a{border-right: none;}

@media(max-width: 900px){
  .dingbu{display: none;}
  .banner{margin-top: -50px;}
}
/* 顶部 end */

/* logo */
.logo{width: 100%;line-height: 80px;position: relative;}
.logo .logo_a a>img{margin-top: -20px;}
.logo .logo_a p.index_moju{display: inline-block;vertical-align: middle;margin-top: 20px;}
.logo .logo_a span{font-size: 24px;font-weight: bold;display: inline-block; color: #01a1ed;
padding-left: 20px;line-height: 10px;}
.logo .logo_a .logo_b{background: url(../images/tel.jpg) no-repeat left center;text-align: left;}
.logo .logo_a .logo_b>p{padding-left: 60px;line-height: 24px;display: inline-block;padding-top: 20px;font-size: 18px;}
.logo .logo_a .logo_b>p b{width: 100%;display: inline-block; font-size: 24px;}

.logo .logo_a span >a{font-size: 18px;display: inline-block; padding-left: 0px;padding-top: 20px;}
.an{position: absolute;top:0;left: 40%;display: none;}
.an li{display: inline-block;}
.an li>a{padding: 0px 6px;font-size: 14px;}
.an li>a:hover{color:#01a1ed; }
@media(max-width: 900px){
  .an{display: block;}
  .logo{line-height: 60px;}
  .logo .logo_a li a img{height: 50px;width: auto;margin-left: 0;}
  .logo .logo_a .logo_b>p,.logo .logo_a span{display: none;}
}
/* logo end */

.guan{width: 100%;padding: 30px 0px 20px;}
.guan .guan_a{border-bottom: 1px solid #ebebeb;}
.guan .guan_a ul.guan_b li{display: inline-block;font-size: 14px;line-height: 40px;color: #666;}
.guan .guan_a ul.guan_b li>a{padding: 0px 6px;color: #666;}
.guan_c form input{background: url(../images/indexa.jpg) no-repeat;width: 550px;height: 40px;text-indent: 1em;
  border: none;font-size: 14px;color: #999;}

@media(max-width: 900px){
  .guan{display: none;}
}


/* 导航栏 logo */
header{width: 100%;line-height: 49px;}
header .nav_bj{ width: 0;height: 0;border-bottom: 50px solid #0077d3; border-left: 80px solid transparent;
  background: #fff;}
.bj{width: 40% ;height: 50px;background: #01a1ed;position: absolute;right: 0;z-index: -1;}

header  .container > nav > ul{background: #01a1ed;}
header  .container > nav > ul > li > a {display: inline-block;color: #fff;font-size: 14px;font-weight: bold;
  border-right: 1px solid #008fd2;}
header  .container > nav > ul > li.none a{border-right: none;}

@media (min-width: 768px) {
  header  .container > nav > ul > li {position: relative;background: #01a1ed;}
  header  .container > nav > ul > li > ul {opacity: 0;visibility: hidden;position: absolute;
    top: 150%;left: 0;background:#01a1ed;text-align: center;z-index: 9999; }
  header  .container > nav > ul > li:hover > ul {opacity: 1;visibility: visible;top: 100%;
    -webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;
    -o-transition: all .6s;transition:all .6s;}
  header .container > nav > ul > li.active a{background: #0077d3;}
  header .container > nav > ul > li.active ul > li > a {;background: none;}
  header .container > nav > ul > li a:hover{background: #0077d3;text-decoration: none !important;;}
  header .container > nav > ul > li > ul > li > a {display: block;padding: 0 6px;background: none;
    line-height: 40px;white-space: nowrap;color: #fff;font-weight: bold;font-size: 14px;}
  header  .container > nav > ul > li:hover > ul li{padding: 6px 16px;}
  header  .container > nav > ul > li:hover > ul li a{color: #fff;}
  header  .container > nav > ul > li > ul > li{color: #fff;}
  header  .container > nav > ul > li > ul > li:hover{background:#0077d3;}
  header  .container > nav > ul > li > ul > li > a:hover {color: #fff;}   
}

@media(min-width: 1300px){
  header  .container > nav > ul > li > a {padding: 0 20px;}
}
@media(max-width: 1299px) and (min-width: 1000px){
  header  .container > nav > ul > li > a {padding: 0 18px;font-size: 14px;}
}
@media(max-width: 1000px) and (min-width: 1200px){
  header  .container > nav > ul > li > a {padding: 0 10px;font-size: 14px;}
}
@media (max-width: 991px) {
  header .nav_bj{border-bottom: none; }
  header{background: none;}
  .logo .logo_a a>img{margin-top: 0;}
  header  .container > nav > ul > li a{border-right: none;}
  header  .container > nav {z-index: 9999;}
  header  .container > nav > ul{background: #f1f1f1;}
  header  .container > nav > ul > li > a {padding: 0 50px;}
  header  .container > nav > ul > li.active a{border-bottom: none;}
  header  .container > nav > ul > li ul li ol.yu{display: block;background: #01a1ed;}
  header  .container > nav > ul > li ul li ol.yu a{color: #fff;}
  header .container > nav > ul > li ul li ol.yu li:hover{background: #01a1ed;}
  header  .container > nav{ margin-top: 36px;background: none;border: none;}
}

@media (max-width: 900px) {
  .bj{background: none;}
  header  .container > nav > ul > li.active > a {color: #fff;}
  header  .container > nav > ul > li.active{ width: 100% ;background: #008fd2;}
  header  .container > nav > ul > li.active:hover{background: #008fd2;}
  header {height: 60px;line-height: 60px;}
  header  .container > .logo-box img {height: 20px;width: auto;}
  header  .container > nav {position: absolute;top: 26px;left: 0;width: 100%;text-align: center; 
    z-index: 9999;background: #f5f5f5;z-index: 9999;}
  header .container > nav{display: none;}
  header .container > nav > ul > li {position: relative;margin-left: 0px;}
  header  .container > nav > ul > li > i.iconfont {top: 0;right: 35px;font-size: 14px;}
  header  .container > nav > ul > li > i.icon-minus {color: #fff;}
  header  .container > nav > ul > li > a {color: #434343;font-size: 16px;}
  header .container > nav > ul > li > ul {display: none;background: #f9f9f9;}
  header .container > nav > ul > li > ul > li > a {display: block;font-size: 14px;color: #000;}
  header  .container > nav > ul > li > ul > li > a:hover {background: #01a1ed;color: #fff;}
  header  .container > nav > ul > li:hover {background: #01a1ed; }
  header  .container > nav > ul > li:hover > a{color: #fff;}
  header .menu-toggler {right: 15px;height: 100%;padding-top: 19px;overflow-x: hidden;top: 0px;}
  header .menu-toggler > span {position: relative;display: block;width: 30px;height: 4px;
    border-radius: 5px;background: #008fd2;}
  header .menu-toggler > span.top { top: 0;}
  header .menu-toggler > span.middle {left: 0;top: 5px;}
  header .menu-toggler > span.bottom {top: 10px;}
  header .menu-toggler.active > span.middle {left: 100px;}
  header .menu-toggler.active > span.top {top: 10px;transform: rotate(45deg);}
  header .menu-toggler.active > span.bottom {top: 2px;transform: rotate(-45deg);}
  .carousel{margin-top: -60px;}
}
/* 导航栏 logo end */ 

/* footer 底部 */
footer .g_ft{ height:364px; background: url(../images/ftbg.jpg) no-repeat center top;
  overflow: hidden;padding-top: 12px;position: relative;background-size: cover;}
footer .g_ft .f_ftcon a{ color:#fff; display: inline-block;padding: 40px 30px 0;font-size: 16px;}
footer .g_ft .f_pr ul{display: inline-block;margin-top: 20px;padding-top: 50px;vertical-align: top;}
footer .g_ft .f_pr ul.m_fnav{width: 60%;}
footer .g_ft .f_pr ul em{display: block;font-size: 14px;font-weight: bold;color: #fff;margin-top: 10px;}
footer .g_ft .f_pr ul span{display: block;font-size: 14px;color: #fff;margin-top: 5px;}
footer .g_ft .f_pr ul.m_fnav li{color: #fff;}
footer .g_ft .li02 b{font-weight: normal;font-size: 14px;display: inline-block;padding-left: 90px;}
footer .g_ft .li03 {margin-top: 23px;}
footer .g_ft .li03 b{font-weight: normal;font-size: 26px;}
footer .g_ft .li03 a{margin-left:30px;color: #fff;}

.g_link{background:url(../images/linkbg.jpg) repeat; height: 64px;line-height: 64px;background-size: cover;}
.link_c{line-height:64px; overflow:hidden;float: left;width: 1070px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 22px; height: 64px; line-height:64px;color:#a3b9dd;display: inline-block;}
.g_link span{display: block;float: right;}

footer .g_ft .kaoring{position: absolute;right: 18.6%;top: -56px;}
footer .g_ft .kaoring p{color: #fff;padding-top: 20px;font-size: 14px;padding-left: 10px;}

aside{width: 150px;border: 2px solid #3d5e91;position: fixed;right: 2px;top: 20%;background: #fff;z-index: 999;}
aside a>img{width: 100%;}
aside h5{color: #01A1ED;font-size: 14px;text-align: center;padding-top: 6px;}
aside p{color: #01A1ED;font-size: 18px;font-weight: bold; text-align: center;padding-top: 6px;line-height: 10px;}

@media(max-width: 900px){
  footer .g_ft{height: 160px;}
  footer .g_ft .f_pr ul.m_fnav,footer .g_ft .f_ftcon a,.g_link,.g_ft ul.kaoring img{display: none;}
  footer .g_ft .f_pr ul{width: 100%;text-align: center;padding-top: 0;margin: 0;}
  aside{display: none;}
}
/* footer 底部 end */

/* 二级菜单 */
 .menu{display: none;}

@media(max-width: 900px){
  .menu{width: 100%; height: 40px;float: right;clear: both;display: block;z-index: 999;}
  .menu p{width: 100%;position: relative;font-size: 14px;height: 40px;line-height: 40px;display: block;
    cursor: pointer;background: #008fd2;color: #fff;text-align: center;}
  .menu p:hover{background: #007bff;}
  .menubar{position: relative;width: 100%;max-height: 0px;margin: 0 auto;overflow: hidden;z-index: 999;}
  .menubaropen{max-height: 700px;transform-origin:50% 0; transition: all 0.3s ease-out;}
  .menubar li{list-style-type: none; width: 100%;height: 40px;line-height: 40px; 
    text-align: center;background: #008fd2;display: block;cursor: pointer;}
  .menubar li.active{background: #007bff;}
  .menubar li:hover{ background: #008fd2;}
  .menuvalue{background: #008fd2;color: #fff;}
  .menubar li a{color: #fff;}
  @-webkit-keyframes slide-down{
    0%{transform:scale(1,0);}
    25%{transform:scale(1,1.2);}
    50%{transform:scale(1,0.85)
    75%{transform:scale(1,1.05);}
    100%{transform:scale(1,1);}
  }
}