﻿/* 公共样式开始 */
html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,li{ padding:0; margin:0; }
ul,ol,ul li,ol li{ list-style: none; }
body {
    font-family: "微软雅黑", "宋体";
    font-size: 16px;
    min-width: 1180px;
    color:#333;
}

.east-body {
    background: #f8f8f8;
}

textarea {
    resize: none;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.clearfix {
    zoom: 1
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #000;
    text-decoration: none;
}

/* 公共样式结束 */
.header {
    height: 88px;
    position: absolute;
    width: 100%;
    z-index: 10002;
    top: 0;
    background: url(../Images/headbg.png) repeat;
}

.header_top {
    position: relative;
    z-index: 10;
    width: 1180px;
    margin: 0 auto;
    text-align: left;
    height: 30px;
}

.logo {
    float: left;
    padding-top: 10px;
}

.h-right {
    float: right;
    padding-top: 10px;
}

.h-right ul {
    display: inline;
    padding-right: 5px;
    line-height: 24px;
}

.h-right li {
    float: left;
    color: #3a3a3a;
    display: inline;
}

.h-right a {
    color: #5e5756;
    font-size: 12px;
}

.h-right a:hover {
    color: #478BDE;
}

.h-right .li_a .on {
    background: url(../Images/i02.gif) no-repeat 43px 5px;
    position: relative;
    z-index: 1;
    display: block;
}

.h-right .li_a {
    background: url(../Images/i01.gif) no-repeat left 11px;
    padding-left: 10px;
    margin-left: 15px;
}

.navbody {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    padding-top: 39px;
}

.nav {
    width: 1180px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -590px;
}

.nav_ul {
    float: right;
    display: inline;
    padding-right: 5px;
}

.nav>ul>li {
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: inline;
    padding: 0 0 0 35px;
}

.nav_li {
    position: relative;
    /* z-index: 2; */
}

/* .nav_li_hover {
    z-index: 1;
} */

.nav_li .on {
    display: block;
    float: left;
    height: 39px;
    line-height: 39px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #000;
    font-size: 15px;
}

.nav_li .on:hover {
    color: #478BDE;
}

.subnav {
    position: absolute;
    overflow: hidden;
    /*width: 780px;*/
  padding-top: 20px;
    z-index: 1;
    display: none;
    margin-left: -35px; 
}

.nav_li_hover .subnav {
    display: block;
}

.nav_li_hover .on {
    /*background: url(../Images/i07.png) no-repeat center bottom;*/
}

.subnav li {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    /*padding: 0px 20px;*/
}

.subnav li a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.subnav li a:hover {
    color: #478BDE;
}
.subnavbg {
   /* background-color: #646e71;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    height: 29px;
    width: 100%;
    display: none;*/
}

.find {
    width: 148px;
    height: 24px;
    margin: 0 5px;
    *width: 158px;
    overflow: hidden;
}

.find_text {
    width: 112px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    color: #333;
    background: url(../Images/find.jpg) no-repeat left;
    border: none;
    overflow: hidden;
}

.find_button {
    width: 26px;
    height: 24px;
    background: url(../Images/find.jpg) no-repeat right;
    cursor: pointer;
    border: none;
    overflow: hidden;
}

.top_nav {
    width: 430px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    color: #4c3f3b;
    overflow: hidden;
}

.top_nav a, .jt_tab {
    background: url(../Images/top_nav_li.gif) no-repeat left center;
    padding-left: 10px;
    color: #4c3f3b;
    margin-right: 10px;
    overflow: hidden;
}

.top_nav a:hover {
    color: #478BDE;;
}

/* banner */
.east-banner {
    height: 540px;
    width: 100%;
    position: relative;
    overflow:hidden;
}

.banner-desc {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    background: #478BDE;;
    position: absolute;
    bottom: 0;
    opacity: 0.8;
    z-index: 1;
}

.swiper-container-bannerDesc {
    text-align: right;
    right: 400px;
}

.swiper-pagination {
    margin-left: 360px;
}

.swiper-pagination-bullet {
    width: 16px;
    height: 23px;
    opacity: 1;
    margin-right: 10px;
    outline: none;
    background: url(../Images/ben_li.png) no-repeat;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px!important;
    height: 50px!important;
    background-size: 100%!important;
}

.swiper-pagination-bullet-active {
    background: url(../Images/ben_li_on.png) no-repeat;
}

.swiper-button-prev {
    background-image: url(../Images/banner-l-d.png)!important;
}

.swiper-button-next {
    background-image: url(../Images/banner-r-d.png)!important;
}

.swiper-button-prev:hover {
    background-image: url(../Images/banner-l-s.png)!important;
}

.swiper-button-next:hover {
    background-image: url(../Images/banner-r-s.png)!important;
}

.swiper-button-prev-banner,
.swiper-button-next-banner {
    top: 50%;
    margin-top: -25px;
}

.swiper-button-prev-banner {
    left: 20%;
}

.swiper-button-next-banner {
    right: 20%;
}

/* 主内容 */
.east-content {
    width: 1180px;
    margin: 0 auto;
    min-height: 600px;
}

.east-content-news-title {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e0d7d2;
    background: url(../Images/east-arrow.png) no-repeat right center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.east-content-news-title a {
    font-size: 24px;
    color: #478BDE;;
    display: block;
}

.east-content-news-pic a {
    overflow: hidden;
    display: block;
    width: 460px;
    height: 320px;
}

.east-content-news-pic img {
    width: 100%;
    height: 100%;
    transition: all ease .3s;
}

.east-content-news-pic img:hover {
    transform: scale(1.1);
    transition: all ease .3s;
}

.east-content-news-font {
    margin-left: 30px;
}

.east-content-news-font-list {
    line-height: 2;
    margin-bottom: 11px;
}

.east-content-news-font-list div:first-child a {
    font-weight: 600;
    color: #333;
}

.east-content-news-font-list div:last-child a {
    font-size: 12px;
    color: #999;
}

.east-content-news-font-list div:first-child:hover a {
    color: #478BDE;;
}

/* 首页项目介绍 */
.east-content-items div.swiper-slide {
    width: 280px;
    height: 280px;
    background: #fff;
    float: left;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.east-content-items-pic {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 30px;
}

.east-content-items-pic img {
    width: 100%;
    height: 100%;
    transition: all ease .3s;
}

.east-content-items-pic img:hover {
    transform: scale(1.1);
    transition: all ease .3s;

}

.east-content-items .swiper-slide p:hover {
    color: #478BDE;;
}

.swiper-button-prev-items,
.swiper-button-next-items {
    width: 48px;
    height: 48px;
}

.swiper-button-next-items,
.swiper-button-prev-items {
    top: 40%;
}

.swiper-button-next-items {
    right: 0;
}

.swiper-button-prev-items {
    left: 0;
}

.swiper-button-next-fast {
    right: 0;
}

.swiper-button-prev-fast {
    left: 0;
}

.east-content-fast .swiper-slide img {
    width: 60px;
    height: 60px;
}

.swiper-button-next-fast,
.swiper-button-prev-fast {
    width: 48px;
    height: 48px;
    top: 40%;
}

.east-content-fast {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 80px;
    width: 1000px;
}

.east-content-fast .swiper-slide:hover p {
    color: #478BDE;
}

.east-indexx-fast-list {
    position: relative;
}

.east-content-fast .swiper-slide {
    cursor: pointer;
}

.east-content-fast .swiper-slide:hover {
    color: #478BDE;;
}

.east-footer {
    color: #999;
    padding: 16px 0;
    text-align: center;
    background: #333;
    line-height: 2;

}

.east-footer span {
    font-size: 14px;
}

.east-footer img {
    vertical-align: middle;
}

.east-footer-list a {
    font-size: 14px;
    color: #999;
}

.east-footer-list a:not(:last-child) {
    margin-right: 20px;
    margin-left: 10px;
}

.east-footer-list a:hover {
    color: #478BDE;
}

.east-footer-cnzz {
    font-size: 14px;
    /* margin-left: 10px; */
}

.east-dyanmis-main li {
    position: relative;
    padding-left: 14px;
    line-height: 2.3;
}

.east-map-video>div {
    float: left;
    width: 360px;
}

.east-map-video>div:not(:last-child) {
    margin-right: 46px;
}

.east-map-title,
.east-index-fast {
    background: none;
    font-size: 24px;
    color: #478BDE;;
    cursor: auto;
}

.east-dyanmis-main li::before {
    display: inline-block;
    width: 5px;
    height: 5px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2.5px;
    background: url(../Images/east-block.png) no-repeat;
    background-size: 100%;
}

.east-dyanmis-main li:hover a {
    color: #478BDE;;
}

.east-map-main {
    width: 230px;
    height: 212px;
    background: url(../Images/map.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
}

.my-button-disabled {
    display: none;
}

/* 首页气泡 */
.east-map-main {
    position: relative;
}

.east-bubble ul {
    display: none;
    width: 120px;
    position: absolute;
    z-index: 10;
    background: #f8f3ed;
    line-height: 2;
    box-shadow: 0 0 10px #e0d7d2;
}

.east-bubble ul li {
    padding: 6px 10px;
}

.east-bubble ul li:not(:last-child) {
    border-bottom: 1px solid #eae3dd;
}

.east-bubble {
    width: 38px;
    height: 16px;
    position: absolute;
    cursor: pointer;
}

.east-xuzhou {
    top: 30px;
    left: 2px;
}

.east-xuzhou ul {
    left: -120px;
}

.east-yangzhou {
    top: 58px;
    left: 34px;
}

.east-yangzhou ul {
    left: -116px;
}

.east-nanjing {
    top: 78px;
    left: 40px;
}

.east-nanjing ul {
    left: -114px;
}

.east-changzhou {
    top: 96px;
    left: 52px;
}

.east-changzhou ul {
    left: -118px;
}

.east-wuxi {
    top: 114px;
    left: 60px
}

.east-wuxi ul {
    left: -115px;
}

.east-hangzhou {
    top: 134px;
    left: 56px;
}

.east-hangzhou ul {
    left: -115px;
}

.east-yancheng {
    left: 112px;
    top: 12px;
}

.east-yancheng ul {
    left: 38px;
}

.east-taizhou {
    left: 122px;
    top: 30px;
}

.east-taizhou ul {
    left: 40px;
}

.east-nantong {
    left: 140px;
    top: 48px
}

.east-nantong ul {
    left: 38px;
}

.east-suzhou {
    left: 158px;
    top: 70px;
}

.east-suzhou ul {
    left: 37px;
}

.east-shanghai {
    left: 162px;
    top: 86px;
}

.east-shanghai ul {
    left: 40px;
}

.east-jiaxing {
    left: 156px;
    top: 110px;
}

.east-jiaxing ul {
    left: 40px;
}

.east-ningbo {
    left: 170px;
    top: 128px;
}

.east-ningbo ul {
    left: 38px;
}

.east-wenzhou {
    left: 156px;
    top: 186px;
}

.east-wenzhou ul {
    left: 38px;
}

/* 首页视频 */
.jp-video-360p-index {
    width: 360px;
}

.jp-video-play-index {
    width: 48px;
    height: 48px;
    left: 58%;
    top: 82%;
    background: url(../Images/play.png) no-repeat;
    background-size: 100%;
}

.jp-audio,
.jp-audio-stream,
.jp-video {
    border: none;
}

.jp-video .jp-interface {
    border: none;
}

.jp-details .jp-title {
    font-size: 14px;
    color: #fff;
    background: rgba(51, 51, 51, .8);
}

.jp-jplayer {
    /* background: #f8f8f8; */
}

.jp-full-screen {
    background: url(../Images/jplayer.blue.monday.jpg) 0 -310px no-repeat;
    margin-left: 20px;
}

.jp-play {

    /* background: url(../Images/jplayer.blue.monday.jpg) no-repeat; */
}

.jp-stop {
    background: url(../Images/jplayer.blue.monday.jpg) 0 -83px no-repeat;
}

.jp-controls-holder {
    width: 100%;

    background: #333;
}

.jp-video .jp-type-single .jp-controls-index {
    width: auto;
    height: 40px;
    margin-left: 12px;
}


.jp-stop-index {
    background: url(../Images/east-pause.png) no-repeat !important;
    background-size: 100%;
}

.jp-play-index,
.jp-stop-index {
    /* margin-top: 11px; */
    width: 20px;
    height: 20px;
}

.jp-state-playing .jp-play {
    background: url(../Images/east-pause.png) no-repeat;
}

.jp-state-playing .jp-play:focus {
    background: url(../Images/east-pause.png) no-repeat;
}

.jp-full-screen {
    background: url(../Images/east-big.png) no-repeat;
}

.jp-toggles button {
    float: right;
}

.jp-play:focus {
    background: url(../Images/east-play.png) no-repeat;
}

/* other banner */
.east-single-content {
    margin-top: 40px;
    margin-bottom: 80px;
    background: #fff;
}

.east-banner-other {
    height: 400px;
}

.east-banner-other img {
    width: 100%;
    height: 100%;
}

.east-col-left {
    width: 240px;
    float: left;

}

.east-col-title {
    font-size: 24px;
    border-bottom: 1px solid #e0d7d2;
    padding: 0 0 20px 0;
}

/* .east-col-title div:first-child {
    color: #999;
} */

.east-col-slide li a {
    font-size: 16px;
    display: inherit;
    position: relative;
}

.east-col-slide li .east-col-slide-two-a:hover {
    background: #fbfbfb;
    color: #478BDE;
}

.east-col-slide-a,
.east-col-slide-a-new {
    font-size: 16px;
    display: inherit;
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 20px;
}

.east-col-slide-a:after,
.east-col-slide-a-new:after {
    content: "";
    width: 7px;
    height: 13px;
    background: url(../Images/arrow-d.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 20px;
}

.east-col-slide-a:hover,
.east-col-slide-a-new:hover,
.east-nav-one-s {
    color: #478BDE;;
    background: #fbfbfb;
}

.east-col-slide-a:hover:after,
.east-col-slide-a-new:hover:after,
.east-nav-one-s:after {
    background: url(../Images/arrow-s.png) no-repeat;
}

.crc-col-slide-two-sel {
    background: #fbfbfb;
    color: #478BDE;
}

/* .east-col-two li:hover {
    background: #fbfbfb;
} */

.east-col-slide li a.east-col-slide-two-a {
    padding: 12px 0;
    font-size: 14px;
    padding-left: 40px;
}

.east-col-slide li a.east-col-slide-three-a {
    padding: 12px 0;
    font-size: 14px;
    padding-left: 80px;
}

.east-col-slide li a.east-col-slide-three-a:hover {
    background: #fbfbfb;
    color: #478BDE;
}

.east-col-right {
    float: right;
    width: 860px;
    margin-left: 74px;

}

.crc-col-title-bold {
    font-size: 24px;
    color: #478BDE;;
}

.crc-col-pos {
    float: right;
    margin-top: 8px;
}

.crc-col-title {
    padding-bottom: 20px;

    border-bottom: 1px solid #e0d7d2;
}

.east-col-right-content {
    margin-top: 40px;
    line-height: 2;
    margin-bottom: 40px;
}

.east-col-right-content p {
    background: none !important;
}

.east-col-right-content span {
    background: none !important;
}

.east-col-right-news-rec {
    margin-bottom: 40px;
}

/* 网站地图 */

.map-main-content {
    color: #333333;
    font-size: 14px
}

.map-about-left {
    width: 514px;
    float: left;
    overflow: hidden;
    line-height: 24px;
}

.map-about-right {
    width: 182px;
    margin-left: 38px;
    overflow: hidden;
    float: left;
}

.map-about-right img {
    width: 182px;
    height: 99px;
    margin-bottom: 22px
}

.map_cont {

    width: 669px;
}

.map_cont a {
    color: #666;
    font-size:14px;
}

.map_cont a:hover {
    color: #ff9900
}

.map_cont h4 {
    background: url(../Images/ico-8.gif) no-repeat scroll 0 7px transparent;
    color: #f99c34;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    padding-left: 9px;
    padding-bottom: 10px;
}

.map_cont ul {
    padding: 5px 0 10px 10px;
    width: 654px;
    margin-bottom: 20px;
}

.map_cont li {
    background: url(../Images/point_g_zheng.jpg) no-repeat scroll 0 11px transparent;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 10px;
    width: 150px;
}

/* 联系我们 */
.east-item-opus-title {
    font-size: 18px;
    font-weight: 600;
    color: #478BDE;;
}

.east-item-tab {
    width: 100%;
}

.east-item-tab-th {
    border-bottom: 1px dashed #cac6c6;
    height: 40px;
}

.east-item-tab-th td {
    font-weight: 600;
}

.east-item-tab-th td:not(:first-child) {
    padding-right: 10px;
}

.east-item-tab-td tr:not(:first-child) {
    height: 40px;
}

.east-item-tab-td {
    border-bottom: 1px dashed #cac6c6;
}

.east-item-tab-td tr:not(:first-child) td {
    padding-right: 10px;
}

.east-item-tab-td tr:first-child td {
    color: #478BDE;;
    font-size: 16px;
    font-weight: 600;
}

.east-item-tab-td tr:last-child td {
    border-bottom: 1px dashed #cac6c6;
}

.east-trade-opus {
    margin-top: 40px;
}

/* 新闻 */
.east-news-rec-item {
    background: #f8f8f8;
    margin-bottom: 10px;
}

.east-news-rec-item-l {
    width: 180px;
    height: 120px;

}

.east-news-rec-item-l img {
    width: 100%;
    height: 100%;
}

.east-news-rec-item-r {
    margin-left: 20px;
}

.east-news-rec-item-r p {
    line-height: 1.3;
}

.east-news-rec-item-r p:first-child:hover {
    color: #478BDE; !important;
}

.east-news-rec-item-r p:nth-child(1) {
    font-size: 16px;
    color: #333;
}

.east-news-rec-item-r p:nth-child(2) {
    color: #666;
}

.east-news-rec-item-r p:nth-child(3) {
    color: #999;
}

.news_list {
    height: 73px;
    padding: 40px 0;
    border-bottom: 1px solid #f2f2f2;

}

.news_list:first-child {
    padding-top: 0;
}

.news_list .dateBox {
    float: left;
}

.news_list .dateBox p {
    font-size: 30px;
    color: #575757;
    background: #f8f8f8 !important;
    width: 60px;
    height: 40px;
    text-align: center;
    line-height: 39px;
    margin-bottom: 2px;
    margin-top: 0;
}

.news_list .dateBox h1 {
    font-size: 10px;
    color: #575757;
    background: #f8f8f8 !important;
    width: 57px;
    height: 21px;
    text-align: center;
    line-height: 21px;
}

.news_list .news_detail {
    float: left;
    padding-left: 27px;
    width: 770px;
}

.news_list .news_detail a {
    display: block;
}

.news_list .news_detail p {
    font-size: 16px;
    line-height: 18px;
    margin-top: 0;
}

.news_list .news_detail a p:hover {
    color: #478BDE;;
}

.news_list .news_detail h1 {
    color: #666;
    line-height: 21px;
    font-size: 14px;
    font-weight: 500;
}

.east-col-right-news-list .new_list-media:first-child {
    padding-top: 0;
}

/* 新闻详情 */
.east-news-detail-in {
    width: 1000px;
    margin: 0 auto;
}

.east-news-detail-in-l,
.east-news-detail-in-r {
    /* height: 164px; */
}

.east-news-detail-in-l {
    width: 554px;

}

.east-news-detail-in-r {
    border-left: 4px solid #eee;
}

.east-news-detail-logo {
    height: 100px;
    border-bottom: 1px solid #eaeaea;
}

.east-news-detail-logo img {
    margin-top: 20px;
}

.east-news-detail-top {
    text-align: center;
    margin: 40px 0;
    border-bottom: 1px solid #eaeaea;
}

.east-news-detail-bottom {
    line-height: 2;
}

.east-news-detail-title {
    font-size: 24px;
    margin-bottom: 10px;
}

.east-news-detail-desc {
    color: #666;
    margin-top:20px;
    margin-bottom: 20px;
}

.east-news-detail-desc>span {
    margin-right: 10px;
}

/* 详情页缩略图 */
.swiper-container-detail {
    width: 600px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
}

.east-detail-swiper {
    border-bottom: 1px solid #eaeaea;
    margin-top: 30px;
}

.east-detail-swiper .swiper-slide {
    background-size: cover;
    background-position: center;
}

.east-detail-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.east-detail-swiper .gallery-top {
    padding-bottom: 46px;
    border-bottom: 1px solid #eaeaea;

}

.east-detail-swiper .gallery-thumbs {
    padding-top: 34px;
    padding-bottom: 80px;
}

.swiper-container-small .swiper-slide {
    box-sizing: border-box;
}

.swiper-container-small .swiper-slide-thumb-active {
    border: 2px solid #478BDE;
}

.swiper-container-small {
    width: 600px;
    height: 120px;
}

.swiper-button-nextDetail {
    width: 20px;
    height: 40px;
    background: url(../Images/detail-btn-r.png) no-repeat;
    background-size: 100%;
    right: 0;
}

.swiper-button-prevDetail {
    left: 0;
    width: 20px;
    height: 40px;
    background: url(../Images/detail-btn-l.png) no-repeat;
    background-size: 100%;
}

.swiper-button-nextDetail:hover {
    background: url(../Images/detail-btn-l-s.png) no-repeat;
}

.swiper-button-prevDetail:hover {
    background: url(../Images/detail-btn-r-s.png) no-repeat;
}

.swiper-container-detail .swiper-button-next.swiper-button-disabled,
.swiper-container-detail .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.east-correlation-news {
    margin-left: 80px;
}

.east-correlation-news-l {
    font-size: 16px;
    color: #478BDE;;
    margin-bottom: 20px;
}


.east-correlation-news-r {
    line-height: 2;
}

.east-correlation-news-r div a:hover {
    color: #478BDE;;
}

.east-news-detail-next-prev {
    padding-top: 30px;
    padding-bottom: 66px;
    background: #f8f8f8;
}

.look-prev-next {
    line-height: 1.5;
    margin-top:20px;
}

.look-prev-next span,
.look-prev-next a {
    display: block;
}

.look-prev-next span {
    color: #999;
}

.prev-next-title {
    color: #333;
    padding: 6px 0;

}

.prev-next-title:hover {
    color: #f99c34;
}

.prev-next-desc {
    color: #999;
}

/* 分页 */
.net-global-page {
    text-align: center;
    margin-top: 40px;
}

.crc-page-num,
.crc-page-enter,
.crc-page-next {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    vertical-align: middle;
    margin: 0 5px;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    border-radius: 2px;
    transition: all .5s;
}

.crc-page-enter:hover {
    color: #f1a725;
    border-color: #f1a725;
    background: #fff;
}

.crc-page-num:hover {
    border-color: #f1a725;
}

.crc-page-span {
    margin: 0px 5px;
}

.crc-page-sel {
    color: #f1a725;
    border-color: #f1a725;
    background: #fff;
}

.crc-page-text {
    width: 48px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0 5px;
    border: 1px solid #d6d6d6;
}

.crc-page-enter {
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-color: #f1a725;
    background: #f1a725;
}

.crc-col-pro-page {
    text-align: center;
    padding: 20px 0px;
}

/* 城市作品 */
.east-city-top {
    /* height: 260px; */
    width: 100%;
    background: #f8f8f8;
    line-height: 2;
    padding: 20px 40px 40px 40px;
    box-sizing: border-box;
}

.east-city-top-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.east-city-top-desc-tel {
    margin-top: 20px;
}

.east-city-top-desc-tel span:last-child {
    margin-top: -10px;
}

.east-city-top-desc>div span:first-child {
    color: #666;
    float: left;
    width:70px;
}

.east-city-top-desc>div span:last-child {
    float: left;
    width: 700px;

}

.east-city-top-desc-tel span:last-child {
    font-size: 24px;
    color: #478BDE;
    font-weight: 600;
}

.east-city-bottom {
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    margin-bottom: 40px;
    background: #f5efe8;
    text-align: center;
}

.east-city-bottom li {
    float: left;
    width: 160px;
}

.east-city-bottom li a {
    font-size: 16px;
}

.east-city-bottom li.active {
    background: #478BDE;

}

.east-city-bottom li.active a {
    color: #fff;
}

.east-city-bottom-c {
    display: none;
}

/* 招采 */
.east-tender table {
    width: 100%;
    color: #666;
}

.east-tender table tr th {
    background: #faf7f3;
}
.east-tender table a{
    color: #666;
}
.east-tender table tr {
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
}
.east-tender table tr td{border-bottom: 1px solid #f2f2f2;}
.east-tender table tr:not(:first-child):hover {
    background: #fbfbfb;
}

/* 年份 */
.swiper-container-main {
    position: relative;
}

.swiper-container-year {
    height: 40px;
    line-height: 40px;
    width: 740px;
}

.swiper-container-year .swiper-slide {
    background: #faf7f3;
    text-align: center;
    cursor: pointer;
}

.swiper-container-year .swiper-slide.active,
.swiper-container-year .swiper-slide:hover {
    background: #478BDE;
    color: #fff;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0!important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0!important }
.swiper-button-prev, .swiper-button-next{ width: 40px!important }

.swiper-btn-prev-year {
    width: 40px!important;
    height: 40px!important;
    left: 0;
    margin-top: -20px;
    background: url(../Images/year-btn-l-s.png) no-repeat;
    background-size: 100%;
    outline: none;

}

.swiper-btn-next-year {
    width: 40px;
    height: 40px;
    right: 0;
    margin-top: -20px;
    background: url(../Images/year-btn-r-s.png) no-repeat;
    background-size: 100%;
    outline: none;

}

.swiper-btn-prev-year.swiper-button-disabled,
.swiper-btn-next-year.swiper-button-disabled {
    opacity: 1;
}

.swiper-btn-prev-year:hover {
    background: url(../Images/year-btn-l-s.png) no-repeat;
}

.swiper-btn-next-year:hover {
    background: url(../Images/year-btn-r-s.png) no-repeat;
}

.swiper-btn-prev-year.swiper-button-disabled {
    background: url(../Images/year-btn-l.png) no-repeat;
}

.swiper-btn-next-year.swiper-button-disabled {
    background: url(../Images/year-btn-r.png) no-repeat;
}

.east-year {
    margin-top: 40px;
}

.east-year-item {
    display: none;
}

.year-point {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../Images/year-point.png) no-repeat;
    background-size: 100%;
}

.east-year-item-r {
    width: 699px;
    border-left: 1px solid #eaeaea;
    padding-left: 20px;
    padding-top: 16px;
    position: relative;
}

.east-year-item-r p {
    margin: 0;
}

.east-year-item-l {
    position: relative;
    width: 140px;
    text-align: right;
}

.east-year-item-l span {
    margin-right: 34px;
    font-size: 24px;
    display: inline-block;
    margin-top: 8px;
    color: #478BDE;
    font-weight: 600;
}

.year-point {
    position: absolute;
    left: -9px;
    top: 20px;
}

/* 投诉建议 */
.label- {
    display: block;
    height: 80px;
}

.span- {
    background: red !important;
    width: 100px;
    display: inline-block;
    text-align: right;
    margin-right: 20px;
}

.aorange {
    color: red;
}

.label- input {
    background: #faf7f3;
    border: none;
    outline: none;
    width: 240px;
    height: 40px;
    text-indent: 6px;
}

form input:focus {
    border: 1px solid #f99c34;
}

textarea:focus {
    border: 1px solid #f99c34;
}

input[name=item] {
    width: 400px;
}

textarea[name=content] {
    width: 400px;
}

.label- textarea {
    background: #faf7f3;
    border: none;
    outline: none;
    text-indent: 6px;
}

.label-btn {
    margin-top: 80px;
    float: left;
    margin-left: 114px;
}

.label-btn button {
    width: 120px;
    height: 40px;
    border: none;
}

.label-btn button[name=reset] {
    background: #fef5ea;
    color: #478BDE;
    margin-left: 20px;
}

.label-btn button[name=button] {
    background: #478BDE;
    color: #fff;

}



/* 写字楼 */
.office-header {
    height: 100px;
    line-height: 100px;
    background: #fff;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
}

.office-in {
    width: 1180px;
    margin: 0 auto;
}

.office-header-in-logo {
    line-height: 0;
    margin-top: 20px;
    cursor: pointer;

}

.office-header-in-nav li {
    display: inline-block;
    margin-left: 80px;
    font-size: 16px;
}

.office-header-in-nav li:hover a {
    color: #478BDE;
}

.office-footer {
    color: #999;
    height: 160px;
    background: #333;
}

.office-footer-logo {
    width: 144px;
    height: 60px;
    margin-right: 55px;
    margin-top: 42px;
}

.office-footer-logo img {
    width: 100%;
    height: 100%;
}

.office-footer-l-desc {
    margin-top: 24px;
}

.office-footer-r {
    margin-top: 24px;
}

.office-footer-r img {
    width: 100px;
    height: 100px;
}

.office-index-ppln {
    /* height: 538px; */
    padding-bottom: 80px;
    background: url(../Images/office-in-bg.png) no-repeat;
    background-size: cover;
}

.office-index-ppln-in {
    text-align: center;
    padding-top: 80px;
}

.office-about {
    height: 650px;
}

.office-about-title {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 60px;
}

.office-about-map-num i {
    font-size: 60px;
    color: #478BDE;
    font-style: normal;
    padding: 0 6px
}

.office-about-map-num>span {
    margin-right: 60px;
    font-size: 18px;
}

.office-about-map-desc {
    color: #666;
    margin-top: 60px;
    margin-bottom: 76px;
    line-height: 2;
}

.office-about-map-r {
    width: 780px;
}

.office-show {
    /* height: 700px; */
    text-align: center;
    background: url(../Images/office-show-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 80px;
}

.office-show-title {
    padding: 80px 0 60px 0;
}

.office-show-pic {
    width: 800px;
    height: 444px;
}

.office-show-pic img {
    width: 100%;
    height: 100%;
}

.office-show-desc {
    background: #312c29;
    color: #fff;
    text-align: left;
    height: 444px;
    padding: 20px;
    box-sizing: border-box;
    width: 565px;
}

.office-show-desc-t {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 34px;
}

.office-show-desc-c {
    line-height: 2;
}

.swiper-pagination-show {
    width: 100px;
    color: #fff;
    right: -8px;
    left: auto;
}

.swiper-pagination-show .swiper-pagination-current {
    font-size: 24px;
    color: #478BDE;
}

.swiper-pagination-show .swiper-pagination-total {
    font-size: 16px;
    color: #fff;
}

.swiper-button-next-show.swiper-button-disabled,
.swiper-button-prev-show.swiper-button-disabled {
    opacity: 1;
}

.swiper-button-next-show,
.swiper-button-prev-show {
    width: 48px;
    height: 48px;
    margin-top: 0;
}

.swiper-button-next-show.swiper-button-disabled {
    background-image: url(../Images/office-btn-r-d.png);
}

.swiper-button-prev-show.swiper-button-disabled {
    background-image: url(../Images/office-btn-l-d.png);
}

.swiper-button-next-show {
    background-image: url(../Images/office-btn-r-s.png);
}

.swiper-button-prev-show {
    background-image: url(../Images/office-btn-l-s.png);
}

.swiper-button-next-show:hover {
    background-image: url(../Images/office-btn-r-s.png);
}

.swiper-button-prev-show:hover {
    background-image: url(../Images/office-btn-l-s.png);
}

.swiper-button-prev-show {
    top: 89.2%;
    left: 752px;
}

.swiper-button-next-show {
    top: 89.2%;
    right: 332px;
}

.office-feature {
    height: 792px;
    background: #f8f8f8;
}

.office-feature-title {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 60px;
}

.office-feature-list {
    /* height: 376px; */
}

.office-feature-list .swiper-slide {
    background: #fff;
}

.office-feature-desc {
    padding: 0 20px;
}

.office-feature-desc p:first-child {
    font-size: 16px;
    color: #478BDE;
}

.office-feature-desc p:last-child {
    color: #666;
}

.office-feature-pic {
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.office-feature-pic img {
    width: 100%;
    height: 100%;
}

.office-feature-pic img:hover {
    /* transform: scale(1.1);
    transition: all ease .3s; */
}

.swiper-container-ts {
    height: 420px;
}

.swiper-button-next-ts,
.swiper-button-prev-ts {
    top: 32%
}

.swiper-button-next-ts {

    right: 0;
}

.swiper-button-prev-ts {
    left: 0;
}

.swiper-container-office-fw .swiper-button-next-ts,
.swiper-container-office-fw .swiper-button-next-ts {
    top: 55%
}

.swiper-button-next-ts.swiper-button-disabled,
.swiper-button-prev-ts.swiper-button-disabled {
    opacity: 0;
}

/* 效果图 */
.east-pic-list-t li {
    width: 70px;
    height: 32px;
    line-height: 32px;
    margin-right: 17px;
    float: left;
    text-align: center;
    background: #f3efed;
    margin-bottom: 20px;
}

.east-pic-list-t li a {
    width: 100%;
    display: inline-block;
}

.east-pic-list-t li:nth-child(10n) {
    margin-right: 0;
}

.east-pic-list-t {
    margin-bottom: 20px;
}

.east-pic-list-t li:hover,
.east-pic-list-t li.active {
    background: #478BDE;
}

.east-pic-list-t li.active a,
.east-pic-list-t li:hover a {
    color: #fff;
}

.east-pic-content {
    display: none;
}

.east-pic-content .net-global-page {
    padding-top: 40px;
}

.east-pic-content-item {
    width: 274px;
    height: 280px;
    background: #f8f8f8;
    font-size: 18px;
    text-align: center;
    margin-right: 18px;
    margin-bottom: 18px;
    float: left;
    cursor: pointer;
    position: relative;
}

.east-pic-content-item:nth-child(3n) {
    margin-right: 0;
}

.east-pic-content-item img {
    width: 100%;
    height: 200px;
}

.play-btn img {
    width: 48px;
    height: 48px;
    top: 74px;
    background: url(../Images/play.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -24px;
}

.east-pic-content-item div {
    margin-top: 12px;
}

.east-pic-content .east-pic-content-item:nth-child(3n),
.east-video-item .east-pic-content-item:nth-child(3n) {
    margin-right: 0;
}

/* 弹窗 */
.popup-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000000;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    display: none;
}

.popup-main {
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -380px;
    width: 760px;
    height: 660px;
    z-index: 1000001;
    display: none;
    background: #f8f8f8;
}

.popup-main-close {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -22px;
    right: -66px;
    cursor: pointer;
}

.popup-main-close img {
    width: 100%;
    height: 100%;
}

.gallery-top-pic {
    width: 100%;
    height: 536px;
    position: relative;
}

.gallery-thumbs-pic {
    height: 84px;
    margin: 0 50px;
    margin-top: 20px;

}

.gallery-thumbs-pic .swiper-wrapper {
    /* overflow: hidden; */

}

.gallery-thumbs-pic-main {
    position: relative;
}

.popup-main-content .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-button-next-xgt {
    background: url(../Images/btn-scroll-next.png) no-repeat;
    right: -12px;
    top: 55%;
    opacity: 1;
}

.swiper-button-prev-xgt {
    background: url(../Images/btn-scroll-back.png) no-repeat;
    left: 6px;
    top: 55%;
    opacity: 1 !important;
}

.swiper-button-next-xgt:hover {
    background: url(../Images/btn-scroll-next-hover.png) no-repeat;
}

.swiper-button-prev-xgt:hover {
    background: url(../Images/btn-scroll-back-hover.png) no-repeat;
}

.swiper-button-next-xgt.swiper-button-disabled,
.swiper-button-prev-xgt.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;

}

.swiper-button-next,
.swiper-button-prev:focus {
    outline: none;
}

.swiper-container-picList1 {
    bottom: 124px;
    width: 668px;
    margin-left: 86px;
    height: 60px;
    line-height: 60px;
    position: absolute;
}

.swiper-container-picList1 .swiper-slide {
    color: #fff;
}

.popup-bar {
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: #000;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: #fff;
}

.swiper-pagination-pic {
    width: 100px;
    margin-left: 0;
    bottom: auto;
}

.swiper-pagination-pic span:first-child {
    font-size: 30px;
    color: #478BDE;
}

.swiper-pagination-pic span:last-child {
    font-size: 16px;
}

.popup-bar-desc {
    margin-left: 92px;
    font-size: 12px;
}

/* 视频 */
/* .east-video-item {
    display: none;
} */

/* .video-pop {
    width: 274px;
    height: 200px;
    position: absolute;
    top: -12px;
    display: none;
}

.video-pop img {
    width: 48px;
    height: 48px;
    margin-top: 75px;
} */

.run-mask {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    height: 100%;
}

.an-video-open {
    position: fixed;
    z-index: 105;
    width: 760px;
    height: 540px;
    left: 53%;
    top: 50%;
    margin-left: -450px;
    margin-top: -320px;
    background: red;
}

.jp-video-360p {
    width: 100%;
}

.jp-audio,
.jp-audio-stream,
.jp-video {

    background: #000;

}

.jp-video .jp-interface {
    border: none;
    height: 50px;
}

.jp-interface {
    background: none;
}

.jp-video .jp-progress {
    height: 4px;
    background: #595959;
}

.jp-play-bar {
    background: #cc191b;
}

.jp-controls-holder {
    width: 100%;
    background: #000;
    height: 100%;
    margin: 0px;
    top: 0px;
}

.jp-video .jp-type-single .jp-controls {
    margin-left: 30px;
    margin-top: 15px;
}

.jp-controls button {
    width: 16px;
    height: 16px;
}

.jp-play {
    background: url(../Images/rec-play-def.png) no-repeat;
}

.jp-play-index {
    background: url(../Images/east-play.png) no-repeat;
    background-size: contain;
}

.jp-play:focus {
    background: url(../Images/rec-pause.png) no-repeat;
    background-size: contain;
}

.jp-state-playing .jp-play {
    background: url(../Images/rec-play-def.png) no-repeat;
    background-size: contain;
}

.jp-state-playing .jp-play:focus {
    background: url(../Images/rec-play.png) no-repeat;
    background-size: contain;
}

.jp-video .jp-toggles {
    width: 20px;
    margin: 15px 0px 0px 0px;
}

.jp-toggles button {
    width: 16px;
    height: 16px;
    background: url(../Images/rec-screen-def.png) center center no-repeat;
    background-size: 16px 16px;
    margin-top: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max--moz-device-pixel-ratio: 2) {
    .east-news-detail-in {
        min-height: 1000px;
    }

    .subnav {
        width: max-content;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:),
screen and (max--moz-device-pixel-ratio: 1) {

    .east-news-detail-in {
        min-height: 1000px;
    }

    .subnav {
        width: max-content;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3),
screen and (max--moz-device-pixel-ratio: 3) {
    .east-news-detail-in {
        min-height: 1000px;
    }

    .subnav {
        width: max-content;
    }
}

.jp-state-full-screen .jp-full-screen,
.jp-full-screen:focus {
    background: url(../Images/rec-screen-sel.png) no-repeat;
}

.jp-audio,
.jp-audio-stream,
.jp-video {
    border: none;
}

.jp-current-time,
.jp-duration {
    font-style: normal;
    color: #fff;
    float: none;
}

.jp-all-time {
    color: #fff;
    position: absolute;
    left: 50px;
    top: 15px;
}

/* .jp-video-play-icon,
.jp-video-play-icon:focus {
    margin-top: -100px;
    background: url(../Images/rec-pause-big.png) no-repeat center center;
} */

.jp-video-big {
    width: 880px;
    height: 500px;
}

.rec-video-right {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 300px;
    height: 500px;
}

.rec-video-main {
    background: #000;
    position: relative;
}

.rec-video-title {
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
}

.rec-video-sub {
    font-size: 12px;
    padding: 0px 0px 10px 20px;
    color: #999;
    border-bottom: 1px solid #49494c;
}

.jp-playlist {
    background: none;
    border: none;
}

.jp-artist {
    display: none;
}

.jp-playlist li {
    border: none;
    padding: 10px 20px;
    list-style: none;
    color: #fff;
    font-size: 14px;
}

div.jp-type-playlist div.jp-playlist li:last-child {
    padding: 10px 20px;
    list-style: none;
}

.jp-playlist ul {
    padding: 0px;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    padding-left: 20px;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style: none;
}

div.jp-type-playlist div.jp-playlist a {
    color: #fff;
    font-size: 14px;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a:hover {
    color: #f99c34;
}

.jp-video .jp-type-playlist .jp-controls {
    margin-left: 20px;
    margin-top: 20px;
}

.jp-controls button.jp-next,
.jp-controls button.jp-previous {
    width: 25px;
    height: 48px;
    position: absolute;
    top: -250px;
}

.jp-controls button.jp-next {
    background: url(../Images/rec-play-next.png) no-repeat;
    right: 0px;
}

.jp-controls button.jp-previous {
    background: url(../Images/rec-play-prev.png) no-repeat;
    left: 0px;
}

.rec-video-main .jp-controls-holder {
    position: static;
}

.jp-type-playlist .jp-toggles {
    margin-top: 18px;
}

.an-video-close {
    width: 49px;
    height: 48px;
    background: url(../Images/close.png) no-repeat;
    position: absolute;
    cursor: pointer;
    right: -70px;
    top: -26px;
    transition: all ease .5s;
}

.an-video-close:hover {
    background: url(../Images/close.png) no-repeat;
}

/* 招聘 */
.east-recruit-title {
    height: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    background: url(../Images/ga_03.jpg) repeat-x bottom;
}

.east-recruit-title li {
    float: left;
    margin-right: 3px;
    width: 136px;
    text-align: center;
    background: url(../Images/pic-menu.jpg) no-repeat -139px 0;
    display: block;

}

.east-recruit-title li.on {
    background: url(../Images/pic-menu.jpg) no-repeat 0 0;
    color: #ff9900;
    font-weight: bold;
}

.east-recruit-content {
    display: none;
}

.hr-faq {
    overflow: hidden;
    padding: 0 15px;
    margin-top: 10px;
    color: #333333
}

.hr-faq ul,
.hr-faq ul li {
    overflow: hidden;
}

.hr-faq ul li {
    margin-bottom: 24px;
}

.hr-faq ul li h1 {
    font-size: 16px;
    font-weight: bold;
    color: #ff9900;
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 10px;
    background: url(../Images/ask_03.png) no-repeat left 3px;
    padding-left: 48px;
}

.hr-faq ul li p {
    padding-left: 48px;
    line-height: 24px;
    font-size: 14px;
    padding-top: 8px
}

.east-city-bottom-c-left {
    width: 268px;
    height: 174px;
    margin-right: 20px;
}

.east-city-bottom-c-left img {
    width: 100%;
    height: 100%;
}

.eye {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    background: url(../Images/eye.png) no-repeat;
}

.city-bottom-c-t {
    /* margin-top: 16px;
    margin-bottom: 10px; */
    color: #333;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
}
.city-bottom-c-t:hover{
    color:#f99c34;
}
.city-bottom-c-more a {
    color: #ff9900;
    padding: 0 10px;
    border: 1px solid #eaeaea;
    line-height: 32px;
    display: inline-block;
    margin-top: 20px;
}
.city-bottom-c-more a:hover{
    background: #ff9c34;
    color: #fff;
    border: 1px solid #ff9c34;
}
.east-city-bottom-c-main {
    padding-bottom: 40px;
    padding-top: 40px;
    border-bottom: 1px solid #f2f2f2;
}
.east-city-bottom-c-main:first-child{
    padding-top:0;
}

/* 项目配套 */
.east-city-bottom-c .hd2 {
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 8px;
    overflow: hidden;
    padding-bottom: 8px;
}

.east-city-bottom-c .hd2 ul li {
    background: url(../Images/gray_14.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    overflow: hidden;
    padding: 0 30px;
}

.east-city-bottom-c .hd2 ul li.on {
    background: url(../Images/red_12.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #ff9900;
}

.east-city-bottom-home {
    margin-bottom: 40px;
}

.east-city-bottom-home li {
    /* width: 80px; */
    height: 32px;
    background: #f3efed;
    float: left;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    padding:0 20px;
}

.east-city-bottom-home li.on {
    background: #ff9900;
    color: #fff;
}

.east-city-bottom-home li {
    margin-right: 10px;
}

.east-city-bottom-home-con {
    display: none;
}

.east-city-bottom-home-con-pic {
    width: 240px;
    height: 438px;
    margin-right: 70px;
    float: left;
    margin-bottom: 40px;
}

.east-city-bottom-home-con-pic:nth-child(3n) {
    margin-right: 0;
}

.east-city-bottom-home-con-pic img {
    height: 260px;
    width: 100%;
}

.home-con-btn {
    text-align: center;
    ;
}

.home-con-btn a {
    padding: 0 10px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    /* background: #6d5b55; */
    color: #ff9c34;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #eaeaea;
}
.home-con-btn a:hover{
    background: #ff9c34;
    color:#fff;
    border: 1px solid #ff9c34;
}
.jp-home-icon {
    top: 35%;
    left: 53%;
}

.jp-gui-home {
    width: 756px;
}

.home-detail-title {
    height: 60px;
    line-height: 60px;
    background: #f8f8f8;
    color: #ff9900;
}

/* 写字楼联系我们 */
.contact-box {
    width: 100%;
    margin: auto;
    padding: 200px 0;
    box-sizing: border-box;
    background: url(../Images/contact-bg.png) no-repeat center;
    background-size: 100% 100%;
}

.contact-box-center {
    width: 1200px !important;
    margin: auto;
    height: 510px;
    position: relative;
}

.about-us-box {
    width: 100%;
    padding: 10px;
    margin: auto;
    padding: 200px 0;
    box-sizing: border-box;
    background: url(../Images/office-about-bg.png) no-repeat center;
    background-size: 100% 100%;
}

.about-us-box-center {
    width: 1200px;
    position: relative;
    margin: auto;
}

.building {
    display: none;
}

.city-lsit {
    padding: 40px 0;
    padding-top: 10px;
    box-sizing: border-box;
    margin: auto;
    text-align: center;
}

.city-lsit>li {
    display: inline-block;
    padding: 0 40px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 20px;
    box-sizing: border-box;
    margin-right: 15px;
    cursor: pointer;
}

.city-lsit>li:last-child {
    margin-right: 0 !important;
}

.city-lsit>li:hover {
    background: #f5a01f !important;
    color: #FFFFFF !important;
}

.city-lsit-active {
    background: #f5a01f !important;
    color: #FFFFFF !important;
}

.city-lsit>li:first-child .city-project-box {
    display: block;
}

.city-project-box {
    position: absolute;
    display: none;
    width: 100%;
    height: 430px;
    left: 0;
    top: 80px;
}

.city-project-list {
    width: 100%;
    height: 40px;
    text-align: center;
}

.city-project-list>li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    margin-right: 25px;
    cursor: pointer;
    box-sizing: border-box;
}

.city-project-list>li:last-child {
    margin-right: 0 !important;
}

.city-project-list>li:hover {
    border-bottom: 3px solid #F5A01F !important;
    color: #F5A01F !important;
}

.city-project-list-active {
    border-bottom: 3px solid #F5A01F !important;
    color: #F5A01F !important;
}

.city-project-list>li:first-child .city-project-list-detail {
    display: block;
}

.city-project-list-detail {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 380px;
    background: #FFFFFF;
    cursor: default !important;
}

.project-list-detail-left {
    display: flex;
    width: 440px;
    align-items: center;
    height: 380px;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
    text-align: left;
}

.project-list-detail-right {
    width: 760px;
    height: 380px;
    float: left;
}

.project-list-detail-right>img {
    width: 760px;
    height: 380px;
}

.list-detail-left-title {
    line-height: 40px;
    height: 40px;
    font-size: 18px;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
}

.list-detail-left-nr {
    line-height: 30px;
    font-size: 14px;
    color: #868686;
    text-align: left;
    margin: 0;
}

.list-detail-left-ewm {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}



.address-box {
    width: 100%;
    height: 460px;
    background: #f5f5f5;
    margin-top: 140px;
}

.address-box-center {
    position: relative;
    width: 1200px;
    height: 460px;
    margin: auto;
}

.address-box-title {
    position: absolute;
    top: -100px;
    width: 100%;
    left: 0;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    color: #000000;
}

.address-box-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /* top: -20px; */
    left: 0;
}

.address-box-nr {
    padding: 25px;
    box-sizing: border-box;
    position: absolute;
    width: 340px;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -60px;
    height: 310px;
    background: rgba(0, 0, 0, .75);
}

.address-box-nr div {
    max-height: 260px;
    overflow: hidden;
    padding-right: 15px;
    box-sizing: border-box;
    overflow-y: auto;
    color: #FFFFFF;
}

.address-box-nr div::-webkit-scrollbar {
    width: 5px;
    height: auto;
    background: rgba(0, 0, 0, .75);
}

.address-box-nr div::-webkit-scrollbar-thumb {
    background: #ccc;
}

.address-nr-title {
    line-height: 35px;
    font-size: 18px;
    color: #FFFFFF;
}

.address-nr-detail {
    line-height: 25px;
    font-size: 14px;
    color: #bbb;
    text-align: justify;
}

.about-us-box-list {
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
}

.about-us-box-list li {
    display: inline-block;
    padding: 0 60px;
    height: 60px;
    border-radius: 30px;
    background: #FFFFFF;
    color: #333333;
    box-sizing: border-box;
    line-height: 60px;
    margin-right: 15px;
    cursor: pointer;
    font-size: 16px;
}

.about-us-box-list li:last-child {
    margin-right: 0;
}

.about-us-box-list-active {
    background: #F5A01F !important;
    color: #FFFFFF !important;
}

.about-us-dq {
    position: relative;
    display: none;
    width: 1200px;
    min-height: 475px;
}

.about-event {
    padding-bottom: 35px;
    box-sizing: border-box;
}

.about-right {
    width: 800px;
    height: 475px;
    float: left;
}

.about-right-p1 p {
    display: inline-block;
    color: #565656;
    font-size: 18px;
    margin-right: 90px;
}

.about-right-p1 {
    margin-top: 97.5px;
}

.about-right-p1 p:last-child {
    margin: 0;
}

.about-right-p1 mark {
    font-size: 60px;
    color: #F89C34;
    background: none;
    padding: 0 10px;
    line-height: 80px;
    box-sizing: border-box;
}

.about-right-p2 {
    color: #868686;
    font-size: 14px;
    line-height: 25px;
    margin-top: 25px;

    padding-right: 45px;
    box-sizing: border-box;
}

.about-right-p3 {
    width: 100%;
    height: 30px;
    margin-top: 70px;
}

.about-left {
    width: 400px;
    height: 475px;
    float: left;
}

.about-left img {
    display: block;
    width: 400px;
    height: 475px;
}

.idea-box {
    width: 100%;
    height: 520px;
    background: url(../Images/idea-box-bg.png) no-repeat center center;
}

.idea-box-center {
    width: 1200px;
    height: 520px;
    margin: auto;
    overflow: auto;
}

.idea-title {
    width: 100%;
    height: 70px;
    margin-top: 65px;
}

.idea-title-p {
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
}

.idea-title-p2 {
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #F89C34;
}

.idea-nr {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-top: 35px;
}

.idea-list {
    width: 1200px;
    margin-top: 65px;
}

.idea-list .swiper-slide {
    text-align: center;
    width: 240px;
    float: left;
    transition: all 0.3s;
}

.idea-li-box {
    height: 164px;
    width: 130px;
    margin: 0 auto;
}

.idea-list .swiper-slide:hover {
    transform: translateY(-20px);
}

.idea-li-box img {
    width: 100px;
    height: 100px;
}

.idea-li-box p {
    margin-top: 20px;
    /* color: #FFFFFF; */
    /* line-height: 35px; */
    text-align: center;
}

.office-item-center {
    height: 540px;
    width: 100%;
}

.office-item-center img {
    width: 100%;
    height: 100%;
}

.office-item-xmjs-desc {}

.office-item-xmjs-desc-main {
    position: absolute;
    width: 386px;
    height: 350px;
    background: #312c29;
    right: 364px;
    top: -30px;
    padding: 20px;
    box-sizing: border-box;
}

.office-item-xmjs-desc>div:first-child {
    font-size: 20px;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 10px;
}

.office-item-xmjs-desc>div:last-child {
    font-size: 20px;
    color: #c6c4c3;
    font-size: 14px;
    line-height: 2;
}

.office-item-qwjs-h3 {
    width: 208px;
    height: 64px;
    margin: 0 auto;
    padding: 80px 0 60px;
}

.office-item-qwjs-h3 img {
    width: 100%;
    height: 100%;
}

.office-item-qwjs {
    background: #f8f8f8;
    margin-top: 100px;
}

.office-item-cpjs {
    margin-top: 80px;

}

.office-item-xmjs-map {
    position: relative;
    height: 560px;
}

.office-item-xmjs-map img {
    height: 100%;
}

.office-item-cpjs-main {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    background: #312c29;
}

.swiper-container-cpjs {
    width: 1180px;
    height: 440px;
    margin: 0 auto;
}

.swiper-button-prev-cpjs {
    left: -24px;
}

.swiper-button-next-cpjs {
    right: -24px;
}

.swiper-button-next-cpjs.swiper-button-disabled,
.swiper-button-prev-cpjs.swiper-button-disabled {
    background: none;
}

.swiper-button-next-pt.swiper-button-disabled,
.swiper-button-prev-pt.swiper-button-disabled {
    background: none;
}

.swiper-container-cpjs .swiper-slide-pic {
    width: 740px;
    height: 100%;
}

.swiper-container-cpjs .swiper-slide-pic img {
    width: 100%;
    height: 100%;
}

.swiper-container-cpjs .swiper-slide-desc {
    width: 428px;
    height: 100%;
    background: #312c29;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.8;
    overflow-y: auto;
}

.swiper-container-cpjs .swiper-slide-desc::-webkit-scrollbar {
    width: 4px;
    height: auto;
    background: rgba(0, 0, 0, 0);
}

.swiper-container-cpjs .swiper-slide-desc::-webkit-scrollbar-thumb {
    background-color: #999;
}

.swiper-container-cpjs .swiper-slide-desc>div:first-child {
    font-size: 16px;
    margin-bottom: 10px;
}

.office-item-pt {
    /* height: 508px; */
    padding-bottom: 30px;
    width: 100%;
    background: url(../Images/office-ptbg.png) no-repeat center center;
}

.swiper-container-pt .swiper-wrapper .swiper-slide img {
    width: 56px;
    height: 56px;
}
.swiper-container-pt .swiper-wrapper{
    padding-top:30px;
}
.swiper-container-pt .swiper-wrapper .swiper-slide {
    text-align: center;
    color: #fff;
    transition: all 0.3s;
}
.swiper-container-pt .swiper-wrapper .swiper-slide:hover {
    transform: translateY(-20px);
    transition: all 0.3s;
}
.swiper-container-pt .swiper-wrapper .swiper-slide>div {
    padding: 0 30px;
    box-sizing: border-box;
    line-height: 1.6;
}

.office-item-pt-main {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
}

.swiper-container-pt {
    width: 1000px;
    margin: 0 auto;
    /* height: 200px; */
}

.pt-desc div:first-child {
    margin-top: 20px;
    margin-bottom: 20px;
}

.office-pf-desc>div:first-child {
    font-size: 16px;
    margin: 20px 0 10px 0;
}

.office-xzl-feature {
    height: auto;
    padding-bottom: 60px;
    padding-top: 80px;
}

.office-xzl-feature .swiper-slide {
    background: #f8f8f8;
}

.office-download {
    position: relative;
    width: 160px;
    height: 50px;
    background: #478BDE;
    line-height: 50px;
    text-align: center;
    margin-top: 32px;
}

.office-download a {
    color: #fff;
}

/* 表单 */
#tel,
#name {
    height: 40px;
    line-height: 40px;

}

.label- {
    height: 65px;
}

.tender-title:hover a {
    color: #478BDE;
}

.head_wq_dl {
    width: 73px;
    height: 24px;
    overflow: hidden;
    margin-top: 0;
}

.head_wq_dl dt {
    background: url(../Images/top_wq_icon.gif) no-repeat right center;
    color: #333;
    cursor: pointer;
    width: 63px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    overflow: hidden;
}

.head_wq_dl dd {
    background: url(../Images/headbg.png) repeat;
    display: none;
    position: absolute;
    padding: 10px 5px 5px 5px;
    width: 63px;
    overflow: hidden;
    margin-left: 0;
}

.head_wq_dl dd li {
    width: 63px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.head_wq_dl a {
    color: #333;
}

.head_wq_dl a:hover {
    color: #478BDE;;
}

.swiper-container-office-fw .swiper-button-next.swiper-button-disabled,
.swiper-container-office-fw .swiper-button-prev.swiper-button-disabled,
.swiper-button-next-office1.swiper-button-disabled,
.swiper-button-prev-office1.swiper-button-disabled {
    background: none;
}

/* 地图 */
.BMap_bubble_title {
    margin-top: 7px;
}

.east-col-two {
    display: none;
}

.east-col-three {
    display: none;
}
.sgProjectTile{ font-size: 32px; color:#333; padding-bottom: 20px; }
.projectInfo .txt{line-height: 30px!important;}
.projectInfo .txt p,.projectInfo .txt p span{ color:#666!important; }
