*{padding:0;margin:0; box-sizing: border-box;}
body{font-size:14px;padding:0;margin:0;overflow-x:hidden;color:#666;font-family:"宋体";}
body {
    -webkit-text-size-adjust: none !important;
    }
li{list-style-type:none}
a{text-decoration:none!important;color:#1967ba}
a:hover{color:#773986}
h1,h2,h3,h4,h5,p{font-weight:400;padding:0;margin:0}
buttom,input{outline:0}
img{max-width:100%}
ol,ul{margin:0;line-height:24px}
i{font-style:normal}
.text-white{color:#000}

.mainbox{width: 1200px; margin: 0 auto; }
/* .menu{background:linear-gradient(to bottom,#1c6fa0,#1c6fa0,#74accd);padding:0 15px}
.menu ul{display: flex;}
.menu ul li{width: 100%;}
.menu ul li a{ display: block; text-align: center; color: #fff; line-height:36px;}
.menu ul li.active a{background:#4994bc} */

/*导航*/
.nav{/*position: relative;left: 18.4vw;background-image: linear-gradient(#1C7DA8, #4994bc);background-image: linear-gradient(#1C7DA8, #4994bc);*/width:100%;}
.navbar{width: 1200px;margin: 0 auto;}
.nav ul{list-style: none; clear: both;}
.nav ul::after{display: table; clear: both; width: 100%; content: "";}
.nav li{float: left;font-size: 16px;position: relative;z-index: 8888888;height:40px;line-height:40px;background-color: #4994bc;}
.nav li+#nvabar-item-index{display: none;}
.nav li a{color: #fff;padding: 0 24px;display: inline-block;text-align:center;}
.nav li:hover > a{background-color: #015b8a;}
.nav li.active > a{background-color: #015b8a;}
.nav ul ul{display: none;background-color: #4994bc;position: absolute;top: 100%;left: 0;}
.nav ul li:hover > ul{display: block;background-color: #4994bc;}
.nav ul ul li{white-space: nowrap;line-height: 45px;}

.nav ul ul ul{top: 0;left: 100%;}
.search{float: right;margin-top: 15px;position:relative;display:none;}
.search form{width: 150px;height: 30px;line-height: 30px;overflow: hidden;color: #ddd;}
.search form input{float: left;width: 100%;height: 30px;line-height: 28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #fff;border-right: 0;padding-left: 8%;}
.search form button{position:absolute;right:0;width: 30px;height: 30px;line-height: 30px;text-align: center;-webkit-box-sizing: border-box;-mo-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;background-color: #fff;border: 1px solid #fff;border-left: 0;border-radius:100px;cursor:pointer;}




.bread{ display: flex; justify-content: space-between; padding: 10px 0;width: 100%;}

.boxtit{border-top: 2px solid #1967ba; border-bottom: 1px solid #1c5689;background:linear-gradient(to bottom,#f1f5f7,#f1f5f7); display: flex; justify-content: space-between; align-items: center; padding: 0 15px;margin-top: 10px;}
.boxtit span{ color:#fff;background:linear-gradient(to bottom,#6fa0cc,#3976af); padding:6px 15px; }
.boxtit a.more{color: #03598e;}

.nav1 h3{padding: 15px 0 0 25px; position: relative; font-size: 14px;}
.nav1 h3:before,.nav1 h3::after{ content: "";position: absolute; width: 5px; height: 5px; border: 1px solid #ff982b; background: #fff;}
.nav1 h3:before{left: 10px; top: 23px;;}
.nav1 h3:after{left: 12px; top: 25px;;}
.nav1 h3 a{color: #03598e;}
.nav1 .link{display: flex; flex-wrap: wrap;}
.nav1 .link a{ border: 1px solid #b8d0de; border-radius: 30px;background:linear-gradient(to bottom,#e3eff9,#ffffff); color: #5b5b5b; width: 21%; margin: 10px 2%; padding: 2px 0; text-align: center; 
  box-shadow: inset 1px 1px 0 #fff; position: relative;}

  .nav1 .link a:before{position: absolute; left: 15px; border-left: 4px solid #30536e;
    border-top: 3px solid transparent; content: "";
    border-bottom: 3px solid transparent; top: 11px;}

    .leftnav{width: 200px; float: left;}
    .rightnav{width: calc(100% - 230px); float: right;}
.tit{ color:#fff;background:linear-gradient(to bottom,#6fa0cc,#3976af); padding:8px 15px; }
.leftmenu{background:  #fff;}

    .leftmenu>ul{border: 1px solid #eee;}
    .leftmenu>ul>li{border-bottom: 1px solid #eee; padding:6px 15px;}
    .leftmenu>ul>li>a{color: #03598e; position: relative; display: block;}
    .leftmenu>ul>li>a:after{position: absolute; right: 0; border-left: 6px solid #30536e;
      border-top: 4px solid transparent; content: "";
      border-bottom: 4px solid transparent; top: 9px;}

    .leftmenu>ul>li:last-child,.hdjl ul li:last-child{border-bottom: none;}
    .leftmenu>ul>li ul{padding: 10px 15px; display: none;}
    .leftmenu>ul>li ul a{display: block; padding: 3px 0; color: #333;}

    .bread_left a{}
    .bread_left a::after{content: ">";display: inline-block; padding: 0 5px;}
    .bread_left a:last-child:after{display: none;}
    .hdjl{margin-top: 15px; background-color: #fff;}
    .hdjl ul{ border: 1px solid #6fa0cc; padding: 5px 10px;}
    .hdjl ul li{ border-bottom: 1px dotted #6fa0cc;}
    .hdjl ul li a{display: flex; padding: 8px 0; color: #3976af; align-items:center; font-style: italic;}
    .hdjl ul li a img{width:30px; height: 30px; object-fit: contain; margin-right: 5px;}
    .hdjl ul li a span{color: #aaa; font-size: 12px; padding-left: 5px;;}

    /* .row{overflow: hidden; margin-left: -10px; margin-right: -10px;} */
    .row{display: flex;list-style-type: none;flex-flow: wrap;}
    .row>li{ float: left; width: 50%; padding: 0 10px;}

    .boxbody{padding: 15px 0; background: #fff;}
    .news{min-height: 300px;}
    .news li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 15px; position: relative; color: #333;}
    .news li a:before{ content: "";position: absolute; width: 3px; height: 3px; left:5px;top:15px; background: #aaa;}



    .fr {
      float: right;
  }
    .topnav-box{
      position: relative;
      z-index:9999;
      height: 40px;
      line-height: 38px;
      border-bottom: 1px solid #EDEEF0;
      background: #FCFCFC;
      font-family: Microsoft YaHei;
      font-size: 12px;
      }
      .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
      .top-nav{width:1200px;margin:0 auto;}
      .top-nav ul li{float:left;position:relative;line-height:38px; padding:0 4px; cursor:pointer;}
      .top-nav ul li em{color:#4994bc;margin-left:6px;}
      .top-nav ul li div{
        background:url(../images/topnavtri1.png) no-repeat 62px 14px;
          display: inline-block;
          *display: inline;
          zoom: 1;
          height: 40px;
          line-height: 38px;
          padding: 0px 15px 0px 6px;
          border-left: 1px solid #FCFCFC;
          border-right: 1px solid #FCFCFC;
      }



/*头部服务项目加入小样式已经hover鼠标滑动效果*/
.top-nav ul .nav-phone strong{color:#4994bc;}
.top-nav ul li ul{display:none;position:absolute;top:40px;border: 1px solid #EDEEF0;background: #fff;z-index:9999; width: 237px;;}
.top-nav ul .top-nav-login, .top-nav ul .top-nav-logon{color:#fff; padding:0 6px;margin-left:10px;}
.top-nav ul .top-nav-login a, .top-nav ul .top-nav-logon a{color:#fff;padding:4px 8px;}
.top-nav ul .top-nav-login a{background-color:#4994bc;}
.top-nav ul li .dd{left:0;}
.top-nav ul li .wap-avigation{right:0; width:490px; padding:10px 20px;}
.wap-avigation li{color:#dcdcdc;}
.wap-avigation li h3{border-left:4px solid #4994bc; line-height:1.2;font-size: 16px; padding-left:10px; color:#333;}
.wap-avigation li a{margin:0 6px;}
.top-nav ul li div:hover{background:url(../images/topnavtri2.png) no-repeat 59px 16px;}
.top-nav ul li div:hover ul{display:block;}
/* 
.nav-service ul li{padding:0 21px; text-align:center; line-height:40px; font-size:14px;}
.nav-service ul li .service-1{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 2px;}
.nav-service ul li .service-2{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -17px;}
.nav-service ul li .service-3{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -36px;}
.nav-service ul li .service-4{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -55px;}
.nav-service ul li .service-5{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -74px;}
.nav-service ul li .service-6{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -94px;}
.nav-service ul li .service-7{background:url(../images/service.gif) no-repeat 0 1px; background-position:0 -118px;} */

.nav-service ul li a span{margin-left:26px;}
.nav-service ul li:hover{background:#fef4e8;}
.nav-service ul li:hover a{color:#4994bc;}


.head-search{ width:1200px; overflow:hidden;  margin:0 auto; position:relative;height: 175px; background: url(../images/qr.jpg);}
.logo{ margin-top:12px; float:left;margin: 60px 0 0 26px;}


/*footer尾部*/
#footer{width:100%; margin:0 auto; overflow:hidden; background:#fff !important; border:none !important; padding:0; }
.footer-nav{width:1200px; display: flex; margin:0 auto;background-image: linear-gradient(#1C7DA8, #4994bc);text-align:center; color:#e8e8e8; margin-bottom:20px; font-size:14px; margin-top: 50px;}
.footer-nav a{color:#fff; text-decoration:none; }
.footer-nav a:hover{ color:#000; }

.footer-nav>div{ width: 100%; text-align: left;margin:0 10px;}
.footer-nav>div>a{ display: block; font-size: 18px; line-height:40px; border-bottom: 1px solid #fff;}
.footer-nav>div>span{ display: block;}
.footer-nav>div>span>a{ display: block;line-height:36px; }



.footer-phone{font-size:16px;color:#333;line-height:26px;}
.footer-phone{margin-left:38px; text-align:center;}
.footer-phone b{color:#4994bc;margin-left:8px;}
.footer-erweima img{width:94%;}
.footer-zz{border-top:1px #eeeeed solid; width:100%; font-size:12px; margin-top:20px; 
  padding-top:10px; padding-bottom:10px;}
.footer-zz p{margin:0 auto;text-align:center; color:#333;}
.footer-zz p:last-child{color:#666;}

.menubtn {
  display: none;
}
/*自适应CSS*/
@media screen and (max-width: 1200px) {
  /* .header,.footer{display: none;} */
  .mainbox{width: 100%; padding: 15px;}
  .leftnav,.rightnav{width: 100%; float:none; }
   .topnav-box{display: none;}
   .row>li{width: 100%; float: none;}
   .news{min-height: inherit;}
   .bread_right,.footer-nav{display: none;}
   .footer-zz{padding: 10px;}

   body{padding-top:60px; background: #f5f5f5;}
   .header{position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 1000; box-shadow: 0 0 10px rgba(0,0,0,.2);}
   .nav{position: absolute; display: none;}
   .navbar{width: 100%;}
   .head-search{background:none; height: 60px; width: 100%;}
   .logo{margin: 0!important; height: 60px; float:none; }
   .logo a{display: block; height: 100%;display: flex; align-items: center;}
   .logo img{ height: 70%;}
   .nav{background: #4994bc;}
   .nav>ul>li{width: 100%; height: auto; line-height: initial; padding: 8px 0; border-bottom: 1px dotted rgba(255,255,255,.1);}
   .nav>ul>li>a{width: 100%; text-align: left;}
   .nav>ul>li>ul{ display: block; position:relative; left: initial; top: initial;}
   .nav>ul>li>ul li{ line-height: 26px; height: auto;}
   .nav>ul>li>ul a{ opacity: .7; font-size: 13px; }
   .nav>ul>li>ul a:hover{ opacity: 1;background: none; }
   .nav li:hover > a,.nav li.active > a{background: none;}
   .nav>ul>li.active{background: rgba(0,0,0,.1);}
   .nav li,.nav ul ul,.nav ul li:hover > ul{background: none;}


   .menubtn{display:block;width:42px;height:42px;background:#4994bc;border-radius:100%;position:absolute;right:10px;top:9px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:11; z-index: 100; transform: scale(.9);}
.menubtn span,.menubtn span:after,.menubtn span:before{width:22px;height:2px;position:relative;background:rgba(255,255,255,.8);border-radius:5px;transition:all .5s}
.menubtn span:after,.menubtn span:before{position:absolute;content:""}
.menubtn span:before{top:-7px}
.menubtn span:after{bottom:-7px}
.menubtn.active span{background:0 0}
.menubtn.active span:before{transform:rotate(45deg);top:0}
.menubtn.active span:after{transform:rotate(-45deg);top:0}


.nav1 .link a{width: 45%;}
.bread{padding: 0;}
.leftnav{margin-top: 10px;}

/* .boxtit{border-left: 1px solid #1c5689;border-right: 1px solid #1c5689;} */

}