/**

 * @Date:   2019-03-18T09:54:28+08:00

 * @Last modified time: 2019-03-25T16:05:58+08:00

 */
@charset "UTF-8";

/* @charset "gb2312"; */

article, aside, dialog, figure, footer, header, menu, nav, section {

  display: block;

}

.box-sizing{

 -webkit-box-sizing: border-box;

 -o-box-sizing:  border-box;

 -ms-box-sizing:  border-box;

 box-sizing:  border-box;

    }

body {

  color: #000;

  font-family: "Microsoft Yahei" !important;

  font-size: 14px;

  min-width: 1200px;

  margin: 0 auto;

}



img {

  border: 0;

}



a {

  outline: medium none;

}



a:link {

  /* color: #727476; */

  text-decoration: none;

}



a:visited {

  /* color: #727476; */

  text-decoration: none;

}



.borderzero {

  border: 0 !important;

}



a:hover {

  color: #06F;

  text-decoration: none;

}



a:active {

  text-decoration: none;

}



form, li, ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}



p {

  margin: 0;

  padding: 0;

  list-style: none;

}



* {

  padding: 0;

  margin: 0;

}



button, input {

  vertical-align: middle;

  outline: 0;

}



h1, h2, h3, h4, h5, h6, h7, h8 {

  padding: 0;

  margin: 0;

  list-style: none;

}



i {

  margin: 0px;

  padding: 0px;

  font-style: normal;

}



.hx {

  width: 1200px;

  margin: 0 auto;

}



.left {

  float: left;

}



.right {

  float: right;

}



.clear {

  clear: both;

}



.clearaf:after {

  clear: both;

  content: ".";

  height: 0;

  display: block;

  visibility: hidden;

}



::-webkit-scrollbar {

  width: 10px;

  height: 1px;

  background-color: #F5F5F5;

}



/*鐎规矮绠燂拷?锟芥艾濮╅弶陇寤洪柆锟�?? 閸愬懘妲捐ぐ锟�??+閸﹀棜锟�??*/

::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 0px;

  background: url(../images/hdtm.png);

}



/*鐎规矮绠燂拷?锟芥垵锟�?? 閸愬懘妲捐ぐ锟�??+閸﹀棜锟�??*/

::-webkit-scrollbar-thumb {

  border-radius: 1px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  background-color: #3960a4;

}



/* end*/

header {

  width: 100%;

  margin: 0 auto;

  text-align: center;

  background: #fff;

}



.headtwo {

  position: fixed;

  left: 0px;

  top: 0px;

  z-index: 999;

  -webkit-box-shadow: 0 1px 10px 1px #666;

  box-shadow: 0 1px 10px 1px #666;

}



header div.top {

  width: 100%;

  background: #e1e1e1;

  height: 38px;

  line-height: 38px;

}



header div.top div.hx div.left {

  position: relative;

}



header div.top div.hx div.left span {

  background: url(../images/s1_03.jpg) 0 0 no-repeat;

  padding-bottom: 10px;

  padding-left: 37px;

  font-size: 14px;

  color: #666666;

  padding-top: 5px;

}



header div.top div.hx div.left span b {

  color: #015bc0;

  font-size: 14px;

  font-weight: 100;

}



header div.top div.hx div.left img.dw {

  position: absolute;

  right: -130px;

  top: 4px;

  z-index: 98;

}



header div.top div.hx div.right {

  text-align: right;

  line-height: 38px;

}



header div.top div.hx div.right a {

  display: block;

  float: right;

  margin-left: 20px;

}



header div.top div.hx div.right span {

  display: block;

  float: right;

  color: #666666;

  margin-left: 10px;

}



header div.top div.hx div.right a.login {

  margin-left: 10px;

}



header div.top div.hx div.right a.reg {

  margin-left: 22px;

}



header div.top div.hx div.right a:hover {

  color: #e90505;

}



header div.top div.hx div.right a.tmico {

  margin-left: 10px;

  padding-top: 5px;

  position: relative;

}



header div.top div.hx div.right a.tmico div.tmxl {

  display: none;

  position: absolute;

  left: 0px;

  z-index: 500;

  border: #ccc solid 1px;

  margin-top: 10px;

}



header div.top div.hx div.right a.wxico {

  margin-left: 10px;

  padding-top: 5px;

  position: relative;

}



header div.top div.hx div.right a.wxico div.wxxl {

  display: none;

  position: absolute;

  left: 0px;

  z-index: 500;

  border: #ccc solid 1px;

  margin-top: 10px;

}



header div.top div.hx div.right a.weiboico {

  margin-left: 10px;

  padding-top: 5px;

}



header div.top div.hx div.right a.sjzx {

  margin-left: 22px;

  padding-top: 5px;

}



header div.box {

  width: 1200px;

  margin: 0 auto;

  text-align: center;

  height: 86px;

}



header div.box div.logo {

  float: left;

  display: block;

  padding-top: 20px;

}



header div.box div.logo img {

  width: 100%;

}



header div.box div.logo2 {

  float: left;

  margin-top: 30px;

  width: 13%;

  margin-left: 30px;

}



header div.box div.nav {

  /* width: 642px; */

  margin: 0 auto;

  float: right;

}



header div.box div.nav #menu li {

  height: 86px;

  line-height: 86px;

  -webkit-box-sizing: content-box;

          box-sizing: content-box;

  float: left;

  position: relative;

  padding: 0 5px 0 27px;
  margin-left:0;

}

header div.box div.nav #menu li:nth-child(2){

  background: url(../images/pc2_03.png)no-repeat right 22px;

}

header div.box div.nav #menu li .submenu li:nth-child(2){

  background:#fff;

}

header div.box div.nav ul li a {

  color: #666;

  font-size: 16px;

  text-decoration: none;

}



header div.box div.nav #menu li a:hover {

  color: #011d4c;

  text-decoration: none;

}



header div.box div.nav #menu li a.cur {

  color: #424242;

  text-decoration: none;

  padding-bottom: 14px;

  /*background: url(../images/pc2_03.jpg)no-repeat center bottom;*/

}

header div.box div.nav ul li:hover a{

  color: #424242;

  text-decoration: none;

  padding-bottom: 14px;

  /*background: url(../images/pc2_03.jpg)no-repeat center bottom;*/

}
header div.box div.nav ul li a.cur {
  color: #011d4c;
  text-decoration: none;
  border-bottom:0 !important;
  padding-bottom: 10px;
}

header div.box div.nav ul li:hover .submenu li a{background:none;padding-bottom: 0px; }

header div.box div.nav ul li .submenu li:hover a{background:none;padding-bottom: 0px;}

/* header div.box div.nav ul li a.cur::after{

  border-bottom:#011d4c solid 2px;

  width: 70%;

  height: 1px;

  background: #000;

} */

header div.box div.nav #menu li span {

  display: block;

  position: absolute;

  width: 0px;

  height: 0px;

  top: 63px;

  left: 50%;

}



















.city1 b {

  font-size: 14px;

  color: #02448f;

  font-weight: 100;

}



.city_select {

  position: absolute;

  left: -90px;

  top: 40px;

  z-index: 9999;

  width: 304px;

  background: #fff;

  border: 1px solid #e2e2e2;

  display: none;

}



.city_select1 {

  width: 100%;

  height: 28px;

  color: #000;

  background: #e4e4e4;

  text-align: center;

  font-size: 14px;

  margin-top: 10px;

  line-height: 28px;

}



.city_select1 a {

  color: #02448f;

}



.city_select2 {

  width: 240px;

  margin: 0 auto;

  margin-top: 10px;

  text-align: center;

}



.city_select2 ul li {

  float: left;

}



.city_select2 ul li a {

  display: block;

  padding-left: 10px;

  padding-right: 10px;

  padding-top: 5px;

  padding-bottom: 5px;

  font-size: 14px;

}



.city_select2 ul li a:hover {

  background: #06C;

  color: #fff;

  -webkit-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

}



.xianshi {

  display: block;

}










/*footer*/

.newFooter {

  width: 100%;

  height: 420px;

  background: #232323;

  /* opacity:0; -webkit-animation:move 2s forwards; animation:move 2s forwards; -webkit-animation-play-state:paused; animation-play-state:paused; */

  /* margin-top: 95px; */

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding-top: 98px;

}



.newFooter .footer-content {

  width: 1200px;

  margin: 0 auto;

}



.newFooter .footerLogo {

  float: left;

}



.newFooter .footer-menu {

  float: left;

  margin: 0 107px 0 60px;

}



.footer-menuItem {

  float: left;

  padding: 0 35px;

  height: 259px;

}



.footer-menuItem ul li {

  color: #fff;

  margin-bottom: 20px;

  font-size: 14px;

}



.footer-menuItem ul li a {

  color: #fff;

}



.footer-menuItem ul li a:hover {

  color: #fcb509;

}



.footer-menuItem ul li:first-child {

  font-size: 18px;

  margin-bottom: 40px;

}



.footer-menuItem:nth-child(2) {

  border-left: 1px solid #606060;

  border-right: 1px solid #606060;

}



.footer-contact {

  float: right;

}



.footer-contact h2 {

  font-size: 56px;

  color: #fff;

  line-height: 1;

}



.footer-contact .footer-contactTxt {

  color: #fff;

  font-size: 14px;

  margin-top: 27px;

}



.footer-contact .footer-wechatImg {

  margin-top: 30px;

}



.footer-contact .footer-wechatImg li {

  float: left;

  margin-right: 30px;

}



.footer-contact .footer-wechatImg li img {

  width: 95px;

  height: 95px;

}



.footer-beian {

  padding: 8px 0;

  text-align: center;

  /* opacity:0; -webkit-animation:move 2s forwards; animation:move 2s forwards; -webkit-animation-play-state:paused; animation-play-state:paused; */

}



.headerTop {

  width: 100%;

  height: 30px;

  background: #f5f7fa;

  line-height: 30px;

  color: #424242;

}



.headerTop .headerTopbox {

  width: 1200px;

  height: 100%;

  margin: 0 auto;

}



.headerTop .headerTopbox .headerTopcity {

  text-align: left;

  float: left;

}



.headerTop .headerTopbox .headerTopPhone {

  float: right;

}
















.submenu {

    left: 0px;

    opacity: 0;

    position: absolute;

    background: #fff;

    top: 100%;

    z-index: 100;

    -webkit-perspective: 400px;

    -ms-perspective: 400px;

    -o-perspective: 400px;

    perspective: 400px;

}

.submenu li{

    opacity: 0;

    background: #fff;

    height: 55px;

    width: 100%;

    -webkit-transform: rotateY(90deg);

    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;

    transition: opacity .4s, -webkit-transform .5s;

    transition: opacity .4s, transform .5s;

    transition: opacity .4s, transform .5s, -webkit-transform .5s;

}



header div.box div.nav .submenu li a{font-size: 14px;text-align: right;display: block;padding-right: 15px}

#menu .submenu li:hover a {

    /* border-bottom: 3px solid #DBC37A;

    border-radius: 0;

    color: #DBC37A; */

}

#menu> li:hover .submenu, #menu > li:focus .submenu {

    max-height: 2000px;

    z-index: 100;

}

#menu > li:hover .submenu li, #menu > li:focus .submenu li {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

}

#menu > li:hover .submenu{opacity: 1;

-webkit-transform: none;

transform: none;

}

/* CSS3 delays for transition effects */



#menu li:hover .submenu li:nth-child(1) {

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

}

#menu li:hover .submenu li:nth-child(2) {

    -webkit-transition-delay: 50ms;

    transition-delay: 50ms;

}

#menu li:hover .submenu li:nth-child(3) {

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}

#menu li:hover .submenu li:nth-child(4) {

    -webkit-transition-delay: 150ms;

    transition-delay: 150ms;

}

#menu li:hover .submenu li:nth-child(5) {

    -webkit-transition-delay: 200ms;

    transition-delay: 200ms;

}

#menu li:hover .submenu li:nth-child(6) {

    -webkit-transition-delay: 250ms;

    transition-delay: 250ms;

}

#menu li:hover .submenu li:nth-child(7) {

    -webkit-transition-delay: 300ms;

    transition-delay: 300ms;

}

#menu li:hover .submenu li:nth-child(8) {

    -webkit-transition-delay: 350ms;

    transition-delay: 350ms;

}



header div.box div.nav #menu li .submenu li{margin-left: 0;border: none;height: 60px;line-height: 60px;padding: 0}

header div.box div.nav #menu li .submenu li:nth-child(1){background: url(../images/menu1.png)no-repeat 16px 20px}

header div.box div.nav #menu li .submenu li:nth-child(2){background: url(../images/menu2.png)no-repeat 16px 19px}

.nav #menu .submenu{display:none;}