﻿@charset "utf-8";
body, input, button, select, optgroup, option, textarea, pre {
    font-family:"Microsoft YaHei", Arial,Roboto,"Droid Sans","Hiragino Sans GB","Simsun",STXihei,"sans-serif";
}
.cp-alltopbarbox{position: relative;}
.cp-alltopbar{position: absolute; top: 0; left: 0; right: 0; min-width: 1200px; _width:1200px; z-index:1;}
.cp-topbarbox.topbarbox{background: rgba(57,64,67,0.5); background-color:#394043; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f394043,endColorstr=#7f394043);}
/*.cp-topbarbox.topbarbox .topbar .tel{background: url(../images/ico_topbar.png) left 5px no-repeat}*/
.cp-topbarbox.topbarbox .topbar-other li{border-right:1px solid rgba(0,0,0,0.1);}
.cp-headerbox.headerbox{background: transparent; box-shadow:none;}
.cp-headerbox .current-city{background: rgba(57,64,67,0.5); border: none; border-radius: 11px; height: 22px; line-height: 22px; margin-top: 7px;}
.cp-headerbox .header-address:hover .current-city{border: none;}
.cp-headerbox .current-city .city{color: #fff; height: 22px; line-height: 22px;}
.cp-headerbox .header-citybox{top: 54px;}

.cp-header-nav{position: absolute; top: 20px; right: 0; font-size: 16px;}
.cp-header-nav li.li{position: relative; float: right; padding: 0 19px; height: 60px;}
.cp-header-nav a.item{display: inline-block; height: 36px; line-height: 36px; color: #fff;}
.cp-header-nav li.on a.item{color: #e93b3d;}
.cp-header-nav a.item:hover{/*color: #e93b3d;*/ text-decoration: underline;}

/*modulebox title*/
.modulebox {margin-top: 46px;}
.module-title {position: relative; height: 70px; line-height: 70px; border-bottom: 3px solid #e8e8e8;}
.module-title h2 { color: #999; font-size: 14px; color: #9c9fa1;}
.module-title h2 * { vertical-align: middle; }
.module-title h2 strong { color: #000; font-size: 28px; margin-right: 20px; }
.mod270 .module-title{height: 60px;}
.mod270 .module-title h2 strong {font-size: 20px;}
.mod270 .module-title h2{height: 60px; line-height:60px;}
.module-title .more { position: absolute; top: 0; right: 0; color: #9c9fa1; }
.module-title .more:hover { color: #e93b3d; text-decoration: underline; }

/*switch-item/switch-term/switch-spot */
.switch-item{position: relative; min-height:24px; _height:24px;}
.switch-item li{float: left; padding-bottom: 6px; margin-right: 24px; cursor: pointer;}
.switch-item li.on{background: url(../images/ico_switch_item.png) center bottom no-repeat;}
.switch-item li:last-child{margin-right: 0;}
.switch-item li a{display: inline-block; height: 22px; line-height: 22px; padding: 0 8px; border-radius: 2px;}
.switch-item li.on a{background: #e93b3d; color: #fff;}
.sitem-changebox{position: relative; height: 40px;}
.sitem-change{display: inline-block; height: 28px; line-height: 28px; padding-left: 21px; background: url(../images/ico_index.png) left -210px no-repeat; color: #9c9fa1; font-size: 12px; cursor: pointer;}
.sitem-change:hover{text-decoration: underline;}
.sitem-changebox .sitem-change{position: absolute; top: 6px; right: 0;}
.switch-item .sitem-change{position: absolute; top: 0; right: 0;}

.switch-term{border: 0 1px solid #e8e8e8; text-align: center;}
.switch-term li{position: relative; float: left; width: 50%; *+width: 49%; height: 46px; line-height: 46px; border-right:1px solid #e8e8e8; box-sizing:border-box; background: #f8f8f9;}
.switch-term li.on{background: #fff; font-weight: 600;}
.switch-term li:last-child{border-right: none;}
.switch-term li .line{position: absolute; top: -3px; left: 0; right: 0; display: block; height: 3px; background: #e8e8e8; font-size: 0;}
.switch-term li.on .line{background: #e93b3d;}

.switch-spot{/*width: 120px;*/ height: 8px; font-size: 0; text-align: center;}
.switch-spot li{display:inline-block; width: 8px; height: 8px; border-radius: 50%;  background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff); margin: 0 5px; *display: inline; *zoom:1; vertical-align: middle; cursor: pointer;}
.switch-spot li.on{background: #fff;}
 






/*index*/


.bannerbox{position: relative; height: 600px; background: #2873cb;}
.banner-switchbox{position: relative; height: 600px; overflow: hidden;}
.banner-switchbox .switch-spot{position: absolute; bottom:10px; left: 50%; margin-left: -300px; width: 600px; height: 2; z-index: 1;}
.banner-switchbox .switch-spot li{width: 20px; height: 2px; border-radius: 0;}
.banner-switch a.img{display: block; height: 600px; background-color: #eaf2fc; background-position: center; background-repeat: no-repeat; background-size: cover;}

.banner-searchbox {
    position: absolute;
    top: 50%;
    left: 50%;
    /* margin: -100px 0 0 -390px; */
    margin: -80px 0 0 -390px;
    padding: 0 40px;
    width: 680px;
    height: 191px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.76);
    box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.29);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
    color: #fff;
}
.index-searchbox{width: 680px; padding-top: 34px;}
.isearch-item{font-size: 16px;}
.isearch-item ul{margin-right: -23px;}
.isearch-item li{float: left; margin-right: 18px; height: 46px;}
.isearch-item a{position: relative; display: inline-block; height: 30px; line-height: 30px; padding:0 15px; color: #fff; border-radius: 2px; cursor: pointer;}
.isearch-item li.on a{background: #e93b3d;}
.isearch-item a i{position: absolute; top: 30px; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; background: url(../images/isearch_triangle.png) center bottom no-repeat; display: none;}
.isearch-item li.on a i{display: block;}
.isearchbox{position: relative; padding:0 70px 0 20px; width: 440px; height: 56px; background: #fff; border-radius: 4px;/* overflow: hidden;*/}
.isearch-text{width: 100%; height: 54px; line-height: 54px; border:none; font-size: 16px; background: none;}
.isearch-btn{position: absolute; top: 0; left: 460px; width: 70px; height: 56px; background: #e93b3d url(../images/ico_banner_search.png) center no-repeat; color: #fff; border:none; font-size: 22px; border-radius: 0 2px 2px 0;}
.isearch-btn:hover{background-color: #c53132;}
.isearch-map{position: absolute; top: 0; left: 560px; display: block; width: 120px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #394043; background:#fff; border-radius: 2px;}
.isearch-map:hover{color: #fefefe; background: #e93b3d;}
.banner-search-hot{margin-top: 15px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.banner-search-hot a{color: #fff; margin-right: 20px;}
.banner-search-hot a:last-child{margin-right: 0;}
.banner-search-hot a:hover{color: #e93b3d;}



/*.mod890{float: left; width: 890px;}
.mod276{float: right; width: 276px;}*/
.cp-recommendbox{margin-top: 70px;}
.cp-news-photo{float: left; width: 360px;}
.cpnews-bannerbox{position: relative;}
.cpnews-bannerbox .switch-spot{position: absolute; bottom: 14px; right: 5px; width: 90px; text-align: right; z-index: 1;}
.cpnews-banner{height: 270px; overflow: hidden;}
.cpnews-banner li{position: relative; height: 270px;}
.cpnews-banner .img a{display: block; width: 360px; height: 270px; overflow: hidden;}
.cpnews-banner .img img{width: 360px; height: 270px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s;}
.cpnews-banner .img img:hover {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.cpnews-info{position: absolute; left: 0; right:0; bottom: 0; height: 36px; line-height: 36px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff;}
.cpnews-info h2{width: 65%; font-size: 14px; height: 36px; line-height: 36px;}
.cpnews-info h2 a{display: inline-block; max-width: 100%; height: 36px; line-height: 36px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cp-news{float: right; width: 500px;}

.cp-news-first{ text-align: center; }
.cp-news-first h2{height: 42px; line-height: 42px; font-size: 22px; font-weight: 600; color: #5680a6; overflow: hidden;}
.cp-news-first h2 a{display: inline-block; max-width: 100%; height: 42px; line-height: 42px; color: #5680a6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cp-news-first h4{height: 32px; line-height: 32px; font-size: 16px; color: #9c9fa1; overflow: hidden; margin-top: 5px;}
.cp-news-first h4 a{display: inline-block; max-width: 100%; height: 32px; line-height: 32px; color: #9c9fa1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cp-news-first h2 a:hover,.cp-news-first h4 a:hover{text-decoration:underline;}

.cp-news-list{font-size: 16px; /*margin-top: 15px;*/ margin-top: 5px; height:156px; overflow:hidden;}
.cp-news-list li{height: 36px; line-height: 36px; /*margin-top: 10px;*/ margin-top: 3px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.cp-news-list li * {vertical-align:middle;}
.cp-news-list li:hover{background: #f8f8f9;}
/*.cp-news-list li a{display: inline-block; max-height: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.cp-news-list li a:hover{color: #e93b3d;}

.recent-link{padding-bottom: 10px;}
.recent-link li{float: left; width: 50%; margin-top: 10px; text-align: center;}
.recent-link li a{display: block; margin: 0 10px; padding: 15px 0 5px; color: #9c9fa1; border-radius: 6px;}
.recent-link li a:hover{background: #f8f8f9; color: #394043;}
.recent-link .ico{display: inline-block; width: 40px; height: 40px;}
.recent-link  li a:hover .ico { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.tool01 .icon { background: url(/Content/images/tool_01.png) center no-repeat; }
.recent-link .ico.ico1{background: url(../images/ico_link_recent.png) center 0 no-repeat;}
.recent-link .ico.ico2{background: url(../images/ico_link_recent.png) center -40px no-repeat;}
.recent-link .ico.ico3,.recent-link .ico.ico7{background: url(../images/ico_link_recent.png) center -80px no-repeat;}
.recent-link .ico.ico4,.recent-link .ico.ico8{background: url(../images/ico_link_recent.png) center -120px no-repeat;}
.recent-link .ico.ico5{background: url(../images/ico_link_recent.png) center -160px no-repeat;}
.recent-link .ico.ico6{background: url(../images/ico_link_recent.png) center -200px no-repeat;}


.recent-link li p{height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px;}

.mod-commercialbox{margin-top: 40px;}
.commercial-list-wrap{margin-top: 30px;}
.commercial-list{margin-top: 20px; height:238px; overflow:hidden;}
/*.two-list,.eight-list{margin-top: 20px;}*/
.commercial-list ul{margin-right: -40px; *zoom:1;}
.commercial-list li{position: relative; float: left; width: 276.6px; height: 208px; margin-right: 30px; margin-bottom: 30px; overflow: hidden;}
.commercial-list li:hover{-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -ms-box-shadow: 3px 0 7px rgba(0,0,0,0.1); -o-box-shadow: 3px 0 7px rgba(0,0,0,0.1); box-shadow: 3px 0 7px rgba(0,0,0,0.1);}
.commercial-list .img{width: 276.6px; height: 208px; overflow: hidden;}
.commercial-list .img a{display: block;}
.commercial-list .img img{width: 276.6px; height: 208px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s;}
.commercial-list .img img:hover {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.commercial-info{position: absolute;z-index:11; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; padding: 0 10px; background: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); color: #fff;}
.commercial-info h2{height: 40px; line-height: 40px; width: 50%; font-size: 16px; overflow: hidden;}
.commercial-info h2 a{display: inline-block; max-width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.commercial-info .price{position: absolute; top: 0; right: 10px; display: block;}
.commercial-info .price strong{font-weight: 400;}
.commercial-hover{position: absolute; top: 0; left: 0; padding: 25px 10px 15px; width:256.6px; height: 168px; background: rgba(0,0,0,0.8); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000,endcolorstr=#c8000000); color: #fff; overflow: hidden; display: none;}
.commercial-list li:hover .commercial-hover{display: block;}
.commercial-hover a.link{display: block; color: #fff;}
.commercial-hover h2{font-size: 18px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.commercial-hover p.ico{height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 25px;}
.commercial-hover p.ico.prix{background: url(../images/ico_index.png) left -120px no-repeat;}
.commercial-hover p.ico.tag{background: url(../images/ico_index.png) left -150px no-repeat;}
.commercial-hover p.ico.location{background: url(../images/ico_index.png) left -180px no-repeat;}
.commercial-region{margin-top: 10px;}
.commercial-region ul{margin-right: -40px; *zoom:1;}
.commercial-region li{position: relative; float: left; width: 278px; height: 26px; line-height: 26px; margin-right: 28px; margin-top: 10px;}
.commercial-region li:hover{background: #f8f8f9;}
.commercial-region .name{display: inline-block; max-width: 340px; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.commercial-region .name:hover{color: #e93b3d;}
.commercial-region .price{position: absolute; top: 0; right: 0; color: #9c9fa1;}

.commercial-screenbox{margin-top: 10px;}
.com-screen{float: left; width: 50%;}
.com-screen dl{}
.com-screen dt{line-height: 36px; font-size: 16px; font-weight: 600; color: #000;}
.com-screen dd{margin-top: 6px;}
.com-screen-item{padding-right: 30px; margin-right: -20px; *zoom:1;} 
.com-screen-item a{display: inline-block; height: 30px; line-height: 30px; margin-right: 15px; cursor: pointer;}
.com-screen-item a:hover{text-decoration: underline; color: #e93b3d;}


.popup-entrustbox{width: 800px; margin: 0 auto;}
.entrust-formbox{padding: 10px 0 30px;}
.entrust-item{padding: 0 10px; margin-top: 15px; background: #fbfbfb; }
.entrust-item li{float: left; height: 36px; line-height: 36px; margin: 0 10px;  cursor: pointer;}
.entrust-item li label{display: inline-block; height: 36px; line-height: 36px; padding-left: 25px; cursor: pointer; background: url(../images/ico_check.png) 0 0 no-repeat;}
.entrust-item li.on label{background: url(../images/ico_check.png) 0 -50px no-repeat;}
.entrust-form{}
.entrust-form dl{position: relative; padding-left: 115px; margin-top: 20px; min-height: 40px; _height:40px; line-height: 40px;}
.entrust-form dt{position: absolute; top: 0; left: 0; width: 110px; text-align: right; font-size: 16px; font-weight: 600; color: #333;}
.entrust-code{position: absolute; top: 0; right: 0; display: block; width: 108px; height: 38px; border:1px solid #e8e8e8; text-align: center; cursor: pointer; background:#fefdfd;
background:-webkit-gradient(linear,left top,right top,color-stop(10%,#fff),color-stop(90%,#f3f2f2));
background:-webkit-linear-gradient(left,#fff 10%,#f3f2f2 90%);
background:linear-gradient(to bottom,#fff 10%,#f3f2f2 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f2f2', GradientType=1)}
.entrust-code.spot{background: #f8f8f9;}
.entrust-text,.entrust-text-sort,.entrust-text-min{width: 640px; height: 38px; line-height: 38px; padding: 0 10px; border:1px solid #e8e8e8;}
.entrust-area{width: 640px; height: 144px; line-height: 38px; padding: 0 10px; border:1px solid #e8e8e8; resize: none;}
.entrust-text-sort{width: 280px;}
.entrust-text-min{width: 170px;}
.entrust-form-foot{}
.entrust-form-foot dl{float: left;}
.entrust-select{width: 110px; height: 38px; line-height: 38px; border:1px solid #e8e8e8; text-indent: 5px;}
.entrust-error{line-height: 24px; padding-left: 28px; color: #e93b3d; background: url(../images/ico_warning.png) no-repeat; margin: 10px 30px 0 110px;}
.entrust-foot{border-top: 1px solid #e8e8e8; /*padding: 20px 20px;*/ padding: 15px 20px; text-align: right; font-size: 16px;}
.entrust-foot a{display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; border-radius: 2px; margin-right: 20px; cursor: pointer;}
.entrust-foot a.redbg{background: #e93b3d; color: #fff;}

.popup-winbox{width: 520px; background: #fff; margin: 0 auto;}
.popup-win{padding: 35px 40px 40px; text-align: center;}
.pop-ico i{display: inline-block; width: 80px; height: 80px;}
.pop-ico i.i-win{background: url(../images/ico_popup.png) -90px 0 no-repeat;}
.pop-cue{margin-top: 10px; color: #9c9fa1;}
.pop-cue h2{line-height: 44px; font-size: 24px; color: #394043; margin-bottom: 15px;}

