@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
.ease {
  transition: all .3s linear;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #000;
  text-decoration: none;
}
html {
  width: 100%;
  min-height: 100%;
}
body {
  width: 100%;
  min-height: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  font: 0.24rem/1.6 "Microsoft Yahei", Arial;
  color: #333;
  background: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body:before,
body:after {
  content: "";
  width: 100%;
  display: block;
}
body:after {
  height: 1.2rem;
}
img {
  border: 0px;
}
em,
b {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: .24rem;
}
ul,
ol,
li {
  list-style-type: none;
}
input,
button,
textarea {
  outline: none;
  font-family: "Microsoft Yahei", Arial;
  font-size: .24rem;
  -webkit-appearance: none !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
.hidden {
  display: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
/*鍏敤鏍峰紡*/
.layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 101;
  background: #000;
  opacity: .7;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
.tac {
  text-align: center;
}
.hide,
.hidden {
  display: none;
}
.ico,
.icobef:before,
.icobef:after {
  background: url(../images/icon.png) no-repeat;
  display: inline-block;
  background-size: 4rem auto;
  vertical-align: middle;
}
.icobef:before,
.icobef:after {
  content: "\20";
  display: block;
}
.bluebg {
  background: linear-gradient(#3c6fc8, #1e468e);
}
/*娓呴櫎娴姩*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.dialog-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 1rem;
  z-index: 101;
  background: #000;
  opacity: .6;
}
/******HTML榛樿缁撴潫******/
/***************top and bottom css*********************/
/**head**/
.head_main {
  width: 100%;
  height: 1rem;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.2);
}
.head_main .logo {
  display: block;
  height: 1rem;
  margin: 0 auto;
  width: 70%;
  text-align: center;
  color: #1e468e;
}
.head_main .logo img {
  display: inline-block;
  height: 1rem;
  max-width: 100%;
}
.head_main .tit {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .34rem;
  color: #fff;
}
.head_main .search_ico {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: .8rem;
  height: 1rem;
  z-index: 6;
  padding-top: .28rem;
}
.head_main .search_ico s {
  width: .45rem;
  height: .45rem;
  margin: 0 auto;
  background-position: -0.62rem 0;
}
.head_main .search_ico.on {
  background: #f5f5f5;
}
.head_main .search_ico.on s {
  background-position: -1.92rem 0;
}
.head_main .tsearch {
  width: 100%;
  height: 1rem;
  padding: .2rem 3%;
  position: absolute;
  left: 0;
  top: 1rem;
  z-index: 1122;
  background: #f5f5f5;
}
.head_main .tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: .3rem;
  color: #666;
  font-size: .22rem;
  height: .6rem;
  background: #fff;
  border: none;
  position: absolute;
  left: 3%;
  top: .2rem;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
}
.head_main .tsearch .btn {
  color: #fff;
  font-size: .22rem;
  width: 20%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  border: 0px;
  background: url(../images/search-ico.png) no-repeat center #1e468e;
  position: absolute;
  right: 3%;
  top: .2rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
  background-size: .4rem auto;
}
.head_main .navbtn {
  width: .8rem;
  height: 1rem;
  padding-top: .32rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.head_main .navbtn s {
  width: .46rem;
  height: .4rem;
  display: block;
  margin: 0 auto;
  background-position: -1.34rem 0;
}
.head_main .navbtn.cur s {
  background-position: -1.92rem 0;
}
.head_main .goBack {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0;
  top: 0;
}
.head_main .goBack:before {
  width: 0.22rem;
  height: 0.36rem;
  margin: .28rem auto 0;
  background: url(../g-images/g-ico.png) no-repeat;
  background-size: 4rem auto;
  background-position: -0.98rem -0.9rem;
  content: '';
  display: block;
}
/*subNav*/
.subNav {
  position: fixed;
  max-width: 640px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.subNav .subNavCon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}
.subNav .close {
  width: .42rem;
  height: .4rem;
  display: block;
  position: absolute;
  right: .28rem;
  top: .28rem;
  margin: 0 auto;
  background-position: -1.92rem 0;
}
.subNav ul {
  width: 100%;
  padding: .8rem 0 .3rem;
  overflow-y: auto;
  height: 100%;
}
.subNav li {
  width: 94%;
  display: block;
  line-height: 0.8rem;
  margin: 0 3%;
  position: relative;
}
.subNav li a {
  display: block;
  color: #333;
  font-size: 0.26rem;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.subNav li a s {
  width: .25rem;
  height: .25rem;
  display: block;
  text-align: center;
  color: #333;
  font-size: .24rem;
  background-position: -1.15rem -0.54rem;
  margin-top: .24rem;
  margin-right: .1rem;
}
.subNav li a.on {
  color: #1e468e;
}
.subNav li a.on s {
  background-position: -0.73rem -0.54rem;
}
.subNav li .box {
  display: none;
}
.subNav li .box a {
  border-color: #f9f9f9;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #333 !important;
  font-size: .24rem;
}
.subNav li.hover a {
  color: #1e468e;
}
.subNavShow {
  display: block;
}
/***footer****/
.fix-box {
  width: .6rem;
  position: fixed;
  right: .1rem;
  bottom: 1.4rem;
  z-index: 999;
}
.fix-box .ico {
  width: .62rem;
  height: .62rem;
  margin-top: .05rem;
  display: block;
  background: url(../images/fix-ico.png) no-repeat center top;
  background-size: .6rem auto;
}
.fix-box .ico.tel {
  background-position: center .01rem;
}
.fix-box .ico.zx {
  background-position: center -0.7rem;
}
.fix-box .ico.goTop {
  display: none;
  background-position: center bottom;
}
.footer_main {
  text-align: center;
  color: #666;
  font-size: .22rem;
  line-height: .4rem;
  padding: .3rem 0 .38rem;
  border-top: 1px solid #e5e5e5;
}
.footer_main a {
  color: #666;
}
.navBar {
  width: 100%;
  height: 1.2rem;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  background: #3b3b3b;
}
.navBar ul {
  max-width: 640px;
  min-width: 320px;
  width: 100%;
  height: 1.2rem;
  margin: 0 auto;
}
.navBar ul li {
  float: left;
  width: 25%;
  height: 1.2rem;
}
.navBar ul li a {
  width: 100%;
  height: 1.2rem;
  padding-top: .17rem;
  display: block;
  text-align: center;
  color: #fff;
}
.navBar ul li a:before {
  width: .5rem;
  height: .5rem;
  display: block;
  margin: 0 auto .02rem;
}
.navBar ul li:first-child {
  border-left: 0px;
}
.navBar ul li:nth-child(1) a:before {
  background-position: 0.03rem -0.86rem;
}
.navBar ul li:nth-child(2) a:before {
  background-position: -0.64rem -0.84rem;
}
.navBar ul li:nth-child(3) a:before {
  background-position: -1.31rem -0.84rem;
}
.navBar ul li:nth-child(4) a:before {
  background-position: -1.98rem -0.84rem;
}
.navBar ul li:hover {
  background: #1e468e;
}
/***************top and bottom css end*********************/
/* imgtog */
.imgtog {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  height: 4.5rem;
}
.imgtog .list {
  float: left;
  width: 500%;
  height: 4.5rem;
}
.imgtog .list .item {
  float: left;
  width: 20%;
  height: 4.5rem;
}
.imgtog .list .item a {
  width: 100%;
  display: block;
  height: 4.5rem;
}
.imgtog .list .item img {
  margin: 0 auto;
  display: block;
  height: 4.5rem;
}
.imgtog .prev,
.imgtog .next {
  width: .3rem;
  height: .45rem;
  position: absolute;
  top: .9rem;
  z-index: 20;
}
.imgtog .prev {
  left: .1rem;
  background-position: -0.98rem 0;
}
.imgtog .next {
  right: .1rem;
  background-position: -1.4rem 0;
}
.imgtog .tip {
  height: .3rem;
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: .15rem;
  margin-left: 0;
  z-index: 10;
}
.imgtog .tip span {
  width: .18rem;
  height: .18rem;
  margin: 0 .08rem;
  border-radius: 100%;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  text-align: center;
  border: 0.03rem solid rgba(255, 255, 255, 0.6);
}
.imgtog .tip span.cur {
  background: #fff;
  border-color: #fff;
}
.imgtog.banner {
  height: 3rem;
}
.imgtog.banner .list {
  height: 3rem;
}
.imgtog.banner .list .item {
  height: 3rem;
}
.imgtog.banner .list .item a {
  width: 100%;
  display: block;
}
.imgtog.banner .list .item img {
  width: 100%;
  display: block;
  height: auto !important;
}
.indexsplit {
  width: 100%;
  height: .45rem;
  background: #e2e2e2;
}
.indexmore,
.addclick {
  text-align: center;
  height: .72rem;
  width: 94%;
  line-height: .72rem;
  border-radius: .1rem;
  display: block;
  margin: 0 auto .4rem;
  font-size: .26rem;
  border: 1px solid #cccccc;
}
.indexmore:after,
.addclick:after {
  width: .45rem;
  height: .2rem;
  display: inline-block;
  margin-left: .15rem;
  background-position: 0 -0.58rem;
}
.indexmore:link,
.addclick:link,
.indexmore:visited,
.addclick:visited {
  color: #333;
}
.addclick {
  width: 94%;
  border-color: #999;
}
/*indexTit*/
.indexTit {
  width: 94%;
  margin: 0 auto .4rem;
  height: .68rem;
  line-height: .64rem;
  border-bottom: 2px solid #e2e2e2;
}
.indexTit .more {
  float: right;
  font-family: arial;
  margin-top: .06rem;
  font-size: .2rem;
  text-transform: uppercase;
}
.indexTit h3 {
  display: inline-block;
  font-size: .3rem;
  position: relative;
}
.indexTit h3 span {
  font-size: .24rem;
  font-family: arial;
  margin-left: .12rem;
}
.indexTit h3:before {
  width: 48%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  content: "\20";
  background: #1e468e;
}
.menu {
  padding: .2rem 3% 0;
}
.menu a {
  width: 31.3%;
  margin: 0 3% .2rem 0;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  display: block;
  float: left;
}
.menu a:nth-child(3n) {
  margin-right: 0;
}
.menu a.hover,
.menu a:hover {
  color: #1e468e;
  border-color: #1e468e;
}
/*newslist*/
.newslist {
  padding: 0 3% 0;
}
.newslist .item {
  padding: .45rem 0;
  width: 100%;
  display: block;
  border-bottom: 1px solid #f2f2f2;
}
.newslist .item img {
  width: 2rem;
  height: 1.5rem;
  display: block;
  margin-left: .2rem;
}
.newslist .item h3 {
  font-size: .36rem;
  line-height: 0.48rem;
  height: 0.96rem;
  margin-bottom: .3rem;
  overflow: hidden;
  color: #333333;
}
.newslist .item .dec {
  font-size: .18rem;
  line-height: .2rem;
}
.newslist .item .dec span {
  margin-right: .2rem;
}
.newslist .item .dec span.ico {
  width: 0.44rem;
  height: 0.2rem;
  margin-left: .52rem;
  margin-right: 0;
  background-position: 0 -0.54rem;
}
.newslist .item:first-child {
  padding-top: 0;
}
.newslist .item:last-child {
  border-bottom: 0px;
}
.gridlist {
  padding: 0 3% .2rem;
}
.gridlist .item {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: .26rem;
  border: 1px solid #ececec;
  padding: .06rem;
}
.gridlist .item a {
  width: 100%;
  display: block;
}
.gridlist .item:nth-child(2n) {
  margin-right: 0;
}
.gridlist .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}
.gridlist .item figure img {
  width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.gridlist .item h3 {
  width: 100%;
  height: .6rem;
  line-height: .68rem;
  overflow: hidden;
  text-align: center;
  font-size: .26rem;
}
.caselist {
  padding: 0 3% .1rem;
}
.caselist .item {
  width: 100%;
  height: 2.45rem;
  margin-bottom: .3rem;
  padding: .2rem;
  position: relative;
  background: url(../images/icase-libg.jpg) no-repeat center top;
  background-size: 100% 2.45rem;
}
.caselist .item img {
  width: 2.7rem;
  height: 2.03rem;
  display: block;
  float: left;
  margin-right: .25rem;
}
.caselist .item h3 {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: .26rem;
  overflow: hidden;
  transition: all .3s linear;
  margin-bottom: .2rem;
  border-bottom: 1px solid #ededed;
  font-weight: bold;
}
.caselist .item .txt {
  line-height: .3rem;
}
.caselist .item:before {
  width: .4rem;
  height: .4rem;
  display: block;
  position: absolute;
  right: .3rem;
  bottom: .2rem;
  background-position: -3.6rem 0;
}
/**********************index css*************************/
/*inav*/
.imorebtn {
  width: 94%;
  height: .65rem;
  line-height: .65rem;
  border-top-left-radius: .1rem;
  border-bottom-left-radius: .1rem;
  overflow: hidden;
  margin: 0 auto;
}
.imorebtn a {
  width: 50%;
  height: .65rem;
  text-align: center;
  display: block;
  float: left;
}
.imorebtn a:first-child {
  color: #fff;
  background: linear-gradient(#3c6fc8, #1e468e);
}
.imorebtn a:first-child:hover {
  color: #ff7100;
}
.imorebtn a.btn2 {
  border: 2px solid #e5e5e5;
  color: #333;
  border-left: 0px;
  border-top-right-radius: .1rem;
  line-height: .6rem;
  border-bottom-right-radius: .1rem;
}
.iproduct {
  padding: 0 0 .3rem;
}
.iproduct .title {
  padding: .35rem 0 .3rem;
  text-align: center;
}
.iproduct .title h3 {
  font-size: .4rem;
  line-height: .5rem;
}
.iproduct .title .en {
  font-size: .2rem;
  text-transform: uppercase;
  font-family: arial;
}
.iproduct .ismallList {
  padding: 0 .8rem 0 0;
  margin-bottom: .3rem;
  border-bottom: 1px solid #dedede;
  position: relative;
  overflow: hidden;
}
.iproduct .ismallList:after {
  content: "\20";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: .4rem;
  height: .52rem;
  z-index: 9;
  background-position: -3.2rem 0.04rem;
  background-color: #fff;
}
.iproduct .ismallList .list {
  width: 200%;
  position: relative;
  white-space: nowrap;
}
.iproduct .ismallList li {
  margin: 0 .2rem;
  display: inline-block;
}
.iproduct .ismallList li a {
  display: block;
  position: relative;
  padding: 0 .05rem .2rem;
}
.iproduct .ismallList li a:hover {
  color: #1e468e;
}
.iproduct .ismallList li a:hover:before {
  width: 100%;
  height: 2px;
  content: "\20";
  background: #1e468e;
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
}
.icustomer {
  width: 100%;
  height: 4.6rem;
  text-align: center;
  color: #fff;
  background: url(../images/icustomerbg.jpg) no-repeat center top;
  background-size: cover;
}
.icustomer .title {
  padding: .34rem 0 .35rem;
}
.icustomer .title .en {
  font-size: .36rem;
  text-transform: uppercase;
  display: block;
}
.icustomer .title h3 {
  width: 100%;
  font-size: .3rem;
  background: url(../images/icus-titbg.png) no-repeat center center;
  background-size: 100% auto;
}
.icustomer .imgtog {
  width: 100%;
  position: relative;
  height: 2.22rem;
  overflow: hidden;
}
.icustomer .imgtog .prev,
.icustomer .imgtog .next {
  width: .25rem;
  height: .7rem;
  padding-top: .22rem;
  position: absolute;
  top: .7rem;
  z-index: 20;
  background: #fff;
}
.icustomer .imgtog .prev:before,
.icustomer .imgtog .next:before {
  width: 100%;
  height: .3rem;
  display: block;
  content: "\20";
  background: url(../images/btn-ico.png) no-repeat 0 center;
  background-size: auto .4rem;
}
.icustomer .imgtog .prev {
  left: 0;
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
}
.icustomer .imgtog .prev:before {
  background-position: .05rem center;
}
.icustomer .imgtog .next {
  right: 0;
  border-bottom-left-radius: .1rem;
  border-top-left-radius: .1rem;
}
.icustomer .imgtog .next:before {
  background-position: -0.55rem center;
}
.icustomer .imgtog .list .item {
  text-align: center;
  height: 2.22rem;
}
.icustomer .imgtog .list .item img {
  width: 2.55rem;
  height: 1rem;
  display: inline-block;
  border: 1px solid #e5e5e5;
  margin: 0 .11rem .12rem;
}
.icase {
  padding: .35rem 0 .6rem;
}
.iadvan {
  padding: .5rem 0 .35rem;
}
.iadvan .title {
  padding: 0 0 .4rem;
  text-align: center;
  font-size: .36rem;
  line-height: .5rem;
}
.iadvan .title h3 {
  font-size: .36rem;
}
.iadvan .title strong {
  color: #1e468e;
}
.iadvan .imgtog {
  width: 94%;
  margin: 0 auto;
  height: 4.6rem;
}
.iadvan .imgtog .list {
  height: 4.5rem;
}
.iadvan .imgtog .list .item {
  height: 4.5rem;
}
.iadvan .imgtog .list .item .img {
  width: 100%;
  position: relative;
  display: block;
  height: 2.08rem;
  text-align: right;
}
.iadvan .imgtog .list .item .img img {
  width: 3.5rem;
  height: 2.08rem;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.iadvan .imgtog .list .item .img .num {
  width: .6rem;
  height: .8rem;
  text-align: center;
  display: block;
  position: absolute;
  z-index: 10;
  left: .2rem;
  top: 0;
  background: rgba(30, 70, 142, 0.8);
  color: #fff;
  font-size: .3rem;
  line-height: .8rem;
}
.iadvan .imgtog .list .item .img h3 {
  font-size: .48rem;
  line-height: .6rem;
  position: absolute;
  top: .4rem;
  white-space: nowrap;
  right: .2rem;
  z-index: 11;
  font-weight: bold;
}
.iadvan .imgtog .list .item .img h3 span {
  color: #1e468e;
  display: block;
}
@media (min-width: 440px) {
  .iadvan .imgtog .list .item .img img {
    width: 3rem;
    height: 1.78rem;
  }
  .iadvan .imgtog .list .item .img h3 {
    left: 3.2rem;
    top: .3rem;
    right: auto;
  }
}
.iadvan .imgtog .list .item .txt {
  font-size: .2rem;
  height: 1.4rem;
  overflow: hidden;
  line-height: .35rem;
  margin-top: .25rem;
}
.iadvan .imgtog .list .item a {
  width: 100%;
  display: block;
}
.iadvan .imgtog .tip span {
  border-color: #1e468e;
}
.iadvan .imgtog .tip span.cur {
  background: #1e468e;
}
.iabout {
  width: 100%;
  padding: .45rem 0 .7rem;
}
.iabout .title {
  text-align: center;
}
.iabout .title h3 {
  font-size: .6rem;
  line-height: .9rem;
  margin-bottom: .1rem;
}
.iabout .title p {
  letter-spacing: .05rem;
}
.iabout .img {
  width: 100%;
  height: 4.5rem;
  position: relative;
  display: block;
}
.iabout .img img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.iabout .txt {
  padding: 0 3% .45rem;
  line-height: .4rem;
}
.honorlist {
  width: 100%;
  margin: .45rem 0;
  height: 2.2rem;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.honorlist .list {
  width: 500%;
  white-space: nowrap;
  font-size: 0;
}
.honorlist .list li {
  width: 2.82rem;
  height: 2.12rem;
  display: inline-block;
  margin-right: .2rem;
}
.honorlist .list li a {
  width: 100%;
  height: 100%;
  display: block;
}
.honorlist .list li img {
  width: 2.82rem;
  height: 2.12rem;
  display: block;
}
.inews {
  padding: .5rem 0 .4rem;
}
.inews .newslist .item:last-child {
  border-bottom: 0px;
}
.g-radio {
  height: .7rem;
  line-height: .7rem;
  padding: 0 .45rem 0 .42rem;
  display: block;
  float: left;
  position: relative;
}
.g-radio input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.g-radio:before {
  width: .3rem;
  height: .3rem;
  position: absolute;
  top: 50%;
  margin-top: -0.14rem;
  content: "\20";
  left: 0;
  background: url(../images/radiobg.png) no-repeat 0 center;
  background-size: auto .26rem;
}
.g-radio.checked:before {
  background-position: -0.42rem center;
}
/***************index css end*********************/
/**************category****************/
.cateList {
  width: 100%;
  padding-top: .15rem;
  text-align: center;
}
.cateList .con {
  width: 6rem;
  padding: .15rem 0 .15rem;
  margin: 0 auto;
}
.cateList li {
  width: 48.5%;
  position: relative;
  margin-right: 3%;
  float: left;
}
.cateList li > a {
  width: 100%;
  height: .65rem;
  line-height: .63rem;
  margin-bottom: .15rem;
  background: #eee;
  padding-left: .3rem;
  text-align: left;
  display: block;
  position: relative;
}
.cateList li > a s {
  width: .25rem;
  height: .25rem;
  display: block;
  text-align: center;
  color: #333;
  font-size: .24rem;
  position: absolute;
  right: .12rem;
  top: .18rem;
  background-position: -1.15rem -0.54rem;
}
.cateList li > a.cur {
  color: #1e468e;
  font-weight: bold;
}
.cateList li > a.cur s {
  background-position: -0.73rem -0.54rem;
}
.cateList li .box {
  width: 6rem;
  z-index: 111;
  padding: .2rem 3%;
  position: absolute;
  background: #eee;
  left: 0;
  top: .7rem;
  display: none;
  min-height: 2rem;
}
.cateList li .box s {
  width: 48.5%;
  height: .2rem;
  display: block;
  position: absolute;
  left: 0;
  top: -0.1rem;
  z-index: 10;
  background: #eee;
}
.cateList li .box a {
  width: 47%;
  padding-left: 3%;
  height: 0.6rem;
  line-height: 0.6rem;
  float: left;
  text-align: left;
}
.cateList li .box a:nth-child(3n) {
  margin-right: 0;
}
.cateList li .box a:before {
  width: .12rem;
  height: .12rem;
  display: inline-block;
  margin-right: .1rem;
  background-position: -1.51rem -0.58rem;
}
.cateList li .box a.hover {
  color: #1e468e;
  border-color: #1e468e;
}
.cateList li .box a.hover:before {
  background-position: -1.74rem -0.58rem;
}
.cateList li:nth-child(2n) {
  margin-right: 0;
}
.cateList li:nth-child(2n) .box {
  left: auto;
  right: 0;
}
.cateList li:nth-child(2n) .box s {
  left: auto;
  right: 0;
}
.cateList li.hover > a {
  color: #1e468e;
  font-weight: bold;
  background: #eee;
}
.subMenu {
  width: 100%;
  padding: .25rem 3% 0;
  text-align: center;
}
.subMenu a {
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: .15rem;
  height: .62rem;
  line-height: .6rem;
  border: 1px solid #dddddd;
  text-align: center;
  display: block;
  float: left;
}
.subMenu a:nth-child(2n) {
  margin-right: 0;
}
.subMenu a.on {
  color: #fff;
  border-color: #1e468e;
  background: #1e468e;
}
.dialog-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: #000;
  opacity: .8;
}
.recomTit {
  padding: .1rem 3% .28rem;
}
.recomTit h3 {
  font-size: .28rem;
  line-height: .3rem;
  font-weight: bold;
}
.recomTit a {
  color: #666;
  font-size: .22rem;
}
/*content*/
.content {
  width: 100%;
  padding: 0 0 .3rem;
  min-height: 6rem;
  overflow: hidden;
}
.content.iteam {
  padding: 0 3% .4rem;
}
.content.ypage {
  padding-top: .4rem;
}
.content .indexmore {
  margin-top: .3rem;
}
.jobPage {
  padding: 0 0 .2rem;
  border-top: 0px;
}
.jobPage .menu {
  padding: 0 3% 3%;
}
.jobPage .loading {
  border-top: 0;
}
.jobPage .morebtn {
  margin-top: .4rem;
}
.jobPage .jobTxt {
  padding: 0 3% .4rem;
}
.jobPage .jobTxt img {
  width: 1.4rem;
  margin-top: .2rem;
  display: block;
}
.jobPage .jobTxt h3 {
  font-size: .3rem;
  color: #1e468e;
  position: relative;
}
.jobPage .jobTxt h3:before {
  width: 3rem;
  height: 1px;
  display: block;
  content: "\20";
  position: absolute;
  left: 1.4rem;
  top: 49%;
  background: #ddd;
}
.jobPage .jobTxt .txt {
  font-size: .2rem;
  padding-top: .2rem;
}
.jobPage .item {
  margin: 0 3% .22rem;
  padding: .1rem 0 0;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-left: 0.05rem solid #1e468e;
  background: #fff;
  display: block;
}
.jobPage .item * {
  box-sizing: border-box;
}
.jobPage .item .title {
  padding: 0 .2rem;
  font-size: .28rem;
}
.jobPage .item .title .time {
  font-size: .18rem;
}
.jobPage .item .des {
  font-size: .24rem;
  padding: 0 .2rem .1rem;
  color: #666;
}
.jobPage .item .des .sarry {
  margin-right: .25rem;
}
.jobPage .item .itemcon {
  margin: 0 .1rem;
  padding: .15rem .1rem .3rem;
  border-top: 1px solid #dcdcdc;
  color: #000;
  font-size: .2rem;
  line-height: .32rem;
  display: none;
}
.jobPage .item.hover .itemcon {
  display: block;
}
/*newsPage*/
.newsPage {
  padding: .1rem 0 .6rem;
}
.newsPage .item {
  width: 94%;
  padding-right: .1rem;
  display: block;
  padding: .3rem 0 .3rem;
  border-bottom: 1px solid #dddddd;
  margin: 0 auto 0;
}
.newsPage .item img {
  width: 2rem;
  height: 1.5rem;
  display: block;
  margin-right: .22rem;
}
.newsPage .item h3 {
  font-size: .3rem;
  line-height: 0.48rem;
  height: 0.96rem;
  margin-bottom: .18rem;
  overflow: hidden;
  color: #333333;
}
.newsPage .item .time {
  color: #999;
  font-size: .2rem;
}
.newsPage .item:first-child {
  padding-top: 0;
}
.newsPage .item:last-child {
  border-bottom: 0px;
}
.newsPage.recomCon {
  padding: .4rem 0 0;
}
/*picturePage*/
.picturePage {
  padding: 0 0 .4rem;
}
.searchPage .list {
  width: 100%;
  padding: 0;
}
.searchPage .list .item img {
  height: auto;
}
.teamPage .list {
  padding: .1rem 6% 0 4%;
}
.teamPage li {
  width: 45.5%;
  float: left;
  position: relative;
  margin-bottom: .3rem;
}
.teamPage li a {
  width: 100%;
  display: block;
}
.teamPage li figure {
  width: 100%;
  padding-top: 75%;
  border: 1px solid #aaa;
  position: relative;
  overflow: hidden;
}
.teamPage li img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 10;
}
.teamPage li s {
  width: 2.6rem;
  height: 1.97rem;
  position: absolute;
  left: .12rem;
  top: .1rem;
  border: 1px solid #999999;
  display: block;
}
.teamPage li h3 {
  padding: 0 0 0 .15rem;
  height: 0.5rem;
  line-height: 0.5rem;
  margin-top: .15rem;
  overflow: hidden;
  color: #333;
}
.teamPage li:nth-child(2n) {
  float: right;
}
.seeMore {
  width: 92%;
  margin: 0 auto;
  padding: .3rem 0 .1rem;
  display: block;
  text-align: center;
}
.noinfo {
  color: #1e468e;
  padding: 0 4%;
}
.noinfo img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/*reLink*/
.reLink {
  margin: .1rem 3% .2rem;
  color: #333;
}
.reLink .prevLink,
.reLink .nextLink {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  position: relative;
  overflow: hidden;
  text-indent: .06rem;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.reLink .prevLink:before,
.reLink .nextLink:before {
  width: 0.16rem;
  height: 0.26rem;
  position: absolute;
  right: .18rem;
  top: .18rem;
  background-position: -4.45rem 0;
}
/*showInfo*/
.showInfo {
  padding: 0 0 .4rem;
  overflow: hidden;
}
.showInfo .imgtog {
  width: 94%;
}
.showInfo td {
  text-align: center;
  vertical-align: middle;
  WORD-WRAP: break-word;
  TABLE-LAYOUT: fixed;
  word-break: break-all;
}
.showInfo .showtit {
  margin: 0 3%  0;
  font-size: .36rem;
  line-height: .44rem;
  text-align: center;
}
.showInfo .showtit.showtit2 {
  margin-bottom: .2rem;
}
.showInfo article {
  width: 100%;
  padding: .1rem 0 .3rem;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
.showInfo article .mark {
  font-size: .22rem;
  padding: .2rem 0 0;
  text-align: center;
  color: #666666;
}
.showInfo article .mark span {
  margin: 0 .06rem;
}
.showInfo .showTab {
  width: 97%;
  padding: .4rem 3% 0 0;
  margin-left: 3%;
  border-bottom: 2px solid #1e468e;
}
.showInfo .showTab a {
  display: inline-block;
  cursor: pointer;
  margin-right: .12rem;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 1.5rem;
  font-size: .22rem;
  text-align: center;
  background: linear-gradient(#aaaaaa, #777777);
  color: #fff;
}
.showInfo .showTab a.hover {
  background: linear-gradient(#3c6fc8, #1e468e);
  color: #fff;
}
.showInfo .showContxt {
  padding: .2rem 3% .3rem;
}
.showInfo .showContxt * {
  line-height: .42rem !important;
  font-size: .24rem !important;
}
.showInfo .showContxt img,
.showInfo .showContxt iframe {
  max-width: 100%;
  height: auto !important;
}
.showInfo .contxt {
  padding: .2rem 3% 0;
  color: #666666;
  line-height: .45rem !important;
  font-size: .24rem !important;
}
.showInfo .contxt img {
  max-width: 100%;
}
/*imessage*/
.imessage {
  padding: .1rem 0 .3rem;
}
.imessage h2 {
  color: #333333;
  margin-bottom: .3rem;
  text-align: center;
  font-size: .28rem;
}
.imsg {
  width: 93%;
  margin: 0 auto;
}
.imsg .item {
  width: 100%;
  height: .67rem;
  box-sizing: border-box;
  margin-bottom: .28rem;
  position: relative;
  line-height: .67rem;
  border: 1px solid #cccccc;
  background: #fff;
}
.imsg .item span.red {
  position: absolute;
  left: .05rem;
  top: .02rem;
  color: red;
}
.imsg .item s {
  width: .35rem;
  height: .32rem;
  position: absolute;
  right: .1rem;
  top: .18rem;
}
.imsg .item s {
  background-position: -1.05rem -0.98rem;
}
.imsg .item:nth-child(2) s {
  background-position: -1.46rem -0.98rem;
}
.imsg .item:nth-child(3) s {
  background-position: -1.82rem -0.98rem;
}
.imsg .item .txt {
  width: 100%;
  height: .65rem;
  text-indent: .2rem;
  line-height: .65rem;
  border: 0px;
  background: none;
  outline: none;
  color: #666;
}
.imsg .item.liuyan {
  width: 100%;
  margin-bottom: .2rem;
  height: 2.08rem;
}
.imsg .item.liuyan textarea {
  width: 100%;
  color: #666;
  overflow: hidden;
  box-sizing: border-box;
  padding: .1rem 0;
  text-indent: .2rem;
  height: 2.08rem;
  font-family: "寰蒋闆呴粦";
  resize: none;
  border: 0;
  background: none;
}
.imsg .submit {
  text-align: center;
  height: .72rem;
  width: 100%;
  line-height: .72rem;
  border-radius: .1rem;
  display: block;
  margin: 0 auto .4rem;
  font-size: .26rem;
  border: 1px solid #cccccc;
  background: none;
}
/*proPage*/
.proPage .item {
  margin: 0 3% .4rem;
  background: #fcfafb;
  border-bottom: .04rem solid #e7e5e6;
}
.proPage .item a {
  display: block;
  width: 100%;
}
.proPage .item a img {
  width: 100%;
  display: block;
}
.proPage .item h3 {
  height: 1rem;
  line-height: 1rem;
  color: #333333;
  font-size: .28rem;
  font-weight: bold;
  padding-left: .2rem;
}
.singlePage .txtcon {
  padding: 0 3%;
}
.singlePage .txtcon img {
  max-width: 100%;
  height: auto !important;
  display: block;
}
/*aboutPage*/
.aboutPage {
  padding: 0 0 .4rem;
  color: #666;
  overflow: hidden;
  width: 100%;
  line-height: .38rem;
  box-sizing: border-box;
}
.aboutPage .txtcon {
  padding: 0 3%;
}
.aboutPage .txtcon img {
  max-width: 100%;
  display: block;
}
.aboutPage .loas {
  padding: .5rem 0 0;
  margin: .36rem 0 .1rem;
  background: url(../images/aboutnumbg.JPG) no-repeat center top;
  background-size: cover;
}
.aboutPage .loas .list {
  width: 1200px;
}
.aboutPage .loas li {
  float: left;
  width: 50%;
  padding: 0 0 .4rem;
  text-align: center;
  position: relative;
}
.aboutPage .loas li:first-child {
  background: none;
}
.aboutPage .loas li h3 {
  color: #fff;
  font-family: arial;
  padding-left: 16px;
}
.aboutPage .loas li h3 em {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  font-size: .9rem;
  height: .9rem;
  line-height: .9rem;
}
.aboutPage .loas li h3 span {
  font-size: .2rem;
  display: inline-block;
  vertical-align: text-top;
  line-height: .34rem;
  margin-left: .05rem;
}
.aboutPage .loas li h4 {
  font-size: .26rem;
  line-height: .4rem;
  color: #fff;
}
.aboutPage .aboutlist {
  padding: .6rem 3% 0;
  width: 100%;
}
.aboutPage .aboutlist .item {
  width: 100%;
  position: relative;
  padding-bottom: .5rem;
}
.aboutPage .aboutlist .item a {
  width: 100%;
  display: block;
}
.aboutPage .aboutlist .item figure {
  width: 2rem;
  height: 2rem;
  position: absolute;
  border-radius: 100%;
  overflow: hidden;
  top: 0;
}
.aboutPage .aboutlist .item figure img {
  width: auto;
  height: 2rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
}
.aboutPage .aboutlist .item h3 {
  font-size: .28rem;
  color: #000;
  font-weight: bold;
  padding: 0 0 .1rem 0;
}
.aboutPage .aboutlist .item .txt {
  color: #333;
  line-height: .4rem;
  height: 2.4rem;
  overflow: hidden;
}
.aboutPage .aboutlist .item .line {
  width: .6rem;
  height: .03rem;
  display: block;
  background: #1e468e;
}
.aboutPage .aboutlist .item:nth-child(2n+1) {
  padding-left: 2.1rem;
}
.aboutPage .aboutlist .item:nth-child(2n+1) figure {
  left: 0;
}
.aboutPage .aboutlist .item:nth-child(2n) {
  padding-right: 2.1rem;
}
.aboutPage .aboutlist .item:nth-child(2n) figure {
  right: 0;
}
/*contactPage*/
.contactPage {
  padding: 0 3% .3rem;
}
.contactPage .img {
  max-width: 100%;
  display: block;
}
.contactPage .mapArea {
  width: 100%;
  height: 3.7rem;
  overflow: hidden;
}
.contactPage .mapArea #allmap {
  height: 3.5rem;
  width: 100%;
  display: block;
}
.contactPage .mapArea .BMap_bubble_content {
  line-height: .3rem;
  font-size: .2rem;
}
.contactPage .en {
  width: 3.5rem;
  height: .9rem;
  position: relative;
  display: block;
}
.contactPage .en span {
  width: 100%;
  height: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  background: #1e468e;
  color: #fff;
  position: absolute;
  left: 0;
  top: -0.6rem;
  font-size: .36rem;
  font-weight: bold;
}
.contactPage .contxt {
  padding: 0;
}
.contactPage .contxt .tit {
  font-size: .32rem;
  margin-bottom: .26rem;
}
.contactPage .contxt .item {
  width: 100%;
  color: #333333;
  margin-bottom: .28rem;
}
.contactPage .contxt .item s {
  width: .7rem;
  height: .74rem;
  display: block;
  float: left;
  margin-right: .1rem;
  background: url(../images/bcontact-ico.png) no-repeat center -0.04rem;
  background-size: .65rem auto;
}
.contactPage .contxt .item span {
  line-height: .26rem;
  padding-top: .04rem;
  color: #333333;
  display: block;
}
.contactPage .contxt .item strong {
  font-size: .26rem;
  font-family: arial;
  display: block;
  height: .28rem;
  font-weight: bold;
  color: #e62129;
}
.contactPage .contxt .item.email s {
  background-position: center -1rem;
}
.contactPage .contxt .item.address s {
  background-position: center -2.12rem;
}
.contactPage .contxt .item.address strong {
  color: #666;
  font-size: .22rem;
  font-weight: normal;
}
.contactPage .txtcon {
  padding: 0 0 .3rem;
}
.contactPage .imsg {
  width: 100%;
}
.contactPage .imessage {
  width: 100%;
  padding-top: .2rem;
  position: relative;
}
.contactPage .miaod {
  position: absolute;
  width: 100%;
  height: .01rem;
  display: block;
  opacity: 0;
  left: 0;
  top: -1rem;
}
.contactPage .title {
  margin: .2rem 3% .2rem;
  color: #61b32e;
  font-size: .34rem;
  font-weight: bold;
}
.contactPage .BMap_bubble_content {
  font-size: .2rem;
}
/*fenx*/
#nativeShare {
  margin: 0 auto;
  width: 100%;
  padding-top: 0.3rem;
  max-width: 640px;
  min-width: 320px;
}
#nativeShare .label {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
}
#nativeShare .list {
  width: 5.4rem;
  float: right;
}
#nativeShare .list span {
  height: 0.9rem;
  width: 0.9rem;
  padding: 0;
  display: inline-block;
}
#nativeShare .list span i {
  margin: 0 auto;
  width: 0.63rem;
  height: 0.63rem;
  display: block;
}
#nativeShare .weibo i {
  background-image: url('../images/weibo.png');
  background-size: cover;
}
#nativeShare .weixin i {
  background-image: url('../images/weixin_friend.png');
  background-size: cover;
}
#nativeShare .weixin_timeline i {
  background-image: url('../images/weixin.png');
  background-size: cover;
}
#nativeShare .qq i {
  background-image: url('../images/qq.png');
  background-size: cover;
}
#nativeShare .qzone i {
  background-image: url('../images/qqzone.png');
  background-size: cover;
}
#nativeShare .more i {
  background-image: url('../images/more.png');
  background-size: cover;
}
#nativeShare .list span.qzone,
#nativeShare .list span.more {
  width: 0.73rem;
}
#fenxiang {
  display: none;
}
.fenx {
  height: 1.0rem;
  width: 100%;
}
.fenx .tt {
  margin-left: 0.2rem;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.6rem;
}
.fenx .bdsharebuttonbox {
  width: 80%;
  float: right;
}
.fenx .bdsharebuttonbox a {
  margin-left: 0.2rem;
}
#bdfx a {
  height: 0.6rem;
  width: 0.6rem;
  margin: 0;
  padding: 0;
  margin: 0px 0.08rem;
  display: inline-block;
}
#bdfx .d1 {
  background: url(../images/qqzone.png) no-repeat center;
  background-size: 100% 100%;
}
#bdfx .d2 {
  background: url(../images/weibo.png) no-repeat center;
  background-size: 100% 100%;
}
embed {
  width: 100% !important;
  height: auto !important;
}
.BMap_bubble_content {
  line-height: .24rem;
}
.g_wximg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.g_wximg .close {
  background: url(../images/close.png) no-repeat center;
  background-size: .4rem auto;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  position: fixed;
  right: 18%;
  top: 18%;
  text-align: center;
  display: block;
  z-index: 12;
}
.g_wximg .bdtel img {
  width: 4.0rem !important;
  display: block;
}
.bdtel {
  position: fixed;
  top: 22%;
  z-index: 10;
  padding: 0 0 .1rem;
  max-width: 640px;
  min-width: 320px;
}
.bdtel .upIn {
  width: 6.4rem;
  display: block;
  text-align: center;
  color: #fff;
  padding: 4%;
  margin: 0 auto;
}
.bdtel p {
  padding: 2%;
  text-align: center;
  color: #fff;
}
.bdtel img {
  margin: 0 auto;
  display: block;
  max-width: 80% !important;
}
.bdtelbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.bga {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
.qalist .item {
  width: 94%;
  margin: 0 3%;
  padding: .3rem 0;
  border-bottom: 1px solid #dddddd;
}
.qalist .item:last-child {
  border-bottom: 0px;
}
.qalist .item .t,
.qalist .item .txt {
  padding-left: .65rem;
  position: relative;
  display: block;
}
.qalist .item .t:before,
.qalist .item .txt:before {
  width: .4rem;
  height: .4rem;
  position: absolute;
  left: 0;
  top: 0;
  background-position: -1.96rem -0.42rem;
  background-color: #f3f3f3;
  border-radius: .06rem;
}
.qalist .item .t {
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;
  display: block;
  font-size: .26rem;
  margin-bottom: .1rem;
}
.qalist .item .txt {
  color: #999999;
  line-height: 20px;
}
.qalist .item .txt:before {
  background-position: -2.32rem -0.41rem;
  top: 0;
}
/*瀛椾綋*/
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84.375px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 64.6875px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 58.5938px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56.25px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}