﻿@charset "utf-8";

body{min-width: 1200px; overflow-x: auto;}
.container{width: 1200px; *zoom:1; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0;}
.width950-container{width: 950px;}
.img-cover{width: 100%; height: 100%;}


/*开启浏览器js样式*/
.open-js{width: 100%; height: 300px; background: #242629; text-align: center; border-bottom: 1px solid #333;}
.open-js .title{padding-top: 100px; font-size: 40px; color: #fff; line-height: 100px;}
.open-js .info{font-size: 18px; color: #999; line-height: 40px;}

/*清除分享功能的margin*/
.bdshare-button-style0-16 a{margin-top: 0;}

/*顶部导航条*/
.site-topbar{width: 100%; height: 40px; line-height: 40px; background: #242629; font-size: 14px; color: #999;}
.site-topbar a:hover,.site-topbar a:focus{color: #fff;}
.topbar-left{float: left;}
.topbar-right,.topbar-phone{float: right;}
.topbar-right a{float: right; color: #ddd;}
.topbar-phone span{color: #fff; font-weight: bold;}
.topbar-right .avatar{display: inline-block; height: 40px; line-height: 40px; overflow: hidden;}
.topbar-right .avatar img{margin-top: 5px; width: 30px; height: 30px; border-radius: 30px;}

.amap-touch-toolbar .amap-zoomcontrol{z-index: 60;}
.amap-maptypecontrol, .amap-overviewcontrol, .amap-scalecontrol, .amap-toolbar{z-index: 60;}

/*首页头部样式*/
.site-header{position: relative; z-index: 80; width: 100%; height: 70px; background: #fff;}
.site-header .container{position: relative;}
.site-header .header-logo{position: absolute; left: 0; top: 15px;}
.site-header .logo{display: block; width: 113px; height: 36px; text-indent: -999em; background: url("../images/logo.png") no-repeat;}

.sub-logo{height: 40px; line-height: 40px;}
.sub-logo a{display: block; height: 40px; line-height: 40px;}
.sub-logo span{display: inline-block; width: 50px; height: 25px; background: url("../images/sub-logo.png") no-repeat; background-size: contain; vertical-align: middle;}

.sub-logo em{font-style: normal; color: #ddd;}
.dropdown-place{position: relative;}
.dropdown-place div{line-height: 40px; cursor: pointer; color: #f98726;}
.dropdown-place div span{font-size: 14px; color: #f98726;}
.dropdown-place div span.result-city{font-size: 14px; color: #fff;}
.dropdown-place div i{vertical-align: text-top;}
.header-place{display: none; position: absolute; left: 50%; top: 20px; margin-left: -570px; z-index: 110; margin-top: 20px; border-radius: 4px;}
.header-place .main{padding: 0; width: 335px; background: #fff;}
.header-place .main .white-triangle-up{position: absolute; left: 20px; top: -7px;}
.header-place .main .dropdown-header{position: relative; padding: 0 15px; line-height: 40px; border-bottom: 1px solid #e7e7e7; font-size: 14px; font-weight: bold; color: #333;}
.header-place .dropdown-header span{position: absolute; right: 0; top: 0; width: 40px; text-align: center; cursor: pointer;}
.header-place .dropdown-body{padding: 0 15px;}
.header-place .dropdown-body p{margin-top: 20px; margin-bottom: 20px; line-height: 1.42857143;}
.header-place .place-items{padding-bottom: 12px;}
.header-place .place-items a{display: inline-block;  min-width: 90px; margin-right: 8px; margin-bottom: 8px; text-align: center; line-height: 28px; border: 2px solid #e8e8e8}
.header-place .place-items a:hover,.header-place .place-items a:focus{text-decoration: none; color: #425ce4; border: 2px solid #425ce4}
.header-place .place-items a.active{border: 2px solid #425ce4}
.header-place .white-triangle-up{border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #dadada;}

.logo-slogan{display: inline-block; margin-top: 8px; margin-left: 30px; width: 239px; height: 21px; background: url("../images/logo-slogan.png") no-repeat;}
.form-search{position: relative; height: 38px;}
.search-box{float: right; margin: 15px 15px 0 0;}
.search-box .form-input{float: left; padding: 0 15px; width: 215px; height: 35px; line-height: 35px; color: #333; border: 1px solid #e7e7e7;}
.search-box .form-input:focus{border: 1px solid #1768fe; border-radius: 0;}
.search-box .search-button{float: left; margin-left: -1px; width: 80px; height: 35px; line-height: 35px; text-align: center; border: none; background: #1768fe; color: #fff;}
.search-box .search-button:hover{text-decoration: none;}
.seclect-box{float: left; margin-right: -1px; width: 84px; height: 33px; line-height: 33px; border: 1px solid #e7e7e7;}
.seclect-box .seclect-result{padding-left: 15px; color: #333; cursor: pointer;}
.seclect-box .icon-arrow{margin-left: 3px; margin-top: -2px; width: 8px; height: 4px; background-position: -49px -84px;}
.seclect-box .seclect-result.active .icon-arrow{background-position: -59px -84px;}
.seclect-box ul{display: none; position: absolute; margin-left: -1px; width: 84px; background: #fff; border: 1px solid #e7e7e7;}
.seclect-box ul li{padding-left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer;}
.seclect-box ul li:first-child:hover{border-top: 1px solid #fff;}
.seclect-box ul li:last-child:hover{border-bottom: 1px solid #fff;}
.seclect-box ul li:hover{background: #f6f6f6; color: #2580f4; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}

/*顶部导航条*/
.header-nav{float: right; margin-right: -20px; height: 70px;}
.header-nav ul>li{float: left;}
.header-nav ul>li>a{display: block; position: relative; padding: 0 25px; font-size: 14px; color: #333; height: 70px; line-height: 70px;}
.header-nav ul>li>a i{display: none; margin: -11px auto 0;}
.header-nav ul>li.active>a i{display: block;}
.header-nav ul>li.active>a{color: #1768fe;}
.header-nav ul>li>a:hover{color: #1768fe;}

.nav-banner{position: relative; width: 100%; height: 525px; background: url("../images/banner-bg.jpg") no-repeat; overflow: hidden; z-index: 1;}
.main-box{position: relative; margin-top: 18px; width: 100%; height: 423px; background: #fff;}
.main-box .left-wrapper{float: left; width: 976px;}
.main-tab-box{position: relative; float: left; width: 100px; height: 423px; background: #2580f4;}
.main-tab-box .main-tab-items{position: relative; width: 100px; height: 140px; border-bottom: 1px solid #7cb3f8; z-index: 1; cursor: pointer;}
.main-tab-box .main-tab-items.bor-b-0{border-bottom: none;}
.loading-items{position: absolute; bottom: -105px; left: 0; width: 100px; height: 105px; background: #ccc;}
.main-tab-box .main-tab-items.active,.main-tab-box .main-tab-items.no-b-bottom{border-bottom: none;}
.main-tab-box .main-tab-items .icon-box,.loading-items .icon-box{position: absolute; left: 50%; top: 38px; margin-left: -18px; width: 36px; height: 36px; line-height: 36px; text-align: center; z-index: 2;}
.main-tab-box .main-tab-items .text,.loading-items .text{position: absolute; left: 50%; top: 73px; margin-left: -50px; width: 100px; font-size: 16px; text-align: center; color: #fff; z-index: 2;}
.main-tab-marker{position: absolute; left: -10px; top: 0; z-index: 0; width: 110px; height: 142px; background: #17b5fe;}
.main-tab-marker::after{position: absolute; left: 0; bottom: -20px; content: " "; display: block;  width: 0; height: 0; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #007bb4;}
.loading-items{background: #ccc; cursor: default;}
.loading-items .text{color: #999;}

.loading-items span{display: block; margin-top: 5px; font-size: 12px; color: #999;}
.main-tab-content{position: relative; padding: 12px 20px 20px; height: 388px; overflow: hidden;}
.main-tab-content .left-box{float: left; margin-right: 30px; width: 466px;}
.sub-tab-box .sub-tab-items{padding: 11px 10px; float: left; margin-right: 20px; cursor: pointer;}
.sub-tab-box .sub-tab-items.active,.sub-tab-box .sub-tab-items:hover{border-bottom: 3px solid #2580f4; color: #2580f4;}
.sub-tab-box .tab-header{border-bottom: 1px solid #ebf4fd;}
.sub-tab-content{padding: 20px 25px; height: 206px; background: #f7fbfe;}
.sub-tab-content .title{margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #000;}
.link-section{position: relative;}
.inline-group-box{position: relative;}
.inline-group-box .group-content{height: 50px;}
.inline-group-box .group-content a{display: inline-block; margin: 0 14px 10px 0;}
.inline-group-box .group-content a:last-child{margin-right: 0;}
.group-content .move span{margin-left: -15%;}
.group-content .other{margin-top: 10px;}
.group-content span{font-size: 12px; color: #666;}
.group-box{position: relative;}
.group-box li{float: left;}

.group-box li a{display: block; margin: 0 10px 0 15px; width: 50px; height: 10px; background: #ccc;}
.group-box li:hover a{background: #2580f4;}
.bottom-block a{display: block; margin-right: 40px; padding: 8px 38px; font-size: 14px; color: #fff; text-align: center; border-radius: 50px; background: #2580f4;}
.bottom-block .more{height: 31px; line-height: 31px; font-size: 14px; color: #666;}
.bottom-block .more label{color: #17b5fe; cursor: pointer;}
.main-tab-content .left-box .hot-link-box{width: 100%;}
.hot-link-box .hot-link{height: auto;}
.main-tab-content .left-box .hot-link-box .title{margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #333;}
.main-tab-content .left-box .hot-link-box a{display: inline-block; margin-right: 12px; margin-bottom: 10px; font-size: 14px; color: #333;}
.main-tab-content .right-box{float: left; width: 340px;}
.right-box .header-model{padding: 12px 0; border-bottom: 1px solid #ebf4fd;}
.right-box .header-model .title{padding-left: 10px; border-left: 4px solid #17b5fe; font-size: 16px; color: #2580f4;}
.main-tab-content .right-box-list dl{margin-bottom: 10px;}
.main-tab-content .right-box-list dl:last-child{margin-bottom: 0;}
.main-tab-content .right-box-list dt{line-height: 22px; font-size: 14px; color: #000;}
.main-tab-content .right-box-list dt .circle{display: inline-block; margin-right: 12px; margin-bottom: 2px; width: 5px; height: 5px; background: #000; border-radius: 100%;}
.main-tab-content .right-box-list dd{padding-left: 17px;}
.main-tab-content .right-box-list dd a{display: inline-block; padding-right: 10px; line-height: 22px; font-size: 13px; color: #666;}
.main-tab-content .right-box-list dd a:hover{color: #4395fa;}
.main-tab-content .right-box .full-box{position: absolute; right: 60px; bottom: 8px; width: 270px; height: 95px; cursor: pointer;}

.sub-block{margin-bottom: 17px; width: 100%; height: 70px; background: #fff; border-top: 1px solid #ebf4fd; overflow: hidden;}
.sub-block ul{overflow: hidden;}
.sub-block li{padding: 14px 0; width: 19.93%; float: left; border-right: 1px solid #eaeaea; text-align: center;}
.sub-block li.no-border{border-right: 0;}
.sub-block li .title{font-size: 14px; color: #333;}
.sub-block li .count{margin-top: 5px; height: 25px; line-height: 25px; font-size: 0;}
.sub-block li .number,.sub-block li .count .add,.sub-block li .unit{font-size: 20px; color: #ff7531;}




.nav-banner .right-nav{margin-left: 976px; z-index: 2; width: 244px;}
.nav-banner .right-nav .items{position: relative; display: block; overflow: hidden; width: 244px; height: 141px;}
.nav-banner .right-nav .items .img{width: 100%; height: 100%;}

/*banner左侧隐藏*/
.nav-hide-box{display: none; position: absolute; left: 0; top: 70px; padding: 24px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; width: 100%; background: #fff;}
.nav-hide-box .content{width: 970px; float: left;}
.nav-hide-box .content dl{width: 265px; float: left; margin-bottom: 0; margin-right: 25px;}
.nav-hide-box .content dl.center{width: 340px;}
.nav-hide-box dd{margin-bottom: 28px;}
.nav-hide-box dd:last-child{margin-bottom: 0;}
.nav-hide-box dt{margin-bottom: 5px; font-weight: 100;}
.nav-hide-box .dt-dd-inline{float: left; margin-right: 5px; margin-bottom: 0;}
.nav-hide-box dt i{margin-right: 5px; width: 3px; height: 3px; ;}
.nav-hide-box .text-orange i{background-position: -118px -76px;}
.nav-hide-box .text-blue i{background-position: -129px -76px;}
.nav-hide-box .content dd a{display: inline-block; padding: 0 7px; font-size: 12px; line-height: 18px; color: #666;}
.nav-hide-box .info{width: 220px; float: left;}
.nav-hide-box .info a{display: inline-block; margin-bottom: 15px; padding: 0; font-size: 12px; color: #1768fe;}
.nav-hide-box .info a img{width: 220px; height: 134px;}
.nav-hide-box .info a:last-child{float: right; color: #ff8400;}
.nav-hide-box .info a i{margin-right: 5px; vertical-align: 0;}

/*副导航带轮播*/
.sub-slide-box{margin: 40px 0; width: 100%; height: 200px;}
.sub-slide-box .left-info{float: left; width: 200px; height: 200px; z-index: 2; overflow: hidden; background: url(../images/left-info-bg.jpg) no-repeat;}
.sub-slide-box .left-info h4{margin-top: 70px; margin-left: 48px; font-weight: bold; color: #fff;}
.sub-slide-box .left-info .phone{margin-top: 28px; text-align: center; font-size: 18px; color: #fdffaa;}
.sub-slide-box .left-info a{display: block; margin-left: 66px; margin-top: 16px; width: 80px; height: 20px; font-size: 14px; color: #fff;}

/*活动轮播*/
.sub-slide{position: relative; float: left; margin-left: 20px; width: 1000px; height: 200px; overflow: hidden;}
.sub-slide .hd{z-index: 2;}
.sub-slide .prev,.sub-slide .next{display: none; position: absolute; top: 50%; margin-top: -24px; padding: 10px 5px; z-index: 3; background: rgba(0, 0, 0, 0.32); width: 16px; height: 27px; cursor: pointer;}
.sub-slide .hd .prev{left: 0;}
.sub-slide .hd .next{right: 0;}
.sub-slide:hover .prev,.sub-slide:hover .next{display: block;}
.sub-slide .hd ul{display: none; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; ;}
.sub-slide .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; ;}
.sub-slide .hd ul li a{display: block;}
.sub-slide .bd ul li a:after{position: absolute; left: 0; bottom: 0; content: " "; width: 320px; height: 100px; overflow: hidden; background: url("../images/list_bg_2.png") repeat-x; z-index: 1;}
.sub-slide .bd{width: 100%; height: 200px;}
.sub-slide .bd ul{zoom:1;}
.sub-slide .bd ul li{position: relative; width: 320px; margin-right: 20px; overflow: hidden;}
.sub-slide .bd ul li a{position: relative; display: block; height: 200px;}
.sub-slide .bd ul li .slide-label{position: absolute; right: 0; top: 20px; display: block; width: 85px; height: 21px; text-align: center; line-height: 21px; text-indent: 1em; font-size: 14px; color: #fff; background-position: -281px -185px;}
.sub-slide .bd ul li .title{position: absolute; left: 20px; bottom: 56px; display: block; width: 260px; height: 18px; line-height: 18px; font-size: 16px; color: #fff; overflow: hidden; z-index: 2; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.sub-slide .bd ul li .time{position: absolute; left: 20px; bottom: 10px; display: inline-block; width: 150px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; text-align: center; background-position: -496px -2px; z-index: 2;}
.sub-slide .bd ul li .tips{position: absolute; left: 20px; bottom: 35px; display: inline-block; width: 260px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; z-index: 2;}

/*模块*/
.main-wrap{width: 100%; min-height: 2500px; background: url(../images/main-wrap-bg.jpg) center top /cover no-repeat;}
.section-wrap{width: 100%;}
.section-wrap.info-bg{width: 100%; height: 415px; background: url(../images/info-bg.png) center center /cover no-repeat;}
.section-wrap .section-title{position: relative; zoom: 1; _zoom: 1;}
.section-wrap .section-title h2{float: left; margin-top: 20px; margin-left: 20px; width: 270px; height: 47px; background: url("../images/map-link-title.jpg") no-repeat; font-size: 24px; font-weight: bold; text-indent: -999em;}
.section-wrap .section-title .inline-link{float: right; margin-right: 30px;}
.section-wrap .section-title .inline-link a{display: inline-block; margin-left: 20px; padding: 0 20px; height: 26px; line-height: 26px; background: #fff; color: #333; text-align: center; border: 2px solid #f0f4fd; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
.section-wrap .section-title .inline-link a.active,.section-wrap .section-title .inline-link a:hover{background: #2585f6; color: #fff; border: 2px solid #f0f4fd;}
.main-wrap .left-body{float: left; padding-left: 20px; width: 270px; height: 506px; overflow: hidden;}
.main-wrap .left-body .sub-title{padding: 20px 0;}
.main-wrap .left-body .img-box{width: 100%; height: 320px; overflow: hidden;}
.main-wrap .left-body .img-box a{display: block; width: 100%; height: 320px;}
.main-wrap .left-body .icon-group{margin: 30px 0 10px; zoom: 1;}
.main-wrap .left-body .icon-group li{position: relative; float: left; margin: 0 15px 20px; width: 60px; height: 60px; background: #3d88fb; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
.main-wrap .left-body .icon-group a{display: block; width: 60px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center;}
.main-wrap .left-body .icon-group li a.active{line-height: 20px; margin-top: 8px;}
.main-wrap .left-body .icon-group-btn{margin: 0 auto; width: 240px;}
.main-wrap .left-body .icon-group-btn a{display: block; width: 240px; height: 45px; line-height: 45px; background: #17b5fe; text-align: center; font-size: 18px; color: #fff; -webkit-box-shadow: 0px 9px 36px -6px #17a1e1; -moz-box-shadow: 0px 9px 36px -6px #17a1e1; -ms-box-shadow: 0px 9px 36px -6px #17a1e1; -o-box-shadow: 0px 9px 36px -6px #17a1e1; box-shadow: 0px 9px 36px -6px #17a1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.main-wrap .sub-title .title{float: left; font-size: 18px;}
.main-wrap .sub-title .title-info{float: right; font-size: 18px; font-weight: bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1a173), to(#f77452)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main-wrap .left-body .list{width: 100%;}
.main-wrap .left-body .list li{margin-bottom: 5px; height: 30px; overflow: hidden;}
.main-wrap .left-body .list li.active{height: 131px; overflow: hidden;}
.main-wrap .left-body .list li .list-title{width: 100%; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.main-wrap .left-body .list li .list-title:hover{color: #4395fa;}
.main-wrap .left-body .list li .list-body{display: none; transition: all ease 1s;}
.main-wrap .left-body .list li.active .list-body{display: block; transition: all ease 1s;}
.main-wrap .left-body .list-body a{display: block; margin-bottom: 10px; padding: 5px 0 15px; width: 270px; height: 80px; border-bottom: 1px solid #e7e7e7;}
.main-wrap .left-body .list-body a .img{display: block; float: left; margin-right: 10px; width: 120px; height: 80px;}
.main-wrap .left-body .list-body a .text{position: relative; float: left; width: 140px; min-height: 80px; overflow: hidden; color: #333;}
.main-wrap .left-body .list-body a .text .title{width: 140px; overflow: hidden; height: 40px; line-height: 20px; font-size: 16px;}
.main-wrap .left-body .list-body a:hover .text .title{color: #4395fa;}
.main-wrap .left-body .list-body a .text .title-tips{position: absolute; left: 0; bottom: 0; display: block; width: 140px; height: 16px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.main-wrap .left-body .list-body a .text label{display: block; margin-bottom: 10px; font-size: 14px;}

.main-wrap .right-body{float: left; margin-left: 25px; padding-right: 0; width: 895px; height: 506px;}
.main-wrap .right-body .list-items{padding-top: 20px;}
.main-wrap .right-body .list-items.list-special{margin-top: -5px; padding-top: 0;}
.section-wrap .list-items{margin-left: -10px; width: auto;}
.section-wrap .list-items li{float: left; margin-bottom: 5px; padding: 5px; width: 216px; height: 235px; background: #fff; z-index: 1; overflow: visible;}
.section-wrap .list-items li:hover{z-index: 2;}
.section-wrap .list-items li h5{margin-bottom: 10px; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.section-wrap .list-items li h5 a:hover{color: #4395fa;}
.section-wrap .list-items li .info-label{margin-bottom: 10px; height: 15px;}
.section-wrap .list-items li .info-label label{display: block; margin-bottom: 10px; color: #333; height: 19px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-wrap .list-items li .info-type{color: #999; height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-wrap .list-items li .img-box{position: relative; margin-bottom: 15px; width: 215px; height: 144px; overflow: hidden;}
.section-wrap .list-items li .img-box a{display: block; width: 215px; height: 144px;}
.section-wrap .list-items li .img-box a:before{position: absolute; left: 0; top: 0; content: " "; width: 215px; height: 50px; background: url("../images/list_bg_1.png") repeat-x; z-index: 1;}
.section-wrap .list-items li .img-box img{width: 100%; height: 100%;}
.img-tips{position: absolute; right: 10px; top: 12px; font-size: 12px; color: #fff; z-index: 2;}
.img-tips i{margin-right: 5px;}
.info-section{position: relative;}
.info-section .left-section{width: 290px;}
.info-section .left-section,.info-section .center-section,.info-section .right-section{float: left; height: 310px; background: #fff; overflow: hidden; -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 16px rgba(0,0,0,0.1); -ms-box-shadow: 0 8px 16px rgba(0,0,0,0.1); -o-box-shadow: 0 8px 16px rgba(0,0,0,0.1); box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
.info-section .title{position: relative;}
.info-section .title h3{float: left; line-height: 40px; font-size: 18px; color: #333;}
.info-section .title .more{float: right; margin-right: 20px; margin-top: 10px; font-size: 14px; color: #4395fa;}
.info-section .title{padding-left: 20px; padding-top: 6px; padding-bottom: 4px; border-bottom: 1px solid #e7e7e7;}
.info-section .left-section .info-list{padding: 25px 25px 0;}
.info-section .info-list .info-header{position: relative; height: 80px;width: 100%; padding-bottom: 20px; border-bottom: 1px solid #e7e7e7;}
.info-section .info-list .info-header a{display: block; width: 100%; height: 100%;}
.info-section .info-header .img-box{display: block; float: left; width: 122px; height: 80px;}
.info-section .info-header .text-box{display: block; float: left; width: 100px; margin-left: 15px; font-size: 14px; height: 62px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.info-section .info-header .text-box .text{color: #333; text-align: justify; overflow: hidden;}
.info-section .info-header:hover .text{color: #4395fa;}
.info-section .info-header .time{position: absolute; right: 0; bottom: 20px; color: #999;}
.info-section .left-section li{position: relative;}
.info-section .left-section li a{display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.serial-number{display: inline-block; min-width: 17px; margin-right: 20px; color: #999;}
.serial-number.first{color: #fd5123;}
.serial-number.second{color: #fd7823;}
.serial-number.third{color: #fdb92c;}
.info-section .bg-animate{position: absolute; left: 0; bottom: -2px; width: 100%; height: 73px; overflow: hidden; z-index: 0;}
.bg-animate .bd ul{overflow: hidden; zoom: 1;}
.bg-animate .bd ul li{float: left; width: 100%; height: 73px; overflow: hidden; text-align:center;}
.info-section .left-section .info-list li{font-size: 14px; color: #333;}
.info-section li .art-link{width: 100%; height: 30px; line-height: 30px; font-size: 14px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.info-section li a:hover{color: #4395fa;}
.info-section .center-section{margin-left: 20px; width: 600px;}
.info-section .center-section .center-body{padding: 25px;}
.info-section .center-section li{position: relative;}
.info-section .center-section li .art-link{width: 396px;}
.info-section .center-section .art-label{position: absolute; right: 50px; top: 6px; padding: 1px 5px; max-width: 75px; height: 16px; line-height: 16px; background: #77ccd3; text-align: center; font-size: 12px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.info-section .center-section .art-label:hover{background: #55b6be;}
.info-section .center-section .time{position: absolute; right: 0; top: 9px; color: #999;}
.info-section .center-body{padding: 25px;}
.info-section .center-body li{padding-left: 20px;}
.info-section .center-body .tab-body .tab-block li:after{position: absolute; left: 0; top: 12px; width: 7px; height: 7px; content: " "; background: url(../images/icon.png) no-repeat; background-position: -183px -83px;}
.section-wrap .center-body .tab-header{border-bottom: 1px solid #ebf4fd;}
.section-wrap .tab-header li{float: left; padding: 0 17px; height: 35px; line-height: 35px; background: #fff; color: #333; font-size: 14px; text-align: center; cursor: pointer;}
.section-wrap .tab-header li.active,.section-wrap .tab-header li:hover{color: #fff; background: #1768fe;}
.section-wrap .tab-header li a{display: block;}
.section-wrap .tab-header li.active a,.section-wrap .tab-header li:hover a{color: #fff;}
.info-section .right-section{margin-left: 20px; width: 290px;}
.info-section .right-section .info-list{padding: 10px 20px 0 20px;}
.info-section .right-section li{position: relative;}
.info-section .right-section .art-link{width: 180px;}
.info-section .right-section .time{position: absolute; right: 0; top: 9px; color: #999;}

.section-wrap .section-header{position: relative; margin-bottom: 30px; padding-left: 20px;}
.section-wrap .section-header .section-title{float: left;}
.section-wrap .section-header h6{float: left; margin: 10px 0 0 15px; color: #333;}
.section-wrap .section-header .more{float: right; display: block; padding: 0 15px; height: 26px; line-height: 26px; background: #fff; font-size: 14px; color: #17b5fe; border: 2px solid #f0f4fd; border-radius: 30px;}
.section-wrap .section-header .more:hover{background: #1768fe; color: #fff; border: 2px solid #f0f4fd;}
.section-wrap .list-box{position: relative; padding-top: 20px; height: 560px; background: #fff; z-index: 1; 
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -o-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
.box-shadow{
	-webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    -o-box-shadow: 0 6px 16px rgba(0,0,0,0.1);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}
.section-wrap .list-box .list-line{position: absolute; left: 0; top: -15px; width: 290px; height: 15px; z-index: 1; background: #bdd9fc;}
.section-wrap .list-box .list-line.fixed-left{left: -15px; width: 15px; height: 290px;}
.section-wrap .list-box .list-tab-box{float: left; margin-left: 20px; width: 270px; border-bottom: 1px solid #e7e7e7;}
.section-wrap .list-box .select-box{float: right;}
.section-wrap .list-box .select-box select{float: left; margin-right: 20px; padding-left: 15px; width: 100px; height: 36px; font-size: 14px; color: #333; background: url(../images/select-arrow.png) no-repeat 86px 17px; cursor: pointer; outline: 0; border: none; -webkit-appearance: none; appearance: none;}

.section-wrap .list-box .select-box span{float: right; margin-right: 30px; display: inline-block; font-size: 14px; color: #fd983d; line-height: 36px; cursor: pointer;}
.section-wrap .list-box .select-box span:last-child{color: #2585f6;}
.list-section{position: relative;}
.list-section .container{z-index: 2;}

.list-section .section-body{position: relative;}
.list-section .list-bg{position: absolute; background: #f0f4fd; width: 1200px; height: 230px; z-index: 0;}
.list-section .list-bg.first-bg{left: -15px; top: -15px;}
.list-section .list-bg.second-bg{left: 15px; top: 215px;}
.list-section .list-bg.third-bg{left: -15px; top: 445px;}
.list-section .section-body ul{margin-left: -20px;}
.list-section .section-body li{position: relative; margin-left: 20px; margin-bottom: 30px; width: 290px; height: 332px; float: left; height: 200px; background: #fff; z-index: 1;}
.list-section .section-body .img-box{float: left; position: relative; width: 170px; height: 200px; overflow: hidden;}
.list-section .section-body .img-box a{display: block;}
.list-section .section-body .text a:hover{color: #4395fa;}
.list-section .section-body li:hover .bg-mask{opacity: 1;}
.list-section .section-body .bg-mask{display: block; position: absolute; left: 0; z-index: 2; opacity: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;
 	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.list-section .section-body .img-box .title{display: block; position: absolute; top: 20px; left: 50%; width: 160px; margin-left: -80px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    z-index: 3;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: all .35s ease-in-out;
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transition: all .35s ease-in-out;
}
.list-section .section-body li:hover .title{
    top: 30px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.list-section .section-body .img-box i{display: block; position: absolute; bottom: 60px; left: 50%; margin-left: -21px;
    z-index: 3;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.list-section .section-body li:hover i{
    bottom: 35px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.img-hover img{
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.img-hover:hover img{
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.list-section .section-body .img-box i{position: absolute; left: 50%; margin-left: -21px;}
.list-section .section-body .img-box img{width: 170px; height: 200px;}
.list-section .section-body .text{margin-left: 170px; padding: 20px 10px 0; box-sizing: border-box; height: 200px; border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.list-section .section-body .text a{display: block; line-height: 26px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.tab-section{z-index: 1;}
.tab-body .tab-block{display: none; transition: all ease 1s;}
.tab-body .tab-block.active{display: block; transition: all ease 1s;}
.section-wrap{z-index: 1;}
.section-wrap .main-header{margin-top: 20px;}
.section-wrap .main-title{margin-bottom: 15px; padding-top: 15px; position: relative;}
.section-wrap .center-info h2{width: 300px; margin: 0 auto;}
.section-wrap .center-info .right-info{position: absolute; right: 0; top: -5px;}
.section-wrap .main-title h2{float: left; padding-left: 10px; margin-top: 10px; border-left: 5px solid #1768fe;}
.section-wrap .main-title h2.center{float: none; text-align: center; border: none;}
.section-wrap .main-title h6{float: left; height: 40px; line-height: 40px; padding-top: 3px; padding-left: 15px; color: #666;}
.section-wrap .main-title h6.remove-pad-l{padding-left: 0;}
.section-wrap .main-title .right-info{float: right; padding-top: 30px;}
.section-wrap .main-title .right-info .open{cursor: pointer;}
.section-wrap .main-title .right-info i{ margin-top: -3px; margin-left: 2px;}
.main-header .left-info a{display: block; position: relative; left: 0; top: 0; overflow: hidden; color: #fff; z-index: 3; width: 230px; height: 160px;}
.main-header .left-info img{width: 100%; height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.main-header .left-info img:hover{-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);}
.main-header .left-info .text{position: absolute; top: 68px; left: 0; z-index: 4; width: 230px; text-align: center; font-size: 20px; color: #fff;}

/*面包屑*/
.breadcrumb{width: 100%; height: 40px; line-height: 40px; background: none;}
.breadcrumb .container{background: #fff; -webkit-box-shadow: 0 4px 14px #d1dafb; -moz-box-shadow: 0 4px 14px #d1dafb; -ms-box-shadow: 0 4px 14px #d1dafb; -o-box-shadow: 0 4px 14px #d1dafb; box-shadow: 0 4px 14px #d1dafb;}
.breadcrumb li{float: left;}
.breadcrumb a{font-size: 14px; color: #333;}
.breadcrumb a:hover{color: #4395fa;}
.breadcrumb a i{margin: -4px 10px 0 30px;}
.breadcrumb li>span{display: inline-block; margin: 0 10px;}

/*项目列表*/
.list-wrap{position: relative; width: 100%; background: url(../images/project-bg.jpg) #f4f5fa no-repeat;}
.list-wrap .list-header{position: relative; width: 100%;}
.list-wrap .list-header.list-header-bg{width: 100%;}
.list-content{width: 100%;}
.screen-box{width: 100%;}
.screen-box .container{background: #fff; -webkit-box-shadow: 0 4px 14px #d1dafb; -moz-box-shadow: 0 4px 14px #d1dafb; -ms-box-shadow: 0 4px 14px #d1dafb; -o-box-shadow: 0 4px 14px #d1dafb; box-shadow: 0 4px 14px #d1dafb;}
.screen-box .nav-attr{position: relative; padding: 25px 25px 0; font-size: 14px;}
.screen-box .attr-row{position: relative; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7;}
.screen-box .attr-row:last-child{border-bottom: none;}
.screen-box .attr-row .attr-key{position: absolute; display: block; padding-left: 5px; width: 110px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  word-break: keep-all;}
.screen-box .attr-row .attr-value{padding: 0 20px 0 110px; height: 35px; overflow: hidden;}
.screen-box .attr-row.active .attr-value{height: auto;}
.screen-box .attr-row .attr-value a{display: inline-block; margin: 0 26px 20px 0; color: #666;}
.screen-box .attr-row .attr-value a.active:hover{color: #2580f4;}
.screen-box .attr-row .attr-value a.active,.screen-box .attr-row .attr-value a:hover{color: #2580f4;}
.attr-tips{position: absolute; left: 50%; bottom: -26px; margin-left: -45px; width: 90px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #999; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; cursor: pointer; background: #fff;}
.attr-tips:hover,.attr-tips.active{color: #2580f4;}
.attr-tips i{margin-top: -3px; margin-left: 2px; width: 8px; height: 4px; background-position: -49px -84px; opacity: 0.5; filter: alpha(opacity=50);}
.attr-tips.active i,.attr-tips.active:hover i{background-position: -59px -92px;}
.attr-tips:hover i{background-position: -49px -92px;}
.screen-result{margin: 30px 0 20px; transition: all 2s ease;}
.screen-result .empty-data{text-align: center;}
.screen-result ul{margin-left: -10px;}
.screen-result li{position: relative; float: left; margin-bottom: 20px; margin-left: 10px; width: 290px; height: 410px; background: #fff; z-index: 1; overflow: hidden;
    -webkit-box-shadow: 0 3px 18px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 18px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 18px rgba(0,0,0,0.1);
    -o-box-shadow: 0 3px 18px rgba(0,0,0,0.1);
    box-shadow: 0 3px 18px rgba(0,0,0,0.1);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.arrow-more {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #dadada;
    width: 14px;
    height: 14px;
    background: #efefef;
    cursor: pointer;
}
.arrow-more:hover{
	border: 1px solid #2580f4;
    transition: all .2s linear;
}
.screen-box .attr-row.active .arrow-more:after {
	top: 64%;
    transition: all ease .3s;
    transform: translateY(-100%) scaleY(1) rotateZ(-226deg);
    -webkit-transform: translateY(-100%) scaleY(1) rotateZ(-226deg);
    -moz-transform: translateY(-100%) scaleY(1) rotateZ(-226deg);
    -ms-transform: translateY(-100%) scaleY(1) rotateZ(-226deg);
}
.arrow-more:after {
    position: absolute;
    right: 42.5%;
    top: 48%;
    margin-right: -2px;
    margin-top: 2px;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    border-left: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
    transition: all ease .3s;
    transform: translateY(-100%) scaleY(1) rotateZ(-45deg);
    -webkit-transform: translateY(-100%) scaleY(1) rotateZ(-45deg);
    -moz-transform: translateY(-100%) scaleY(1) rotateZ(-45deg);
    -ms-transform: translateY(-100%) scaleY(1) rotateZ(-45deg);
}
.arrow-more:hover:after,.screen-box .attr-row.active .arrow-more:hover:after{
    border-left: 1px solid #2580f4;
    border-bottom: 1px solid #2580f4;
}

ul.height-280 li{height: 280px;}
.screen-result li:hover{z-index: 2;}
.screen-result li .list-img{position: relative; width: 100%; height: 290px; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.screen-result li .list-img label{position: absolute; right: 0; bottom: 0; padding: 0 5px; width: auto; height: 25px; line-height: 25px; text-align: right; background: #e8464b; color: #fff; font-size: 18px;}
.screen-result .list-title{margin: 0 20px 15px; height: 20px; font-size: 18px; color: #333; overflow: hidden;}
.screen-result .list-title a{display: block; width: 250px; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; -webkit-box-orient: vertical;}
.screen-result .list-title a:hover,.screen-result li p a:hover{color: #4395fa;}
.screen-result .list-info{margin: 15px 20px 15px;}
.screen-result .list-info span{display: inline-block; height: 19px; line-height: 19px; font-size: 14px; color: #333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-result .label-info{margin-left: 20px; padding-right: 20px; height: 17px; overflow: hidden;}
.screen-result .label-info label{display: inline-block; margin-right: 10px; width: 250px; height: 15px; line-height: 15px; font-size: 14px; color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-result .thumb{z-index: 3; display: block; width: 210px; height: 210px; padding: 40px;}
.screen-result .thumb img{width: 100%; height: 210px; border: none;}
.screen-result li p{margin: 0 20px 16px;  color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-result .list-price{padding: 0 20px 0; color: #e53935;}
.screen-result .list-price label,.banner-block .label-item label{border-radius: 30px; margin-top: -2px; margin-bottom: 0; padding:5px 15px; background: #e53935; font-weight: 100; color: #fff;}
.screen-result .list-price label{float: right;}
.screen-result .list-price em{font-size: 18px; font-style: normal;}
.screen-result .list-price del{float: right; margin-top: 5px; color: #999; width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px;}
.screen-result .list-label{padding-left: 20px; padding-right: 13px;}


/*分页样式*/
.paging{position: relative; display: block;}
.paging .container{position: relative; background: #fff; border: 1px solid #e7e7e7; text-align: center;}
.paging ul{height: 45px; margin: 0 auto; text-align: center; background: #fff;}
.paging .previous,.paging .next-page{display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center;}
.paging li.page-active a{font-weight: bold; color: #007ebf;}
.paging .previous{float: left;}
.paging .previous i,.paging .next-page i{width: 10px; height: 16px;}
.paging .previous i{background-position: -89px -79px;}
.paging .next-page{position: absolute; right: 0; top: 0;}
.paging .next-page i{background-position: -102px -79px;}
.paging ul li{display: inline-block;}
.paging li a{display: block; padding: 14px 15px; font-size: 16px;}
.paging li a:hover{color: #000; background: #e7e7e7;}
.paging li a:focus{color: #000; text-decoration: none;}
.paging a.disabled{opacity: .5; cursor: not-allowed;}

/*项目详情页样式*/
.site-wrap{width: 100%; background: #f4f5fa url(../images/project-bg.jpg) no-repeat;}
.header-wrap{position: relative;}
.header-wrap .container{position: relative; background: #fff; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.1); -ms-box-shadow: 0 4px 16px rgba(0,0,0,0.1); -o-box-shadow: 0 4px 16px rgba(0,0,0,0.1); box-shadow: 0 4px 16px rgba(0,0,0,0.1);}
.header-wrap .img-box{position: relative; float: left; width: 610px; height: 510px;}
.header-wrap .img-box img{width: 100%; height: 100%;}
.header-wrap .content{float: left; position: relative; width: 480px; height: 510px; padding-bottom: 40px; box-sizing: border-box;}
.header-wrap .content h2{margin-bottom: 15px; max-height: 56px; line-height: 28px; font-size: 24px; font-weight: bold; color: #333; overflow: hidden;}
.header-wrap .content p{line-height: 22px;}
.header-wrap .content-fixed{position: absolute; right: -15px; top: 40px; z-index: 2; line-height: 60px; text-align: center; font-size: 16px; color: #fff;}
.header-wrap .label-header{margin-bottom: 20px; position: relative;}
.label-list{margin-bottom: 5px; padding-right: 40px;}
.label-list a{display: block; float: left; margin-right: 5px; padding: 0 5px; height: 24px; line-height: 24px; background: #84bdff; font-size: 14px; color: #fff;}
.header-wrap .text-box{width: 407px; border-bottom: 1px dashed #ddd;}
.header-wrap .text-scroll-y{margin-bottom: 10px; padding-right: 50px; width: 460px; height: 240px; border-radius: 6px; overflow-x: hidden; box-sizing: border-box;}
.header-wrap .text-scroll-y.height-110{height: 110px;}
.header-wrap .text-scroll-y::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.01); border-radius: 6px; background-color: #efefef;}
.header-wrap .text-scroll-y::-webkit-scrollbar{width: 5px; border-radius: 6px; background-color: #c4dbf5;}
.header-wrap .text-scroll-y::-webkit-scrollbar-thumb{border-radius: 6px; background-color: #c4dbf5;}
.header-wrap .bottom-group{position: absolute; left: 0; bottom: 50px;}
.header-wrap .bottom-group .bottom-btn{display: block; float: left; margin-right: 30px; width: 160px; height: 46px; line-height: 46px; background: #ffae00; color: #fff; text-align: center; font-size: 20px; cursor: pointer;}
.header-wrap .bottom-group .phone{float: left; line-height: 46px; font-size: 16px;}
.header-wrap .bottom-group .phone label{color: #333;}
.header-wrap .bottom-group .phone span{font-weight: bold; color: #fd9026;}
.header-wrap .text{line-height: 26px; color: #333;}
.header-wrap .text-list{overflow: hidden;}
.header-wrap .text-list.set-width li{width: 100%;}
.header-wrap .text-list ul{margin-bottom: 10px;}
.header-wrap .text-list li{margin-right: 2%; display: inline-block; width: 46%; line-height: 30px; font-size: 16px; vertical-align: top;}
.header-wrap .text-list p{line-height: 26px; font-size: 14px;}
.site-wrap .art-box{width: 100%;}
.site-wrap .art-box .container{border: 1px solid #e7e7e7; background: #fff;}
.art-header{padding-left: 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #e7e7e7;}
.art-header h3{float: left; font-size: 18px; line-height: 50px;}
.art-header i{margin-top: -30px; margin-left: 5px;}
.article-area{padding: 20px;}
.article-area .empty{padding: 25px; font-size: 16px; color: #999;}
.article-area p{line-height: 30px;font-size: 16px!important;}
.article-area p,.article-area span{font-size: 16px!important; line-height: 40px!important;}
.article-area a{margin: 0 4px!important;; color: #4395fa!important;}


/*产业服务详情*/
.header-wrap .price{margin-top: 20px; margin-bottom: 70px; width: 100%; height: 50px; line-height: 50px; background: url("../images/industry-content-02.jpg") no-repeat; color: #999;}
.header-wrap .content .price.on{margin-bottom: 0;}
.header-wrap .price span{padding-right: 20px; padding-left: 15px; border-right: 1px solid #cac4c4;}
.banner-block .price{padding-right: 0; margin-bottom: 0;}
.header-wrap .content em{color: #c40000; font-style: normal; font-size: 16px;}
.header-wrap .content del{padding-left: 20px;}
.header-wrap .content em.active{font-weight: bold; font-size: 24px;}
.header-wrap .content .label-list label{margin-bottom: 5px; height: 24px; line-height: 24px;}
.header-wrap .content .label-list{padding-right: 0; max-height: 87px; overflow: hidden;}
.icon-group-big{margin: 0 auto; text-align: center; width: 828px;}
.icon-group-big .col{float: left; text-align: center; width: 276px;}
.icon-group-big .col h4{margin-top: 20px; margin-bottom: 10px; color: #000;}
.icon-group-big .col p{margin-bottom: 40px; line-height: 18px;}

.service-flow3,.service-flow5,.service-flow6{background: #f4f5fa;}
.service-flow3 .container, 
.faqs .container, 
.service-flow5 .container, 
.service-flow6 .container, 
.service-flow6 .container .triangle{position: absolute; left: -1px; top: -1px;}
.service-flow5 li{width: 120px;}
.service-flow5 li.active{width: 70px; padding-top: 20px;}
.service-flow6 li{width: 126px;}
.service-flow6 li.active{width: 60px; padding-top: 20px;}
/*问题*/
.faqs{background: #f4f5fa;}
.faqs .container{border: 1px solid #e7e7e7;}
.faqs .title,.parameter .title{position: relative; padding: 0 13px 15px; color: #ee3d41; border-bottom: 1px solid #e7e7e7;}
.faqs .title h3{font-size: 16px; float: left;}
.faqs .title.remove-border-b{border-bottom: none;}
.faqs .title i{margin: -13px 0 0 5px;}
.faqs ul{padding: 0 15px 15px;}
.faqs li{padding-top: 15px;}
.faqs li .subtitle{margin-bottom: 5px; color: #000;}
.faqs li p{line-height: 26px;}
.faqs li .right-text{width: 1150px; padding-left: 50px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7;}
.faqs li:last-child .right-text{padding-bottom: 0; border: none;}
.faqs .left-icon{float: left; width: 50px;}
.faqs .left-icon i{font-size: 16px; color: #fff; line-height: 34px; font-style:normal ;text-align: center;}

/* 关于我们 、联系我们、服务条款、帮助中心*/
.ppus-banner{width: 100%; height: 280px; background: url('../images/us-banner.jpg') no-repeat center 0; overflow: hidden;}
.ppus-title{padding: 20px 0;}
.ppus-title h2{position: relative; font-size: 24px; color: #333;}
.ppus-title h2 i{margin-top: -30px; margin-left: 5px;}
.ppus-body article .text{ padding-bottom: 60px;}
.ppus-body article .imgs{padding-bottom: 10px;}
.ppus-body article .text h6{margin-bottom: 30px; color: #1768fe;}
.ppus-body article .text p{margin-bottom: 30px; line-height: 35px; color: #333;}
.ppus-body .faqs ul{padding: 0;}
.ppus-body article .text .faqs h6{color: #000; margin-bottom: 6px;}
.ppus-body article .text .faqs p{margin-bottom: 0; font-size: 12px;}
.ppus-body article .text .faqs p span{color: #ee3d41;}
.ppus-body article .text .faqs li:first-child{padding-top: 10px;}
.ppus-body article .text .faqs li{padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.ppus-body article .text .faqs li .right-text{border: none; padding-bottom: 0;}
.ppus-info{padding: 35px 0 45px;}
.ppus-info li{float: left; margin-right: 40px; font-size: 14px; color: #333;}
.ppus-info li i{margin-right: 10px;}
.ppus-floor-bar{position: absolute; left: 50%; top: 400px; z-index: 10; margin-left: -610px; width: 180px; background: #fff; border: 1px solid #e7e7e7; float: left;}
.ppus-floor-bar.active{position: fixed; top: 0; left: 50%; margin-left: -610px;}
.ppus-floor-bar li .icon-triangle-left2{float: right; display: none; margin-top: 5px;}
.ppus-floor-bar li a:hover .icon-triangle-left2,.ppus-floor-bar .active .icon-triangle-left2{display: block;}
.ppus-floor-bar li a{display: block; position: relative; padding: 20px 15px; font-size: 14px; color: #000; border-bottom: 1px solid #e7e7e7;}
.ppus-floor-bar a.active,.ppus-floor-bar li a:hover,.ppus-floor-bar li a:focus{color: #fff; text-decoration: none;background: #0157b9; }
.ppus-floor-bar li:last-child a{border-bottom: none;}
.ppus-floor-bar .icon-me,.ppus-floor-bar .icon-telephone5,.ppus-floor-bar .icon-menu2,.ppus-floor-bar .icon-ques{margin-right: 8px; vertical-align: sub;}
.ppus-floor-bar a:hover .icon-me,.ppus-floor-bar .active .icon-me,.ppus-floor-bar .active:hover .icon-me{background-position: -399px -68px;}
.ppus-floor-bar a:hover .icon-telephone5,.ppus-floor-bar .active .icon-telephone5,.ppus-floor-bar .active:hover .icon-telephone5{background-position: -421px -68px; vertical-align: sub;}
.ppus-floor-bar a:hover .icon-menu2,.ppus-floor-bar .active .icon-menu2,.ppus-floor-bar .active:hover .icon-menu2{background-position: -442px -68px; vertical-align: sub;}
.ppus-floor-bar a:hover .icon-ques,.ppus-floor-bar .active .icon-ques,.ppus-floor-bar .active:hover .icon-ques{background-position: -464px -68px; vertical-align: sub;}

.list-wrap .nav-tab{}
.list-wrap .nav-tab .container{}
.list-wrap .nav-tab .tab-title{position: relative;}
.list-wrap .nav-tab .tab-body{padding: 0 15px;}
.list-wrap .nav-tab .tab-title a{position: relative; display: block; font-size: 14px; padding: 7px 15px; text-align: center; background: #fff; border: 1px solid #fff; color: #666;}
.list-wrap .nav-tab .tab-title a:hover{background: #1768fe; color: #fff;}
.list-wrap .nav-tab .tab-title li.active a:after{position: absolute; left: 50%; margin-left: -6px; bottom: -7px; content: " "; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1768fe;}
.list-wrap .nav-tab ul li{position: relative; float: left; margin-right: 10px;}
.list-wrap .nav-tab ul li:hover .blue-triangle-down,.list-wrap .nav-tab ul li.active .blue-triangle-down
{display: block;}
.list-wrap .nav-tab .right-btn{position: absolute; right: 0; top: 0;}
.list-wrap .nav-tab .right-btn a{border: 1px solid #1768fe; border-radius: 5px; background: #1768fe; color: #fff;}
.list-wrap .nav-tab .right-btn a:hover{text-decoration: none; background: #fff; border: 1px solid #1768fe; color: #1768fe;}
.list-wrap .nav-tab ul li.right{float: right; margin-right: 0;}
.list-wrap .nav-tab ul li a{color: #666; border: 1px solid #1768fe; border-radius: 5px;}
.list-wrap .nav-tab ul li:hover a{text-decoration: none; background: #fff; border: 1px solid #1768fe; color: #fff;}
.list-wrap .nav-tab ul li.active a{background: #1768fe; color: #fff; border: 1px solid #1768fe;}
.list-wrap .nav-tab .tab-body .items{display: none;}
.list-wrap .nav-tab .tab-body .items.active{display: block;}
.list-wrap .nav-tab .tab-body h1{font-size: 28px; line-height: 40px; margin-bottom: 7px;}
.list-wrap .nav-tab .describe{padding: 60px 0 0 140px;}
.list-wrap .nav-tab .describe .btn{margin-top: 20px; background: #558df0; color: #fff; text-align: center; font-size: 18px;}
.list-wrap .nav-tab .describe .btn i{margin-left: 5px;}
.list-wrap .nav-tab.nav-tab-full .container{padding: 20px 13px 0;}
.list-wrap .nav-tab .container.remove-pad{padding: 0;}
.list-wrap .nav-tab .container.less-7-t{padding-top: 7px;}

/*载体详情页*/
.label-top{margin-bottom: 5px; height: 30px; overflow: hidden;}
.label-bottom{height: 60px; overflow: hidden;}
.label-top label{border: 1px solid #558df0; border-radius: 30px; padding: 5px 15px; margin-right: 5px; margin-bottom: 5px; background: #fff;  color: #558df0; font-weight: 100;}
.label-bottom label{border: 1px solid #999; border-radius: 5px; padding: 5px 15px; background: #fff;  margin-right: 5px; margin-bottom: 5px; color: #000; font-weight: 100;}
.tab-banner-bg{width: 100%; height: 260px; z-index: 1;}
.banner-block{padding: 25px 10px;}
.banner-block .content{position: relative; width: 400px; height: 330px; padding: 0; margin: 0 30px;}
.banner-block .label-item{}
.banner-block .label-item label{margin-right: 10px;}
.banner-block .price{padding-right: 0; margin-bottom: 0;}
.banner-block .content .message{margin-top: 25px; margin-bottom: 25px;}
.banner-block .message li{float: left; width: 200px; margin-bottom: 10px;}
.banner-block .message li .text-red{color: #ee3d41; font-size: 12px;}
.banner-block .message li .text-blue{color: #2579ef; font-size: 12px;}
.banner-block .message li span{display: inline-block; padding-right: 15px; margin-right: 15px; text-align: right; width: 80px; border-right: 1px solid #e7e7e7;}
.banner-block .content .bottom-group{position: absolute; left: 0; bottom: 0;}
.banner-block .price li{float: left; margin-right: 15px; color: #999;}
.banner-block .price li em{color: #333;}
.banner-block .price li.active em,.banner-block .price li.active .bold-red{color: #ee3d41;}
.banner-block .price li .bold-red{font-size: 18px;}
.banner-block .price li .on{font-size: 12px;}
.banner-block .price li:last-child{margin-right: 0;}
.banner-block .price li span{font-size: 16px; padding-right: 15px; padding-left: 5px;}
.map-anchor{float: left; width: 220px; height: 330px; z-index: 10; border: 1px solid #e7e7e7;}
.map-anchor>a{display: block; position: relative; width: 220px; height: 330px; z-index: 100;}
.map-anchor>a .omask-blue{display: none; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(18,142,247,.23);}
.map-anchor>a .text{display: none; position: absolute; left: 50%; top: 50%; margin-left: -80px; z-index: 2; width: 160px; height: 30px; line-height: 30px; color: #2579ef; text-align: center; background: #fff; border-radius: 5px;}
.map-anchor>a:hover .omask-blue,.map-anchor>a:hover .text{display: block;}

.amap-logo img{display: none;}
.mfp-counter{position: relative; text-align: center;}
.main-content{background: #f4f5fa;}
.main-content .left-wrap{float: left; width: 925px;}
.main-content .right-wrap{float: left; z-index: 70; margin-left: -1px; padding: 10px; width: 296px; background: #fff; box-sizing: border-box; border: 1px solid #e7e7e7;}
.main-content .right-wrap .code{width: 170px; float: left; margin-right: 18px;}
.main-content .left-wrap .faqs{border: 1px solid #e7e7e7;}
.right-wrap.active{position: fixed; right: 50%; top: -20px; margin-top: 20px; margin-right: -610px;}
.map-box{position: relative; border: 1px solid #e7e7e7;}
.map-box .map-nav{padding: 10px 15px; background: #fff; border-top: 1px solid #e7e7e7;}
.map-box .map-nav .info{float: left; width: 130px; height: 80px; line-height: 80px; font-size: 18px; color: #333; border-right: 1px solid #e7e7e7;}
.map-box .map-nav ul{float: left; margin-top: 10px; margin-left: 60px;}
.map-box .map-nav li{float: left; text-align: center;}
.map-box .map-nav li a{display: block; padding: 0 20px;}
.map-box .map-nav li a span{display: block;}
.map-box .map-nav li:hover p{color: #ee3d41; text-decoration: none; outline: 0;}
.map-box .map-nav li p{text-decoration: none;}
.map-box .map-nav li.active p{color: #ee3d41;}
.map-box .map-body{width: 100%; height: 460px;}

/*载体详细页轮播弹出*/
label.text-green{background: #83c44e;}
label.text-red{background: #e53935;}
label.text-blue{background: #1f7ff2;}
.label-body h6{margin-bottom: 10px; color: #1768ed;}
.header-slide{position: relative; float: left; width: 490px; height: 330px; overflow: hidden;}
.header-slide .bd{position: relative; height: 100%; z-index:0;}
.header-slide .bd li{zoom: 1; vertical-align: middle;}
.header-slide .bd li a{display: block; width: 490px; height: 330px;}
.header-slide .bd img{width: 100%; height: 100%;}
.header-slide .prev,.header-slide .next{display: none; position: absolute; top: 50%; margin-top: -30px; padding: 10px 5px; z-index: 3; background: rgba(0, 0, 0, 0.7); width: 20px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;}
.header-slide .prev{left: 0;}
.header-slide .next{right: 0;}
.header-slide:hover .prev,.header-slide:hover .next{display: block;}

.magnific-modal{position: fixed; left: 0; top: -100%; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.95); z-index: 1000;}
.magnific-modal .magnific-close{position: absolute; right: 40px; top: 40px; z-index: 1002; cursor: pointer;}
.magnific-modal .hd{position: absolute; left: 50%; margin-left: -50px; bottom: 30px; background: rgba(3, 5, 8, 0.78); border-radius: 30px; width: 100px; height: 30px; line-height: 30px; text-align: center;}
.magnific-modal .hd .text{display: inline-block; margin-right: 5px; font-size: 14px; color: #fff;}
.magnific-modal .prev,.magnific-modal .next{position: absolute; top: 50%; margin-top: -40px; background: rgba(0, 0, 0, 0.7); width: 40px; height: 80px; line-height: 80px; text-align: center; cursor: pointer; z-index: 1001;}
.magnific-modal .prev{left: 5%;}
.magnific-modal .next{right: 5%;}
.magnific-modal .hd .pageState{display: inline-block; font-size: 14px; color: #fff;}
.magnific-modal .hd .prev,.magnific-modal .hd .next{display:block; width:5px; height:9px; float:right; margin-right: 5px; margin-top: 10px; overflow: hidden;
	 cursor:pointer; background:url("images/arrow.png") no-repeat;}
.magnific-modal .hd .next{ background-position:0 -50px;  }
.magnific-modal .bd{position: absolute; top: 12%; width: 100%; height: 76%; z-index: 100;}
.magnific-modal .tempWrap{position: relative; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; z-index: 100;}
.magnific-modal .bd ul{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.magnific-modal .bd ul li{position: relative; margin: 0 auto; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center;}
.magnific-modal .bd ul li .pic{margin: 0 auto; width: 70%; text-align: center;}
.magnific-modal .bd ul li .pic img{max-width: 100%;}
.magnific-modal .bd ul li .pic a:hover img{border-color: #999;}

.right-wrap .verification-code .btn{width: 90px; font-size: 12px;}
.error-tips{margin:  5px 0; color: red;}
.right-wrap .error-tips{padding: 0;}
.right-wrap .modal-title h3{margin: 5px 0;}
.right-wrap .submit-btn{padding: 0;}
.right-wrap .phone{margin: 20px 0 10px;}
.right-wrap .phone .icon{float: left; margin-right: 15px;}
.right-wrap .phone .text{float: left;}
.right-wrap .modal-body h3{color: #333;}
.right-wrap .phone h2{margin: 10px 0; font-size: 28px; color: #2579ef; font-weight: 600;}
.parameter{position: relative; margin-bottom: 40px; background: #fff; border: 1px solid #e7e7e7;}
.parameter-list ul{padding: 10px 10px 10px 20px;}
.parameter-list li{float: left;}
.parameter .items-rows li{float: left;}
.parameter .items-rows.line li{float: left;}
.parameter .items-rows label{float: left; margin-right: 15px; padding-right: 15px; width: 100px;  line-height: 20px; font-weight: 400; color: #a9764c; padding-right: 10px; border-right: 1px solid #e7e7e7;}
.parameter .items-rows .items{float: left; width: 200px; line-height: 20px;}
.parameter .items-rows li.width-760 .items{width: 760px;}
.parameter .items-rows.line .items{float: left; width: auto;}
.items-rows .items span{padding-right: 10px;}
.items-rows .items span.text-gray{color: #999;}
.parameter .ul-toggle{display: none;}
.parameter .open-toggle{position: absolute; left: 50%; bottom: -22px; margin-left: -50px; display: block; width: 100px; background: #fff; border: 1px solid #e7e7e7;}
.parameter .open-toggle a{display: block; height: 20px; line-height: 20px; text-align: center;}
.parameter .open-toggle a:hover,.parameter .open-toggle a:focus{text-decoration: none;}
.parameter .open-toggle span{margin-right: 5px;}
.parameter .open-toggle a i{width: 8px; height: 4px; background-position: -49px -84px;}
.parameter .open-toggle.active a i{background-position: -59px -84px;}

.amap-container{cursor: default; width: 100%; height: 100%;}
.map-result-wrap{position: absolute; left: 30px; top: 30px; z-index: 1000; width: 190px; height: 400px;}
.map-result-wrap h4{color: #666; font-size: 12px;}
.map-result-wrap .map-reset-title{margin-bottom: 10px; padding: 10px 13px; border-radius: 5px; background: #fff; cursor: pointer;}
.map-result-wrap .map-reset-title.active h4,.map-result-wrap .map-reset-title:hover h4{color: #128ef7;}
.map-result-wrap .map-reset-title i{margin-right: 13px;}
.map-result-body{padding: 5px; background: #fff; width: 190px; max-height: 350px; height: 350px; min-height: 350px; overflow-y: scroll;}
.map-result-body::-webkit-scrollbar{width:0px;}
.map-result-body li{margin-bottom: 5px; padding: 10px 10px 10px 38px;}
.map-result-body li.active{background: #f6f6f6;}
.map-result-body li.active .name{color: #128ef7;}
.map-result-body li .name{position: relative; margin-bottom: 5px; color: #666;}
.map-result-body li .text{line-height: 15px;}
.map-result-body li:hover .name{color: #128ef7;}
.map-result-body li .name span,.map-result-body li.active .name span{position: absolute; left: -30px; display: inline-block; width: 18px; height: 18px; line-height: 18px; color: #fff; border-radius: 30px; text-align: center; background: #128ef7;}
.marker{display: inline-block; width: 18px; height: 18px; line-height: 18px; color: #fff; border-radius: 30px; text-align: center; background: #128ef7;}
.map-result-body li:hover,.map-result-wrap .map-reset-title:hover{cursor: pointer; background: #f6f6f6;}
.map-result-wrap li p{line-height: 17px; color: #999;}
.map-box .info-tips{position: relative; width: 160px; border-radius: 5px; padding: 10px; background: #fff; text-align: center;}
.map-box .info-tips p{color: #128ef7; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; ;}
.map-box .trarow{position: absolute; left: 20px; top: -8px; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff;}
.map-details{background: #fff; border: 1px solid #e7e7e7;}
#panel {position: absolute; left: 30px; top: 30px; z-index: 100; width: 190px; height: 400px;}
.map-result-body {padding: 5px; background: #fff; width: 180px; max-height: 350px; height: 350px; min-height: 350px; overflow-y: scroll;}

/*404、500*/
.error-404,.error-500{position: relative; width: 100%; height: 554px; background: url("../images/404.jpg") no-repeat center 0 #222a4b;}
.error-500{background: url("../images/500.jpg") no-repeat center 0 #222a4b;}
.error-404 .content,.error-500 .content{position: absolute; left: 50%; top: 277px; width: 250px; margin-left: -100px;}
.error-404 .countd-down,.error-500 .countd-down{margin-bottom: 25px;}
.error-404 .countd-down p,.error-500 .countd-down p{color: #999; font-size: 14px; line-height: 20px;}
.error-404 .countd-down p span,.error-500 .countd-down p span{color: #3d64ce; margin-right: 5px;}

/*弹窗样式*/
.modal-box{display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,.5);}
.modal-box .modal-wrap,.modal-wrap{position: fixed; left: 50%; top: 50%; z-index: 210; width: 460px; margin-top: -300px; margin-left: -230px; background: #fff;}
.modal-box .modal-container,.modal-container{position: relative; border: 0; padding-top: 35px; background: #fff; overflow: hidden; box-shadow: none;}
.modal-box .modal-header,.modal-header{text-align: center; margin-bottom: 30px; padding: 0; border-bottom: none;}
.modal-box .modal-header h3,.modal-header h3{margin-bottom: 15px; color: #2579ef; font-size: 24px;}
.modal-box .close-btn,.close-btn{display: block; cursor: pointer; position: absolute; right: 15px; top: 15px; background: none; border: none; outline: none; z-index: 10001;}
.modal-box input,.right-wrap input{padding: 0 20px; width: 100%; height: 40px; line-height: 40px; font-size: 16px;}
.modal-box .form-group{margin-bottom: 10px;}
.modal-box .tel,.modal-box .name{padding: 0 80px;}
.modal-box .submit-btn,.error-tips,.submit-btn{position: relative; padding: 0 85px;}
.modal-box .submit-btn .icon-arrow8,.error-tips .icon-arrow8,.submit-btn .icon-arrow8{position: absolute; left: 250px; top: 26px;}
.modal-box .submit-btn input,.submit-btn .know,.submit-btn input,.right-wrap .submit-btn input{width: 100%; margin-top: 10px; padding: 0; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #2579ef; opacity: 1; cursor: pointer;}
.modal-box .submit-btn a i,.right-wrap .submit-btn a i{margin-left: 10px;}
.modal-box .modal-footer{text-align: center; border-top: none;}
.modal-footer{position: relative;}
.modal-footer .telephone{margin: 10px 85px 30px; line-height: 30px;}
.modal-footer .telephone label{float: left;}
.modal-footer .telephone strong{float: left; font-size: 28px; color: #2579ef;}
.finish-img{margin: 30px auto; -webkit-animation: scaleChange 1s ease; -moz-animation: scaleChange 1s ease; -ms-animation: scaleChange 1s ease; -o-animation: scaleChange 1s ease; animation: scaleChange 1s ease; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); text-align: center; overflow: hidden;}
@-webkit-keyframes scaleChange{
	from{margin-top: 150px; -webkit-transform: scale(.2); -moz-transform: scale(.2); -o-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2);}
;}
@-moz-keyframes scaleChange{
	from{margin-top: 150px; -webkit-transform: scale(.2); -moz-transform: scale(.2); -o-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2);}
;}
@-ms-keyframes scaleChange{
	from{margin-top: 150px; -webkit-transform: scale(.2); -moz-transform: scale(.2); -o-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2);}
;}
@-o-keyframes scaleChange{
	from{margin-top: 150px; -webkit-transform: scale(.2); -moz-transform: scale(.2); -o-transform: scale(.2); -ms-transform: scale(.2); transform: scale(.2);}
;}


/*右侧导航样式*/
.floor-bar-right .icon-box{position: absolute; bottom: 50px; left: 0;}
.floor-bar-right .icon-box .code{position: absolute; left: 0; top: -50px;}
.floor-bar-right .code a{display: block; width: 35px; height: 35px; line-height: 35px; text-align: center;}
.floor-bar-right .code i{width: 17px; height: 17px; background-position: -90px -57px;}
.floor-bar-right .code:hover .code-bg{display: block;}
.floor-bar-right .code-bg{display: none; position: absolute; bottom: -27px; left: -187px; padding: 20px;}
.floor-bar-right .code-content{padding-top: 26px; width: 157px; height: 187px; text-align: center; color: #fff; background: url("../images/index-qrcode-bg.png") no-repeat;}
.floor-bar-right .code img{width: 100px; height: 100px; margin-bottom: 5px;}
.floor-bar-right .code p{line-height: 18px;}


/*右下角联系我们*/
.site-contact{position: fixed; right: 20px; bottom: 20px; z-index: 999;}
.site-contact .img-box{float: left; margin-right: 5px; width: 120px; height: 48px; cursor: pointer;}
.site-contact .items{position: relative; float: left; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #dfdfdf; border-radius: 4px; cursor: pointer;}
.site-contact .items:hover{background: #17a1e6;}
.site-contact .items:hover .icon-telephone3{background-position: -29px -30px;}
.site-contact .items:hover .icon-chat1{background-position: -156px -55px;}
.site-contact .items .items-phone-show{position: absolute; right: -52px; top: -90px; display: none; padding: 10px; width: 140px; height: 60px; line-height: 20px; text-align: center; background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; cursor: default;}
.site-contact .items .items-phone-show em{font-style: normal; font-size: 12px;}
.site-contact .items-phone-show .icon-bottom-arrow{position: absolute; right: 50%; bottom: -5px; margin-right: -7px;}
.site-contact .items .items-wx-show{position: absolute; right: 0; top: -150px; display: none; padding: 10px; height: 120px; text-align: center; background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; cursor: default;}
.site-contact .items:hover .items-wx-show,.site-contact .items:hover .items-phone-show{display: block;}
.site-contact .items .title{display: block; line-height: 1.4;}
.site-contact .items-wx-show img{width: 100px; height: 100px;}
.site-contact .items-wx-show .icon-bottom-arrow{position: absolute; right: 20px; bottom: -5px;}

/*底部样式*/
.site-footer{padding-top: 25px; padding-bottom: 45px; background: #242629;}
.site-footer .top-box{margin-bottom: 25px; font-size: 14px;}
.site-footer .download-app{float: left;}
.site-footer .app{float: left; margin-right: 20px;}
.site-footer .info{float: left; position: relative; padding-top: 5px;}
.site-footer .info .iphone,.site-footer .info .android{position: relative; display: inline-block; margin-right: 5px;}
.site-footer .info .android{display: none;}
.site-footer .info a:hover{color: #fff;}
.site-footer .iphone span,.site-footer .android span{display: none; position: absolute; left: -92px; top: -172px; padding: 20px; width: 100px; height: 100px; text-align: center; background: #fff; color: #333; border: 1px solid #ddd; z-index: 10;}
.site-footer .android span{left: -6px; top: -172px;}
.site-footer .download-app span{font-size: 12px;}
.site-footer .iphone:hover span,.site-footer .android:hover span{display: block; text-align: center; color: #666;}
.site-footer .info .all{margin-top: 10px; width: 102px;}
.site-footer .chat{float: right; position: relative;}
.site-footer .chat img{display: none; position: absolute; left: -157px; top: -207px; padding: 20px; background: #fff; z-index: 10; width: 140px; height: 140px; background: #fff; border: 1px solid #ddd; z-index: 10;}
.site-footer .chat:hover img{display: block;}
.site-footer .bottom-box p{margin-top: 20px; color: #999;}
.site-footer .bottom-box ul li{float: left; margin-right: 30px;}
.site-footer a{color: #999;}
.site-footer .bottom-box a:hover{color: #fff;}
.footer-tab{border-bottom: 1px solid #343338; background: #242629;}
.footer-tab a{color: #999;}
.footer-tab a:hover{color: #fff;}
.footer-tab .tab-header{margin-bottom: 20px;}
.footer-tab .tab-header li{float: left; margin-right: 10px; padding: 8px 20px; font-size: 16px; color: #999; text-align: center; background: #121212; cursor: pointer;}
.footer-tab .tab-header li.active{color: #fff; background: #364242;}
.friendship-link a{display: inline-block; margin-right: 20px; margin-bottom: 10px;}


/*左侧导航栏*/
.floor-bar-left{display: none; position: fixed; left: 50%; top: 20%; z-index: 10; margin-left: -675px; width: 50px;}
.floor-bar-left li:first-child{background: #1768fe; line-height: 50px; color: #fff; line-height: 50px;}
.floor-bar-left li:first-child a{padding: 0;}
.floor-bar-left li:first-child:hover{border-bottom: none;}
.floor-bar-left li .icon-arrow5{margin-top: 10px; margin-bottom: 5px;}
.floor-bar-left li{margin-bottom: 5px; background: #fff; width: 50px; height: 50px;}
.floor-bar-left li span{display: block; line-height: 18px;}
.floor-bar-left li.current a,.floor-bar-left li.current:hover a{border-bottom: 1px solid #1768fe;}
.floor-bar-left li:first-child a{color: #fff; border: none;}
.floor-bar-left li:last-child .return-top{border: 1px solid #e7e7e7;}
.floor-bar-left li a{display: block; margin: -1px; width: 100%; padding: 6px 0; text-align: center; border: 1px solid #e7e7e7;}
.floor-bar-left .return-top{margin: -1px; width: 100%; text-align: center; cursor: pointer;}

/*右边导航栏*/
.floor-bar-right{position: fixed; right: 0; top: 0; display: none; z-index:199; width: 70px; height: 100%; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s;}
.floor-bar-right .icon-froup{position: fixed; margin-left: 35px; width: 35px; height: 100%; background: #fff; box-shadow: -3px 5px 5px rgba(0,0,0,.15); -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s;}
.floor-bar-right .icon-froup.active{margin-left: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s;}
.floor-bar-right ul{margin-top: 130px;}
.floor-bar-right ul li{position: relative; margin-bottom: 15px;}
.floor-bar-right ul li a{display: block; text-align: center; width: 35px; height: 35px; line-height: 35px;}
.floor-bar-right ul li a:hover{background: #008eff;}
.floor-tel i{width: 20px; height: 20px; background-position: -53px -30px;}
.floor-tel:hover i{background-position: -29px -30px;}
.floor-tel .tel{display: none; position: absolute; right: 45px; top: 0; width: 150px; height: 35px; line-height: 35px; background: #111; text-align: center; font-size: 16px; font-weight: bold; color: #fff;}
.floor-tel span{display: none; position: absolute; right: 40px; top: 10px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #111; border-bottom: 5px solid transparent;}
.floor-tel:hover span,.floor-tel:hover .tel{display: block;}
.floor-qq i{width: 20px; height: 20px; background-position: -120px -29px;}
.floor-qq:hover i{background-position: -98px -29px;}
.floor-chat i{width: 23px; height: 23px; background-position: -142px -28px;}
.floor-chat:hover i{background-position: -156px -55px;}
.floor-chat:hover .chat-code{display: block;}
.floor-chat .chat-code{display: none; position: absolute; right: 50px; top: -30px;}
.floor-weibo i{width: 23px; height: 23px; background-position: -5px -55px;}
.floor-weibo:hover i{background-position: -62px -55px;}
.floor-bar-right .return-top{display: none; position: absolute; left: 0; top: -10px; width: 35px; height: 35px; text-align: center; font-size: 10px; color: #666; cursor: pointer;}
.floor-bar-right .return-top:hover{font-weight: bold; color: #000;}
.floor-bar-right .return-top:hover i{border-bottom: 5px solid #000;}
.floor-bar-right .return-top i{display: block; margin: 3px auto; width: 0; height: 0; border-bottom: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.floor-bar-right-mask{display: none; position: absolute; left: 0; top: 0; width: 35px; height: 100%; background: rgba(0,0,0,0); z-index: 100;}
.flash-tarrow{position: absolute; right: 0; top: 50%; width: 35px; height: 35px; background: rgba(0,0,0,0.5); cursor: pointer;}
.flash-tarrow i{position: relative; right: 0; top: 2px; animation: flash-tarrow .8s alternate ease-in-out infinite; z-index: 99;}
@-webkit-keyframes flash-tarrow{
    from{right: -10px;}
    to{right: -5px;}
}
@-moz-keyframes flash-tarrow{
    from{right: -10px;}
    to{right: -5px;}
}
@-ms-keyframes flash-tarrow{
    from{right: -10px;}
    to{right: -5px;}
}
@-o-keyframes flash-tarrow{
    from{right: -10px;}
    to{right: -5px;}
}
@keyframes flash-tarrow{
    from{right: -10px;}
    to{right: -5px;}
}
@media screen and (max-width: 1920px) {
    .lantern-left-transform,.lantern-right-transform{display: block;}
}
@media screen and (max-width: 1440px) {
    .lantern-left-transform,.lantern-right-transform{display: none;}
}
@media screen and (max-width: 1360px) {
    .floor-bar-left{display: none; opacity: 0;}
    .lantern-left-transform,.lantern-right-transform{display: none;}
}
@media screen and (max-width: 1280px) {
    .floor-bar-right{right: -35px;}
    .floor-bar-right:hover .floor-bar-right-mask{display: none;}
    .floor-bar-right:hover .icon-froup{margin-left: 0;}
    .floor-bar-right .icon-froup{margin-left: 35px;}
    .floor-bar-right .floor-bar-right-mask{display: block;}
}

/*快报列表*/
.column-container{padding-bottom: 50px; width: 100%;}
.column-left{float: left; margin-right: 20px;  width: 890px;}
.column-left .box-header{margin-bottom: 30px;}
.column-left .box-header h2{margin-bottom: 20px; font-size: 28px; color: #333;}
.column-left .box-header{font-size: 16px; color: #666;}
.column-left .title-message{position: relative; margin-bottom: 25px;}
.column-left .share{padding-left: 20px; height: 36px; cursor: pointer;}
.column-left .share:hover{color: #4395fa;}
.column-left .title-tips{padding: 10px 15px; line-height: 26px; background: #edeef0; font-size: 14px;}
.column-left .article-area{margin-bottom: 30px; padding-bottom: 15px; font-size: 16px; line-height: 30px; border-bottom: 1px solid #e7e7e7;}
.column-left .article-area>span{margin-bottom: 15px;}
.column-left .article-area img{max-width: 100%;}
.column-left .art-box{padding: 50px 25px 10px; width: 840px; background: #fff;}
.column-left .box-link{width: 100%;}
.column-left .box-link p{margin-bottom: 30px;}
.column-left .box-link p a{font-size: 14px;}
.column-left .paging ul{width: 750px;}
.column-left .paging .container{padding-bottom: 0; width: 890px;}

.column-left .art-items{width: 100%; background: #fff;}
.column-left .art-items li{padding: 20px 25px; border-bottom: 1px solid #e7e7e7;}
.column-left .art-items .img-box{display: inline-block; margin-right: 20px; width: 180px; height: 120px; overflow: hidden;}
.column-left .art-items .content-box{display: inline-block; width: 635px; height: 120px; vertical-align: top;}
.column-left .art-header{background: #fff;}
.column-left .art-header .selsct-box{padding-right: 20px;}
.column-left .art-header .selsct-box input{vertical-align: middle;}
.column-left .content-header{height: 40px; line-height: 40px; overflow: hidden;}
.column-left .content-header h2{float: left; margin-right: 10px;}
.column-left .content-header h2 a{display: inline-block; max-width: 400px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; color: #333;}
.column-left .content-header h2 a:hover,.column-left .content-info a:hover{color: #4395fa;}
.column-left .content-info{margin-bottom: 15px; height: 47px; overflow: hidden; text-align: justify;}
.column-left .content-info a{font-size: 14px; color: #333; line-height: 26px; overflow: hidden;}
.column-left .content-other{position: relative;}
.column-left .share-box{position: absolute; right: -2px; top: 38px; display: none; width: 128px; background: #fff; border: 1px solid #e7e7e7; border-radius: 2px; z-index: 10;}
.column-left .share-box ul{}
.column-left .share-box ul li{position: relative; padding: 0; height: 40px; line-height: 40px; cursor: pointer; border: none;}
.column-left .share-box ul li:hover{color: #2580f4;}
.column-left .share-box ul li a{display: block; width: 100%; height: 40px; line-height: 40px;}
.column-left .share-box ul li i{margin-left: 20px; margin-right: 10px;}
.column-left .share-img-box{position: absolute; right: 128px; top: 0; display: none; padding: 10px; line-height: 1; background: #fff; text-align: center; border-top: 1px solid #f0f0f5; z-index: 10;}
.column-left .share-img-box p{font-size: 12px; color: #333;}
.column-left .share-box li:hover .share-img-box{display: block;}
.column-left .share-box ul li:first-child .share-img-box{top: -1px;}
.column-left .share-box ul li .link-input{position: absolute; right: 126px; top: 0; display: none; padding: 5px; width: 360px; height: 30px; line-height: 30px; background: #fff;}
.column-left .share-box ul li .link-input input{padding: 0 10px; width: 100%; height: 30px; line-height: 30px; background: #f6f6f6; border: none;}
.column-left .share-box ul li:hover .link-input{display: block;}
.column-left .label-list{margin-bottom: 0; width: 500px; height: 20px; overflow: hidden;}
.column-left .paging{background: #fff;}
.column-right{float: right; width: 290px;}
.column-right .column-block{margin-bottom: 20px; background: #fff;}
.column-right .column-block:last-child{margin-bottom: 0;}
.column-right .column-block .img-box{width: 100%; height: 130px; overflow: hidden;}
.column-right .column-block .bottom-info{font-size: 30px; font-weight: bold; color: #fd983d;}
.column-right .column-block .bottom-info i{margin-right: 10px; vertical-align: top;}
.column-right .column-block .title-box{padding: 0 20px; height: 50px; line-height: 50px; font-size: 18px;}
.column-right .column-block .title-box h3{float: left;}
.column-right .column-block .title-box span{float: right; color: #fd983d;}

.column-right .header-box{height: 193px; overflow: hidden; background: url(../images/interim/header-box.jpg) no-repeat;}
.column-right .header-box a{display: block; position: relative; width: 250px; height: 193px;}
.column-right .header-box a img{position: absolute; left: 0; top: 0; z-index: 1; border-top: 1px solid #e7e7e7;}
.column-right .header-box .info-box{position: absolute; left: 0; bottom: 0; padding: 13px 20px; z-index: 2; width: 250px; height: 40px; line-height: 20px; background: rgba(0, 0, 0, 0.4);}
.column-right .icon-left{display: block; float: left; margin-right: 10px; text-align: center; width: 20px; height: 22px; line-height: 22px;}
.column-right .icon-left i{width: 20px; height: 22px; line-height: 26px; color: #fff; font-style: normal;}
.column-right .text{float: left; width: 166px; height: 40px; overflow: hidden; font-size: 14px; color: #fff;}
.column-right .list-block li a:hover .text{color: #4395fa;}
.column-right .tips{float: left; margin-top: 20px; margin-left: 20px; font-size: 12px; color: #fff; background: none;}

.column-right .list-block{padding: 0 20px;}
.column-right .list-block li{border-bottom: 1px solid #e7e7e7;}
.column-right .list-block li .text{color: #333; text-align: justify;}
.column-right .list-block li .tips{color: #999;}
.column-right .list-block li .li-items{display: block; padding: 15px 0; font-size: 14px; line-height: 20px;}
.column-right .list-block li i{background-position: -203px -154px; font-size: 12px;}
.column-right .list-block li.first i{background-position: -203px -127px;}
.column-right .list-block li.second i{background-position: -180px -154px;}

/*销售页*/
.img-wrap{margin: auto; width: 100%;}
.img-wrap ul>li{position: relative; width: 100%;}
.img-wrap ul>li img{width: 100%; height: 100%;}
.img-wrap.win ul li.first{height: 449px; background: url("../images/sales/sales_win_1.jpg") center center no-repeat;}
.img-wrap.win ul li.second{height: 687px; background: url("../images/sales/sales_win_2.jpg") center center no-repeat;}
.img-wrap.win ul li.third{height: 1164px; background: url("../images/sales/sales_win_3.jpg") center center no-repeat;}
.img-wrap.win ul li.fourth{height: 1200px; background: url("../images/sales/sales_win_4.jpg") center center no-repeat;}
.img-wrap.win ul li.fifth{height: 1565px; background: url("../images/sales/sales_win_5.jpg") center center no-repeat;}
.img-wrap.win ul li.fifth{height: 707px; background: url("../images/sales/sales_win_6.jpg") center center no-repeat;}
.img-wrap.gis ul li.first{height: 449px; background: url("../images/sales/sales_gis_1.jpg") center center no-repeat;}
.img-wrap.gis ul li.second{height: 629px; background: url("../images/sales/sales_gis_2.jpg") center center no-repeat;}
.img-wrap.gis ul li.third{height: 2269px; background: url("../images/sales/sales_gis_3.jpg") center center no-repeat;}
.img-wrap.gis ul li.fourth{height: 911px; background: url("../images/sales/sales_gis_4.jpg") center center no-repeat;}
.img-wrap.ipm ul li.first{height: 450px; background: url("../images/sales/sales_ipm_1.jpg") center center no-repeat;}
.img-wrap.ipm ul li.second{height: 1036px; background: url("../images/sales/sales_ipm_2.jpg") center center no-repeat;}
.img-wrap.ipm ul li.third{height: 787px; background: url("../images/sales/sales_ipm_3.jpg") center center no-repeat;}
.img-wrap.ipm ul li.fourth{height: 282px; background: url("../images/sales/sales_ipm_4.jpg") center center no-repeat;}
.img-wrap.ipm ul li.fifth{height: 682px; background: url("../images/sales/sales_ipm_5.jpg") center center no-repeat;}
.img-wrap.ipm .list-hover{position: absolute; left: 50%; top: 50%; margin-left: -610px; margin-top: -240px;}
.img-wrap.ipm .list-hover ul{margin-left: -20px;}
.img-wrap.ipm .list-hover .list-item{position: relative; float: left; margin-left: 20px; padding: 40px 20px 20px; width: 250px; height: 410px; background: #fff; border-radius: 4px; text-align: center; line-height: 28px; overflow: hidden; cursor: default;}
.img-wrap.ipm .list-hover .list-item .content{position: relative; z-index: 2;}
.img-wrap.ipm .list-hover .list-item h2{margin-top: 30px; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #f98726;}
.img-wrap.ipm .list-hover .list-item .line{display: block; margin: 0 auto 10px; width: 30px; height: 2px; background: #e0e0e0;}
.img-wrap.ipm .list-hover .list-item .text{text-align: left; z-index: 1;}
.img-wrap.ipm .list-hover .list-item .bg{position: absolute; left: 0; bottom: -472px; display: block; width: 290px; height: 470px; background: #F98726; z-index: 1; transition: all ease .3s;}
.img-wrap.ipm .list-hover .list-item:hover .icon-big-win{background-position: -516px -154px;}
.img-wrap.ipm .list-hover .list-item:hover .icon-big-ipm{background-position: -515px -91px;}
.img-wrap.ipm .list-hover .list-item:hover .icon-big-map{background-position: -660px -154px;}
.img-wrap.ipm .list-hover .list-item:hover .icon-big-chat{background-position: -653px -90px;}
.img-wrap.ipm .list-hover .list-item:hover{color: #fff;}
.img-wrap.ipm .list-hover .list-item:hover h2{color: #fff;}
.img-wrap.ipm .list-hover .list-item:hover .bg{bottom: 0;}
.img-wrap.thinktank ul li.first{height: 449px; background: url("../images/sales/sales-hvzhao_1.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.second{height: 753px; background: url("../images/sales/sales-hvzhao_2.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.third{height: 768px; background: url("../images/sales/sales-hvzhao_3.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.fourth{height: 625px; background: url("../images/sales/sales-hvzhao_4.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.fifth{height: 613px; background: url("../images/sales/sales-hvzhao_5.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.sixth{height: 642px; background: url("../images/sales/sales-hvzhao_6.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.seventh{height: 538px; background: url("../images/sales/sales-hvzhao_7.jpg") center center no-repeat;}
.img-wrap.thinktank ul li.fourth .article-box{margin: 0 auto; padding-top: 110px; width: 1195px;}
.img-wrap.thinktank ul li.fourth .article-items{float: left; margin-left: 26px; padding: 30px 25px 25px; width: 320px; height: 390px; background: #fff; border: 1px solid #eaeaea; overflow: hidden;
	-webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    -o-box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.img-wrap.thinktank ul li.fourth .article-items .title{margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #2580f4;}
.img-wrap.thinktank ul li.fourth .article-items p{line-height: 26px; font-size: 14px; color: #666;}
.article-items .mCSB_inside>.mCSB_container,.map-result-body .mCSB_inside>.mCSB_container{margin-right: 3px;}
.article-items .mCSB_scrollTools,.map-result-body .mCSB_scrollTools{right: -7px;}
.article-items .mCSB_scrollTools .mCSB_draggerContainer,.map-result-body .mCSB_scrollTools .mCSB_draggerContainer
{left: auto; right: 5px; width: 5px;}
.article-items .mCSB_scrollTools,.map-result-body .mCSB_scrollTools{width: 5px;}
.article-items .mCSB_scrollTools .mCSB_draggerRail,.map-result-body .mCSB_scrollTools .mCSB_draggerRail{width: 5px;}
.article-items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.map-result-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{width: 5px; background: #0099FF; opacity: 1; alpha(opacity=100); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.article-items:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.map-result-body:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #0099FF;}
.article-items .mCSB_scrollTools .mCSB_draggerRail,.map-result-body .mCSB_scrollTools .mCSB_draggerRail{background: #eaeaea;}

.map-result-body .mCSB_draggerContainer{display: none;}
.map-result-body:hover .mCSB_draggerContainer{display: block;}

.thinktank-slide{position: relative; height: 122px;}
.thinktank-slide .hd{z-index: 2;}
.thinktank-slide .prev,.thinktank-slide .next{position: absolute; top: 50%; margin-top: -24px; width: 40px; height: 40px; line-height: 40px; background: #fff; border-radius: 200px; z-index: 3; border: 1px solid #eaeaea; cursor: pointer; text-align: center;}
.thinktank-slide .prev:hover, .thinktank-slide .next:hover{border: 1px solid #1768fe; background: #fff;}
.thinktank-slide .hd .prev{left: -65px;}
.thinktank-slide .hd .next{right: -65px;}
.thinktank-slide .icon-prev{width: 8px; height: 14px; background-position: -134px -80px;}
.thinktank-slide .icon-next{width: 8px; height: 14px; background-position: -145px -80px;}
.thinktank-slide .hd ul{display: none; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; ;}
.thinktank-slide .hd ul li{ float: left;  width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; ;}
.thinktank-slide .hd ul li a{display: block;}
.thinktank-slide .bd ul li a:after{position: absolute; left: 0; bottom: 0; content: " "; width: 226px; height: 118px; border: 1px solid #e9f2fe; overflow: hidden; background: url("../images/list_bg_2.png") repeat-x; z-index: 1;}
.thinktank-slide .bd{width: 100%; height: 122px; overflow: hidden;}
.thinktank-slide .bd ul{zoom:1;}
.thinktank-slide .bd ul li{position: relative; width: 226px; margin-right: 20px; height: 120px; overflow: hidden; border: 1px solid #e9f2fe;}
.img-wrap .hover-section{margin: 0 auto; padding-top: 250px; width: 1200px; height: 140px;}
.img-wrap .hover-section .hover-box{margin-left: -20px;}
.img-wrap .hover-section .hover-items{position: relative; float: left; margin-left: 20px; background: #fff; width: 226px; height: 138px; border: 1px solid #e9f2fe; overflow: hidden;}
.img-wrap .hover-section .hover-items .text-box{position: absolute; left: 0; top: 0; padding: 30px; width: 168px; height: 78px; font-size: 16px; z-index: 2; background: #fff;}
.img-wrap .hover-section .hover-items .img-box{position: absolute; bottom: 0; left: 50%; margin-left: -86px; width: 173px; height: 0; z-index: 1; text-align: center; transition: all ease 1s;}
.img-wrap .hover-section .title{margin-bottom: 15px; color: #f98726; font-weight: bold;}
.img-wrap .hover-section p{line-height: 26px; color: #333;}
.img-wrap .hover-section .hover-items:hover{overflow: visible;}
.img-wrap .hover-section .hover-items:hover .img-box{bottom: 136px; left: 50%; margin-left: -86px; height: auto; z-index: 2; transition: all ease 1s;}
.img-wrap .hover-section .hover-items:hover .text-box{background: #2580f4; color: #fff; transition: all ease .8s;}
.img-wrap .hover-section .hover-items:hover .text-box .title{color: #fff;}
.img-wrap .hover-section .hover-items:hover .text-box p{color: #fff;}

.img-wrap.cooperation ul li.first{height: 449px; background: url("../images/sales/sales-cooperation_1.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.second{height: 733px; background: url("../images/sales/sales-cooperation_2.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.third{height: 489px; background: url("../images/sales/sales-cooperation_3.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.fourth{height: 1123px; background: url("../images/sales/sales-cooperation_4.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.fifth{height: 724px; background: url("../images/sales/sales-cooperation_5.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.sixth{height: 813px; background: url("../images/sales/sales-cooperation_6.jpg") center center no-repeat;}
.img-wrap.cooperation ul li.seventh{height: 876px; background: url("../images/sales/sales-cooperation_7.jpg") center center no-repeat;}
.img-wrap.cooperation .hover-section .hover-items{height: 200px;}
.img-wrap.cooperation .hover-section .hover-items .text-box{width: 168px; height: 140px;}
.img-wrap.cooperation .hover-section .hover-items .title{width: 180px;}
.contact-wrap{position: relative; height: 920px; background: url("../images/sales/contact.jpg") center center no-repeat;}
.contact-wrap .contact-img{position: absolute; right: 50%; bottom: 270px; margin-right: -538px;}
.contact-wrap .contact-box{position: absolute; right: 50%; bottom: 117px; margin-right: -535px; width: 410px; height: 150px;}
.contact-wrap .contact-box .text{margin-bottom: 8px; font-size: 16px; line-height: 28px;}
.contact-wrap .contact-box .text .name{font-weight: bold; color: #f98726;}

/*收藏*/
.collect-box{cursor: pointer;}
.collect-box.border{display: inline-block; min-width: 114px; height: 46px; padding: 12px 15px; text-align: center; border: 1px solid #eaeaea; box-sizing: border-box;}
.collect-box i.icon-collect{vertical-align: top;}
.collect-box.active i.icon-collect{background-position: -139px -100px;}
.fixed-tips{position: fixed; left: 50%; top: 5%; z-index: 10000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.fixed-tips .tips-box{padding: 0 20px; width: 260px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #3a8cf5; border-radius: 4px;}


/*个人中心*/
.col-main{position: relative;}
.col-menu-wrap{float: left; width: 290px; background: #fff;}
.col-menu-wrap .block .title{padding-left: 25px; height: 60px; line-height: 60px; font-size: 18px; color: #fff; background: #2562e6;}
.col-menu-wrap .block li{border-bottom: 1px solid #eaeaea;}
.col-menu-wrap .block li:last-child{border-bottom: 0;}
.col-menu-wrap .block li a{display: block; padding-left: 25px; height: 60px; line-height: 60px; font-size: 16px;}
.col-menu-wrap .block li.active a{color: #2562e6;}
.col-list-wrap{float: left; margin-left: 20px; width: 890px;}
.col-list-wrap .col-list-header{padding-left: 20px; height: 60px; line-height: 60px; font-size: 18px; color: #333; background: #fff; border-bottom: 1px solid #eaeaea;}
.col-list-wrap .col-list-content{margin-bottom: 20px; padding: 20px 20px 0; background: #fff;}
.col-list-wrap .list-content-header{padding: 0 40px 0 20px; height: 40px; line-height: 40px; font-size: 16px; background: #edeef0;}
.col-list-wrap .col-list{margin-bottom: 20px;}
.col-list-wrap .col-list>li{position: relative; padding: 20px 0; min-height: 120px; border-bottom: 1px solid #eaeaea;}
.col-list-wrap .col-list>li:last-child{border-bottom: none;}
.col-list-wrap .col-list>li .img-box{position: absolute; left: 0; top: 20px; width: 180px; height: 120px; overflow: hidden;}
.col-list-wrap .col-list>li .img-box a{display: block;}
.col-list-wrap .col-list>li .img-box a img{width: 100%; height: 100%;}
.col-list-wrap .col-list>li .title{margin-bottom: 5px;}
.col-list-wrap .col-list>li .title a{font-size: 18px; height: 40px; line-height: 40px; overflow: hidden;}
.col-list-wrap .col-content{padding-left: 200px; padding-right: 120px; line-height: 26px;}
.col-list-wrap .col-list>li .content .text{margin-bottom: 5px; height: 50px; overflow: hidden;}
.col-list-wrap .col-list>li .content .label-list{margin-bottom: 0; height: 20px; overflow: hidden;}
.col-list-wrap.block-group{min-height: 545px; background: #fff;}
.col-list-wrap.block-group .col-list>li{min-height: 80px; border-bottom: 1px solid #eaeaea;}
.col-list-wrap.block-group .col-list>li .img-box{left: 30px; width: 80px; height: 80px; line-height: 80px; text-align: center; background: #518eeb; border-radius: 50px;}
.col-list-wrap.block-group .col-content{padding-left: 150px;}
.content-items-box{max-width: 440px;}
.content-items-box .items{float: left; width: 220px;}
.content-items-box .items>span{display: inline-block; width: 130px; height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content-items-box .items.width-auto{margin-bottom: 0; width: 440px; height: 20px;}
.content-items-box .items.width-auto span{width: 400px;}

.col-list-wrap.block-group .right-fixed{top: 50px;}
.col-list-wrap.block-group .right-fixed a{color: #1768fe;}
.col-list-wrap .right-fixed{position: absolute; right: 40px; top: 80px; font-size: 14px; color: #666; cursor: pointer;}
.col-list-wrap .right-fixed:hover{color: #2562e6;}
.col-list-wrap .paging .container{width: 890px;}

/*登录注册*/
.slide-checkbox {
    position: relative;
    cursor: pointer;
}
.slide-checkbox label{
	padding-right: 5px;
}
.slide-radio input, .slide-checkbox input {
    position: absolute;
    opacity: 0;
}
.slide-checkbox.active .icon-slide-checkbox {
    background-position: -168px -6px;
}

.slide-checkbox .icon-slide-checkbox {
    /*position: absolute;
    left: 0;
    top: 2px;
    margin-right: 5px;*/
}


/*编辑个人资料*/
.input-area{
	float: left;
}
.input-area .m-form{
	padding-left: 0;
	padding-top: 0;
}
.input-area .m-form label{
	width: 80px;
}
.input-area .m-form .m-form-group.login-error,.input-area .m-form-nolabel{
	margin: 0 0 0 100px;
}
.input-area .m-select-group select{
	padding-top: 15px;
    padding-bottom: 15px;
    width: 325px;
    height: 50px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0 2em 0 1em;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    color: #333;
    transition: border 200ms;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
    cursor: pointer;
    background: url(../images/select-arrow.png) no-repeat 300px 23px;
}
.input-area .m-select-group select:focus{
	border: 1px solid #508de8;
}
.input-area .m-select-group.col-3 select{
	float: left;
	margin-right: 14px;
    width: 99px;
    background: url(../images/select-arrow.png) no-repeat 80px 23px;
}
.img-upfile{
	position: relative;
	margin-top: 20px;
	margin-left: 100px;
	border-left: 1px solid #eaeaea;
}
.img-upfile .avatar{
	margin: 0 auto;
	padding: 50px 60px 25px 80px;
	width: 180px;
	height: 180px;
	text-align: center;
}
.img-upfile .avatar img{
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}
.img-upfile .pop-photo-btn{
	margin-left: 80px;
	width: 180px;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.img-upfile .preview-img{
    position: absolute;
    left: 80px;
    bottom: -3px;
	width: 180px;
	height: 30px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1;
}

/*返回顶部*/
.to-top{
	position: fixed;
	right: -50px;
	bottom: 73px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #dfdfdf;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.to-top i{
	width: 8px;
	height: 4px;
	background-position: -59px -84px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.to-top:hover i{
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.to-top.active{
	right: 20px;
	-moz-transform: scale(1) rotate(-360deg) translate(0px);
	-ms-transform: scale(1) rotate(-360deg) translate(0px);
	-o-transform: scale(1) rotate(-360deg) translate(0px);
	-webkit-transform: scale(1) rotate(-360deg) translate(0px);
	transform: scale(1) rotate(-360deg) translate(0px);
}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{
	margin-top: 2px!important;
}
