@charset "utf-8";
/** {
 margin:0;
 padding:0
}*/
/*body {
 font-family:'微软雅黑',Helvetica;
 margin:0 auto;
 min-width:1120px;
 color:#333;
 background:#f7f7fa;
 font-size:14px
}*/
.wopper{
  margin-top: 55px;
}
.clearfix {
 zoom:1
}
.clearfix:after {
 display:block;
 content:"";
 clear:both
}
.fl {
 float:left
}
.fr {
 float:right
}
a {
 color:inherit;
 text-decoration:none;
 outline:0
}
em,
i {
 font-style:normal
}
ul {
 list-style:none;
 display:block
}
img {
 border:0
}
input {
 outline:0
}
.i-app {
 background-image:url(../images/phone-icon.png);
 background-size:53px
}
.showewm {
 cursor:pointer;
 position:relative
}
.showewm .ewmbox {
 background:#fff;
 padding:2px;
 z-index:1;
 position:absolute;
 box-shadow:0 0 10px rgba(0,0,0,.5);
 display:none
}
.showewm .ewmbox:after {
 content:"";
 position:absolute;
 border:8px solid transparent
}
.showewm .ewmbox img {
 width:116px;
 height:116px;
 display:block
}
.showewm.fixed {
 position:fixed;
 right:0;
 bottom:24px;
 background:#ffd800;
 width:60px;
 height:60px;
 text-align:center;
 color:rgba(41,41,41,.5);
 z-index:8;
 font-size:12px;
 line-height:20px
}
.showewm.fixed .i-app {
 width:18px;
 height:25px;
 display:block;
 background-position:-35px 0;
 margin:8px auto 5px
}
.showewm.fixed .ewmbox {
 bottom:0;
 left:-133px
}
.showewm.fixed .ewmbox:after {
 right:-16px;
 bottom:5px;
 border-left-color:#fff
}
.header {
 height:70px;
 background:#393834
}
.header .imgico {
 background-image:url(../images/header-icon_pcv3.png)
}
.header .i-logo {
 width:100%;
 height:100%;
 background-position:0 0
}
.header .i-city {
 width:10px;
 height:12px;
 background-position:-89px 0;
 position:absolute;
 top:7px;
 left:10px;
 cursor:pointer
}
.header .i-search {
 width:16px;
 height:15px;
 background-position:-89px -12px;
 position:absolute;
 top:8px;
 right:10px;
 cursor:pointer;
 opacity:.8
}
.header .i-search:hover {
 opacity:1
}
/*.header .logo {
 display:inline-block;
 height:28px;
 width:89px;
 margin-top:29px
}*/
.header .citybox {
 position:relative;
 display:inline-block;
 background:#4e4d49;
 border-radius:15px;
 height:26px;
 line-height:26px;
 margin:30px 0 0 20px;
 padding:0 10px 0 24px
}
.header .citybox label {
 color:#999;
 font-size:12px;
 display:block;
 cursor:pointer
}
.header .citylist {
 position:absolute;
 top:47px;
 left:-20px;
 background:#fff;
 border-radius:5px;
 padding:15px 10px;
 width:300px;
 box-shadow:0 2px 8px #ccc;
 z-index:9;
 display:none
}
.header .citylist:before {
 content:"";
 display:inline-block;
 border:7px solid transparent;
 border-bottom-color:#fff;
 position:absolute;
 top:-14px;
 left:40px
}
.header .citylist a {
 display:inline-block;
 float:left;
 color:#333;
 width:60px;
 height:36px;
 line-height:36px;
 text-align:center;
 cursor:pointer
}
.header .citylist a.slted {
 color:#ffd800;
 cursor:default
}
.header .navbox {
 display:inline-block;
 margin-left:40px;
 line-height:52px;
 font-size:14px;
 margin-top:18px
}
.header .navbox span {
 display:inline-block;
 float:left;
 color:#b7b7b7;
 cursor:pointer;
 position:relative;
 margin-right:40px
}
.header .navbox span.slted {
 color:#ffd800
}
.header .navbox span .i-xiala {
 width:10px;
 height:6px;
 background-position:-105px 0;
 margin:24px 0 0 7px
}
.header .navbox span ul {
 position:absolute;
 top:52px;
 left:-20px;
 z-index:9;
 width:155px;
 background:#4c4b48;
 line-height:43px;
 display:none
}
.header .navbox span ul li {
 padding:0 20px
}
.header .navbox span ul li:hover {
 background:#ffd800
}
.header .navbox span ul li:hover a {
 color:#393834
}
.header .navbox span ul a {
 color:#ffd800
}
.header .navbox span.active {
 color:#ffd800
}
.header .navbox span.active .i-xiala {
 background-position:-105px -6px
}
.header .showewm {
 color:#ffd800;
 float:left
}
.header .showewm .i-app {
 background-image:url(../images/phone-icon.png);
 width:12px;
 height:17px;
 background-position:-35px -26px;
 margin-right:9px;
 margin-top:17px
}
.header .showewm .ewmbox {
 top:49px;
 left:0
}
.header .showewm .ewmbox:after {
 top:-16px;
 left:5px;
 border:8px solid transparent;
 border-bottom-color:#fff
}
.header .searchbox {
 height:32px;
 width:180px;
 border-radius:16px;
 background:#4d4c48;
 padding:0 35px 0 10px;
 margin-top:26px;
 position:relative
}
.header .searchbox input[type=text] {
 border:0;
 background:0 0;
 outline:0;
 width:100%;
 height:100%;
 line-height:100%;
 color:#ccc;
 font-family:inherit;
 font-size:12px
}

.whitebg {
 background:#fff
}
.mainwrap {
 width:1120px;
 margin:0 auto
}
.imgico {
 display:inline-block;
 background-repeat:no-repeat;
 vertical-align:top
}
.blockwrap {
 padding:50px 0
}
.blocktop {
 position:relative;
 line-height:30px;
 height:30px;
 padding-bottom:20px
}
.blocktop label {
 font-size:22px;
 color:#333;
 font-weight:700
}
.blocktop .more {
 color:#999;
 display:inline-block;
 padding-right:10px;
 background:url(../images/more-icon.png) center right no-repeat
}
.paging {
 text-align:right;
 padding:20px 0 40px
}
.paging a {
 display:inline-block;
 min-width:12px;
 height:28px;
 line-height:28px;
 text-align:center;
 border:1px solid #d9d6cf;
 background:#fff;
 color:#b7b7b7;
 margin-left:10px;
 padding:0 8px
}
.paging .current {
 background:#ffd800;
 cursor:default;
 color:#fff;
 border-color:#ffd800
}
.paging .current:hover {
 background:#ffd800;
 border-color:#ffd800
}
.paging .disabled {
 background:#f1f0ee;
 cursor:default
}
.paging .disabled:hover {
 background:#f1f0ee;
 color:#b7b7b7;
 border-color:#d9d6cf
}
.paging span {
 cursor:default;
 margin-left:10px
}
.paging a:hover {
 background:#393834;
 color:#fff;
 border-color:#393834
}
.locationbox {
 color:#72716B;
 padding:24px 0;
 line-height:18px;
 font-size:12px
}
.locationbox a {
 color:#949494
}
.locationbox a:hover {
 color:#393834
}
#browsertips {
 background:#fff;
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:99;
 display:none
}
#browsertips .mainwrap {
 padding:150px 0
}
#browsertips p.p1 {
 font-size:18px;
 font-weight:700;
 line-height:28px;
 margin-bottom:25px
}
#browsertips p {
 color:#555;
 font-size:14px;
 line-height:24px;
 margin-bottom:15px
}
#browsertips p a {
 color:#08e
}
#browsertips p a:hover {
 text-decoration:underline
}
#browsertips p .goon {
 font-size:12px
}
.servicewrap {
 position:fixed;
 bottom:40px;
 right:40px;
 z-index:99
}
.servicewrap .imgico {
 background-image:url(../images/service-icon.png)
}
.servicewrap .serv-icon {
 position:absolute;
 bottom:-10px;
 right:-10px;
 padding:10px;
 z-index:1
}
.servicewrap .servicebtn {
 display:block;
 width:40px;
 height:40px;
 cursor:pointer;
 background-position:-60px 8px;
 border-radius:50%
}
.servicewrap .servicebtn:hover {
 background-position:-60px -32px
}
.servicewrap .servicebox {
 position:absolute;
 bottom:0;
 right:0;
 z-index:2;
 background:#f5f5f5;
 width:330px;
 display:none
}
.servicewrap .sbox-head {
 height:36px;
 line-height:36px;
 padding:10px 20px;
 background:#393834;
 color:#ddd;
 font-size:13px
}
.servicewrap .i-head {
 width:36px;
 height:36px;
 background-position:-100px 0;
 margin-right:5px
}
.servicewrap .closebtn {
 width:24px;
 height:22px;
 background-position:-100px -37px;
 float:right;
 margin-top:7px;
 margin-right:-10px;
 cursor:pointer
}
.servicewrap .closebtn:active {
 background-position:-99px -36px
}
.servicewrap .talkbox {
 background:#fff;
 padding:20px;
 overflow:auto;
 height:280px;
 border:1px solid #f5f5f5;
 border-bottom-color:#e0e0e0
}
.servicewrap .talkbox li {
 margin-top:10px;
 font-size:14px;
 line-height:20px;
 color:#666
}
.servicewrap .talkbox li span {
 padding:10px;
 max-width:240px;
 display:inline-block;
 position:relative
}
.servicewrap .talkbox li em {
 position:absolute;
 top:8px;
 border-width:5px;
 border-style:solid
}
.servicewrap .talkbox .kefu em {
 left:-10px;
 border-color:#ffd800 #ffd800 #fff #fff
}
.servicewrap .talkbox .kefu span {
 background:#ffd800
}
.servicewrap .talkbox .kehu {
 text-align:right
}
.servicewrap .talkbox .kehu em {
 right:-10px;
 border-color:#f5f5f5 #fff #fff #f5f5f5
}
.servicewrap .talkbox .kehu span {
 background:#f5f5f5
}
.servicewrap .talkbox::-webkit-scrollbar,
.servicewrap textarea::-webkit-scrollbar {
 width:5px;
 background:#f2f2f2
}
.servicewrap .talkbox::-webkit-scrollbar-thumb,
.servicewrap textarea::-webkit-scrollbar-thumb {
 background:#ddd;
 border-radius:5px
}
.servicewrap .talkbox::-webkit-scrollbar-thumb:hover,
.servicewrap textarea::-webkit-scrollbar-thumb:hover {
 background:#ccc
}
.servicewrap .inputbox {
 padding:10px 85px 10px 10px;
 position:relative
}
.servicewrap textarea {
 font-size:13px;
 color:#666;
 background:0 0;
 border:0;
 padding:0;
 line-height:18px;
 height:72px;
 width:100%;
 resize:none;
 outline:0;
 font-family:inherit
}
.servicewrap .sendbtn {
 position:absolute;
 top:10px;
 right:10px;
 background:#393834;
 color:#fff;
 width:66px;
 line-height:36px;
 text-align:center;
 font-size:15px
}
.servicewrap .sendbtn:active {
 top:11px;
 right:9px
}
.datanone {
 text-align:center;
 padding:60px 0 100px;
 font-size:14px;
 color:#999
}