@charset "utf-8";
html{font-family:"Microsoft YaHei","微软雅黑";background:#fff;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
input,textarea {border: none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea {font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}/*英文换行*/
a:hover {text-decoration: none; color:#0080c5;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
i,em{font-weight: normal;font-style: normal;}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/*img{max-width: 100%;}*/
body{width: 100%;min-width: 1200px; overflow:hidden;font-size: 12px;color:#666;line-height: 1.6;}

/*@media (min-width: 1025px) {
	html { font-size: 32px !important; }
	::-webkit-scrollbar { width: 6px; height: 6px; }
	::-webkit-scrollbar-track { background: #fff; }
	::-webkit-scrollbar-thumb { background: #0080c5; }
	::-webkit-scrollbar-thumb:window-inactive { background: #0080c5; }
	::-webkit-scrollbar-thumb:vertical:hover { background: #0080c5; }
	.form-box .sub::-webkit-scrollbar { width: 4px; height: 4px; }
	.form-box .sub::-webkit-scrollbar-track { background: #0080c5; }
}
@media (min-width: 1440px) {
	html { font-size: 36px !important; }
}
@media (min-width: 1680px) {
	html { font-size: 40px !important; }
}*/

/* 字体大小 */
.b { font-weight: bold; }
.dpi { display: inline-block; }
.imax { max-width: 100%; }
.i50 { width: 50%; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.view { width: 62.5%; margin: 0 auto; }
.pcbox{display: block;}

  .secwen{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    transition: .8s;
  }
  .animate.secwen {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 1s;
  }
  .animate.add1 {
    transition-delay: .1s;
  }
  
  .animate.add2 {
    transition-delay: .2s;
  }
  
  .animate.add3 {
    transition-delay: .3s;
  }
  
  .animate.add4 {
    transition-delay: .4s;
  }
  
  .animate.add5 {
    transition-delay: .5s;
  }
  
  .animate.add6 {
    transition-delay: .6s;
  }
  
  .animate.add7 {
    transition-delay: .7s;
  }
  .animate.add8 {
    transition-delay: .8s;
  }
  .animate.add9 {
    transition-delay: .9s;
  }
  
  .animate.add10 {
    transition-delay: 1s;
  }
  
  .animate.add11 {
    transition-delay: 1.1s;
  }
  
  .animate.add12 {
    transition-delay: 1.2s;
  }
  .animate.add16 {
    transition-delay: 1.6s;
  }
  
  .animate.add18 {
    transition-delay: 1.8s;
  }
  
  .animate.add20 {
    transition-delay: 2s;
  }
  
  .animate.add22 {
    transition-delay: 2.2s;
  }
  .animate.add24 {
    transition-delay: 2.4s;
  }
  
  .animate.add26 {
    transition-delay: 2.6s;
  }


  
/**/
header { width: 100%;   background-color: #fff; z-index: 50;  /* max-width: 1920px; */ }
.isfixed{position: fixed; top: 0; left: 50%;transform: translateX(-50%);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
header .header { padding: 0 2.7%; }
header .logo { float: left; width: 2.3rem; margin-top: .3rem; }
header .logo img { width: 100%; display: block; }
header .logo .logo2 { display: none; }
.header-right { float: right; font-size: 0; }
.pc-nav { margin-right: 3.1rem; }
.pc-nav li { display: inline-block; *display: inline; zoom: 1; margin-left: 0.64rem; }
.pc-nav .tit { font-size: .18rem; line-height: 0.9rem; display: block; color: #333; transition: color .2s; }
.pc-nav .navson { display: none; position: absolute; left: 0; top: 0.896rem; width: 100%; padding: 0.4rem 0; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; box-shadow: 0 3px 3px rgba(0,0,0,.05); background-color: #fff; }
.pc-nav .navson a { display: inline-block; *display: inline; zoom: 1; width: 1.8rem; margin: 0 .38rem; }
.pc-nav .navson .img { border-radius: 2px; overflow: hidden; }
.pc-nav .navson a img { width: 100%; transition: all .3s; }
.pc-nav .navson a .txt { font-size: .14rem; line-height: .18rem; color: #333; margin-top: .15rem; }

.pc-nav li.cur .tit { color: #fff; font-weight:bold;}

.header-right .pc-nav,.header-right .header-btns { display: inline-block; *display: inline; zoom: 1; }
.header-right .header-btns { width: 3.1rem; height: 0.9rem;vertical-align: top; position: absolute; right: 0; top: 0; line-height: 0.9rem; font-size: 0; text-align: center; }
.header-right .header-btns .icon { float: none; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; width: 0.3rem; height: 0.3rem; background-repeat: no-repeat; background-position: center; margin: 0 .1rem; vertical-align: middle; background-size: 100%; }
.header-right .header-btns .sc-btn { background-image: url('../images/tpico1.png') }
.header-right .header-btns .lx-btn { background-image: url('../images/tpico2.png') }
.header-right .header-btns .map-btn { background-image: url('../images/tpico3.png') }
.header-right .header-btns .sec-btn { background-image: url('../images/tpico4.png');margin: 0 .26rem 0 .54rem;  }
.header-right .header-btns .person-box { display: inline-block; *display: inline; zoom: 1; position: relative; }
.header-right .header-btns .person-box .sub { display: none; position: absolute; left: 50%; top: 0.9rem; transform: translateX(-50%); padding: .16rem .12rem; background-color: #fff; width: 1rem; box-sizing: border-box; border-radius: 2px; box-shadow: 0 5px 10px rgba(4,4,4,.05); }
.header-right .header-btns .person-box .sub:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 10px; height: 5px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/person-sj.png'); top: -5px; }
.header-right .header-btns .person-box .username { font-size: .14rem; line-height: .18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; margin: 0 0 .14rem; border-bottom: 1px solid #e8e8e8; padding: 0 0 .14rem; background: none; float: none; display: block; }
.header-right .header-btns .person-box .exit { margin: 0; padding: 0; background: none; text-align: center; font-size: .14rem; line-height: .18rem; color: #999; float: none; display: block; transition: all .2s; height: auto; }
.header-right .header-btns .nav-btn { display: none; }

.index-page header { background-color: transparent; /*border-color: transparent;*/ transition: background-color .3s,border-color .3s; }
.index-page header .logo .logo1 { display: none; }
.index-page header .logo .logo2 { display: block; }
.index-page .clearfixed { display: none; }
.index-page .pc-nav .tit { color: #fff; }
.index-page .header-right .header-btns { background-color: transparent; transition: all .3s; }
.index-page header.on { background-color: #fff; border-color: #ddd; }
.index-page header.on .logo .logo1 { display: block; }
.index-page header.on .logo .logo2 { display: none; }
.index-page header.on .pc-nav .tit { color: #333; }
.index-page header.on .pc-nav li.cur .tit { color: #0080c5; }
.index-page header.on .header-right .header-btns {}
.index-page header.on .header-right .sc-btn { background-image: url('../images/tpico1hover.png') }
.index-page header.on .header-right .lx-btn { background-image: url('../images/tpico2hover.png') }
.index-page header.on .header-right .map-btn { background-image: url('../images/tpico3hover.png') }
.index-page header.on .header-right .sec-btn { background-image: url('../images/tpico4hover.png');}

.pc-nav li:hover .tit { color: #0080c5; font-weight: bold; }
.pc-nav .navson a:hover img { transform: scale(1.1); }
.index-page header:hover { background-color: #fff; border-color: #ddd; }
.index-page header:hover .logo .logo1 { display: block; }
.index-page header:hover .logo .logo2 { display: none; }
.index-page header:hover .pc-nav .tit { color: #333; }
.index-page header:hover .pc-nav li:hover .tit { color: #0080c5; }
.index-page header:hover .header-right .header-btns {}
.index-page header:hover .header-right .sc-btn { background-image: url('../images/tpico1hover.png') }
.index-page header:hover .header-right .lx-btn { background-image: url('../images/tpico2hover.png') }
.index-page header:hover .header-right .map-btn { background-image: url('../images/tpico3hover.png') }
.index-page header:hover .header-right .sec-btn { background-image: url('../images/tpico4hover.png');}




.ny_hd { background-color: #fff; border-color: #ddd; }
.ny_hd .pc-nav li:hover .tit,.ny_hd .pc-nav li.cur .tit { color: #0080c5; }
.ny_hd .logo .logo1 { display: block; }
.ny_hd .logo .logo2 { display: none; }
.ny_hd .pc-nav .tit { color: #333; }
.ny_hd .pc-nav li:hover .tit { color: #0080c5; }
.ny_hd .header-right .header-btns {}
.ny_hd .header-right .sc-btn { background-image: url('../images/tpico1hover.png') }
.ny_hd .header-right .lx-btn { background-image: url('../images/tpico2hover.png') }
.ny_hd .header-right .map-btn { background-image: url('../images/tpico3hover.png') }
.ny_hd .header-right .sec-btn { background-image: url('../images/tpico4hover.png');}


/**/
.footWrap{width:100%;background:#fff;color: #666666;line-height:40px; font-size: 16px;}
.footer{margin:0 auto;display: flex;flex-flow: row wrap;justify-content:space-between;}
.footer .ft{width:28%;box-sizing: border-box;flex-grow: 4;border-left:1px solid #e5e5e5;margin:1.76rem 0 .84rem;padding-left:5%;}
.footer .ft:last-child{width:16%;}
.footWrap h3{font-size:20px;font-weight: bold;margin-bottom: 0.2rem;}
.footWrap img{display: block;}
.ft-logo .flogo{width: 100%;display: block;margin-bottom: 0.14rem;;}
.ft-logo .flogo1{display: block;}
.ft-logo .flogo2{display: none;}
.ft-logo  em{padding: 0 8px;}
.ft-nav{padding-left:5%;}
.ft-nav a{display: inline-block;width:45%;}
.f-contact b{display: block;padding-left: 32px;background: url(../images/ftel.png) no-repeat left center;background-size: 24px;color: #0080c5;font-size:26px;font-family: Arial, Helvetica, sans-serif;margin-top:20px;}
.f-code{padding:2px;border:1px solid #e5e5e5;}
.f-code img{width: 100%;}
/**/
.links{border-top:1px solid #e5e5e5;line-height: 0.36rem;font-size:16px;color: rgba(102, 102, 102, 0.6);text-transform: uppercase;padding:0.2rem 0;}
.links a{display: inline-block;margin-right: 16px;color: rgba(102, 102, 102, 0.6);}

.footWrap2{width:100%;background:#0080c5;color: #fff;line-height:40px; font-size: 16px;}
.footWrap2 .ft-logo{width:24.38%;}
.footWrap2 .ft-logo .flogo1{display: none;}
.footWrap2 .ft-logo .flogo2{display: block;}
.footWrap2 .ft-logo a{color: #fff;}
.footWrap2 .footer .ft{border-left:1px solid rgba(255, 255, 255, 0.2);}
.footWrap2 .ft-nav a{color: #fff;}
.footWrap2 .f-contact b{background: url(../images/ftel2.png) no-repeat left center;color: #fff;}
.footWrap2 .f-code{padding:2px;border:0;}
.footer .ft:nth-child(1){border-left:0;padding-left:0;}
@media screen and (max-width: 1367px){
  .footer{width: 1200px;}

}


.links2{border-top:1px solid rgba(255, 255, 255, 0.2);background:#0080c5;color: rgba(255, 255, 255, 0.6);}
.links2 a{color: rgba(255, 255, 255, 0.6);}


/* 右边悬浮修改版 */
.right-plugins { position: fixed; right: 0; z-index: 50; top: 38%; width: 62px; background: rgba(0, 0, 0, .8); border-top-left-radius: 20px; border-bottom-left-radius: 20px; transition: all 0.25s; }
.right-plugins .power-list { padding: 0 12px; margin-top: 10px; }
.right-plugins .power-list .item { display: flex; align-items: center; cursor: pointer; transition: all 0.25s; padding: 10px 0; }
.right-plugins .power-list .item.shop { cursor: initial; height: 48px; }
.right-plugins .power-list .item .img { text-align: center; width: 33px; transition: all 0.25s; }
.right-plugins .power-list .shop .initial { display: flex; align-items: center; transition: all 0.25s; }
.right-plugins .power-list .shop .is-hover { transition: all 0.25s; }
.right-plugins .power-list .shop .is-hover .line { padding: 0 6px; color: #fff; cursor: initial; }
.right-plugins .power-list .item .img .is_active { display: none; }
.right-plugins .power-list .item .is-hover { display: none; }
.right-plugins .power-list .item span { display: none; color: #fff; margin-left: 10px; transition: all 0.25s; white-space: nowrap; }
.right-plugins .tel { padding: 10px 0 15px 0; position: relative; color: #fff; font-size: 14px; text-align: center; cursor: pointer; transition: all 0.25s; }
.right-plugins .top { text-align: center; color: #fff; font-size: 12px; padding: 10px 0 12px 0; cursor: pointer; }
.right-plugins .top p { margin-top: 2px; }
.right-plugins .tel::after { content: ''; position: absolute; bottom: 0; left: 10%; width: 80%; border-bottom: 1px solid #fff; transition: all 0.25s; }
.right-plugins .tel .is-hover { display: none; transition: all 0.25s; }

.right-plugins .power-list .item  .tels{position: absolute;left:-155px;width:140px;line-height: 53px;font-size: 18px;background: rgba(0, 0, 0, .8);padding-left:15px;color: #fff;border-radius: 5px;display: none;}

.right-plugins .power-list .item  .codes{position: absolute;left:-156px;display: none;}
.right-plugins .power-list .item  .codes img{width:150px;height:150px;border:3px solid #fff;}

/* hover部分 */
.right-plugins:hover { width: 104px; }
.right-plugins:hover .power-list .item span { display: inline-block; }
.right-plugins:hover .power-list .item:hover .img img { display: none; }
.right-plugins:hover .power-list .shop:hover .initial { display: none; }
.right-plugins:hover .power-list .shop:hover .is-hover { display: flex; align-items: center; transition: all 0.25s; }
.right-plugins:hover .power-list .item:hover .img .is_active { display: inline-block; }
.right-plugins:hover .power-list .item:hover span { color: #fff; }
.right-plugins:hover .tel .initial { display: none; }
.right-plugins:hover .tel .is-hover { display: inline-block; white-space: nowrap; }
.right-plugins:hover .tel .is-hover:hover { color: #fff; }
.right-plugins:hover .power-list .business:hover .tels{display: block;}
.right-plugins:hover .power-list .store:hover .codes{display: block;}


#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:#fff url(../images/nodata.gif) no-repeat 20px 20px;}
.plc{display:none;}

.search-box { position: fixed; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #fff; display: none; }
.pub-close { position: absolute; left: 50%; transform: translateX(-50%); width: .24rem; height: .24rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/pub-close.png'); top: 0.9rem; }
.search-top { border-bottom: 1px solid #e5e5e5; padding: .36rem 0; background-color: #fff;}
.search-top .search { position: relative; width: 94%; float: left; }
.search-top .search input[type=text] { width: 85%; height: 0.4rem; line-height: 0.4rem; background-color: transparent; padding-left: 0.5rem; font-size: .26rem; color: #000; box-sizing: border-box; background-repeat: no-repeat; background-position: left center; background-image: url('../images/search-btn.png'); font-size: .2rem; float: left; }
.search-top .search input[type=submit] { float: right; width: 1.2rem; height: 0.4rem; font-size: .14rem; color: #fff; background-color: #0080c5; border-radius: 4px; }
.search-top .search-close { float: right; width: 0.4rem; height: 0.4rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/search-close.png'); }
.search-box .enter-box{background-color: #fff;}
.search-box .enter-box h3 { font-size: .22rem; line-height: .7rem; color: #000; }
.search-box .enter-box .list .item { font-size: 0; }
.search-box .enter-box .list .item:nth-child(2n+1) { background-color: #f1f1f1; }
.search-box .enter-box .list a { display: inline-block; *display: inline; zoom: 1; color: #666; line-height: .4rem; font-size: .18rem; transition: all .2s; border:1px solid #eee;border-radius: 5px;padding:0 0.35rem;margin-right: 0.35rem;margin-bottom: 0.15rem;}
.search-box .enter-box .list a:hover{background: #0080c5; color: #fff;border-color: #0080c5;}
.search-wrap .search-top { padding: 0; }