/*body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{border:0 none;margin:0;padding:0;font-weight:normal;}*/
/*header,footer,section,details,aside,menu,nav,article,hgroup,figure,figcaption,time{display:block;margin:0px;padding:0px;}*/
/*select,input,img{vertical-align:top;}*/


/*说明*/
/*@media (max-width: 767px) 手机端尺寸*/
/*@media (max-width: 991px) pad端尺寸*/
/*@media (max-width: 1200px) PC端尺寸*/


@font-face{ font-family: KlinicSlabMedium; src: url("../fonts/KlinicSlabMedium.otf");}
@font-face{ font-family: KlinicSlabBook; src: url("../fonts/KlinicSlabBook.otf");}
@font-face{ font-family: KlinicSlabBold; src: url("../fonts/KlinicSlabBold.otf");}


*{font-weight: 200}
body{ width: 100%; height: 100%; position: absolute; font-family:"PingFang SC","Helvetica Neue",Arial,"Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif; }
ul,ol,li{list-style-type:none; margin:0; padding:0;}
a, a:hover, a:active, a:link{text-decoration:none;}
a:hover{ color: #00afd7;}
a img{border:0; margin:0; padding:0;}
em,i{font-style:normal;}
p{margin: 0;}

.no-padding{padding: 0!important;}
.no-margin{margin: 0!important;}

.bg-gray{ background: #f5f8fa!important; }
.bg-blue{ background: #00afd7!important; }
.bg-orange{ background: #ff8200!important; }
.bg-purple{ background: #87189d!important; }
.bg-red{ background: #d22630!important; }


.openVideoFloat{cursor: pointer;}


/*修改bootstrap原有样式*/
.container-fluid{
  width: 100%;
  padding: 0;
}
@media (max-width: 767px) {
  .row{
    margin-left: -8px;
    margin-right: -8px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 7px;
    padding-right: 7px;
  }
}


/*搜索浮层*/
.searchFloat{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 30;}
.float-blackBg{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: url('../img/black1.png');
}
.searchFloat{ display: none;}
.searchFloat-con{
  position: absolute;
  width: 100%;
  /*height: 280px;*/
  left: 0px;
  top: 0px;
  padding-top: 80px;
}
.pageSearch{ width: 730px; margin: 0 auto; }
.pageSearchInput{
	width: 660px;
	height: 60px;
	line-height: 60px;
	background: none;
	border: 0;
	font-size: 22px;
	color: #62cce5;
	text-align: center;
	border-bottom: solid 1px #62cce5;
}
.pageSearchInput::-webkit-input-placeholder { color: #8dd1e8; }
.pageSearchInput:-moz-placeholder { color: #8dd1e8; }
.pageSearchInput::-moz-placeholder{ color: #8dd1e8; }
.pageSearchInput:-ms-input-placeholder { color: #8dd1e8; }

.searchKeys{
  text-align: center;
  padding-bottom: 70px;
}
.searchKey{
  border: solid 1px #dae1e5;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 20px;
  margin-left: 5px;
  margin: 5px;
}

.pageSeachBtn{ width: 50px; margin-top: 10px; cursor: pointer;}
.searchFloat .pageSearch{ height: 160px; padding-top: 70px; padding-bottom: 30px;}
@media (max-width: 767px) {
  .searchFloat-con{ /*height: 260px;*/ padding-top: 60px;}
	.pageSearch{ width: 320px;}
	.pageSearchInput{ width: 280px; height: 45px; line-height: 45px; font-size: 16px;}
	.pageSeachBtn{ width: 40px; margin-top: 5px;}
}


.floatPage{position: fixed; text-align: center; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 32; display: none;}
.floatContent{position: absolute; width: 100%; height: 100%; display: table; }
.float-box{ position: relative; display: table-cell; width: 100%; vertical-align: middle;}
.float-info{ position: relative; width: 480px; margin: 0 auto; background: #fff; border-radius: 10px 10px 18px 18px; padding-top: 40px; padding-bottom: 38px;}
.float-icon{ width: 72px; margin-bottom: 20px;}
.float-title{ font-size: 30px; color: #585e66; font-weight: bolder; margin-bottom: 15px;}
.float-text{ font-size: 15px; color: #899098;}
.floatPage .submitBtn{ color: #fff; background: #00afd7; margin-top: 25px; height: 43px;}
.floatPage .submitBtn-icon{ background: #fff;}
.float-close{ position: absolute; width: 34px; padding: 10px; right: 5px; top: 5px; cursor: pointer;}
.float-opPic{ width: 100%; };
@media (max-width: 767px) {
  .float-info{ width: 90%;}
}

#videoFloat .float-info{ width: 100%; max-width: 960px; height: auto; border-radius: 0; padding: 0px;}
#videoFloat .float-close{ width: 40px; right: 0px; padding: 0; top: 0; z-index: 1;}
#videoFloat .videoPic{ width: 100%; right: 0px; padding: 0; top: 0; z-index: 1;}
#videoFloat .float-blackBg{ background: url("../img/black2.png")}
#videoFloat-container_wrapper{ position: absolute!important; left: 0; top: 0;}
#videoFloat-container{ position: absolute!important; left: 0; top: 0;}
@media (max-width: 767px) {
  /*#videoFloat .float-info{ height: 400px;}*/
}
#videoFloat-container{ width: 100%; height: 100%;}
#videoFloat-container > div,
#videoFloat-container > div > object,
#videoFloat-container > div > object > embed,
#videoFloat-container .ccH5playerBox,
#videoFloat-container video
{
  position: absolute!important;
  left: 0px;
  top: 0px;
  width: 100%!important;
  height: 100%!important;
}
#videoFloat-container .ccH5Poster{ display: none;}


/*侧边导航样式*/
.right-menu{
  position: fixed;
  right: 0px;
  top: 50%;
  margin-top: -120px;
  width: 60px;
  height: 180px;
  background: #fff;
  z-index: 10;
}
.right-menu-nav{ position: relative; width: 60px; height: 60px; cursor: pointer;}
.right-menu-nav-pic{ position: absolute; left: 0; top: 0px; }
.right-menu-nav-curr{ position: absolute; left: 0; top: 0px; display: none;}
.right-menu-qrcode{ position: absolute; bottom: 0; left: 0px; width: 160px; display: none;}
@media (max-width: 767px) {
  .right-menu{ 
    overflow: hidden;
    transition: all 0.3s;
    height: 60px;
    border-radius: 30px;
    width: 320px;
    background: #00afd7;
  
    bottom: 20px;
    right: 50%;
    top: auto;
    margin: 0;
    margin-right: -160px;
      display:none;
 }
}
.mobileRightMenu-btn{
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-left: 20px;
  cursor: pointer;
}
.mobileRightMenu-btn .icon{
  height: 28px;
}
.mobileRightMenu-btn ._btn{
  height: 12px;
}
.mobileRightMenu-hide{ width: 60px; right: 20px; margin: 0;}

/* 导航样式 */
.menu{ position: relative; height: 80px; background: #fff; z-index: 31;}
.menu-logo{ width: 215px; margin-top: 25px; }
.menu-navs{ display: inline-block; }
.menu-nav{ font-size: 16px; line-height: 80px; color: #757e80; margin-left: 47px; cursor: pointer;}
.search-icon{ width: 18px; }
.menu-btns-m{ position: absolute; right: 0px;}
.menu-open-m{
  cursor: pointer;
  width: 18px;
  padding: 20px;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
.menu-search-m{
  cursor: pointer;
  width: 18px;
  padding: 20px;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
.menu-bar-m{ height: 15px; margin-top: 22px;}
  /*PC*/
@media (max-width: 1199px) {
  .menu-nav{ font-size: 16px; margin-left: 30px; }
}
  /*PAD*/
@media (max-width: 991px) {
  .menu-logo{ width: 160px; margin-top: 29px; }
  .menu-nav{ font-size: 14px; margin-left: 20px; }
}
  /*mobile*/
@media (max-width: 767px) {
  .menu{ position: absolute; height: 60px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s;}
  .menu-logo{ width: 135px; margin-top: 21px; margin-bottom: 21px;}
  .menu-navs{ width: 100%; padding-left: 10px; padding-right: 10px; }
  .menu-nav{ width: 100%; margin: 0; line-height: 60px; font-size: 18px; border-bottom: solid 1px #93979c; }
  .openMenu{ position: fixed; height: 100%; overflow-y: auto; }
  .menu-m-bottom-navs{ position: relative; width: 100%; margin-top: 40px; }
  .menu-m-bottom-nav{ font-size: 13px; color: #bec0c2; width: 25%; text-align: center; border-right: solid 1px #bec0c2; }
  .menu-m-bottom-nav:last-child{ border-right: 0; }
  .menu-m-phone{ width: 100%; font-size: 15px; color: #93979c; text-align: center; margin-top: 30px; }
  .menu-m-phone .tel{ color: #93979c; }
}


/*页尾样式*/
.footer-menu{ height: 310px; padding-top: 70px; padding-bottom: 70px; background: #3a3f46; }
.footer-menu-container{ width: 100%; max-width: 970px; height: 100%; margin: 0 auto;}
#footer-box1{ width: 171px; height: 100%; }
.footer-logo{ width: 171px; margin-bottom: 17px; }
.footer-wx, .footer-app{
  position: relative;
  text-align: left;
  width: 180px;
  height: 40px;
  border: solid 1px #b0b2b5;
  border-radius: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #aaaaaa;
  margin-top: 15px;
  cursor: pointer;
}
.footer-wx .text, .footer-app .text{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding-left: 23px;
}
.footerQRCode{ position: absolute; width: 216px; bottom: 0px; left: -18px; display: none;}
.appQRcode{ position: absolute; width: 216px; bottom: 0px; left: -18px; display: none;}
.qrcode{ position: absolute; width: 100%; bottom:0px; left: 0px;}
.footer-navs{ padding-right: 97px; }
.footer-navs-name{ color: #ccc; font-size: 15px; line-height: 15px; margin-bottom: 25px; }
.footer-nav{
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #aaa;
  margin-bottom: 15px;
}
.menu-nav-curr{ color: #00afd7!important; }
#footer-box2{ width:146px; height:100%; }
.footer-bar{ width: 1px; height: 100%; margin: 0 auto; background: #53585f; }
.footer-copyright{ text-align: center; font-size: 12px; background: #33383f; color: #999999; }
.gongan{ width: 18px; margin-top: -4px; }
.footer-copyright .container{ display: table; height: 90px; margin-bottom: 80px; }
.footer-copyright-text{ display: table-cell; vertical-align: middle;}
@media (max-width: 991px) {
  .footer-menu-container{ width: 768px; padding-left: 15px; padding-right: 15px; }
  #footer-box2{ width: 100px; }
  .footer-navs{ padding-right: 35px; }
}
@media (max-width: 767px) {
  .footer-menu{ height: 280px; }
  .footer-menu-container{ width: 100%;}
  #footer-box1{ position: relative; text-align: center; width: 100%;}
  .footer-copyright-text{ line-height: 1.8;}
  .footer-wx, .footer-app{ margin: 0 auto; margin-top: 15px;}
}


/*banner样式*/
.banner{
  position: relative;
  width: 100%;
  height: 540px;
  overflow: hidden;
}
.bigBnaner{ height: 720px; }
.smllBanner{ height: 360px;}
.banner-pic{
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}
.banner-info{
  position: relative;
  z-index: 1;
  color: #fff;
  margin-top: 180px;
}
.smllBanner .banner-info{ height: 360px; margin-top: 0; line-height: 360px; text-align: center; width: 100%;}
.banner-smllTitle{ font-size: 54px; color: #fff; font-weight: bolder;}
.banner-name{ font-size: 28px; font-weight: bold; line-height: 28px;}
.banner-textBar{ width: 110px; height: 2px; background: #fff; opacity: 0.2; margin-top: 23px; margin-bottom: 23px; }
.banner-cn-title{ font-size: 50px; font-weight: bold; line-height: 50px; }
.banner-en-title{ font-family: KlinicSlabMedium; font-size: 36px; line-height: 36px; margin-top: 16px; }
.swiper-container{ width: 100%; height: 100%; }
.swiper-slide{ position: relative; overflow: hidden; }
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 60px;
  height: 3px;
  background: #fff;
  opacity: 0.4;
  margin: 0 5px;
  cursor: pointer;
}
.swiper-active-switch { opacity: 1; }
@media (max-width: 991px) {
  .banner{ height: 394px; }
  .banner-pic{ width: 1400px; margin-left: -700px;}
  .banner-info{ margin-top: 130px;}
  .smllBanner{ height: 263px;}
  .smllBanner .banner-info{ height: 263px;}
  .smllBanner .banner-smllTitle{ line-height: 263px;}
}
@media (max-width: 767px) {
  .banner{ margin-top: 60px; height: 400px; }
  .banner-pic{ position: absolute; width: 1210px; left: 50%; margin-left: -605px;}
  .banner-black{ position: absolute; width: 100%; height: 155px; bottom: 0; left: 0;}
  .banner-info{ position: absolute; bottom: 0px; }
  .banner-name{ font-size: 18px; line-height: 1; }
  .banner-textBar{ margin-top: 14px; margin-bottom: 14px; }
  .banner-cn-title{ font-size: 28px; line-height: 1; }
  .banner-en-title{ font-size: 22px; line-height: 1; margin-top: 10px; margin-bottom: 30px;}
  .smllBanner{ height: 250px;}
  .smllBanner .banner-info{ height: 250px;}
  .smllBanner .banner-pic{ width: 1333px; margin-left: -666px; }
  .smllBanner .banner-smllTitle{ font-size: 32px; line-height: 250px;}
  .pagination{ bottom: 0px; margin-top: 10px; margin-bottom: 10px;}
}


/*内容区域样式*/
.contentTitle, .contentTitle-en{ color: #515860; font-size: 40px; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 25px;}
.contentTitle span{font-weight: bold;}
.contentTitle-en{ font-family: KlinicSlabBold; font-weight: normal;}

@media (max-width: 767px) {
  .contentTitle{ font-size: 30px; line-height: 1.5;}
}
.contentSmllTitle{
  font-size: 20px;
  color: #707780;
  text-align: center;
}
.contentName{
  text-align: center;
  font-size: 26px;
  color: #707780;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .contentName{ font-size: 22px;}
}
.contentDesc{
  text-align: center;
  font-size: 22px;
  color: #707780;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .contentDesc{ font-size: 18px; line-height: 1.6;}
}
.contentStep{
  font-size: 25px;
  color: #494f58;
  text-align: center;
  font-weight: lighter;
}
.contentStep-icon{
  width: 30px;
  margin-top: -6px;
}
@media (max-width: 767px) {
  .contentStep{ font-size: 20px; line-height: 1.7;}
  .contentStep-icon{ display: block; margin: 0 auto; margin-bottom: 15px;}
}
.contentText{
  font-size: 13px;
  line-height: 1.6;
  color: #899098;
}
.contentDesc-big{
  font-size: 30px;
  text-align: center;
  color: #707780;
}
@media (max-width: 767px) {
  .contentDesc-big{ font-size: 20px; line-height: 1.5;}
}
.tipsTxt{ display: inline-block; font-size: 13px; color: #707780; text-align: center; border: solid 1px #dce2e5; padding: 5px 19px; border-radius: 8px; margin-top: 20px;}
@media (max-width: 767px) {
  .tipsTxt{ font-size: 12px;}
}
  /*多方格无缝隙占满屏幕宽度*/
.seamlessBoxs{ margin: 0; }
.seamlessBox{ overflow: hidden; padding: 0; height: 480px; text-align: center; display: block;}
.seamlessBox-pic{ position: absolute; width: 480px; left: 50%; margin-left: -240px; }
.seamlessBox-info{ position: absolute; width: 100%; height: 100%;}
.seamlessBox-bar{ position: relative; display: inline-block; margin: 0 auto; width: 24px; height: 3px; background: #fff; border-radius: 1px; margin-top: 180px; z-index: 1; }
.seamlessBox-cnName{ position: relative; font-size: 32px; line-height: 32px; color: #fff; z-index: 1; margin-top: 25px; font-weight: bolder;}
.seamlessBox-enName{
  position: relative;
  font-family: KlinicSlabBook;
  font-size: 25px;
  line-height: 25px;
  color: #fff;
  z-index: 1;
  margin-top: 12px;
}
.seamlessBox-jiantou{ position: relative; width: 30px; z-index: 1; margin-top: 137px; }
@media (max-width: 767px) {
  .seamlessBox{ width: 100%; height: auto; }
  .seamlessBox-pic{ position: relative; width: 100%; left: auto; margin-left: 0; }
  .seamlessBox-info{ position: absolute; height: 200px; top: 50%; margin-top: -100px; text-align: center;}
  .seamlessBox-bar{ margin-top: 15px;}
  .seamlessBox-jiantou{ margin-top: 50px; }
}
  /*多方格有缝隙*/
.latticeBoxs{ margin-top: 39px; }
.latticeBox-con{ position: relative; height: auto; width: 100%; overflow: hidden; margin-bottom: 30px;}
.latticeBox-pic{ position: relative; width: 100%;}
.latticeBox-text{
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: url("../img/black1.png");
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #fff!important;
}
.latticeBox-text-con{ background: #fff; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px;}
.latticeBox-txt{ font-size: 16px;}
.latticeBox-title{ line-height: 1; font-size: 18px; text-align: center; color: #707780;}
.latticeBox-smllTitle{ font-size: 16px; line-height: 1; color: #61656c; margin-bottom: 15px;}
.latticeBox-desc{font-size: 13px;text-align: center;line-height: 1.65;color: #899098;}
.latticeBox-cn-text{ font-size: 22px; text-align: center; color: #494f58;}
.latticeBox-en-text{ font-size: 17px; text-align: center; color: #7b8088; font-family: KlinicSlabBook;}
.latticeBox-playBtn{ position: absolute; width: 100px; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px;}
.latticeBox-icon{ position: absolute; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px;}
@media (max-width: 767px) {
  .latticeBoxs{ margin-top: 30px;}
  .latticeBox-con{ height: auto; margin-bottom: 14px; }
  .latticeBox-pic{ position: relative; width: 100%; left: auto; margin-left: 0;}
  .latticeBox-title{ font-size: 16px;}
  .latticeBox-text{ padding-top: 13px; padding-bottom: 13px;}
  .latticeBox-txt{ font-size: 14px; }
  .latticeBox-desc{ font-size: 11px;}
  .latticeBox-cn-text{ font-size: 20px;}
  .latticeBox-en-text{ font-size: 16px;}
  .latticeBox-playBtn{ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}
}
  /*图文并排结构*/
  .picBox-pic{ width: 100%;}
  .textBox{ position: relative; padding-top: 75px;}
  .textBox-con{ vertical-align: middle;}
  .textBox-title{ font-size: 40px; color: #515860; font-weight: bold; line-height: 1; margin-bottom: 25px;}
  .textBox-txt{ font-size: 16px; color: #7b8088; line-height: 1.6; margin-bottom: 20px;}
  .textBox-label{ position: relative; width: 74px; height: 33px; margin-right: 20px; float: left;}
  .textBox-label-txt{ position: absolute; left: 14px; top: 4px; font-size: 16px; color: #7b8088;}
  .textBox-label-bg{ width: 100%;}
  .picTextBox .picBox{ padding-right: 55px;}
  .picTextBox .textBox{ padding-left: 55px;}
  .picTextBox .textBox-con{ text-align: left;}
  .textPicBox .picBox{ padding-left: 55px;}
  .textPicBox .textBox{ padding-right: 55px;}
  .textPicBox .textBox-con{ text-align: right;}
  .textPicBox .textBox-label{ margin-left: 20px; margin-right: 0; float: right;}
  @media (max-width: 1199px) {
    .picBox{ padding-right: 15px!important; padding-left: 15px!important;}
    .textBox{ padding-right: 15px!important; padding-left: 15px!important; padding-top: 0px;}
  }
  @media (max-width: 767px) {
    .picTextBox .textBox-con, .textPicBox .textBox-con{ text-align: center;}
    .textBox-title{ font-size: 30px;}
    .picBox-pic{ margin-bottom: 20px;}
    .textBox-labels{ display: inline-block; margin: 0 auto;}
    .textBox-label{ margin-left: 10px; margin-right: 10px;}
  }
  /*单个方格占满容器*/
.fullBox{ position: relative; width: 100%; height: auto; overflow: hidden; margin-top: 35px;}
.fullBox-pic{ position: relative; width: 100%;}
.fullBox > div,
.fullBox > div > object,
.fullBox > div > object > embed,
.fullBox .ccH5playerBox,
.fullBox video
{
  position: absolute!important;
  left: 0px;
  top: 0px;
  width: 100%!important;
  height: 100%!important;
}
.ccH5Poster{ text-align: center;}
.ccH5Poster > img{ height: 100%; width: auto!important;}
  /*按钮*/
.submitBtn{
  position: relative;
  width: 260px;
  height: 43px;
  border-radius: 43px;
  background: #fff;
  text-align: center;
  line-height: 43px;
  color: #00afd7;
  font-size: 17px;
  margin: 0 auto;
  margin-top: 20px;
  cursor: pointer;
}
.submitBtn-icon{
  position: absolute;
  width: 29px;
  height: 29px;
  right: 7px;
  top: 7px;
  border-radius: 29px;
  background: #00afd7;
  line-height: 29px;
  text-align: center;
}
.submitBtn-icon img{
  width: 5px;
  margin-left: 3px;
}

.borderBtn{
  position: relative;
  display: block;
  width: 260px;
  height: 44px;
  border-radius: 43px;
  text-align: center;
  line-height: 43px;
  color: #00afd7;
  font-size: 17px;
  margin: 0 auto;
  margin-top: 30px;
  cursor: pointer;
  border: solid 1px #00afd7;
}
.textBtn{ position: relative; display: block; width: 210px; height: 30px; margin: 0 auto; margin-top: 60px; text-align: center; font-size: 16px; color: #00afd7;}
.textBtn-icon{ width: 8px; margin-left: 10px;}








/* citySelector */
.citySelectorCon{
  position: absolute;
  z-index: 10;
  bottom: 40px;
}
@media (max-width: 767px) {
  .citySelectorCon{
    left: 50%;
    margin-left: -160px;
  }
}
.citySelector{font:12px/1.5 tahoma,arial,\5b8b\4f53;background:#fff;text-align:left;}
/*.citySelector{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url('../img/black1.png'); }*/
.cityslide{width:250px;list-style:none;margin:0;padding:0;border:1px solid #85BEE5;border-right-color:#3485C0;border-bottom-color:#3485C0;box-shadow:2px 2px 3px rgba(0,0,0,0.3);margin-top:-2px;}
.cityslide li{list-style:none;overflow:hidden;height:16px;padding:4px 5px;}
.cityslide li.on{background:#9CD9FF;color:#fff;}
.cityslide li b{font-weight:normal;}
.cityslide li.empty{background:#fff2e8;color:#666;}
.cityslide li.empty em{color:red;font-style:normal;}
.cityname{float:left;}
.cityspell{float:right;}
.cityBox{width:320px;border:1px solid #85BEE5;/*overflow:hidden;*/box-shadow:2px 2px 3px rgba(0,0,0,0.3);}
.cityBox ul{margin:0;padding:0;overflow:hidden;}
.cityBox ul li{float:left;list-style:none;padding:2px 4px;border:1px solid #85BEE5;cursor:pointer;margin-left:4px;display:inline;background:#E1EFFE;}
.cityBox ul li.on{background:#fff;border-bottom-color:#fff;position:relative;}
.hide{display:none;}
p.tip{color:#666;line-height:20px;padding:5px;margin:0;text-indent:3px;}
.hotCity{border-top:1px solid #85BEE5;margin-top:-1px;clear:left;overflow:hidden;padding-bottom:5px;padding-top:5px;_margin-bottom:8px;}
.cityTab{overflow:hidden;}
.cityTab dl{margin:0;padding:0;overflow:hidden;}
.cityTab dl dt{float:left;padding-left:3px;color:#F30;text-indent:5px;font-family:"Lucida console","consolas","courier new";line-height:22px;font-size:14px;width:20px;}
.cityTab dl dd{margin-left:2px;float:left;width:290px;}
.cityTab dl dd a{padding-left:5px;width:66px;line-height:22px;display:inline-block;color:#000;text-decoration:none;}
.cityTab dl dd a:hover{text-decoration:underline;color:red}
.cityinput{ font-size: 12px; padding-left: 2px; background: url("http://www.webi.com.cn/css/T1EPyLXm0hXXXXXXXX-200-100.png") no-repeat 150px 5px; border: 1px solid #D8D8D8; }


.input-dui{ position: absolute; right: -20px; top: 50%; margin-top: -10px; width: 20px; display: none;}
.input-cuo{ position: absolute; right: -20px; top: 50%; margin-top: -10px; width: 20px; display: none;}




.traverseForm{ position: fixed; width: 100%; height: 70px; bottom: 0px; left: 0px; background: #10a9d1; z-index: 30;}
.traverseForm .container{ width: 1005px;}
.traverseForm .submitBtn{ width: 210px; background: #fff; color: #00afd7; height: 40px; line-height: 40px; margin-top: 15px;}
.traverseForm .submitBtn-icon{ background: #00afd7; top: 6px; right: 6px;}
.traverseFormInput-con{ position: relative; width: 240px; height: 40px; margin-top: 15px; margin-right: 15px; border-bottom: solid 1px #fff;}
.traverseFormInput{ width: 100%; height: 100%; border-radius: 50px; border: 0; padding-left: 40px; background: #10a9d1; color: #fff;
  appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;}
.traverseFormInput[readonly]{
  cursor: pointer;
}
.traverseFormInput::-webkit-input-placeholder { color: #bbe1ee; }
.traverseFormInput:-moz-placeholder { color: #bbe1ee; }
.traverseFormInput::-moz-placeholder{ color: #bbe1ee; }
.traverseFormInput:-ms-input-placeholder { color: #bbe1ee; }
.traverseFormInput-con .icon{ position: absolute; height: 25px; left: 10px; top: 7px;}
.traverseForm .selectIcon{
  position: absolute;
  width: 10px;
  top: 20px;
  right: 15px;
}