.flex-h-right {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -webkit-flex-direction: row-reverse;

  -moz-box-orient: horizontal;

  -moz-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.flex-v-top {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -webkit-align-items: stretch;

  -moz-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.flex-v-bottom {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: baseline;

  -webkit-align-items: baseline;

  -moz-box-align: baseline;

  -ms-flex-align: baseline;

  align-items: baseline;

}

html,

body {

  margin: 0;

  padding: 0;

  font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont,

    "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",

    "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 0.25rem;

  font-weight: 300;

  color: #313131;

  width: 100%;

  background: #fff;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  font-weight: normal;

}

h1 {

  color: #0051a3;

  font-size: 0.35rem;

}

h2 {

  color: #313131;

  font-size: 0.3rem;

}

h3 {

  font-size: 0.25rem;

}

p {

  margin: 0;

  padding: 0;

}

i {

  color: #fff;

}

a {

  color: inherit;

  text-decoration: none;

}

ul {

  margin: 0;

  padding: 0;

}

*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

}

.clearfix:after {

  clear: both;

}

.clearfix2:before,

.clearfix2:after {

  display: table;

  content: "";

}

.clearfix2:after {

  clear: both;

}

.text-right {

  text-align: right;

}

.flex-v-center {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.flex-justify {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -moz-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}

.flex-center {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.ellipsis {

  width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.ellipsis2 {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.ellipsis3 {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.ellipsis4 {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

}

.ellipsis5 {

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

}

.flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

}

.flex-1 {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -moz-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

.hidden {

  display: none;

}

.no-margin {

  margin: 0 !important;

}

.mt1 {

  margin-top: 1px !important;

}

.mt2 {

  margin-top: 2px !important;

}

.mt3 {

  margin-top: 3px !important;

}

.mt4 {

  margin-top: 4px !important;

}

.mt5 {

  margin-top: 5px !important;

}

.mt6 {

  margin-top: 6px !important;

}

.mt7 {

  margin-top: 7px !important;

}

.mt8 {

  margin-top: 8px !important;

}

.mt9 {

  margin-top: 9px !important;

}

.mt10 {

  margin-top: 10px !important;

}

.mt11 {

  margin-top: 11px !important;

}

.mt12 {

  margin-top: 12px !important;

}

.mt13 {

  margin-top: 13px !important;

}

.mt14 {

  margin-top: 14px !important;

}

.mt15 {

  margin-top: 15px !important;

}

.mt16 {

  margin-top: 16px !important;

}

.mt17 {

  margin-top: 17px !important;

}

.mt18 {

  margin-top: 18px !important;

}

.mt19 {

  margin-top: 19px !important;

}

.mt20 {

  margin-top: 20px !important;

}

.mt21 {

  margin-top: 21px !important;

}

.mt22 {

  margin-top: 22px !important;

}

.mt23 {

  margin-top: 23px !important;

}

.mt24 {

  margin-top: 24px !important;

}

.mt25 {

  margin-top: 25px !important;

}

.mt26 {

  margin-top: 26px !important;

}

.mt27 {

  margin-top: 27px !important;

}

.mt28 {

  margin-top: 28px !important;

}

.mt29 {

  margin-top: 29px !important;

}

.mt30 {

  margin-top: 30px !important;

}

.mt31 {

  margin-top: 31px !important;

}

.mt32 {

  margin-top: 32px !important;

}

.mt33 {

  margin-top: 33px !important;

}

.mt34 {

  margin-top: 34px !important;

}

.mt35 {

  margin-top: 35px !important;

}

.mt36 {

  margin-top: 36px !important;

}

.mt37 {

  margin-top: 37px !important;

}

.mt38 {

  margin-top: 38px !important;

}

.mt39 {

  margin-top: 39px !important;

}

.mt40 {

  margin-top: 40px !important;

}

.mt41 {

  margin-top: 41px !important;

}

.mt42 {

  margin-top: 42px !important;

}

.mt43 {

  margin-top: 43px !important;

}

.mt44 {

  margin-top: 44px !important;

}

.mt45 {

  margin-top: 45px !important;

}

.mt46 {

  margin-top: 46px !important;

}

.mt47 {

  margin-top: 47px !important;

}

.mt48 {

  margin-top: 48px !important;

}

.mt49 {

  margin-top: 49px !important;

}

.mt50 {

  margin-top: 50px !important;

}

.mt1 {

  margin-bottom: 1px !important;

}

.mt2 {

  margin-bottom: 2px !important;

}

.mt3 {

  margin-bottom: 3px !important;

}

.mt4 {

  margin-bottom: 4px !important;

}

.mt5 {

  margin-bottom: 5px !important;

}

.mt6 {

  margin-bottom: 6px !important;

}

.mt7 {

  margin-bottom: 7px !important;

}

.mt8 {

  margin-bottom: 8px !important;

}

.mt9 {

  margin-bottom: 9px !important;

}

.mt10 {

  margin-bottom: 10px !important;

}

.mt11 {

  margin-bottom: 11px !important;

}

.mt12 {

  margin-bottom: 12px !important;

}

.mt13 {

  margin-bottom: 13px !important;

}

.mt14 {

  margin-bottom: 14px !important;

}

.mt15 {

  margin-bottom: 15px !important;

}

.mt16 {

  margin-bottom: 16px !important;

}

.mt17 {

  margin-bottom: 17px !important;

}

.mt18 {

  margin-bottom: 18px !important;

}

.mt19 {

  margin-bottom: 19px !important;

}

.mt20 {

  margin-bottom: 20px !important;

}

.mt21 {

  margin-bottom: 21px !important;

}

.mt22 {

  margin-bottom: 22px !important;

}

.mt23 {

  margin-bottom: 23px !important;

}

.mt24 {

  margin-bottom: 24px !important;

}

.mt25 {

  margin-bottom: 25px !important;

}

.mt26 {

  margin-bottom: 26px !important;

}

.mt27 {

  margin-bottom: 27px !important;

}

.mt28 {

  margin-bottom: 28px !important;

}

.mt29 {

  margin-bottom: 29px !important;

}

.mt30 {

  margin-bottom: 30px !important;

}

.mt31 {

  margin-bottom: 31px !important;

}

.mt32 {

  margin-bottom: 32px !important;

}

.mt33 {

  margin-bottom: 33px !important;

}

.mt34 {

  margin-bottom: 34px !important;

}

.mt35 {

  margin-bottom: 35px !important;

}

.mt36 {

  margin-bottom: 36px !important;

}

.mt37 {

  margin-bottom: 37px !important;

}

.mt38 {

  margin-bottom: 38px !important;

}

.mt39 {

  margin-bottom: 39px !important;

}

.mt40 {

  margin-bottom: 40px !important;

}

.mt41 {

  margin-bottom: 41px !important;

}

.mt42 {

  margin-bottom: 42px !important;

}

.mt43 {

  margin-bottom: 43px !important;

}

.mt44 {

  margin-bottom: 44px !important;

}

.mt45 {

  margin-bottom: 45px !important;

}

.mt46 {

  margin-bottom: 46px !important;

}

.mt47 {

  margin-bottom: 47px !important;

}

.mt48 {

  margin-bottom: 48px !important;

}

.mt49 {

  margin-bottom: 49px !important;

}

.mt50 {

  margin-bottom: 50px !important;

}

table,

td,

th {

  border: 1px solid #999;

  padding: 2px;

  text-align: center;

  font-size: 0.25rem;

}

table {

  border-collapse: collapse;

  padding: 5px;

}

table img {

  width: 50%;

  border-collapse: collapse;

  padding: 5px;

}

iframe {

  max-width: 100%;

  max-height: 5rem;

}

@-webkit-keyframes zoom-out {

  0% {

    width: 200px;

    height: 200px;

    background: blue;

    opacity: 0;

  }

  100% {

    width: 400px;

    height: 400px;

    background: red;

    opacity: 1;

  }

}

@-moz-keyframes zoom-out {

  0% {

    width: 200px;

    height: 200px;

    background: blue;

    opacity: 0;

  }

  100% {

    width: 400px;

    height: 400px;

    background: red;

    opacity: 1;

  }

}

@keyframes zoom-out {

  0% {

    width: 200px;

    height: 200px;

    background: blue;

    opacity: 0;

  }

  100% {

    width: 400px;

    height: 400px;

    background: red;

    opacity: 1;

  }

}

.nux-sp-menu {

  cursor: pointer;

  font-size: 16px;

  display: inline-block;

  color: #fff;

  width: 90%;

  margin: 0 auto;

  background: #0082df;

}

.nux-sp-menu:before,

.nux-sp-menu:after {

  display: table;

  content: "";

}

.nux-sp-menu:after {

  clear: both;

}

.nux-sp-menu .menu-item {

  float: left;

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0 15px;

  height: 100%;

  min-width: 100px;

}

.nux-sp-menu .menu-item:hover {

  background: #006fd8;

}

.nux-sp-menu .menu-item:hover .submenu {

  padding: 10px 0;

  display: block;

}

.nux-sp-menu .active {

  background: #006fd8;

}

.nux-sp-menu .submenu {

  display: none;

  position: absolute;

  left: 0;

  background: #0082df;

  z-index: 100;

  width: 100%;

  text-align: center;

}

.nux-sp-menu .submenu-item {

  padding: 10px 0;

}

.nux-sp-menu .submenu-item:hover {

  background: #006fd8;

}

.nux-sp-menu2 {

  cursor: pointer;

  font-size: 16px;

  display: inline-block;

  color: #fff;

  width: 90%;

  margin: 0 auto;

  background: #0082df;

}

.nux-sp-menu2:before,

.nux-sp-menu2:after {

  display: table;

  content: "";

}

.nux-sp-menu2:after {

  clear: both;

}

.nux-sp-menu2 .menu-item {

  float: left;

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 0 15px;

  height: 100%;

  min-width: 100px;

}

.nux-sp-menu2 .menu-item:hover {

  background: #006fd8;

}

.nux-sp-menu2 .active {

  background: #006fd8;

}

.nux-sp-menu2 .submenu {

  display: none;

  position: absolute;

  left: 0;

  background: #0082df;

  z-index: 100;

  width: 100%;

  text-align: center;

}

.nux-sp-menu2 .submenu-item {

  padding: 10px 0;

}

.nux-sp-menu2 .submenu-item:hover {

  background: #006fd8;

}

.pro {

  width: 200px;

  height: 200px;

  background: blue;

  opacity: 0;

  -webkit-animation: zoom-out 2s 3s infinite;

  -moz-animation: zoom-out 2s 3s infinite;

  animation: zoom-out 2s 3s infinite;

}

.head {

  width: 100%;

  text-align: center;

  background: rgba(0, 0, 0, 0.5);

}

.top {

  width: 100%;

  padding: 0 0.2rem;

  height: 1.3rem;

  background: #fff;

}

.top .logo {

  padding: 0.15rem 0;

  width: 80%;

  color: #222;

  font: normal normal 0.3rem/0.8rem "微软雅黑", sans-serif;

}

.top .logo a img {

  width: 2.3rem;

  height: 0.8rem;

  margin-right: 0.1rem;
  margin-top: 0.1rem;

  float: left;

}

.top .slogon {

  display: block;

  width: 3rem;

  float: right;

}

.top .menu {

  padding-top: 0.25rem;

  text-align: right;

  width: 20%;

  height: 1rem;

}

.top .menu li {

  text-align: center;

}

.top .menu li img {

  width: 2rem;

  height: 2rem;

  margin-top: 0.3rem;

}

.top .menu li h1 {

  color: #fff;

}

.top .menu img {

  width: 0.6rem;

  height: 0.6rem;

}

.banner {

  width: 100%;

}

.banner_in {

  overflow: hidden;

  height: 2rem;

  margin-top: 1rem;

  background: url(../img/banner.png) top center no-repeat;

  -webkit-background-size: cover;

  background-size: cover;

}

.swiper-container {

  width: 100%;

}

.swiper-slide img {

  display: block;

  width: 100%;

}

.swiper-pagination {

  bottom: 10px !important;

}

.swiper-pagination-bullet .swiper-pagination-bullet-active {

  border: none !important;

  background: #0051a3 !important;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.swiper-pagination-bullet {

  width: 8px;

  height: 8px;

  margin: 0 10px !important;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.swiper-pagination-bullet-active {

  background: #0051a3 !important;

  border: none;

  width: 8px;

  height: 8px;

  -webkit-border-radius: 13px;

  border-radius: 13px;

}

.page-footer {

  width: 100%;

  padding: 0.1rem 0 0;

}

.page-footer .footer {

  width: 100%;

  text-align: center;

  margin: 0 auto;

  padding: 0.2rem 5%;

  line-height: 0.4rem;

  height: 2.7rem;

  color: #666;

  word-break: keep-all;

}

.page-footer .footer a {

  line-height: 0.4rem;

  color: #666;

}

.page-footer .clearfix2 {

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background: #fff;

  overflow: hidden;

  -webkit-box-shadow: 0 0 10px rgba(66, 55, 55, 0.6);

  box-shadow: 0 0 10px rgba(66, 55, 55, 0.6);

  position: fixed;

  bottom: 0;

}

.page-footer .clearfix2 ul li {

  width: 25%;

  float: left;

  display: block;

  height: 1.4rem;

}

.page-footer .clearfix2 ul li h1 {

  text-align: center;

  color: #0051a3;

  padding-top: 0.8rem;

  font-size: 0.3rem;

}

.page-footer .clearfix2 ul li a {

  overflow: hidden;

  display: block;

}

.page-footer .clearfix2 ul li:hover a h1 {

  color: #fff;

}

.page-footer .clearfix2 ul li:first-child {

  background: url(../img/bottom1.png) center 0.2rem no-repeat;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:nth-child(2) {

  background: url(../img/bottom2.png) center 0.2rem no-repeat;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:nth-child(3) {

  background: url(../img/bottom3.png) center 0.2rem no-repeat;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:nth-child(4) {

  background: url(../img/bottom4.png) center 0.2rem no-repeat;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:hover:first-child {

  background: url(../img/bottom1-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:hover:nth-child(2) {

  background: url(../img/bottom2-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:hover:nth-child(3) {

  background: url(../img/bottom3-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li:hover:nth-child(4) {

  background: url(../img/bottom4-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li.active:first-child {

  background: url(../img/bottom1-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li.active:nth-child(2) {

  background: url(../img/bottom2-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li.active:nth-child(3) {

  background: url(../img/bottom3-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 ul li.active:nth-child(4) {

  background: url(../img/bottom4-1.png) center 0.2rem no-repeat #0051a3;

  -webkit-background-size: 0.6rem 0.6rem;

  background-size: 0.6rem 0.6rem;

}

.page-footer .clearfix2 .active h1 {

  color: #fff;

}

.clearfix .title {

  text-align: left;

  height: 0.6rem;

  color: #000;

  background: url(../img/icon1.png) left center no-repeat;

  -webkit-background-size: 0.5rem 0.5rem;

  background-size: 0.5rem;

}

.clearfix .title h1 {

  font-size: 0.45rem;

  line-height: 0.6rem;

  width: 60%;

  font-weight: bold;

  padding-left: 0.6rem;

  float: left;

}

.clearfix .title h2 {

  width: 40%;

  font-size: 0.3rem;

  line-height: 0.6rem;

  text-align: right;

  float: left;

}

.clearfix .title h2 a {

  color: #666;

}

.service {

  width: 100%;

  padding: 0.5rem 0 0;

  background: url(../img/map.png) right 10px no-repeat #0051a3;

  -webkit-background-size: 60% 60%;

  background-size: 60%;

  overflow: hidden;

}

.service .clearfix {

  width: 90%;

  margin: 0 auto;

}

.service .clearfix .title {

  margin-bottom: 0.3rem;

}

.service .clearfix .title h1 {

  color: #fff;

}

.service .clearfix .title h2 {

  color: #fff;

}

.service .clearfix .con {

  margin-top: 0.4rem;

}

.service .clearfix .con .fl {

  width: 50%;

  padding-bottom: 10px;

}

.service .clearfix .con .fl ul {

  overflow: hidden;

}

.service .clearfix .con .fl ul li {

  width: 90%;

  float: left;

  margin: 0 0 0.1rem;

  display: block;

}

.service .clearfix .con .fl ul li i {

  display: block;

  width: 0.2rem;

  height: 0.2rem;

  border: 1px solid #fff;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  float: left;

  margin-right: 8px;

  margin-top: 5px;

}

.service .clearfix .con .fl ul li h1 {

  color: #fff;

  font-size: 0.3rem;

  font-weight: 500;

}

.service .clearfix .con .fl ul li h3 {

  color: #6f73f3;

  margin-top: 0.2rem;

}

.service .clearfix .con .fr {

  width: 46%;

  text-align: end;

  position: relative;

  display: table-cell;

  vertical-align: bottom;

}

.service .clearfix .con .fr img {

  max-width: 100%;

  display: block;

}

.message {

  padding: 0.5rem 0;

  background: #3c3c3c;

  width: 100%;

}

.message .clearfix {

  width: 90%;

  margin: 0 auto;

}

.message .clearfix .title {

  margin-bottom: 0.2rem;

}

.message .clearfix .title h1 {

  color: #fff;

}

.message .clearfix .title h2 {

  color: #fff;

}

.message .clearfix form.tg,

.message .clearfix form.fg {

  line-height: 30px;

  text-align: center;

  font-size: 0;

  margin-bottom: 10px;

}

.message .clearfix textarea,

.message .clearfix input[type="text"] {

  resize: 0;

  width: 90%;

  color: #787878;

  border: 1px solid #aaa;

  height: 0.5rem;

  background: none;

  line-height: 0.5rem;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  padding: 0 8px;

  font-size: 0.25rem;

  margin-top: 6px;

}

.message .clearfix .tg {

  height: auto;

}

.message .clearfix textarea {

  height: 1rem;

  color: #313131;

}

.message .clearfix form button {

  display: block;

  color: #fff;

  float: left;

  margin-left: 0.3rem;

  margin-top: 6px;

  width: 90%;

  text-align: center;

  font-size: 0.3rem;

  background: #0051a3;

  border: 1px solid #0051a3;

  padding: 0.1rem 8px;

}

.message .clearfix form button:hover {

  border: 1px solid #0051a3;

  background: none;

  color: #0051a3;

}

.ab {

  padding: 20px 0 0;

  width: 100%;

  clear: both;

  overflow: hidden;

  text-align: center;

}

.ab h1 {

  display: inline-block;

  padding: 0.1rem 0.15rem;

  text-align: center;

  font-size: 0.5rem;

  color: #000;

  background: url(../img/line.jpg) right center no-repeat;

  -webkit-background-size: 1px 0.8rem;

  background-size: 1px 0.8rem;

}

.ab h1 i {

  display: block;

  text-align: center;

  width: 100%;

  color: #0051a3;

  font-size: 0.5rem;

  font-weight: bold;

  line-height: 0.6rem;

}

.ab h1 span {

  font-size: 0.3rem;

  display: block;

  width: 100%;

  line-height: 0.5rem;

  text-align: center;

}

.index_p1 {

  width: 100%;

  margin: 0.2rem 0 0;

  background: #fff;

}

.index_p1 .clearfix {

  width: 94%;

  margin: 0 auto;

}

.index_p1 .clearfix .cd {

  padding: 0.2rem 0 0.4rem;

  width: 90%;

  margin: 0 auto;

}

.index_p1 .clearfix .cd ul li {

  text-align: center;

}

.index_p1 .clearfix .cd ul li a {

  display: block;

  overflow: hidden;

}

.index_p1 .clearfix .cd ul li img {

  width: 0.7rem;

}

.index_p1 .clearfix .cd ul li h2 {

  color: #0051a3;

  font-size: 0.3rem;

}

.index_p2 {

  width: 100%;

  padding: 0.5rem 0 0;

}

.index_p2 .clearfix {

  width: 90%;

  margin: 0 auto;

}

.index_p2 .clearfix .content {

  clear: both;

  width: 100%;

  margin: 0.2rem 0 0;

}

.index_p2 .clearfix .content ul li {

  width: 100%;

  margin: 0.2rem 0;

}

.index_p2 .clearfix .content ul li a {

  position: relative;

  display: block;

}

.index_p2 .clearfix .content ul li a img {

  width: 100%;

}

.index_p2 .clearfix .content ul li a h1 {

  position: absolute;

  top: 0.3rem;

  left: 0.4rem;

  font-size: 0.35rem;

  line-height: 0.5rem;

  color: #fff;

}

.index_p2 .clearfix .content ul li a h2 {

  position: absolute;

  top: 0.8rem;

  left: 0.4rem;

  font-size: 0.3rem;

  color: #fff;

  line-height: 0.4rem;

}

.index_p3 {

  width: 100%;

  padding: 0.5rem 0 0.3rem;

  overflow: hidden;

}

.index_p3 .clearfix {

  width: 90%;

  margin: 0 auto;

}

.index_p3 .clearfix .content {

  margin-top: 0.3rem;

}

.index_p4 {

  width: 100%;

  background: #fff;

  overflow: hidden;

  padding: 0.5rem 0;

}

.index_p4 .clearfix {

  width: 90%;

  text-align: center;

  margin: 0 auto;

}

.index_p4 .clearfix h1 {

  text-align: center;

  color: #313131;

  font-size: 0.25rem;

}

.clearfix {

  width: 90%;

  margin: 0 auto;

}

.swiper-container2 {

  text-align: center;

  width: 100%;

  height: 100%;

  position: relative;

  overflow: hidden;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.3rem 0.2rem 0;

}

.swiper-container2 .swiper-wrapper {

  width: 90%;

  position: relative;

}

.swiper-container2 .swiper-slide .swiper-slide {

  padding: 0 0.1rem;

}

.swiper-container2 .swiper-slide a {

  display: block;

  width: 100% !important;

  text-align: center;

  margin: 0 auto;

  overflow: hidden;

}

.swiper-container2 .swiper-slide a img {

  display: block;

  width: 5.3rem;

  height: 3.1rem;

  margin: 0 auto;

}

.swiper-container2 .swiper-slide a .text {

  width: 100%;

  text-align: center;

}

.swiper-container2 .swiper-slide a .text h1 {

  color: #313131;

  font-size: 0.3rem;

  line-height: 0.6rem;

}

.swiper-container2 .swiper-slide a:hover .text h1 {

  color: #0051a3;

}

.about_banner {

  width: 90%;

  margin: 0 auto;

}

.swiper-button-next,

.swiper-button-prev {

  position: absolute;

  top: 50%;

  margin-top: -22px;

  z-index: 10;

  cursor: pointer;

}

.swiper-button-next {

  right: 0;

}

.swiper-button-prev {

  left: 0;

}

.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

  background: url(../img/jiantou.png) left center no-repeat;

  -webkit-background-size: 100% 100%;

  background-size: 100%;

  width: 0.35rem;

  height: 0.8rem;

}

.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

  background: url(../img/jiantou2.png) right center no-repeat;

  width: 0.35rem;

  height: 0.8rem;

  -webkit-background-size: 100% 100%;

  background-size: 100%;

}

.swiper-pagination2 .swiper-pagination-bullet {

  display: none;

}

.index_p6 {

  width: 100%;

  background: #fff;

  padding: 0.5rem 0 0.3rem;

}

.index_p6 .clearfix .contant {

  margin: 0 0;

}

.index_p6 .clearfix .contant h1 {

  color: #313131;

  font-size: 0.3rem;

  line-height: 0.5rem;

}

.ad {

  background: url(../img/title_bg.jpg) top center no-repeat;

  -webkit-background-size: 100% 100%;

  background-size: 100%;

  height: 1.5rem;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.3rem 0 0rem;

}

.ad h1 {

  text-align: center;

  line-height: 0.5rem;

  color: #fff;

  font-size: 0.5rem;

}

.ad h2 {

  text-align: center;

  line-height: 0.5rem;

  color: #fff;

  font-size: 0.3rem;

}

.index_p7 {

  width: 100%;

  padding: 0.5rem 0;

}

.index_p7 .clearfix .contant {

  overflow: hidden;

  margin-top: 0.4rem;

}

.index_p7 .clearfix .contant ul li {

  width: 100%;

  display: block;

  padding: 0.3rem 0;

}

.index_p7 .clearfix .contant ul li a {

  display: block;

  overflow: hidden;

}

.index_p7 .clearfix .contant ul li a .text {

  width: 68%;

  float: left;

  margin-left: 2%;

}

.index_p7 .clearfix .contant ul li a img {

  width: 30%;

  height: 1.5rem;

  display: block;

  float: left;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

.index_p7 .clearfix .contant ul li h1 {

  color: #313131;

  font-weight: 500;

  font-size: 0.25rem;

}

.index_p7 .clearfix .contant ul li h2 {

  color: #666;

  font-size: 0.25rem;

}

.index_p7 .clearfix .contant ul li h3 {

  font-size: 0.25rem;

  color: #5e5e5e;

}

.index_p7 .clearfix .contant ul li a:hover h1 {

  color: #0051a3;

}

.index_p7 .clearfix .contant ul li a:hover h3 {

  color: #0051a3;

}

.mobile_nav {

  width: 100%;

  margin: 0.2rem auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.2rem 0;

  position: relative;

  overflow: hidden;

  background: white;

}

.mobile_nav .cat {

  width: 90%;

  overflow: hidden;

  margin: 0.1rem auto;

}

.mobile_nav .cat ul {

  overflow: hidden;

}

.mobile_nav .cat ul li {

  width: 25%;

  float: left;

  display: block;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0.15rem 0;

}

.mobile_nav .cat ul li a {

  width: 100%;

  margin: 0 auto;

  text-align: center;

}

.mobile_nav .cat ul li a h2 {

  width: 77%;

  background: #0051a3;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  height: 1.3rem;

  font-size: 0.25rem;

  margin: 0 auto;

}

.mobile_nav .cat ul li a h2 img {

  min-width: 40%;

  max-height: 50%;

  margin-top: 25%;

}

.mobile_nav .cat ul li a h1 {

  font-size: 0.3rem;

  line-height: 0.6rem;

  font-weight: 400;

}

.mobile_nav .cat ul li a h2:hover {

  background: #b20000;

}

.mobile_nav .cat ul li .active h2 {

  background: #b20000;

}

.inside_about {

  width: 100%;

  background: #fff;

  padding: 0.5rem 0;

}

.inside_about .clearfix {

  width: 100%;

}

.inside_about .clearfix .title2 {

  width: 90%;

  margin: 0 auto;

  background: url(../img/icon2.png) left center no-repeat;

  -webkit-background-size: 0.5rem 0.5rem;

  background-size: 0.5rem;

}

.inside_about .clearfix .title2 h1 {

  padding-left: 0.6rem;

}

.inside_about .clearfix .contant {

  margin: 0.3rem auto;

  width: 90%;

}

.inside_about .clearfix .contant img {

  max-width: 100%;

}

.inside_about .clearfix .contant h1 {

  line-height: 0.7rem;

  width: 100%;

  margin: 0.3rem auto 0;

  background-image: -webkit-gradient(

    linear,

    left top,

    left bottom,

    from(#105bb0),

    to(#5fb4f0)

  );

  background-image: -webkit-linear-gradient(#105bb0, #5fb4f0);

  background-image: -moz- oldlinear-gradient(#105bb0, #5fb4f0);

  background-image: linear-gradient(#105bb0, #5fb4f0);

}

.inside_about .clearfix .contant h1 a {

  line-height: 0.7rem;

  display: block;

  width: 100%;

  color: #fff;

  text-align: center;

}

.contact {

  width: 90%;

  margin: 0.2rem auto;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background: #0051a3;

  overflow: hidden;

}

.contact img {

  width: 100%;

  height: 4rem;

}

.contact h1 {

  width: 90%;

  margin: 0 auto;

  padding: 0.2rem 0;

  color: #fff;

  line-height: 0.5rem;

}

.ad_in {

  margin-top: 0.2rem;

  width: 100%;

}

.ad_in img {

  width: 100%;

}

.class_video {

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-top: 1.2rem;

}

.class_video .video-bg {

  width: 100%;

  height: 4rem;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  background: #000;

}

.class_video .video-bg .movie-clip {

  width: 100%;

  margin-top: 0.1rem;

  height: 4rem;

}

.class_video .video-bg .vjs-big-play-button {

  left: 50%;

  top: 50%;

  margin-left: -28px;

  border: none;

  margin-top: -28px;

  width: 56px;

  height: 56px;

  line-height: 56px;

  background: rgba(0, 0, 0, 0.5);

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.class_video .video-bg .vjs-big-play-button:focus {

  outline: 0;

}

.class {

  width: 92%;

  margin: 0.5rem auto;

  overflow: hidden;

}

.class .class_content {

  overflow: hidden;

}

.class .class_content ul li {

  float: left;

  margin: 0.1rem auto 0.3rem;

  background: white;

  width: 100%;

}

.class .class_content ul li a {

  width: 100%;

  height: 2.5rem;

  display: block;

}

.class .class_content ul li a img {

  display: block;

  width: 40%;

  height: 2.5rem;

  float: left;

}

.class .class_content ul li a .text {

  float: left;

  height: 1.5rem;

  width: 60%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.1rem 0.3rem;

  background: #fff;

}

.class .class_content ul li a .text h1 {

  font-size: 0.3rem;

  line-height: 0.8rem;

  font-weight: normal;

}

.class .class_content ul li a .text h2 {

  font-size: 0.25rem;

  line-height: 0.3rem;

}

.class .class_content ul li a .text h3 {

  font-size: 0.25rem;

  color: #000;

  border: 1px solid #000;

  width: 1.5rem;

  height: 0.5rem;

  margin-top: 0.2rem;

  text-align: center;

  line-height: 0.5rem;

}

.inside_addv {

  width: 92%;

  margin: 0.5rem auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.6rem 0.3rem;

  background: #fff;

  overflow: hidden;

}

.inside_addv ul li {

  width: 50%;

  text-align: center;

  float: left;

  overflow: hidden;

  height: 2.2rem;

  margin: 0.1rem auto;

}

.inside_addv ul li img {

  width: 19%;

  margin-bottom: 0.1rem;

}

.inside_addv ul li h1 {

  line-height: 0.5rem;

  font-size: 0.35rem;

  font-weight: normal;

}

.inside_addv ul li h2 {

  line-height: 0.4rem;

  width: 90%;

  margin: 0 auto;

}

.scroll {

  white-space: nowrap;

  overflow-x: scroll;

  overflow-y: hidden;

}

.cate {

  width: 90%;

  margin: 0 auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.cate .country {

  border-bottom: 3px solid #eee;

  height: 1rem;

  margin-bottom: 0.3rem;

}

.cate .country a {

  width: auto;

  padding: 0.2rem 0.3rem;

  font-size: 0.4rem;

  font-weight: normal;

  line-height: 1rem;

  margin: 0;

  color: #0051a3;

}

.cate .country a:hover {

  border-bottom: 3px solid #0051a3;

}

.cate .country a.active {

  border-bottom: 3px solid #0051a3;

}

.cate .type {

  margin-top: 0.1rem;

  height: 0.7rem;

}

.cate .type h1 {

  width: 15%;

  float: left;

  font-weight: bold;

  line-height: 0.7rem;

  font-size: 0.3rem;

  text-align: left;

  color: #000;

}

.cate .type a {

  padding: 0.1rem 0.2rem;

  font-size: 0.3rem;

  line-height: 0.7rem;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}

.cate .type a:hover {

  background: #0051a3;

  color: #fff;

}

.cate .type a.active {

  background: #0051a3;

  color: #fff;

}

.huzhao_in {

  overflow: hidden;

}

.huzhao_in .title {

  background: none;

  height: 0.9rem;

  margin: 0.4rem 0 0.2rem;

}

.huzhao_in .title h1 {

  width: 100%;

  text-align: center;

  font-size: 0.4rem;

  padding: 0;

  line-height: 0.5rem;

  font-weight: bold;

}

.huzhao_in .title h2 {

  clear: both;

  width: 100%;

  line-height: 0.4rem;

  text-align: center;

  text-transform: uppercase;

  color: #0051a3;

}

.huzhao_in .content {

  width: 100%;

}

.huzhao_in .content ul li {

  width: 45%;

  border: 1px solid #0051a3;

  margin: 0.3rem 2.5%;

  float: left;

}

.huzhao_in .content ul li a {

  width: 100%;

  overflow: hidden;

  padding-bottom: 0.2rem;

  display: block;

}

.huzhao_in .content ul li a img {

  width: 100%;

  display: block;

  height: 2rem;

  margin-bottom: 0.2rem;

}

.huzhao_in .content ul li a h1 {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0 4%;

  color: #0051a3;

}

.huzhao_in .content ul li a h2 {

  padding: 0 4%;

  font-size: 0.25rem;

}

.huzhao_in .content ul li h4 {

  background: #0051a3;

  line-height: 0.6rem;

  padding: 0 0.4rem;

  text-align: right;

}

.huzhao_in .content ul li h4 a {

  color: #fff000;

  padding: 0;

}

.inside_classic {

  width: 100%;

  margin: 0.2rem auto 0;

}

.inside_classic .clearfix {

  overflow: hidden;

}

.inside_classic .clearfix .content ul li {

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0051a3;

  margin: 0 0 0.4rem;

  overflow: hidden;

}

.inside_classic .clearfix .content ul li a {

  padding: 0.3rem;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  overflow: hidden;

  display: block;

}

.inside_classic .clearfix .content ul li a .left {

  width: 20%;

  text-align: center;

  margin-right: 3%;

}

.inside_classic .clearfix .content ul li a .left h1 {

  font-size: 0.25rem;

  text-align: center;

}

.inside_classic .clearfix .content ul li a .left img {

  width: 1rem;

  height: 1rem;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}

.inside_classic .clearfix .content ul li a .right {

  width: 77%;

}

.inside_classic .clearfix .content ul li a .right h1 {

  width: 100%;

  font-size: 0.3rem;

  line-height: 0.5rem;

}

.inside_classic .clearfix .content ul li a .right h2 {

  font-size: 0.25rem;

  line-height: 0.4rem;

}

.inside_classic .clearfix .content ul li h4 {

  width: 100%;

  height: 0.7rem;

  background: #0051a3;

  line-height: 0.7rem;

}

.inside_classic .clearfix .content ul li h4 a {

  color: #fff000;

  text-align: center;

  line-height: 0.7rem;

  padding: 0;

}

.classic_detail {

  margin: 0.3rem auto 0;

  width: 100%;

}

.classic_detail .title {

  background: none;

}

.classic_detail .title h1 {

  width: 100%;

  padding: 0;

  margin: 0;

  text-align: center;

}

.classic_detail .content {

  margin: 0.2rem 0 0.4rem;

}

.classic_detail .content img {

  width: 100%;

}

.classic_detail .ad {

  background: none;

  height: 2rem;

}

.classic_detail .ad img {

  width: 100%;

}

.shenqtj {

  width: 90%;

  margin: 0.5rem auto;

  -webkit-box-shadow: 0 0 6px 0 #626262;

  box-shadow: 0 0 6px 0 #626262;

}

.shenqtj .title3 {

  line-height: 0.5rem;

  height: 0.5rem;

  font-size: 0.3rem;

  color: #fff;

  text-align: center;

  background: #b4b4b4;

}

.shenqtj .scrollbar {

  padding: 0.2rem;

  overflow: auto;

  width: 100%;

  height: 3rem;

  margin: 0 auto;

  font: 0.25rem/0.5rem, "微软雅黑";

  color: #000;

}

.process_in {

  width: 100%;

  background: #f3f6fa;

  padding: 0.5rem 0 0.2rem;

}

.process_in .title {

  background: none;

}

.process_in .title h1 {

  width: 100%;

  padding: 0;

  margin: 0;

  text-align: center;

}

.process_in .content {

  margin-top: 0.6rem;

}

.process_huzhao .content ul li,

.process_in .content ul li {

  position: relative;

  width: 38%;

  margin: 0.4rem 6%;

  float: left;

}

.process_huzhao .content ul li:nth-child(2n + 1),

.process_in .content ul li:nth-child(2n + 1) {

  clear: both;

}

.process_in .content ul li .list {

  position: absolute;

  left: 0;

  top: -0.5rem;

  width: 1.5rem;

  height: 0.5rem;

  line-height: 0.5rem;

  background: url(../img/title_in.png) top center no-repeat;

  font-size: 0.3rem;

  color: #fff;

  padding: 0 4px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-background-size: 1.5rem 0.5rem;

  background-size: 1.5rem 0.5rem;

}



.process_in .content ul li .text {

  background: #fff;

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

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

  padding: 0.1rem;

}

.process_in .content ul li .text h4 {

  color: #0051a3;

  font-size: 0.3rem;

  line-height: 0.5rem;

}

.process_in .content ul li .text h6 {

  line-height: 0.35rem;

  font-size: 0.25rem;

}

.process_in .content ul li:after {

  content: "";

  position: absolute;

  right: -0.56rem;

  top: 55%;

  width: 0.3rem;

  height: 0.5rem;

  margin-top: -0.5rem;

  background: url(../img/title_in2.png) top center no-repeat;

  -webkit-background-size: 0.3rem 0.5rem;

  background-size: 0.3rem 0.5rem;

}

.process_in .content ul li:last-child:after {

  background: none;

}

.process_in .content ul li:nth-child(even):after {

  background: none;

}

.process_huzhao {

  width: 100%;

  padding: 0.5rem 0 0.2rem;

}

.process_huzhao .title {

  background: none;

}

.process_huzhao .title h1 {

  width: 100%;

  padding: 0;

  margin: 0;

  text-align: center;

}

.process_huzhao .content {

  width: 100% !important;

  margin-top: 0.6rem;

}

.process_huzhao .content ul li {

  position: relative;

  width: 38%;

  margin: 0.5rem 6%;

  float: left;

}

.process_huzhao .content ul li .list {

  position: absolute;

  left: 0;

  top: -0.5rem;

  width: 1.5rem;

  height: 0.5rem;

  line-height: 0.5rem;

  background: url(../img/title_in.png) top center no-repeat;

  font-size: 0.3rem;

  color: #fff;

  padding: 0 4px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-background-size: 1.5rem 0.5rem;

  background-size: 1.5rem 0.5rem;

}

.process_huzhao .content ul li .text {

  background: #fff;

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

  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

  padding: 0.1rem;

}

.process_huzhao .content ul li .text h4 {

  color: #0051a3;

  font-size: 0.3rem;

  line-height: 0.5rem;

}

.process_huzhao .content ul li .text h6 {

  line-height: 0.35rem;

  font-size: 0.25rem;

}

.process_huzhao .content ul li:after {

  content: "";

  position: absolute;

  right: -0.56rem;

  top: 55%;

  width: 0.3rem;

  height: 0.5rem;

  margin-top: -0.5rem;

  background: url(../img/title_in2.png) top center no-repeat;

  -webkit-background-size: 0.3rem 0.5rem;

  background-size: 0.3rem 0.5rem;

}

.process_huzhao .content ul li:last-child:after {

  background: none;

}

.process_huzhao .content ul li:nth-child(even):after {

  background: none;

}

.inside_p1 {

  width: 100%;

  margin: 0.2rem 0 0;

  background: #fff;

}

.inside_p1 .clearfix {

  width: 94%;

  margin: 0 auto;

}

.inside_p1 .clearfix .cd {

  padding: 0.2rem 0;

  width: 90%;

  margin: 0 auto;

}

.inside_p1 .clearfix .cd ul li {

  text-align: center;

}

.inside_p1 .clearfix .cd ul li a {

  display: block;

  overflow: hidden;

}

.inside_p1 .clearfix .cd ul li img {

  width: 0.7rem;

}

.inside_p1 .clearfix .cd ul li h2 {

  color: #0051a3;

  font-size: 0.3rem;

}

.youshi {

  margin: 0.4rem 0;

  width: 100%;

}

.youshi .content {

  width: 90%;

  padding: 0.3rem 0;

  margin: 0 auto;

}

.jieshao {

  margin: 0.4rem 0;

  width: 100%;

}

.jieshao .content {

  padding: 0.3rem 0;

  width: 90%;

  margin: 0 auto;

}

.yaoqiu {

  margin: 0.4rem 0;

  width: 100%;

}

.yaoqiu .content {

  padding: 0.3rem 0;

  width: 90%;

  margin: 0 auto;

}

.title4 {

  width: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0 0.2rem;

  background: #0051a3;

  color: #fff;

  height: 0.7rem;

  line-height: 0.7rem;

  font-size: 0.4rem;

  text-transform: uppercase;

}

.huzhao_detail {

  width: 100%;

  margin: 0.4rem 0 0;

}

.huzhao_detail .title {

  background: none;

}

.huzhao_detail .title h1 {

  width: 100%;

  padding: 0;

  font-size: 0.45rem;

  font-weight: bold;

  margin: 0;

  text-align: center;

}

.huzhao_detail .content {

  width: 90%;

  margin: 0.3rem auto 0;

}

.news_in {

  width: 100%;

  padding: 0.3rem 0;

}

.news_in .clearfix .title {

  background: none;

  height: 0.9rem;

  margin: 0;

}

.news_in .clearfix .title h1 {

  width: 100%;

  text-align: center;

  font-size: 0.4rem;

  padding: 0;

  line-height: 0.5rem;

  font-weight: bold;

}

.news_in .clearfix .title h2 {

  clear: both;

  width: 100%;

  line-height: 0.4rem;

  text-align: center;

  text-transform: uppercase;

  color: #0051a3;

}

.news_in .clearfix .contant {

  overflow: hidden;

  margin-top: 0.2rem;

}

.news_in .clearfix .contant ul li {

  width: 100%;

  display: block;

  padding: 0.3rem 0;

  border-bottom: 1px dashed #c3c3c3;

}

.news_in .clearfix .contant ul li a {

  display: block;

  overflow: hidden;

}

.news_in .clearfix .contant ul li a .text {

  width: 68%;

  float: left;

  margin-left: 2%;

}

.news_in .clearfix .contant ul li a img {

  width: 30%;

  height: 1.5rem;

  display: block;

  float: left;

}

.news_in .clearfix .contant ul li h1 {

  color: #313131;

  font-weight: 500;

  line-height: 0.5rem;

  font-size: 0.25rem;

}

.news_in .clearfix .contant ul li h2 {

  color: #666;

  font-size: 0.25rem;

  margin-top: 0.1rem;

}

.news_in .clearfix .contant ul li h3 {

  font-size: 0.25rem;

  color: #5e5e5e;

}

.news_in .clearfix .contant ul li a:hover h1 {

  color: #0051a3;

}

.news_in .clearfix .contant ul li a:hover h3 {

  color: #0051a3;

}

.video_in {

  width: 92%;

  margin: 0.5rem auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0.6rem auto;

  overflow: hidden;

}

.video_in .act_content ul li {

  float: left;

  margin: 0 2.5% 0.3rem;

  background: white;

  width: 45%;

  overflow: hidden;

}

.video_in .act_content ul li a {

  width: 100%;

  height: 3rem;

  display: block;

  position: relative;

}

.video_in .act_content ul li a img {

  display: block;

  width: 100%;

  height: 2.2rem;

}

.video_in .act_content ul li a h1 {

  font-size: 0.3rem;

  line-height: 0.8rem;

  text-align: center;

}

.video_in .act_content ul li a .mask {

  width: 100%;

  height: 2.2rem;

  background: rgba(0, 0, 0, 0.2);

  position: absolute;

  top: 0;

}

.video_in .act_content ul li a .video_icon {

  position: absolute;

  top: 30%;

  left: 40%;

  width: 0.5rem;

  height: 0.5rem;

}

.video_in .act_content ul li a .video_icon img {

  width: 0.5rem;

  height: 0.5rem;

}

.news_detail {

  width: 100%;

  padding: 0.5rem 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background: #fff;

}

.nux-pagination {

  color: #999999;

  margin: 0.2rem auto 0;

  text-align: center;

}




.wxtk{
	width: 70%;
	padding: 5%;
	background: #fff;
	position: fixed;
	left: 15%;
	top: 25%;
	z-index: 999;
	text-align: center;
	border: 5px;
	display: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: normal;
	line-height: 40px;
}

.wxtk button{
	width: 60%;
	height: 40px;
	background: #0e529f;
	color: #fff;
	outline: none;
	border: none;
	margin: 15px auto 0 auto;
	border-radius: 5px;
}
.wxtk p{}


.shadow{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .4;
	z-index: 9;
	display: none;
}




.wxtk .close{
	position: absolute;
	right: 14px;
	top: 0;
	font-size: 30px;
	cursor: pointer;
}


























.page {

  margin: 20px 0;

  text-align: center;

  width: 100%;

}



.page a {

  padding: 6px 12px;

  font-size: 12px;

  background: #eee;

  color: #333;

}



.page .thispage {

  background: #3976b3;

  font-size: 12px;

  color: #fff;

}

.nux-pagination .current {

  background: #006ec7;

  border-color: #006ec7;

  color: #fff;

}

.nux-pagination .prev,

.nux-pagination .next,

.nux-pagination .current {

  display: inline-block;

  min-width: 0.3rem;

  height: 0.3rem;

  line-height: 0.3rem;

  text-align: center;

  margin: 0 0.05rem;

  -webkit-border-radius: 0.05rem;

  border-radius: 0.05rem;

  border: 1px solid #d9d9d9;

}

.nux-pagination .num {

  display: inline-block;

  min-width: 0.3rem;

  height: 0.3rem;

  line-height: 0.3rem;

  text-align: center;

  margin: 0 0.05rem;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  border: 1px solid #d9d9d9;

  color: #222;

}

.nux-pagination .prev,

.nux-pagination .next {

  padding: 0 5px;

}

.pagination p {

  margin: 0;

  cursor: pointer;

}

.pagination {

  display: inline-block;

  padding: 0.1rem 0px;

  margin: 0.2rem 0 0;

}

.pagination a {

  display: block;

  float: left;

  margin-right: 0.1rem;

  padding: 0.05rem 0.15rem;

  border: 1px #000 solid;

  text-decoration: none;

  color: #000;

  font-size: 0.25rem;

  line-height: 0.3rem;

}

.pagination a:hover {

  color: #b20000;

  border: 1px #000 solid;

}

.pagination a.cur {

  border: none;

  color: #fff;

  background: #0051a3;

  border: 1px #0051a3 solid;

}

.pagination p {

  float: left;

  padding: 0.05rem 0.15rem;

  font-size: 0.25rem;

  line-height: 0.3rem;

  color: #999;

  border: 1px #808080 solid;

  margin-right: 8px;

}

.pagination p.pageRemark {

  border-style: none;

  background: none;

  margin-right: 0px;

  padding: 4px 0px;

  line-height: 0.3rem;

  color: #666;

}

.pagination p.pageRemark b {

  color: red;

}

.pagination p.pageEllipsis {

  border-style: none;

  background: none;

  padding: 4px 0px;

  color: #808080;

}

.dates li {

  font-size: 14px;

  margin: 20px 0;

}

.dates li span {

  float: right;

}

.pages {

  margin-top: 0.2rem;

  font-size: 0.25rem;

  color: #9d9d9d;

}

.pages a {

  color: #9d9d9d;

}

.pages a:hover {

  color: #ffd102;

}

.pages span {

  line-height: 2;

  display: block;

}

.pages span a:hover {

  text-decoration: underline;

}

.detail {

  font-size: 0.3rem;

  color: #9d9d9d;

  line-height: 2;

}

.detail .d-title {

  font-weight: normal;

  text-align: center;

  color: #000;

  line-height: 0.5rem;

  font-size: 0.4rem;

}

.detail_content {

  padding: 0;

  background: #fff;

  margin: 0.4rem auto;

}

.detail_content img {

  max-width: 100%;

}

.detail .d-time {

  font-size: 0.25rem;

  font-weight: normal;

  line-height: 2;

  color: #9d9d9d;

  text-align: center;

}

.detail_content .form-box {

  width: 80%;

  margin: 0 auto;

  margin-top: 0.1rem;

}

.detail_content .input-ctl {

  width: 100%;

  font-size: 0.3rem;

  height: 0.7rem;

  color: #999;

  outline: 0;

  line-height: 0.7rem;

  margin-bottom: 0.2rem;

  border: 1px solid #000000;

  background: none;

}

.detail_content .btn-submit {

  width: 80%;

  height: 0.7rem;

  margin: 0 auto;

  background: #b20000;

  font-size: 0.3rem;

  color: #fff;

  cursor: pointer;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -moz-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.detail_content .choose {

  width: 100%;

  margin: 0 0 0.2rem;

  overflow: hidden;

}

.detail_content .choose .input-choose {

  width: 0.1rem;

}

.detail_content .slogan {

  color: #ff0000;

  text-align: center;

  margin: 0.2rem auto;

  font-size: 0.3rem;

}

.detail_content label {

  display: block;

  width: 40%;

  float: left;

  font-size: 0.3rem;

}

.btn {

  display: block;

  width: 2.5rem;

  height: 0.6rem;

  line-height: 0.6rem;

  text-align: center;

  background: #b20000;

  color: #fff !important;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  margin: 0.1rem auto;

}

.input-ctl {

  height: 0.5rem;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  line-height: 0.5rem;

  float: left;

  width: 80%;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  width: 4rem;

}

.inside_content form {

  width: 100%;

  float: left;

}

.inside_content .free_r {

  width: 50%;

  float: right;

}

.inside_content .free_r img {

  width: 70%;

}

.inside_content form label {

  float: left;

  width: 20%;

  height: 0.5rem;

  font-size: 0.3rem;

  line-height: 0.5rem;

  text-align: right;

  margin-right: 0.2rem;

}

.inside_content form #feedback {

  height: 1rem;

  width: 5rem;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-border-radius: 3px;

  border-radius: 3px;

  text-indent: 0.2rem;

}

.field-ctl {

  margin-bottom: 0.1rem;

  overflow: hidden;

  display: block;

}

.form-control {

  width: 80%;

  border: none;

  outline: none;

  background-color: rgba(0, 0, 0, 0);

}

.form-control-m {

  line-height: 0.5rem;

  width: 80%;

  float: left;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  text-indent: 0.3rem;

  outline: none;

}

iframe {

  max-width: 100%;

}

.content img {

  max-width: 100%;

}





















.zxpgform {

  width: 100%;

  font-size: 16px;

  float: none;

	margin: 20px 0 0 0;

}

.zxpgform li {

  background: #dfe9fa;

  margin: 0 0 20px 0;

  padding: 20px;

  display: block;

}



.formtitle {

  font-size: 17px;

  color: #444;

	font-weight: normal;

}

.formtitle span {

  font-size: 14px;

  color: #990000;

  font-weight: bold;

}

.formtext {

  font-size: 14px;

  color: #0e529f;

  margin: 5px 0 15px 0;

}



.formoption{

	width: 100%;

}

.formoption label {

  height: 40px;

  float: left;

  background: #f0f6ff;

  border: 1px solid #0e529f;

  border-radius: 10px;

  position: relative;

  margin: 0 2% 2% 0;

  text-align: center;

  display: table;

  cursor: pointer;

}



.option_2 label {

  width: 49%;

}

.option_2 label:nth-child(2n) {

  margin: 0 0 2% 0;

}

.option_3 label {

  width: 100%;

}

.option_3 label:nth-child(5n) {

  margin: 0 0 2% 0;

}

.option_4 label {

  width: 100%;

}

.option_4 label:nth-child(4n) {

  margin: 0 0 2% 0;

}

.option_5 label {

  width: 100%;

}

.option_5 label:nth-child(5n) {

  margin: 0 0 1% 0;

}



.formoption label input {

  position: absolute;

  opacity: 0;

  left: 0;

  top: 0;

}

.formoption label div {

  display: table-cell;

  vertical-align: middle;

  width: 100%;

  line-height: 22px;

  padding: 2px 10px;

  font-size: 14px;

	font-weight: normal;

}

.formoption label input:checked + div {

  background: url("/images/selected.png") right bottom no-repeat;

}



.infoform {

  background: #dfe9fa;

  font-size: 14px;

  color: #0e529f;

  width: 100%;

  float: none;

	padding: 20px 0;

}

.infoform table {

  width: 88%;

  margin: 0 auto;

	border: none;

}

.infoform table tr td {

  padding: 5px 0;

	border: none;

}

.infoform table tr td:nth-child(1){

	display: none;

}

.infoform input {

  height: 36px;

  width: 100%;

  padding: 0 5%;

  border: none;

  background: #fff;

  border-radius: 7px;

  font-size: 14px;

}

.infoform .code {

  width: 55%;

  float: left;

}

.infoform #sendcode {

  width: 40%;

  float: right;

  height: 36px;

  color: #fff;

  background: #0e529f;

  cursor: pointer;

  font-size: 12px;

	-webkit-appearance:none;

}

.infoform .subbutton {

  color: #fff;

  background: #0e529f;

  height: 45px;

  cursor: pointer;

  width: 100%;

  padding: 0;

  font-size: 16px;

	-webkit-appearance:none;

}

.infoform table tr:last-child td:nth-child(1){

	display: block;

}









	.page-footer{

		position: relative;

		z-index: 9999;

	}