@charset "utf-8";
* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       font-family: "微软雅黑";}

image,
input,
button {
       outline: none;
       border: none;
       background: transparent;}

a {
       color: inherit;
       text-decoration: none;
       outline: none;
       border: none;}

ul {
       list-style: none;}

.clear:after {
       content: '';
       display: block;
       clear: both;}

.px1400 {
       max-width: 1400px;
       margin: auto;}

.pic {
       padding-top: 75%;
       position: relative;
       overflow: hidden;}

.pic img {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       width: 100%;
       height: 100%;
       transition: all .3s;}

.searchBox {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       display: none;
       max-width: 80%;
       width: 700px;
       height: 60px;
       z-index: 99999;
       margin: auto;}

.searchBox-zzc {
       position: fixed;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       display: none;
       background: rgba(0, 0, 0, .7);
       z-index: 9999;}

.searchBox input[type='text'] {
       width: 100%;
       height: 60px;
       line-height: 60px;
       padding-left: 30px;
       padding-right: 50px;
       border-radius: 12px;
       color: #333333;
       background: #fff;}

.searchBox input[type='image'] {
       width: 42px;
       height: 42px;
       position: absolute;
       top: 50%;
       right: 20px;
       margin-top: -22px;
       padding: 8px;}

.header {
       position: fixed;
       left: 0;
       right: 0;
       top: 0;
       height: 90px;
       z-index: 9998;}

.header.on {
       background: #1157b5;}

.logo {
       position: absolute;
       left: 40px;
       margin-top: 30px;}

.logo a {
       display: block;}

.logo img {
       display: block;}

#menu {
       position: absolute;
       right: 0;
       margin-top: 48px;}

.search-img {
       float: left;
       padding: 0 40px 0 20px;
       cursor: pointer;}

.search-img img {
       display: block;
       width: 100%;}

.nav {
       float: left;
       font-size: 0;}

.nav>ul>li {
       display: inline-block;
       margin-left: 20px;
       position: relative;
       padding-bottom: 5px;}

.nav>ul>li>a {
       display: block;
       font-size: 18px;
       color: #fff;
       line-height: 30px;
       padding: 0 10px;}

.nav>ul>li:after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 15px;
       right: 15px;
       height: 2px;
       background: #f08d00;
       display: none;}

.nav>ul>li.active a,
.nav>ul>li.on>a {
       font-weight: 600;}

.nav>ul>li.active:after,
.nav>ul>li.on:after {
       display: block;}

.lv2 {
       position: absolute;
       top: 100%;
       width: 150%;
       left: 50%;
       transform: translateX(-50%);
       background: rgba(0, 0, 0, 0.5);
       display: none;}

.lv2>li {
       position: relative;}

.lv2>li>a {
       display: block;
       font-size: 16px;
       color: #fff;
       line-height: 42px;
       text-align: center;}

.lv2>li:hover {
       background: rgba(8, 119, 207, 0.7);}

.lv2>li:hover>a {
       color: #f08d00;}

.lv2>li .lv3 {
       position: absolute;
       right: -120px;
       background: rgba(0, 0, 0, 0.5);
       width: 120px;
       top: 0;
       display: none;}

.lv2>li .lv3 li a{
       display: block;
       font-size: 14px;
       color: #fff;
       line-height: 36px;
       text-align: center;}

.lv2>li .lv3 li a:hover{
       color: #f08d00;
       background: rgba(8, 119, 207, 0.7);}

.lv2>li:hover .lv3 {
       display: block;}

.header.on .logo {
       margin-top: 15px;}

.header.on #menu {
       margin-top: 40px;}

.banner:after {
       /* content: '';*/
       position: absolute;
       left: 0;
       top: 0;
       right: 0;
       bottom: 0;
       background: url(../images/shadow.png) repeat-x top center;
       z-index: 9;}

.footer {
       padding-top: 50px;
       padding-bottom: 130px;
       background: #0054a7;}

.f-logo {
       float: left;
       width: 542px;}

.f-logo img {
       display: block;
       width: 100%;}

.f-right {
       float: right;
       width: 504px;}

.r-item1 {
       float: left;}

.r-item1>ul {
       font-size: 0;}

.r-item1 li {
       width: 52px;
       display: inline-block;
       position: relative;
       margin-left: 20px;}

.r-item1 li:first-child {
       margin-left: 0;}

.r-item1 li a {
       display: block;
       overflow: hidden;}

.r-item1 li a img {
       display: block;
       width: 100%;}

.r-item1 li a .qr {
       position: absolute;
       width: 200px;
       height: 200px;
       bottom: 100%;
       overflow: hidden;
       left: 50%;
       transform: translateX(-50%);
       display: none;}

.r-item1 li:hover .qr {
       display: block;}

.r-item2 {
       float: right;
       width: 222px;
       margin-top: 17px;}

.r-item2>div {
       display: inline-block;
       position: relative;
       width: 72px;
       margin-left: 32.45%;}

.r-item2>div:first-child {
       margin-left: 0;}

.r-item2>div>p {
       font-size: 14px;
       line-height: 30px;
       color: #fff;
       position: relative;}

.r-item2>div>p>img {
       position: absolute;
       right: 0;
       top: 50%;
       margin-top: -2.5px;}

.r-item2>div ul {
       display: none;
       position: absolute;
       bottom: 100%;
       left: 50%;
       width: 150px;
       border: 1px solid #fff;
       background: #fff;
       padding: 10px 0;
       z-index: 999;
       transform: translateX(-50%);}

.r-item2>div ul li a {
       display: block;
       padding: 0 10px;
       font-size: 14px;
       line-height: 32px;
       color: #333;}

.r-item2>div ul li a:hover {
       background: #0c7bf3;
       color: #fff;}

.r-item2>div:hover ul {
       display: block;}

.ft-c {
       padding-bottom: 52px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.add {
       font-size: 0;
       line-height: 30px;
       padding-top: 20px;
       text-align: center;}

.add span,
.add a {
       display: inline-block;
       font-size: 14px;
       color: #fff;
       margin-left: 10px;}

.add span:first-child {
       margin-left: 0;}

.wap {
       display: none;}

.menuBtn {
       width: 30px;
       cursor: pointer;
       position: absolute;
       right: 10px;
       top: 50%;
       z-index: 9;
       padding-top: 4px;
       -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
       transform: translateY(-50%);
       display: none;}

.menuBtn b {
       display: block;
       height: 3px;
       background-color: #fff;
       margin-bottom: 5px;
       border-radius: 2px;
       transition: .3s;
       -ms-transition: .3s;
       -moz-transition: .3s;
       -webkit-transition: .3s;
       -o-transition: .3s;}

.menuBtn.open b {
       display: none;
       margin: 0;
       position: absolute;
       left: 0;
       top: 50%;
       width: 30px
;}

.menuBtn.open b:first-child {
       display: block;
       transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
       -o-transform: rotate(45deg);
       -ms-transform: rotate(45deg)
;}

.menuBtn.open b:last-child {
       display: block;
       transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg)
;}

body.open {
       overflow: hidden;}

@media screen and (max-width: 1740px) {
       .logo a img {
              height: 48px;}
       .logo {
              left: 10px;}
       .nav>ul>li {
              margin-left: 5px;}
       .searc-img {
              padding: 0 10px;}
}

@media screen and (max-width: 1400px) {
       .px1400 {
              padding-left: 10px;
              padding-right: 10px;}
       .nav>ul>li>a {
              font-size: 14px;
              padding: 0 5px;}
       .search-img {
              padding: 7px 10px;
              width: 38px;}
       #menu {
              margin-top: 38px;}
       .logo a img {
              height: 36px;}
       .header.on .logo {
              margin-top: 35px;}
       .r-item1 li {
              width: 42px;}
       .f-right {
              width: 424px;}
}

@media screen and (max-width: 1024px) {
       .pc {
              display: none;}
       #menu {
              display: none;}
       .menuBtn {
              display: block;}
       .wap {
              display: block;}
       .header {
              height: 60px;}
       .header.on {
              background: #0054a7;}
       .logo,
       .header.on .logo {
              margin-top: 10px;}
       .m-nav {
              position: fixed;
              left: 110%;
              right: 0;
              bottom: 0;
              top: 60px;
              background: #1157b5;
              padding-top: 10px;
              overflow-y: scroll;
              z-index: 9999;}
       .m-searchBox {
              text-align: center;
              font-size: 0;
              padding-bottom: 2px;}
       .m-search {
              position: relative;
              width: 80%;
              height: 36px;
              overflow: hidden;
              margin: 15px auto;
              font-size: 0;}
       .m-search input[type='text'] {
              width: 100%;
              line-height: 36px;
              padding-left: 25px;
              padding-right: 36px;
              color: #1a468f;
              border-radius: 10px;
              background: #fff;}
       .m-search input[type='image'] {
              position: absolute;
              top: 0;
              right: 0;
              padding: 10px;}
       .m-nav>ul>li {
              position: relative;
              line-height: 36px;
              padding-left: 20px;}
       .m-nav>ul>li>a {
              font-size: 14px;
              color: #fff;}
       .m-nav>ul>li>span {
              position: absolute;
              right: 0;
              top: 0;
              width: 36px;
              height: 36px;
              background: url(../images/icon2.png);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 10px;
              transition: all .3s;}
       .m-nav>ul>li.on>span {
              transform: rotate(90deg);}
       .m-nav>ul ul {
              display: none;
              overflow: hidden;
              padding-left: 20px;}
       .m-nav>ul ul>li {
              float: left;
              width: 33%;}
       .m-nav>ul ul>li>a {
              font-size: 12px;
              color: #fff;}
       .f-logo {
              width: 400px;}
       .r-item1 li {
              width: 35px;
              margin-left: 15px;}
       .r-item2>div {
              margin-left: 15%;}
       .r-item2 {
              width: 182px;
              margin-top: 5px;}
       .f-right {
              width: 340px;}
       .r-item2>div ul li a {
              font-size: 12px;}
       .r-item2>div ul {
              left: 0;
              padding: 5px 0;}
}

@media screen and (max-width: 768px) {
       .f-logo,
       .f-right {
              float: none;
              margin: auto;}
       .f-right {
              margin-top: 15px;}
       .ft-c {
              padding-bottom: 20px;}
       .footer {
              padding-top: 20px;
              padding-bottom: 10px;}
       .add span,
       .add a {
              font-size: 12px;}
       .add {
              padding-top: 10px;}
       .ft-c {
              padding-bottom: 10px;}
       .m-nav>ul ul>li {
              float: none;
              width: auto;}
}

@media screen and (max-width: 500px) {
       .f-logo {
              width: 100%;}
       .r-item1,
       .r-item2 {
              float: none;
              width: auto;
              margin: auto;
              text-align: center;}
       .r-item2 {
              margin-top: 15px;}
       .r-item2>div>p {
              font-size: 13px;}
       .r-item2>div ul {
              left: 100%;}
       .logo a img {
              height: 25px;}
       .logo,
       .header.on .logo {
              margin-top: 17px;}
}