html {
  font-size: 312.5%;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-pack-around {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.clear {
  clear: both
}

.hiddentxt {
  display: none
}

.phone-uses-new-header {
  width: 100%;
  background: #ec7a00
}

.phone-uses-new-topnav {
  position: relative;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 55px;
  background-color: #fff;
  color: #fff
}

.phone-uses-new-topnav a {
  color: #fff
}

.phone-uses-new-leftnav {
  float: left;
  width: 80%;
  height: 50px;
  background-image: url(http://m.cqxdfpr.com/images/public-img/bj-left.png);
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat
}

.phone-uses-new-rightnav {
  width: 50px;
  width: 20%;
  background-image: url(http://m.cqxdfpr.com/images/public-img/bj-right.png);
  background-position: right center
}

.phone-uses-new-ractive, .phone-uses-new-rightnav {
  float: right;
  height: 50px;
  background-repeat: no-repeat
}

.phone-uses-new-ractive {
  width: 50px;
  background-image: url(http://m.cqxdfpr.com/images/public-img/close.png);
  background-position: center center
}

.phone-uses-new-rightnav .phone-uses-new-menu {
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 100;
  padding: 10px 0 22px;
  width: 100%;
  max-width: 40pc;
  background-color: #f3f3f3
}

/*new head*/
.header-dw {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 1%;
  padding-left: 1%;
  background-color: #FFF;
  top: 0;
}

.header-dw-nomorl {
  padding-right: 1%;
  padding-left: 1%;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #FFF
}

.header-kj {
  max-width: 640px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto
}

.header-list {
  display: table;
  width: 98%;
}

.header-list ul {
  display: table-row
}

.header-list ul li {
  display: table-cell;
  vertical-align: middle;
}

.header-logo {
  width: 60%
}

.header-logo img {
  width: 100%
}

.header-tel {
  width: 33%;
  text-align: center;
  padding-bottom: 3px
}

.header-tel img {
  width: 80%
}

.header-more {
  width: 7%;
  text-align: right;
  padding-bottom: 3px
}

.header-more img {
  width: 100%
}

.header-up {
  height: 55px
}

.index_nav {
  margin-top: .1rem
}

.index_nav ul li {
  float: left;
  width: 25%;
  text-align: center;
  margin-top: .2rem
}

.index_nav ul li img {
  width: 60%
}

/*new footer*/
.footer-dw {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #FFF
}

.footer-kj {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 640px
}

.footer-nav2 {
  display: table;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #E8E8E8
}

.footer-nav2 ul {
  display: table-row;
  width: 100%
}

.footer-nav2 ul li {
  display: table-cell;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  border-right-width: 0px;
  border-right-style: dotted;
  border-right-color: #C1C1C1
}

.footer-nav2-small {
  width: 13%
}

.footer-nav2 ul li i {
  font-size: .39rem
}

.footer-nav2-small p {
  font-size: 12px
}

.footer-nav2-small a {
  display: block;
  color: #838383
}

.footer-nav2-big {
  width: 20.5%;
  color: #FFF;
  vertical-align: middle;
  text-align: center
}

.footer-nav2-big a {
  display: block;
  color: #FFF;
  font-size: 12px;
}

.footer-nav2-big i {
  margin-right: .1rem
}

.footer-nav2-color-green {
  background-color: #3EBB2B
}

.footer-nav2-color-orange {
  background-color: #FF7831
}

.phone-uses-new-menu ul {
  overflow: hidden
}

.phone-uses-new-menu ul li {
  float: left;
  margin-top: 9pt;
  width: 25%;
  text-align: center
}

.phone-uses-new-menu ul li img {
  width: 60%
}

.phone-uses-new-menu li p {
  margin-top: 6px;
  color: #575757;
  font-size: .33rem
}

.phone-uses-new-rightnav .phone-uses-new-active {
  display: none
}

.phone-uses-new-ractive {
  display: block
}

.phone-uses-new-bmbtn {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: .7rem;
  border-radius: 4px;
  background-color: #FF6002;
  color: #353535;
  text-align: center;
  font-weight: 400;
  font-weight: 700;
  font-size: .4rem;
  line-height: .8rem;
  cursor: pointer
}

.phone-uses-new-container {
  float: left;
  overflow: hidden;
  margin-bottom: .03rem;
  padding-top: 10px;
  width: 100%;
  background: #fff
}

.phone-uses-new-con_title {
  overflow: hidden;
  padding: 9pt 10px;
  background: #fff;
  text-align: center;
  line-height: 20px
}

.phone-uses-new-con_title span {
  display: inline-block;
  color: #333;
  font-size: .36rem;
  line-height: .51rem
}

.phone-uses-new-con_title span b {
  color: #ee7600
}

.phone-uses-new-con_title span em {
  float: left;
  margin-top: .03rem;
  margin-right: .1rem;
  width: 5px;
  height: .44rem;
  background-size: 100% auto
}

.phone-uses-new-con_title span em.phone-uses-new-modulara {
  background: #fa7a49
}

.phone-uses-new-con_title span em.phone-uses-new-modularb {
  background: #f6b62d
}

.phone-uses-new-con_title span em.phone-uses-new-modularc {
  background: #a3cb5c
}

.phone-uses-new-con_title span em.phone-uses-new-modulard {
  background: #6cc8c7
}

.phone-uses-new-con_title span em.phone-uses-new-modulare {
  background: #62a8ea
}

.phone-uses-new-con_title span em.phone-uses-new-modularf {
  background: #ff6a6a
}

.phone-uses-new-con_title span em.phone-uses-new-modularg {
  background: #c00
}

.phone-uses-new-con_title p {
  float: right;
  padding: 5px;
  border: 1px solid #ff8000;
  border-radius: 75pt
}

.phone-uses-new-con_title p img {
  float: left;
  width: .45rem
}

.phone-uses-new-con_title p strong {
  font-weight: 400;
  font-size: .29rem;
  line-height: .33rem;
  cursor: pointer
}

.phone-uses-new-con_title p a {
  color: #383838
}

/*baoming*/
#phone-uses-new-baoming {
  padding: 0 .2rem .2rem;
  padding-right: 2%;
  padding-left: 2%;
  background-color: #fff
}

#phone-uses-new-baoming ul li {
  margin-top: 10px;
  width: 100%
}

#phone-uses-new-baoming ul li input, #phone-uses-new-baoming ul li select {
  padding-left: 2%;
  font-size: .25rem
}

.phone-uses-new-name {
  float: left;
  width: 15%;
  color: #646464;
  text-align: right
}

#phone-uses-new-baoming .phone-uses-new-input {
  margin-bottom: 6px;
  color: #666
}

#phone-uses-new-baoming #submit, #phone-uses-new-baoming .phone-uses-new-input {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  outline: 0;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  text-indent: 5px;
  font-size: 1pc
}

#phone-uses-new-baoming #submit {
  color: #FFFFFF;
  letter-spacing: 5px;
  line-height: 50px
}

.phone-uses-new-sex {
  margin-right: 15px
}

.phone-uses-new-mainbd {
  margin: 0 20px;
  margin-top: 30px;
  margin-bottom: 20px
}

.phone-uses-new-name_2017 {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 100%;
  height: 40px;
  border: 1px solid #959595;
  border-radius: 10px;
  text-indent: 20px;
  font-size: .25rem
}

.phone-uses-new-xiala {
  margin-top: 0
}

.phone-uses-new-xb {
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px
}

.phone-uses-new-xb input {
  margin-left: 20px
}

.phone-uses-new-tou {
  margin-left: 21px;
  padding-right: 10px;
  font-size: .25rem
}

.phone-uses-new-tijiao {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 20px;
  background-color: #ed7700;
  color: #fff;
  text-align: center;
  font-size: .25rem
}

.phone-uses-new-bottom {
  padding-top: .2rem;
  padding-bottom: 0.8rem;
  width: 100%;
  background-color: #FFFFFF;
  color: #373737
}

.phone-uses-new-bottom a {
  color: #ff8000
}

.phone-uses-new-btnav {
  margin-bottom: .2rem;
  margin-left: 5%;
  padding-bottom: 10px;
  width: 90%;
  text-align: center;
  font-size: 14px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a7a7a7
}

.phone-uses-new-btnav a {
  padding: 0 6px;
  font-size: .31rem;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #9e9e9e
}

.phone-uses-new-btnav a.noborder {
  border: none
}

.phone-uses-new-bottom p {
  margin-bottom: .05rem;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  font-size: .26rem
}

.phone-uses-new-bottom p span {
  padding: .05rem .2rem;
  background-color: #fff;
}

.phone-uses-new-bar-box {
  margin-right: auto;
  margin-left: auto;
  max-width: 40pc
}

.phone-uses-new-bar {
  position: fixed;
  bottom: 0;
  z-index: 100;
  overflow: hidden;
  width: 100%;
  max-width: 40pc
}

.phone-uses-new-bar>div {
  float: left;
  width: 20%
}

.phone-uses-new-bar img {
  display: block;
  width: 100%
}

.phone-uses-new-shake {
  position: fixed;
  top: 70%;
  z-index: 101;
  display: block;
  margin: 0 auto
}

/*baoming*/
.phone-user-baoming {
  width: 100%;
  background: #fff;
  float: left;
  margin-bottom: .03rem;
  overflow: hidden;
  padding-top: 10px
}

.phone-user-baoming-title {
  padding: 9pt 10px;
  line-height: 20px;
  background: #fff;
  overflow: hidden;
  text-align: center
}

.phone-user-baoming-title fieldset {
  border-top-width: 2px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-top-style: solid;
  border-top-color: #ff6002
}

.phone-user-baoming-title fieldset legend {
  padding-right: .3rem;
  padding-left: .3rem;
  font-size: .39rem;
  color: #ff6002
}

.phone-user-baoming-form {
  padding: 0 .2rem .2rem;
  background-color: #fff;
  padding-right: 2%;
  padding-left: 2%
}

.phone-user-baoming-form button, .phone-user-baoming-form input[type=submit], .phone-user-baoming-form input[type=text], .phone-user-baoming-form select {
  width: 100%;
  height: 39px;
  text-indent: 5px;
  border: 1px solid #dcdcdc;
  outline: 0;
  color: #666;
  box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: .28rem;
  margin-bottom: 6px
}

.phone-user-baoming-form input[type=text], .phone-user-baoming-form select {
  padding-left: 10%
}

.phone-user-baoming-form button, .phone-user-baoming-form input[type=submit] {
  color: #fff;
  background-color: #ff6002
}

.phone-user-baoming-form button img {
  display: inherit;
}

.phone-user-baoming-form .okimg {
  vertical-align: middle;
  width: 6%;
  margin-right: .1rem
}

.phone-user-baoming-name {
  background-image: url(/public/icons/name.png)
}

.phone-user-baoming-hometel, .phone-user-baoming-name {
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 7%;
  background-position: 1%
}

.phone-user-baoming-hometel {
  background-image: url(/public/icons/phone.png)
}

.phone-user-baoming-zhuanye {
  background-image: url(/public/icons/choice.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 7%;
  background-position: 1%
}

/*top*/
.backtop {
  position: fixed;
  right: 6px;
  bottom: 45px;
  z-index: 1001;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #555;
  text-align: center;
  opacity: .9
}

.backtop .icon-backtop {
  display: inline-block;
  margin: 10px auto;
  vertical-align: center
}

.iconfont {
  display: inline-block;
  color: #fff;
  text-align: center;
  font-size: .4rem
}

.icon-backtop:before {
  width: 30px;
  height: 30px
}

.iconfont:before {
  display: inline-block;
  background: url(/images/top.png) no-repeat;
  background-size: 30px 30px;
  content: "";
  vertical-align: top
}

.hkj-zx-out {
  position: fixed;
  top: 0;
  left: 15%;
  z-index: 999998;
  margin-top: 20%;
  margin-right: auto;
  margin-left: auto;
  width: 70%;
  height: 5rem
}

.zx-out {
  overflow: hidden;
  padding: .25rem;
  border: 1px solid #f0f0f0;
  border-radius: .28rem .28rem 0 0;
  background-color: #fcfcfc
}

.zx-out i {
  display: block;
  text-align: right
}

.zx-out i img {
  width: 8%
}

.zx-out h6 {
  display: block;
  color: #5D5D5D;
  text-align: center;
  font-weight: 700;
  font-size: .39rem
}

.zx-out h6 span {
  color: #ff996d
}

.zx-out small {
  display: block;
  margin-top: .15rem;
  color: #5D5D5D;
  text-align: center;
  font-weight: 400;
  font-size: .24rem
}

.zx-out small span {
  color: #ff996d
}

.zx-out b {
  display: block;
  margin-top: .2rem;
  color: #5D5D5D;
  font-weight: 400;
  font-size: .2rem
}

.zx-out-btn {
  height: .3rem
}

.zx-out-btn ul li {
  float: left
}

.zx-out-input {
  margin-top: .3rem;
  height: .6rem;
  border: 1px solid #ffb933;
  border-radius: .28rem
}

.zx-out input[type=text] {
  padding-left: 5%;
  width: 65%;
  border: 0 solid #bebebe;
  border-radius: .28rem
}

.zx-out input[type=button], .zx-out input[type=text] {
  float: left;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  height: .6rem;
  outline: 0;
  line-height: .6rem
}

.zx-out input[type=button], .zx-out input[type=submit] {
  width: 30%;
  border: 0;
  border-radius: .28rem;
  background-color: #ffb933;
  color: #fff;
  text-align: center;
  font-size: .24rem;
  font-family: sans-serif
}

.zx-out input[type=submit] {
  float: right;
  margin: 0;
  padding: 0;
  height: .6rem;
  outline: 0;
  line-height: .6rem;
  cursor: pointer;
}

.zx-out-bc {
  display: inline-block;
  width: 100%
}

.zx-out-bc ul li {
  float: left;
  padding: 1% 3%;
  width: 44%;
  text-align: center;
  box-sizing: content-box;
}

.zx-out-bc ul li img {
  width: 60%
}

.zx-out-bc ul li a {
  color: #fff
}

.zx-out-bc-baoming {
  border-radius: 0 0 0 .28rem;
  background-color: #ff7831
}

.zx-out-bc-click {
  border-radius: 0 0 .28rem 0;
  background-color: #3ebb2b
}

.hkj-zx-right-gd {
  position: fixed;
  right: 0;
  bottom: 2rem;
  z-index: 999999999
}

.hkj-zx-right {
  width: .6rem
}

.hkj-zx-right img {
  display: block;
  margin-bottom: 2px;
  width: 100%
}

.hkj-header-dw {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%
}

.hkj-header {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 40pc
}

.article-header {
  width: 100%
}

.article-header ul {
  display: inline-block;
  padding-right: 3%;
  padding-left: 3%;
  width: 94%;
  background-color: #fafafa;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eaeaea
}

.article-header ul li {
  float: left;
  padding-top: .15rem;
  padding-bottom: .15rem;
  height: .5rem
}

.article-header ul li img {
  height: .5rem
}

.article-header-back {
  width: 20%
}

.article-header-back a {
  float: left;
  font-size: .39rem;
  font-family: sans-serif
}

.article-header-typename {
  width: 60%;
  text-align: center;
  line-height: .5rem
}

.article-header-share {
  width: 20%;
  text-align: right
}

.article-header-up {
  margin-top: 1rem
}

.more-menus-bj {
  top: 0;
  left: 0;
  z-index: 999998;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5
}

.more-menus, .more-menus-bj {
  position: fixed;
  display: none
}

.more-menus {
  top: 20%;
  right: 20%;
  left: 15%;
  z-index: 999999;
  overflow: auto;
  width: 70%;
  height: 60%;
  background-color: #fff
}

.more-menus-list {
  position: relative;
  width: 100%;
  height: 100%
}

.more-menus-list-xm {
  overflow: auto;
  padding-bottom: .5rem;
  height: 90%
}

.more-menus-list-xm ul li {
  height: .9rem;
  line-height: .9rem;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ddd
}

.more-menus-list-xm ul li a {
  display: block;
  padding-left: .3rem
}

.more-menus-list-close {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .6rem;
  background-color: #f9f9f9;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ddd
}

.more-menus-list-close ul li {
  float: left;
  width: 50%;
  text-align: center
}

.more-menus-list-close ul li a {
  display: block;
  line-height: .6rem
}

.more-menus-list-close-zx a {
  background-color: #ff7831;
  color: #fff
}

.popup-kj {
  position: fixed;
  top: 10%;
  left: 15%;
  z-index: 999999999;
  overflow: hidden;
  margin-top: 20%;
  margin-right: auto;
  margin-left: auto;
  width: 70%;
  height: 5rem;
  border-radius: 9pt
}

.popup-time {
  position: relative;
  width: 100%
}

.popup-time-img img {
  width: 100%;
  outline-width: 0;
  vertical-align: top
}

.popup-Consultation {
  border: #c8c8c8;
  border-top-right-radius: 0;
  border-bottom-right-radius: 9pt;
  border-bottom-left-radius: 9pt;
  border-top-left-radius: 0;
  background-color: #fff;
  text-align: center;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid
}

.popup-Consultation a {
  display: block;
  padding-top: .3rem;
  padding-bottom: .3rem;
  color: #ff8000;
  font-weight: 400;
  font-family: Tahoma
}

.popup-close {
  position: absolute;
  top: .1rem;
  right: .15rem;
  color: #fff;
  font-size: .6rem;
  font-family: Tahoma;
  line-height: .4rem
}

/*icomoon脳脰脤氓驴芒*/
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?zi8hqq);
  src: url(../fonts/icomoon.eot?zi8hqq#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?zi8hqq) format('truetype'), url(../fonts/icomoon.woff?zi8hqq) format('woff'), url(../fonts/icomoon.svg?zi8hqq#icomoon) format('svg');
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"], [class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-home3:before {
  content: "\e902"
}

.icon-quill:before {
  content: "\e907"
}

.icon-camera:before {
  content: "\e90f"
}

.icon-headphones:before {
  content: "\e910"
}

.icon-bullhorn:before {
  content: "\e91a"
}

.icon-feed:before {
  content: "\e91d"
}

.icon-mic:before {
  content: "\e91e"
}

.icon-books:before {
  content: "\e920"
}

.icon-stack:before {
  content: "\e92e"
}

.icon-qrcode:before {
  content: "\e938"
}

.icon-ticket:before {
  content: "\e939"
}

.icon-coin-yen:before {
  content: "\e93e"
}

.icon-phone:before {
  content: "\e942"
}

.icon-location2:before {
  content: "\e948"
}

.icon-undo2:before {
  content: "\e967"
}

.icon-redo2:before {
  content: "\e968"
}

.icon-bubble:before {
  content: "\e96b"
}

.icon-user:before {
  content: "\e971"
}

.icon-spinner3:before {
  content: "\e97c"
}

.icon-key2:before {
  content: "\e98e"
}

.icon-wrench:before {
  content: "\e991"
}

.icon-stats-dots:before {
  content: "\e99b"
}

.icon-stats-bars2:before {
  content: "\e99d"
}

.icon-gift:before {
  content: "\e99f"
}

.icon-spoon-knife:before {
  content: "\e9a3"
}

.icon-leaf:before {
  content: "\e9a4"
}

.icon-rocket:before {
  content: "\e9a5"
}

.icon-meter2:before {
  content: "\e9a7"
}

.icon-hammer2:before {
  content: "\e9a8"
}

.icon-fire:before {
  content: "\e9a9"
}

.icon-briefcase:before {
  content: "\e9ae"
}

.icon-list2:before {
  content: "\e9bb"
}

.icon-earth:before {
  content: "\e9ca"
}

.icon-link:before {
  content: "\e9cb"
}

.icon-flag:before {
  content: "\e9cc"
}

.icon-bookmarks:before {
  content: "\e9d3"
}

.icon-star-empty:before {
  content: "\e9d7"
}

.icon-smile:before {
  content: "\e9e1"
}

.icon-point-up:before {
  content: "\ea03"
}

.icon-arrow-right2:before {
  content: "\ea3c"
}

.icon-arrow-left2:before {
  content: "\ea40"
}

.icon-command:before {
  content: "\ea4e"
}

.icon-whatsapp:before {
  content: "\ea93"
}

#cnzz_stat_icon_1261857065 a {
  color: #FFF;
}

@media only screen and (min-width:200px) and (max-width:330px) {
  a, body {
    font-size: .25rem
  }

  a {
    font-family: Tahoma
  }

  .news-list ul li h5 {
    height: .8rem;
    font-family: sans-serif
  }

  .hkj-zx-right {
    width: .5rem
  }

  .hkj-zx-out {
    margin-top: 35%
  }

  .article-header ul li, .article-header ul li img {
    height: .5rem
  }

  .article-header-typename {
    line-height: .5rem
  }

  .zx-out input[type=text] {
    width: 55%;
  }
}

@media only screen and (min-width:329px) and (max-width:400px) {
  a, body {
    font-size: .29rem
  }

  a {
    font-family: sans-serif;
  }

  .hkj-zx-out {
    margin-top: 45%
  }

  .hkj-zx-right {
    width: .55rem
  }

  .article-header ul li, .article-header ul li img {
    height: .6rem
  }

  .article-header-typename {
    line-height: .6rem
  }

  .article-header-up {
    margin-top: 1.1rem
  }
}

@media only screen and (min-width:399px) and (max-width:490px) {
  a, body {
    font-size: .32rem
  }

  a {
    font-family: sans-serif
  }

  .hkj-zx-out {
    margin-top: 45%
  }

  .article-header ul li, .article-header ul li img {
    height: .7rem
  }

  .article-header-typename {
    line-height: .7rem
  }

  .article-header-up {
    margin-top: 1.2rem
  }
}

@media only screen and (min-width:489px) and (max-width:640px) {
  a, body {
    font-size: .35rem
  }

  a {
    font-family: Tahoma
  }

  .hkj-zx-out {
    margin-top: 12%
  }

  .article-header ul li, .article-header ul li img {
    height: .7rem
  }

  .article-header-typename {
    line-height: .7rem
  }
}

@media only screen and (min-device-width:640px), only screen and (min-width:639x) {
  body {
    font-size: .28rem
  }

  .hkj-zx-out {
    margin-top: 12%;
    margin-left: 25%;
    width: 20%;
  }

  .popup-kj {
    top: 0;
    left: 35%;
    width: 30%;
    height: 7rem
  }

  .phone-user-baoming-hometel, .phone-user-baoming-name, .phone-user-baoming-zhuanye {
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 4%;
    background-position: 1%
  }
}

.layer_shade {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  filter: alpha(opacity:70);
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  z-index: 1000;
  display: none;
}

.layer_main_content {
  width: 90%;
  margin-left: 5%;
  top: 8%;
  background-color: #FFF;
  position: fixed;
  z-index: 10001;
  display: none;
  max-width: 480px;
}

.layer_main_content .layer_banner .banner_main {
  width: 100%;
  height: auto;
  position: relative;
}

#layer_close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.layer_title {
  font-size: 0.26rem;
  color: #333;
  margin-bottom: 10px;
}

.layer_content {
  padding: 2%;
}

.layer_content .txt {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 0.68rem;
  padding: 0 6px;
  border: 1px #ababab solid;
  margin-bottom: 10px;
  font-size: 0.2rem;
}

.layer_content .label label {
  display: inline-block;
  margin-bottom: 0.1rem;
  margin-right: 0.1rem;
  width: 28%;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 0.26rem;
  line-height: 0.5rem;
  cursor: pointer;
}

.layer_content .label .active {
  background-color: #e11616;
  color: #FFF;
  border: 1px solid #e11616;
}

.layer_content .button {
  display: block;
  width: 100%;
  height: 1rem;
  text-align: center;
  background-color: #e11616;
  color: #FFF;
  font-size: 0.36rem;
}

.layer_jdxf {
  position: fixed;
  right: -5rem;
  top: 3rem;
  color: #FFF;
  background-color: #358BFA;
  padding: 5px;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
}

.img img {
  max-width: 100%;
  display: block;
}

.zyzsjh-tit {
  text-align: center;
  color: #f72322;
  margin-bottom: 2%;
  font-size: 0.36rem;
}

.zyzsjh-tb {
  border: 1px #000 solid;
  width: 100%;
  text-align: center;
  border-top: none;
  border-right: none;
  margin-bottom: 20px;
  font-size: 10px;
}

.zyzsjh-tb th {
  background-color: #ffc393;
  line-height: 60px;
}

.zyzsjh-tb td {
  line-height: 44px;
  white-space: nowrap;
}

.zyzsjh-tb td, .zyzsjh-tb th {
  border-top: 1px #000 solid;
  border-right: 1px #000 solid;
}

.zyzsjh-tb th {
  font-size: 12px;
}

.zyzsjh-tb td span, .zyzsjh-tb td a {
  color: #F00;
  font-weight: bold;
  font-size: 10px;
}

.zyzsjh-tb .bg {
  background-color: #ffeeb5;
}

.quest-list-2 {
  overflow: hidden;
  margin-top: 1%;
}

.quest-list-2 a {
  float: left;
  width: 49.5%;
  line-height: 0.68rem;
  margin-right: 1%;
  margin-bottom: 1%;
  color: #f72322;
  background-color: #ffe5c1;
  text-align: center;
}

.quest-list-2 a:nth-child(2n) {
  margin-right: 0;
}

.top_nav_bar {
  background-color: #FF8B00;
  line-height: 46px;
}

.top_nav_bar a {
  display: block;
  font-size: 0.32rem;
  color: #FFF;
  text-align: center;
  flex: 1;
  border-right: 1px #FFF solid;
}

.top_nav_bar a:nth-last {
  border: none;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-pack-around {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

img {
  height: auto;
  max-width: 100%;
}

.clear {
  clear: both;
}

.text-center {
  text-align: center;
}

.text-explain {
  font-size: 0.36rem;
  text-indent: 0.72rem;
  color: #525252;
}

.zxan {
  display: block;
  border-radius: 5px;
  text-align: center;
  font-size: 0.36rem;
  line-height: 0.88rem;
  margin: 1% 0 0;
  width: 100%;
}

.zxan-b {
  background-color: #FFF;
  color: #00a0e9;
}

.zxan-h {
  background-color: #dc0303;
  color: #FFF;
  border-radius: 5px;
}

.zxan-yellow {
  background-color: #ff8b00;
  color: #FFF;
}

.zxan-brown {
  background-color: #6a3906;
  color: #FFF;
}

.wrap {
  margin: 0.5rem;
}

.block {
  display: block;
}

.container {
  padding: 2% 1%;
}

.container-1 {
  background-color: #eeeeee;
}

.container-2 {
  background-color: #00a0e9;
}

.banner img {
  display: block;
  width: 100%;
}

.container .text-center:nth-child(1) {
  margin-bottom: 2%;
}

.container .white {
  color: #FFF;
}

.container .yellow {
  color: #fff100;
}

.container .black {
  color: #383838;
}

.container .red {
  color: #d40000;
}

.container .text-center:nth-child(2) {
  margin: 2% 0;
}

.table-all {
  border: 1px #000 solid;
  border-right: none;
  border-bottom: none;
  width: 100%;
}

.table-all td {
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
}

.ttitle {
  line-height: 78px;
  background-color: #fff7de;
}

.fsx-tit {
  background-color: #e3f3ff;
  line-height: 46px;
}

.fsx-main td {
  color: #2132ad;
}

.sdys .item {
  width: 294px;
}

.sdys .xzxdf-tit {
  font-size: 0.32rem;
}

.ljfsx-all tr td:nth-child(1), .ljfsx-all tr td:nth-child(2), .ljfsx-all tr td:nth-child(3) {
  background-color: #ddf0ff;
}

.ljfsx-all tr td:nth-child(1), .ljfsx-all tr td:nth-child(2), .ljfsx-all tr td:nth-child(4), .ljfsx-all tr td:nth-child(5) {
  border-right: none;
}

.ljfsx-all tr td:nth-child(4), .ljfsx-all tr td:nth-child(5), .ljfsx-all tr td:nth-child(6) {
  background-color: #edf7ff;
}

.ljfsx-all .ljfsx td {
  line-height: 53px;
}

.ljfsx-all td {
  line-height: 40px;
}

.w20 img {
  width: 20%;
}

.w30 img {
  width: 30%;
}

.w40 img {
  width: 40%;
}

.w50 img {
  width: 50%;
}

.w60 img {
  width: 60%;
}

.w70 img {
  width: 70%;
}

.w80 img {
  width: 80%;
}

.w90 img {
  width: 90%;
}

.block_img img {
  display: block;
  width: 100%;
}

.m-form-text {
  display: block;
  width: 100%;
  height: 0.68rem;
  border: 1px #c9c9c9 solid;
  border-radius: 5px;
  text-align: center;
  font-size: 0.36rem;
  margin-bottom: 0.3rem;
}

.m-form-btn {
  display: block;
  width: 100%;
  height: 0.8rem;
  background-color: #e60012;
  border-radius: 5px;
  color: #FFF;
  font-size: 0.36rem;
}

.form-list-2 .item {
  overflow: hidden;
  margin: 2% 0;
}

.form-list-2 .item label {
  float: left;
  width: 16%;
  text-align: right;
  line-height: 36px;
  color: #333333;
}

.form-list-2 .item input {
  width: 80%;
  float: left;
  border: 1px #333333 solid;
  box-sizing: border-box;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 5px;
}

.form-list-2 .item select {
  width: 80%;
  float: left;
  border: 1px #333333 solid;
  box-sizing: border-box;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 5px;
}

.zyzy {
  border: 3px #f0f0f0 solid;
  padding-bottom: 2%;
}

.container .slideBox {
  max-height: 3rem;
  padding-bottom: 0.6rem;
}

.container .slideBox li {
  display: block;
  width: 100%;
}

.slideBox {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  max-width: 640px;
}

.slideBox .hd1 {
  position: absolute;
  height: 28px;
  line-height: 28px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  text-align: center;
}

.slideBox .hd1 li {
  display: inline-block;
  width: 15px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #7d7d7d;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 3px;
}

.slideBox .hd1 li.on {
  background: #ffaf2b;
}

.slideBox .bd1 {
  position: relative;
  z-index: 0;
}

.slideBox .bd1 li {
  position: relative;
  text-align: center;
  margin: 0;
}

.slideBox .bd1 li img {
  vertical-align: top;
  width: 100%;
  float: left;
}

.slideBox .bd1 li img:nth-child(2) {
  float: right;
}

.m-list-2 .list {
  width: 49.5%;
}

.m-list-2 .list img {
  display: block;
}

.m-list-3 .list {
  width: 32.6%;
}

.m-list-3 .list img {
  display: block;
}

.m-muti-list-3 {
  overflow: hidden;
}

.m-muti-list-3 img {
  display: block;
  width: 100%;
}

.m-muti-list-3 .list {
  float: left;
  width: 32.6%;
  margin: 0 1% 1% 0;
}

.m-muti-list-3 .list:nth-child(3n) {
  margin-right: 0;
}

.m-muti-list-3 .zx-item {
  text-align: center;
  border: 1.5px #9a5053 solid;
  border-radius: 2px;
  padding: 2% 0;
  font-size: 0.32rem;
  box-sizing: border-box;
}

.m-muti-list-2 {
  overflow: hidden;
}

.m-muti-list-2 .list {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  float: left;
}

.m-muti-list-2 .list:nth-child(2n) {
  margin-right: 0;
}

.m-img-list-9 {
  overflow: hidden;
}

.m-img-list-9 img {
  float: left;
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 1%;
}

.m-img-list-9 img:nth-child(3n) {
  margin-right: 0;
}

.container .title {
  font-size: 0.38rem;
  color: #525252;
  margin-bottom: 10px;
}

.container .title span {
  color: #d40000;
  font-weight: bold;
}

.container .mtitle {
  font-size: 0.3rem;
  color: #525252;
}

.container .mtitle span {
  color: #e94f51;
}

.container .title .line {
  display: inline-block;
  width: 1rem;
  border-top: 2px solid #525252;
}

.container .title .txt {
  vertical-align: sub;
}

.tag {
  overflow: hidden;
}

.tag a {
  background-color: #e60012;
  color: #FFF;
  padding: 0.1rem 0;
  font-size: 0.32rem;
  float: left;
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 1%;
  text-align: center;
}

.tag a:nth-child(3n) {
  margin-right: 0;
}

.form-txt {
  display: block;
  line-height: 0.68rem;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  margin-bottom: 2%;
  font-size: 0.36rem;
  border: 1px #cccccc solid;
}

.form-btn {
  display: block;
  line-height: 1rem;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: 0.36rem;
  background-color: #e60012;
  color: #FFF;
}

.form-tip {
  margin: 2% 0;
}

.form-tip:before {
  content: "*";
  color: #F00;
}

.tips {
  border: 5px #c01a20 solid;
  background-color: #c01a20;
}

.tips .left {
  width: 70%;
  line-height: 0.68rem;
  text-align: center;
  font-size: 0.2rem;
  font-weight: bold;
  color: #c01a20;
  background-color: #FFF;
  white-space: nowrap;
}

.tips .right {
  background-color: #fff100;
  color: #c01a20;
  line-height: 0.68rem;
  width: 28%;
  border-radius: 5px;
  text-align: center;
  font-size: 0.26rem;
  font-weight: bold;
  white-space: nowrap;
}

.nav-wrap {
  width: 100%;
  box-sizing: border-box;
}

.nav-wrap .nav-item {
  width: 32.6%;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  border-radius: 10px;
  position: relative;
}

.nav-wrap .nav-item a {
  color: #FFF;
}

.nav-wrap .nav-item .ico1 {
  position: absolute;
  left: 10px;
  top: 10px;
}

.nav-wrap .nav-item .ico2 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  /* Opera */
}

.rmcyxm .tits {
  margin: 0.1rem 0;
}

.rmcyxm .tits .tit {
  font-size: 0.3rem;
  color: #525252;
}

.rmcyxm .tits a {
  display: block;
  width: 40%;
  line-height: 0.68rem;
  text-align: center;
  color: #FFF;
  background-color: #d40000;
  border-radius: 5px;
}

.container .form {
  padding: 0.1rem 0;
}

.container .form label {
  float: left;
  color: #FFF;
  line-height: 0.36rem;
}

.container .form .txt {
  width: 100%;
  line-height: 0.8rem;
  padding: 0 0.1rem;
  display: block;
  margin: 0.2rem auto;
  border: 1px #c9c9c9 solid;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
}

.container .form .btn {
  display: block;
  width: 100%;
  height: 1rem;
  background-color: #e60012;
  border-radius: 10px;
  color: #FFF;
  text-align: center;
  font-size: 0.36rem;
  margin: 0.2rem auto;
}

.container .form .select {
  float: left;
  width: 165px;
  padding: 0 10px;
  height: 36px;
  margin-right: 10px;
}

.teacher-wrap {
  position: relative;
  height: 380px;
}

.teacher {
  width: 1836px;
  position: absolute;
  left: 0;
  top: 0;
}

.teacher .item {
  width: 282px;
  background-color: #FFF;
  float: left;
  margin-right: 0.3rem;
}

.teacher .item img {
  display: block;
}

.teacher .item .tit {
  font-size: 16px;
  margin: 10px 0;
}

.teacher .item .tit span {
  color: #e60000;
  font-size: 0.3rem;
}

.teacher .item p {
  padding-bottom: 10px;
}

.quest-tit {
  overflow: hidden;
  border-left: 4px #d40000 solid;
  padding-left: 10px;
}

.quest-tit .left {
  font-size: 0.38rem;
  font-weight: bold;
}

.quest-tit .left span {
  color: #666;
  font-size: 0.25rem;
}

.quest-tit .right {
  font-size: 0.3rem;
}

.question-list-2 {
  overflow: hidden;
  margin-top: 18px;
}

.question-list-2 a {
  float: left;
  width: 49.5%;
  margin: 0 1% 1% 0;
  background-color: #eeeeee;
  text-align: center;
  color: #525252;
  font-size: 12px;
  line-height: 0.68rem;
  white-space: nowrap;
}

.question-list-2 a:nth-child(2n) {
  margin-right: 0;
}

.cjybm .left {
  width: 594px;
}

.cjybm .left .tit {
  background-color: #dc0303;
  text-align: center;
  color: #FFF;
  line-height: 50px;
  font-size: 0.3rem;
}

.cjybm .right {
  width: 594px;
}

.cjybm .right .tit {
  text-align: center;
  font-size: 0.3rem;
  color: #dc0303;
  line-height: 50px;
}

.cjybm .list {
  margin: 0 12px 12px 0;
}

.gundong .item .label {
  font-size: 12px;
  flex: 1;
  text-align: center;
  color: #666666;
  line-height: 0.6rem;
}

.gundong .item .label:nth-child(3) {
  color: #dc0303;
}

.gundong .item .label:nth-child(1) {}

.gundong .item:last-child .label {}

.cjybmbtn .item {
  width: 320px;
  line-height: 50px;
  color: #FFF;
  background-color: #d1c0a5;
  text-align: center;
}

.cjybmbtn .zxUrl {
  background-color: #dc0303;
  text-align: center;
  flex: 1;
  line-height: 50px;
  color: #FFF;
  font-size: 20px;
}

.logo-list .list {
  margin: 0 12px 12px 0;
}

.form-wrap .tip {
  text-align: center;
  font-size: 0.26rem;
}

.form-wrap .tip span {
  color: #e60012;
}

.gundong-wrap {
  height: 6rem;
  overflow: hidden;
  position: relative;
  background-color: #f1f1f1;
  margin-bottom: 1%;
}

.gundong {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.students .tit {
  background-color: #484948;
  text-align: center;
  line-height: 0.68rem;
  color: #FFF;
}