/* CSS Document  dongyj*/
* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    padding: 0;
    margin: 0 auto;
    font-size: 16px;
    color: #555;
    background-color: #fff;
    font-family: "Microsoft YaHei";
    min-width: 100%;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside {
    padding: 0;
    margin: 0;
}

.ul,
.ul li {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table td {
    border-collapse: collapse;
    font-size: 14px;
}

select, input, textarea {
    font-size: 14px;
    color: #333;
    border-radius: 0;
    -webkit-border-radius: 0;
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}

a {
    color: #333;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}

a:hover {
    text-decoration: none;
}

a:focus {
    color: #333;
    outline: none;
    -moz-outline: none;
}

a:active {
    color: #333;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-family: "Microsoft YaHei";
    text-align: justify;
    text-justify: inter-ideograph;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select.png) no-repeat scroll 95% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 26px !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}

.clearfix {
    *zoom: 1;
}

/*IE/7/6*/
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Ispic {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.img-opacity {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.Contain {
    padding-top: 70px;
}

.bwWrapper {
    position: relative;
    display: block;
}

/*Top*/
.Top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.Top .center > div {
    float: left;
}

.Top .center .top-right {
    float: right;
}

.Top .top-left {
    margin-left: -58px;
    width: 210px;
}

.Top .top-left .logo img {
    width: 100%;
    height: 70px;
}

.Top .top-right {
    margin-right: -58px;
    padding-top: 39px;
}

.Top .top-right dl > * {
    float: left;
}

.Top .top-right dd img {
    height: 22px;
}

.Top .top-right dt::after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    width: 1px;
    background: #d1d1d1;
    height: 12px;
    margin: 0 16px;
}

.Top .top-right dt {
    position: relative;
}

.Top .top-right dt .open-search {
    background: url(../images/btn_search.png) no-repeat center center;
    width: 30px;
    height: 22px;
    float: left;
}

.Top .search-box {
    position: absolute;
    right: 15px;
    top: 47px;
    width: 300px;
    display: none;
    background: rgba(0, 0, 0, 0.8);
}

.Top .search-box::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.8);
    right: 20px;
    top: -20px;
}

.Top .search-box .text {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 46px 0 10px;
    border: none;
    background: none;
    color: #fff;
}

.Top .search-box .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 46px;
    background: url(../images/fangdajng.png) no-repeat center center;
}

.Top .top-mid {
    margin-left: 70px;
}

.top-menu li {
    float: left;
    padding: 15px 24px;
}

.top-menu li > a {
    display: block;
    line-height: 68px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
}

.top-menu li > a:hover,
.top-menu li.aon > a {
    border-bottom-color: #c82f34;
}

.top-sub {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    display: none;
}

.top-sub dl {
    display: table;
    margin: 0 auto;
    padding: 30px 0 10px 0;
    overflow: hidden;
}

.top-sub dl dt {
    float: left;
    padding: 0 32px;
    text-align: center;
}

.top-sub dl dt figure {
    display: table;
    height: 48px;
    width: 100%;
}

.top-sub dl dt figcaption {
    display: table-cell;
    vertical-align: bottom;
}

.top-sub dl dt a {
    color: #555;
    transition: 0.3s;
}

.top-sub dl dt a:hover {
    color: #c82f34;
}

.top-sub dl dt span.dot {
    padding: 10px 0;
}

.top-sub dl dt img {
    max-height: 48px;
    max-width: 150px;
    transition: ease-in-out 0.3s;
}

.top-sub dl dt a:hover img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

/*Top end*/
/*bottom*/
.bottom {
    clear: both;
    background: #444;
}

.bottom-menu {
    padding: 50px 0 46px 0;
}

.bottom-menu > * {
    float: left;
}

.bottom-menu ol {
    width: 209px;
}

.bottom-menu ol .logo img {
    width: 121px;
}

.bottom-menu ol figure {
    margin-left: 19px;
    margin-top: 15px;
    width: 96px;
}

.bottom-menu ol figure::before {
    width: 4px;
    height: 30px;
    display: block;
    content: '';
    margin: 0 auto;
    background: #c81623;
}

.bottom-menu ol figure img {
    display: block;
    width: 96px;
    border: 4px solid #fff;
}

.bottom-menu ol figcaption {
    color: #828180;
    padding: 4px 0;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.bottom-menu dl {
    min-height: 240px;
    padding-right: 28px;
    max-width: 244px;
    padding-left: 18px;
}

.bottom-menu dl.dl-row-2,
.bottom-menu dl.dl_end {
    padding-right: 0;
}

.bottom-menu dl dt {
    color: #fff;
    font-size: 16px;
    padding-bottom: 32px;
}
.bottom-menu dl dt a::after {
    width: 9px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-left: 10px;
}

.bottom-menu dl dd {
    line-height: 19px;
    padding: 8px 0;
}

.bottom-menu dl.dl-row-2 dd {
    float: left;
    width: 50%;
}

.bottom a {
    color: #7c7c7c;
    transition: color 0.3s;
}

.bottom a:hover {
    color: #c82f34;
}

.read-list {
    position: relative;
    border-top: 1px solid #4e4e4e;
    padding: 22px 0 22px 116px;
    line-height: 25px;
}

.read-list ol {
    color: #fff;
    font-size: 16px;
    width: 116px;
    position: absolute;
    left: 0;
    top: 22px;
}

.read-list li {
    float: left;
    margin-right: 43px;
    max-width: 200px;
    font-size: 16px;
}

.read-list li.end {
    margin-right: 0;
}

.foot {
    background: #383838;
    padding: 22px;
}

.foot-left {
    float: left;
    line-height: 28px;
}

.foot-left i {
    display: inline-block;
    width: 2px;
    border-right: 1px dotted #7c7c7c;
    height: 10px;
    margin: 0 14px;
    vertical-align: middle;
}

.foot-right {
    float: right;
    padding-top: 12px;
}

.foot-right > * {
    float: left;
}

.foot-right ul {
    position: relative;
    width: 250px;
    margin-right: 9px;
    line-height: 33px;
}

.foot-right ul ol {
    border-radius: 3px;
    border: 1px solid #494949;
    cursor: pointer;
    padding-left: 12px;
    background: url(../images/bottom-link.gif) no-repeat 95% center;
}

.foot-right ul li {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    display: none;
}

.foot-right ul li a {
    padding: 0 12px;
    border-bottom: 1px solid #383838;
}

.foot-right .bdsharebuttonbox a {
    margin: 0 0 0 18px;
    padding: 0;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: url(../images/bottom-share.png) no-repeat 0 0 #484848;
}

.foot-right .bdsharebuttonbox a.bds_tqq {
    background-position: -55px 0;
}

.foot-right .bdsharebuttonbox a.bds_sqq {
    background-position: -105px 0;
}

.bd_weixin_popup,
.bd_weixin_popup * {
    box-sizing: content-box;
}

/*bottom end*/
/*banner*/
.aside-total {
    padding-top: 70px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.product_banner {
    position: relative;
    z-index: 1;
    background: #fff;
    min-height: 61px;
}

.product_banner .bx-viewport {
    z-index: 1;
}

.product_banner li.li_bg {
    background-position: center top;
    height: 500px;
    background-repeat: no-repeat;
}

.product_banner .edit-info {
    overflow: hidden;
    height: 500px;
}

.product_banner .bx-pager {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    text-align: center;
    z-index: 12;
}

.product_banner .bx-pager div {
    display: inline-block;
    padding: 0 6px;
}

.product_banner .bx-pager div a {
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    line-height: 1000px;
    background: #f5f5f5;
    border-radius: 50%;
}

.product_banner .bx-pager div a.active {
    background: #c81623;
}

.product_banner .bx-controls-direction a {
    width: 156px;
    height: 439px;
    top: auto;
    margin-top: 0;
    bottom: 0;
    z-index: 10;
    background: none;
}

.product_banner .bx-controls-direction a::before {
    width: 19px;
    height: 36px;
    margin-top: -18px;
    margin-left: -9px;
}

.product_banner .bx-controls-direction a.bx-next::before {
    background-position: right top;
}

.product_banner .bx-controls-auto {
    display: none;
}

.product_info_banner .aside-total {
    height: 900px;
}

.product_info_banner {
    position: relative;
    z-index: 2;
}

.product_info_banner #prodductlist {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    opacity: 0;
}

.product_info_banner .product_current {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
}

.product_info_banner .product_current.pro_fixed {
    position: fixed;
    top: 0;
    background: rgba(90, 90, 90, 0.54)
}

.product_current dt {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-left: -58px;
    line-height: 49px;
}

.product_current dd {
    float: right;
    margin-right: -58px;
    line-height: 48px;
}

.product_current dd a {
    float: left;
    margin-left: 40px;
    color: #ddd;
    border-bottom: 2px solid transparent;
}

.product_current dd a.on {
    color: #fff;
    border-bottom-color: #929292;
}

.product_info_banner_canshu {
    height: 120px;
}

.product_info_banner_canshu .aside-total {
    display: none;
}

.product_info_banner_canshu .product_current {
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
}

.product_info_banner_canshu .product_current dt {
    color: #545454;
}

.product_info_banner_canshu #prodductlist {
    display: none;
}

.product_info_banner_canshu .product_current dd a {
    color: #575757;
}

.product_info_banner_canshu .product_current dd a.on {
    border-bottom-color: #555;
    color: #575757;
}

.product_info_banner_canshu .product_current.pro_fixed dt {
    color: #fff;
}

.product_info_banner_canshu .product_current.pro_fixed dd a {
    color: #ddd;
}

.product_info_banner_canshu .product_current.pro_fixed dd a.on {
    color: #fff;
    border-bottom-color: #929292;
}

.productcategoryname {
    padding-top: 50px;
    margin-bottom: 30px;
    position: relative;
}

.productcategoryname::after {
    position: absolute;
    left: 0;
    bottom: -15px;
    content: '';
    width: 100%;
    height: 1px;
    background: #eee;
}

/*banner end*/
.product-category {
    position: relative;
    padding: 35px 0;
}

.product-category li {
    text-align: center;
    padding-top: 15px;
}

.product-category li a p {
    color: #555;
}

.product-category li a:focus p,
.product-category li a:active p,
.product-category li a:hover p {
    color: #c92a32;
}

.product-category .table {
    display: table;
    height: 136px;
    width: 100%;
}

.product-category .table-cell {
    display: table-cell;
    vertical-align: bottom;
}

.product-category li img {
    max-height: 136px;
    transition: 0.2s;
}

.product-category li a:hover img {
    transform: scale(1.05);
}

.project-category-bg {
    height: 900px;
    padding-top: 70px;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
}

.project-category-bg ul {
    position: relative;
}

.project-category-bg li {
    position: absolute;
    width: 92px;
    text-align: center;
    cursor: pointer;
}

.project-category-bg li a {
    display: block;
    height: 118px;
    background: url(../images/project_li.png) no-repeat center top;
    padding-top: 6px;
    transition: 0.2s;
}

.project-category-bg li a:hover {
    background-image: url(../images/project_li_hover.png);
    color: #fff;
    transform: translateY(-10px);
}

.project-category-bg li div {
    margin: 0 auto;
    width: 54px;
}

.project-category-bg li div img {
    height: 54px;
    display: block;
}

.project-category-bg li div img.hover,
.project-category-bg li a:hover div img {
    display: none;
}

.project-category-bg li a:hover div img.hover {
    display: block;
}

.project-category-bg li b {
    display: block;
    padding: 0 15px;
}

.bx-controls-direction a,
.bx-controls-direction a::before {
    position: absolute;
    top: 50%;
}

.bx-controls-direction a {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: #c92a32;
    overflow: hidden;
    line-height: 1000px;
}

.bx-controls-direction a.disabled {
    background: #f9f9f9;
    cursor: default;
    display: none;
}

.bx-controls-direction a::before {
    content: '';
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(../images/btn_product.png) no-repeat left -21px;
    left: 50%;
    margin-left: -6px;
}

.bx-controls-direction a.bx-next::before {
    background-position: right -21px;
}

.bx-controls-direction a.bx-prev.disabled::before {
    background-position: left top;
}

.bx-controls-direction a.bx-next.disabled::before {
    background-position: right top;
}

.bx-controls-direction a.bx-prev {
    left: 0;
}

.bx-controls-direction a.bx-next {
    right: 0;
}

.prodduct-list {
    background: #f7f7f7;
    margin-bottom: 50px;
}

.prodduct-list li {
    float: left;
    width: 200px;
    text-align: center;
    padding: 20px 0 0 0;
}

.prodduct-list li:hover,
.prodduct-list li.on {
    background: #fff;
}

.prodduct-list .table {
    display: table;
    height: 110px;
    width: 100%;
}

.prodduct-list .table-cell {
    display: table-cell;
    vertical-align: bottom;
}

.prodduct-list .pic img {
    max-width: 200px;
    max-height: 110px;
}

.prodduct-list p.dot {
    margin: 0;
    padding: 15px 0;
    line-height: 19px;
}

.product-name {
    font-size: 18px;
}

.product-name::before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 20px;
    background: #c81623;
    margin-right: 10px;
    vertical-align: middle;
}

.view-360 {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

.product-360 {
    width: 600px;
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: center;
}

/*.product-360 .angle-view{ position:relative;}*/

/*.view-360 .overlay{position: absolute;display: inline-block;width: 300px;*/ /* same width as iframe below *//*height: 300px; *//* same height as iframe below *//*pointer-events: none;}*/
/*.product-360 .bx-viewport{ z-index:1;}
.product-360 .angle-view li{ text-align:center;}
.product-360 .angle-view li img{ width:300px; height:300px;}
.product-360 .angle-view .bx-controls-direction a::before{ display:none;}
.product-360 .angle-view .bx-controls-direction a{ margin-top:-12px; width:24px; height:24px; background:url(../images/btn_360.png) no-repeat left -25px #c81623;}
.product-360 .angle-view .bx-controls-direction a.disabled{ cursor:default; background-color:#f9f9f9; border:1px solid #e5e5e5;}
.product-360 .angle-view .bx-controls-direction a.bx-prev{ left:0;}
.product-360 .angle-view .bx-controls-direction a.bx-prev.disabled{ background-position:left -1px;}
.product-360 .angle-view .bx-controls-direction a.bx-next{ right:0; background-position:right top;}
.product-360 .angle-view .bx-controls-direction a.bx-next.disabled{ background-position:right -26px;}*/
.product-360 .tips {
    font-size: 18px;
    color: #333;
    padding-top: 20px;
}

.product-360 .tips::before {
    display: inline-block;
    content: '';
    background: url(../images/zhuan.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.view-360 .ui a {
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/btn_360.png);
    background-repeat: no-repeat;
    background-color: #fafafa;
    border: solid 1px #e5e5e5;
}

.view-360 .ui a:hover {
    background-color: #c81624;
    border-color: #c81624;
}

.view-360 .ui a.next {
    left: -30px;
    background-position: left top;
}

.view-360 .ui a.prev {
    right: -30px;
    background-position: right bottom
}

.view-360 .ui a.next:hover {
    background-position: left bottom;
}

.view-360 .ui a.prev:hover {
    background-position: right top;
}

.prod-download {
    padding: 13px 0 58px 0;
    overflow: hidden;
}

.prod-download a {
    float: right;
    padding: 0 37px 0 16px;
    background: url(../images/produc-info-download.png) no-repeat right top;
    line-height: 30px;
    color: #fff;
}

.prod-download a:hover {
    color: #fff;
    background-image: url(../images/produc-info-download-hover.png);
}

.prod-Advantage-big {
    margin: 50px 0;
    position: relative;
}

.prod-Advantage-big .item {
    position: relative;
    overflow: hidden;
}

.prod-Advantage-big .item .pic img {
    width: 100%;
    height: 600px;
}

.prod-Advantage-big .item .info {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 60px;
    bottom: 60px;
    z-index: 10;
    line-height: 26px;
}

.prod-Advantage-big .bx-wrapper {
    position: relative;
    z-index: 1;
}

.prod-Advantage-big .bx-pager {
    display: table;
    margin: 0 auto;
}

.prod-Advantage-big .bx-pager div {
    float: left;
    margin: 0 10px;
    width: 100px;
}

.prod-Advantage-big .bx-pager div a {
    display: block;
    height: 4px;
    background: #ddd;
    overflow: hidden;
    line-height: 100px;
}

.prod-Advantage-big .bx-pager div a.active {
    background: #555;
}

.prod-Advantage-big .bx-controls-direction a {
    background: url(../images/btn.png) no-repeat left bottom #f9f9f9;
}

.prod-Advantage-big .bx-controls-direction a:hover {
    background-color: #c81623;
    background-position: left top;
}

.prod-Advantage-big .bx-controls-direction a::before {
    display: none;
}

.prod-Advantage-big .bx-controls-direction a.bx-prev {
    left: -100px;
}

.prod-Advantage-big .bx-controls-direction a.bx-next {
    right: -100px;
    background-position: right top;
}

.prod-Advantage-big .bx-controls-direction a.bx-next:hover {
    background-position: right bottom;
}

.prod-Advantage-big .title {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding: 30px 0;
}

.product-video div {
    position: relative;
    height: 600px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.product-video #video {
    display: none;
}

.product-video div a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 330px;
    background: url(../images/open_video.png) no-repeat center 270px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}

.prod-Scenes {
    padding: 55px 0 9px 0;
}

.prod-Scenes .example-table td {
    padding-bottom: 6px;
    vertical-align: top;
}

.prod-Scenes .example-table td.pic-2 {
    padding-bottom: 0;
}

.prod-Scenes .example-table td.pic-2 .pic {
    margin-bottom: 6px;
}

.prod-Scenes .example-table .pic {
    position: relative;
    margin-right: 6px;
    overflow: hidden;
}

.prod-Scenes .example-table td.pad_end .pic {
    margin-right: 0;
}

.prod-Scenes .example-table td.w2,
.prod-Scenes .example-table td.w1 {
    width: 25.3125%;
}

.prod-Scenes .example-table .pic img {
    width: 100%;
    display: block;
}

.prod-Scenes .example-table .pic .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    width: 100%;
}

.product-apply {
    background: url(../images/product_applybg.jpg) no-repeat center top;
    height: 180px;
    text-align: center;
    padding-top: 50px;
    margin-top: 4px;
}

.product-apply a {
    display: inline-block;
    padding: 0 34px 0 44px;
    font-size: 30px;
    color: #c81623;
    border: 1px solid #c81623;
    line-height: 78px;
}

.product-apply a::after {
    display: inline-block;
    content: '';
    margin-left: 15px;
    border: 10px solid transparent;
    border-left-color: #c81623;
}

.Pop-up {
    position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    display: none;
}

.Pop-up .center {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 454px;
    margin-top: -277px;
    margin-left: -600px;
}

.Pop-up .center .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url(../images/close.png) no-repeat center center;
    overflow: hidden;
    line-height: 1000px;
    cursor: pointer;
}

.Pop-up h3 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    padding-top: 65px;
}

.Pop-up h3 span {
    font-size: 18px;
    display: block;
    padding-top: 10px;
}

.Pop-up .table {
    width: 418px;
    margin: 0 auto;
}

.Pop-up .table dl {
    display: table;
    width: 100%;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 14px;
}

.Pop-up .table dl.dl_icon1 {
    background-image: url(../images/pop-icon01.png);
}

.Pop-up .table dl.dl_icon2 {
    background-image: url(../images/pop-icon02.png);
}

.Pop-up .table dl.dl_icon3 {
    background-image: url(../images/pop-icon03.png);
}

.Pop-up .table dl.dl_icon4 {
    background-image: url(../images/pop-icon04.png);
}

.Pop-up .table dl.dl_icon5 {
    background-image: url(../images/pop-icon05.png);
}

.Pop-up .table dl.dl_icon6 {
    background-image: url(../images/pop-icon08.png);
    background-position: left 8px
}

.Pop-up .table dl.dl_icon6 .wu-example {
    padding-left: 15px;
}

.Pop-up .table dl > * {
    display: table-cell;
    vertical-align: middle;
}

.Pop-up .table dt {
    position: relative;
    line-height: 35px;
}

.Pop-up .table dt label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #999;
}

.Pop-up .table dt .text {
    width: 100%;
    line-height: 35px;
    height: 35px;
    background: none;
    border: 0;
    border-bottom: 1px solid #999;
    color: #fff;
}

.Pop-up .table dt select {
    width: 48%;
    background: none;
    line-height: 35px;
    height: 35px;
    border: 0;
    border-bottom: 1px solid #999;
    color: #999;
    float: left;
    display: block !important;
}

.Pop-up .table dt .ml {
    margin-left: 4%;
    width: 48%;
    float: left;
}

.Pop-up .table dt .ml select {
    width: 100%;
}

.Pop-up .table dd {
    color: #c81623;
    text-align: right;
    width: 20px;
}

.Pop-up .table .btn {
    cursor: pointer;
    border: none;
    width: 100%;
    background: url(../images/pop-btn.png) no-repeat right top;
    height: 41px;
    color: #fff;
    font-size: 18px;
    margin-top: 34px;
}

.Pop-up .table .btn:hover {
    background-image: url(../images/pop-btn_hover.png);
}

#thanks .thanks-con {
    background: url(../images/thanks-con.png) no-repeat;
    width: 677px;
    height: 314px;
    margin: 0 auto;
    position: relative;
}

#thanks .thanks-con a {
    position: absolute;
    right: 14px;
    bottom: 0;
    width: 174px;
    height: 39px;
    cursor: pointer;
}

#Error .Error-con {
    margin: 0 auto;
    width: 300px;
    color: #fff;
    font-size: 16px;
}

#Error .Error-con p {
    border-bottom: 1px solid #999;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

#Error .Error-con p span {
    border-radius: 50%;
    width: 16px;
    line-height: 16px;
    text-align: center;
    background: #000;
    color: #ababab;
    margin: 0 10px;
    display: inline-block;
    font-size: 12px;
    font-family: 宋体;
    box-shadow: 1px 1px 1px #ccc;
}

.column-menu {
    margin-top: 91px;
    border-top: 1px solid #e5e5e5;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 20;
}

.column-menu li {
    float: left;
    margin-right: 42px;
}

.column-menu li a {
    display: block;
    line-height: 59px;
    border-bottom: 2px solid transparent;
}

.column-menu li a:hover,
.column-menu li a.aon {
    border-bottom-color: #c81623;
}

.about-content .column-menu {
    border-bottom: 1px solid #e5e5e5;
}

/*map*/
.Map {
    background: url(../images/case_areabg.jpg) no-repeat center top;
    height: 970px;
    padding-top: 61px;
    margin-top: -61px;
}

.Map > .center {
    position: relative;
}

.Map .global {
    text-align: center;
    color: #fff;
    background: url(../images/case_area_global.png) no-repeat center top;
    width: 130px;
    padding-top: 130px;
    position: absolute;
    right: -13px;
    bottom: 0;
    line-height: 30px;
    transition: 0.3s;
}

.Map .global a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.Map .global:hover {
    font-size: 16px;
    color: #c81623;
    background-image: url(../images/case_area_global_hover.png);
}

.Map .all-map {
    background: url(../images/map/map.png) no-repeat;
    width: 860px;
    height: 703px;
    margin: 19px auto 0;
    position: relative;
}

.Map .all-map dl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.Map .all-map dl.map-hover {
    z-index: 1;
}

.Map .all-map dl > * {
    position: absolute;
}

.Map .all-map dd a {
    display: block;
    background: url(../images/map/map_select.png) no-repeat center top;
    padding-top: 20px;
}

.Map .all-map dd.on a {
    color: #fff;
    background: none;
}

.Map .all-map dd.dd_3253,
.Map .all-map dd.dt_3253 {
    display: none;
}

.Map .all-map dd.dd_1 {
    right: 26%;
    top: 35%;
}

.Map .all-map dd.dd_2 {
    right: 14.5%;
    bottom: 38%;
}

.Map .all-map dd.dd_3 {
    right: 23.5%;
    top: 38%;
}

.Map .all-map dd.dd_4 {
    bottom: 32%;
    left: 57%;
}

.Map .all-map dd.dd_5 {
    right: 16%;
    bottom: 32%;
}

.Map .all-map dd.dd_6 {
    bottom: 18%;
    left: 68%;
}

.Map .all-map dd.dd_7 {
    right: 17%;
    top: 53%;
}

.Map .all-map dd.dd_8 {
    right: 26%;
    top: 41%;
}

.Map .all-map dd.dd_9 {
    top: 43%;
    right: 31.5%;
}

.Map .all-map dd.dd_10 {
    left: 48%;
    bottom: 35%;
}

.Map .all-map dd.dd_11 {
    right: 28%;
    top: 50%;
}

.Map .all-map dd.dd_12 {
    right: 14%;
    top: 29%;
}

.Map .all-map dd.dd_13 {
    right: 10%;
    top: 23%;
}

.Map .all-map dd.dd_14 {
    right: 9%;
    top: 14%;
}

.Map .all-map dd.dd_15 {
    right: 22%;
    top: 45%;
}

.Map .all-map dd.dd_16 {
    top: 57%;
    right: 21%;
}

.Map .all-map dd.dd_17 {
    bottom: 24%;
    right: 19%;
}

.Map .all-map dd.dd_18 {
    right: 30%;
    bottom: 36%;
}

.Map .all-map dd.dd_19 {
    right: 31%;
    bottom: 27%;
}

.Map .all-map dd.dd_20 {
    bottom: 3%;
    right: 34%;
}

.Map .all-map dd.dd_21 {
    bottom: 28%;
    right: 24%;
}

.Map .all-map dd.dd_22 {
    bottom: 23%;
    right: 40%;
}

.Map .all-map dd.dd_23 {
    bottom: 17%;
    left: 45%;
}

.Map .all-map dd.dd_24 {
    right: 38%;
    top: 51%;
}

.Map .all-map dd.dd_25 {
    right: 47%;
    top: 44%;
}

.Map .all-map dd.dd_26 {
    bottom: 16%;
    right: 37%;
}

.Map .all-map dd.dd_27 {
    top: 45%;
    left: 53%;
}

.Map .all-map dd.dd_28 {
    left: 36%;
    top: 47%;
}

.Map .all-map dd.dd_29 {
    left: 19%;
    top: 32%;
}

.Map .all-map dd.dd_30 {
    left: 19%;
    top: 54%;
}

.Map .all-map dd.dd_31 {
    left: 57%;
    top: 34%;
}

.Map .all-map dd.dd_32 {
    bottom: 14%;
    right: 24%;
}

.Map .all-map dd.dd_33 {
    bottom: 12%;
    right: 28%;
}

.Map .all-map dd.dd_34 {
    right: 13%;
    bottom: 18%;
}

.Map .all-map dt {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: none;
}

.Map .all-map dt.dt_1 {
    width: 27px;
    height: 29px;
    left: 71%;
    top: 35%;
}

.Map .all-map dt.dt_2 {
    width: 18px;
    height: 16px;
    right: 15%;
    bottom: 39.2%;
}

.Map .all-map dt.dt_3 {
    width: 20px;
    height: 30px;
    right: 24.2%;
    top: 37.2%;
}

.Map .all-map dt.dt_4 {
    width: 71px;
    height: 72px;
    bottom: 30%;
    left: 55%;
}

.Map .all-map dt.dt_5 {
    width: 61px;
    height: 70px;
    right: 14.2%;
    bottom: 29.5%;
}

.Map .all-map dt.dt_6 {
    width: 126px;
    height: 100px;
    bottom: 9.2%;
    left: 63.5%;
}

.Map .all-map dt.dt_7 {
    width: 94px;
    height: 72px;
    right: 15.1%;
    top: 50.5%;
}

.Map .all-map dt.dt_8 {
    width: 88px;
    height: 125px;
    right: 21.5%;
    top: 31%;
}

.Map .all-map dt.dt_9 {
    width: 55px;
    height: 117px;
    top: 37%;
    right: 30.5%;
}

.Map .all-map dt.dt_10 {
    width: 174px;
    height: 153px;
    left: 40%;
    bottom: 24%;
}

.Map .all-map dt.dt_11 {
    width: 92px;
    height: 91px;
    right: 25.7%;
    top: 47.7%;
}

.Map .all-map dt.dt_12 {
    width: 94px;
    height: 89px;
    right: 13%;
    top: 27.3%;
}

.Map .all-map dt.dt_13 {
    width: 133px;
    height: 91px;
    right: 5.7%;
    top: 19.5%;
}

.Map .all-map dt.dt_14 {
    width: 178px;
    height: 167px;
    right: 3.7%;
    top: 1.7%;
}

.Map .all-map dt.dt_15 {
    width: 108px;
    height: 68px;
    right: 15.9%;
    top: 42.5%;
}

.Map .all-map dt.dt_16 {
    width: 76px;
    height: 94px;
    top: 52%;
    right: 19.7%;
}

.Map .all-map dt.dt_17 {
    width: 72px;
    height: 86px;
    bottom: 19.5%;
    right: 16.8%;
}

.Map .all-map dt.dt_18 {
    width: 122px;
    height: 76px;
    right: 25.6%;
    bottom: 32.7%;
}

.Map .all-map dt.dt_19 {
    width: 86px;
    height: 100px;
    right: 28.7%;
    bottom: 21.2%;
}

.Map .all-map dt.dt_20 {
    width: 40px;
    height: 35px;
    bottom: 3.8%;
    right: 34%;
}

.Map .all-map dt.dt_21 {
    width: 76px;
    height: 102px;
    bottom: 21.2%;
    right: 21.1%;
}

.Map .all-map dt.dt_22 {
    width: 96px;
    height: 83px;
    bottom: 20.5%;
    right: 37.5%;
}

.Map .all-map dt.dt_23 {
    width: 141px;
    height: 147px;
    bottom: 11.5%;
    left: 39.5%;
}

.Map .all-map dt.dt_24 {
    width: 81px;
    height: 143px;
    right: 35.6%;
    top: 40%;
}

.Map .all-map dt.dt_25 {
    width: 226px;
    height: 191px;
    right: 40%;
    top: 31.5%;
}

.Map .all-map dt.dt_26 {
    width: 124px;
    height: 95px;
    bottom: 12%;
    right: 32.8%;
}

.Map .all-map dt.dt_27 {
    width: 46px;
    height: 76px;
    top: 41%;
    left: 52.3%;
}

.Map .all-map dt.dt_28 {
    width: 201px;
    height: 145px;
    left: 27%;
    top: 40%;
}

.Map .all-map dt.dt_29 {
    width: 322px;
    height: 244px;
    left: 2.5%;
    top: 12.5%;
}

.Map .all-map dt.dt_30 {
    width: 312px;
    height: 189px;
    left: 6.5%;
    top: 46%;
}

.Map .all-map dt.dt_31 {
    width: 353px;
    height: 301px;
    left: 41.7%;
    top: 2.7%;
}

.Map .all-map dt.dt_32,
.Map .all-map dt.dt_33,
.Map .all-map dt.dt_3253 {
    background: none !important;
}

.Map .all-map dt.dt_34 {
    width: 27px;
    height: 64px;
    right: 13.5%;
    bottom: 16%;
}

.map-search {
    padding: 47px 0 58px 0;
}

.map-search dl > * {
    float: left;
}

.map-search dt {
    width: 108px;
    text-align: center;
}

.map-search dt a {
    display: block;
    line-height: 50px;
    background: #c92a32;
    color: #FFF;
    transition: 0.2s;
}

.map-search dt a:hover {
    background: #333;
}

.map-search dd {
    position: relative;
    width: 344px;
    margin-right: 20px;
    border-bottom: 1px solid #888d8e;
    z-index: 10;
}

.map-search dd > a {
    display: block;
    line-height: 49px;
    color: #333;
    padding: 0 30px 0 22px;
    position: relative;
}

.map-search dd > a::after {
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-top-color: #333;
    right: 20px;
    top: 50%;
    margin-top: -2.5px;
}

.map-search dd .text {
    height: 49px;
    line-height: 49px;
    padding: 0 10px;
    width: 100%;
    background: none;
    border: none;
}

.map-search dd .select-sub {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    padding: 20px 10px;
}

.map-search dd .scrollPane {
    overflow: auto;
    max-height: 300px;
    width: 100% !important;
}

.map-search dd ul li {
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
}

.map-search dd ul li:hover {
    background: #333;
    font-size: 18px;
    font-weight: bold; /*color:#c92a32;*/
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 10px;
    width: 6px;
    height: 100%;
}

.jspCap {
    display: none;
}

.jspTrack {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    position: relative;
}

.jspDrag {
    background: url(../images/scroller.png) no-repeat center center #c92a32;
    border-radius: 2px;
    position: relative;
    top: 0;
    left: -2px;
    cursor: pointer;
    width: 10px;
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 16px;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

.hasData {
    height: auto;
}

.hasData .map-search {
    background: #fff;
    padding-top: 16px;
}

.hasData .all-map {
    margin-bottom: 54px;
}

.map-search-result li {
    float: left;
    width: 278px;
    margin-bottom: 10px;
    margin-right: 29px;
}

.map-list-end li:nth-child(4n) {
    margin-right: 0;
}

.map-search-result li img {
    display: block;
    width: 100%;
    height: 183px;
}

.map-search-result li p {
    line-height: 55px;
    padding: 0 25px 0 10px;
    margin: 0;
    font-size: 16px;
    background: url(../images/case_title_icon.jpg) no-repeat 95% center;
}

.map-search-result li a {
    display: block;
    position: relative;
}

.map-search-result li .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(201, 42, 50, 0.9);
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

.map-search-result li a:hover .hover {
    opacity: 1;
}

.map-search-result li .hover dl {
    display: table;
    height: 100%;
    width: 100%;
}

.map-search-result li .hover dt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.map-search-result li .hover dt > * {
    padding: 0 10px;
}

.map-search-result li .hover dt aside {
    font-size: 18px;
}

.map-search-result li .hover dt aside::after {
    display: block;
    content: '';
    height: 2px;
    background: #fff;
    width: 23px;
    margin: 15px auto;
}

/*map end*/
/*case*/
.case-info {
    border-top: 1px solid #e5e5e5;
}

.case-info > .center {
    position: relative;
    z-index: 2;
    margin-bottom: 70px;
}

.get-back {
    padding: 20px 0 10px 0;
    overflow: hidden;
}

.get-back a {
    float: right;
    color: #fff;
    background: #c81623;
    padding: 0 20px;
    line-height: 40px;
}

.get-back a::before {
    display: inline-block;
    vertical-align: middle;
    content: '<';
    font-family: '宋体';
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}

.case-info .prev_next {
    position: absolute;
    right: -60px;
    width: 50px;
    top: 198px;
}

.case-info .prev_next a {
    display: block;
    height: 50px;
    margin: 10px 0;
    position: relative;
    background: #f5f5f5;
    text-align: center;
}

.case-info .prev_next a span {
    color: #999;
    position: absolute;
    left: 55px;
    line-height: 50px;
    top: 0;
    white-space: nowrap;
    display: none;
}

.case-info .prev_next a::before {
    width: 11px;
    height: 20px;
    background: url(../images/info_pn.gif) no-repeat 0 0;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -5px;
}

.case-info .prev_next .li_2 a::before {
    background-position: right top;
}

.case-info .prev_next a:hover {
    background: #c81623;
}

.case-info .prev_next a:hover span {
    display: block;
}

.case-info .prev_next .li_1 a:hover::before {
    background-position: left bottom;
}

.case-info .prev_next .li_2 a:hover::before {
    background-position: right bottom;
}

.case-info .bigImage {
    position: relative;
    float: left;
    width: 640px;
}

.case-info .bigImage .big {
    margin-bottom: 10px;
}

.case-info .bigImage .big li img {
    display: block;
    width: 100%;
    height: 426px;
}

.case-info .bigImage .small .bd {
    overflow: hidden;
}

.case-info .bigImage .small .bd li {
    float: left;
    width: 131px;
}

.case-info .bigImage .small .bd li img {
    width: 120px;
    height: 80px;
    display: block;
}

.case-info .bigImage .small .bd li.on img {
    border: 1px solid #fff;
}

.case-info .bigImage .btn {
    position: absolute;
    top: 50%;
    margin-top: -65px;
    background-color: #c81623;
    z-index: 10;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.case-info .bigImage .btn::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 11px;
    height: 20px;
    background: url(../images/info_pn.gif) no-repeat right bottom;
    margin: -10px 0 0 -5px;
}

.case-info .bigImage .prev::before {
    background-position: left bottom;
}

.case-info .bigImage .prevStop::before {
    background-position: left top;
}

.case-info .bigImage .nextStop::before {
    background-position: right top;
}

.case-info .bigImage .prevStop,
.case-info .bigImage .nextStop {
    background-color: #f8f8f8;
    cursor: default;
}

.case-info .bigImage .prev {
    left: 0;
}

.case-info .bigImage .next {
    right: 0;
}

.case-info .intro {
    width: 550px;
    float: right;
    padding: 0 45px;
    min-height: 516px;
    background: #fafafa;
}

.case-info .intro dl > * {
    border-bottom: 1px solid #eee;
}

.case-info .intro dt {
    padding: 25px 0;
    font-size: 24px;
    color: #333;
}

.case-info .intro dd {
    line-height: 20px;
    padding: 10px 0;
}

.case-info .intro .about {
    padding-top: 20px;
}

.case-info .intro .about b {
}

.case-info .intro .about pre {
    text-indent: 25px;
    line-height: 28px;
    margin: 10px 0;
}

.case-info .apply a {
    display: inline-block;
    color: #fff;
    padding: 0 26px;
    line-height: 36px;
    background: #c81623;
}

.case-info .apply a::after {
    display: inline-block;
    vertical-align: middle;
    content: '>';
    font-family: '宋体';
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

.Related-case {
    background: #fafafa;
    padding-bottom: 90px;
    padding-top: 60px;
}

.Related-case h4 {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.Related-case h4 span {
    display: inline-block;
    background: #fafafa;
    padding: 0 25px;
    line-height: 20px;
    top: -11px;
    position: relative;
}

.Related-case .list {
    position: relative;
    margin-top: 50px;
}

.Related-case .list .bd {
    overflow: hidden;
}

.Related-case .list .btn {
    position: absolute;
    z-index: 10;
    top: 50%;
    margin-top: -40px;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
}

.Related-case .list .btn:hover {
    background-color: #c81623;
}

.Related-case .list .prev {
    left: -60px;
}

.Related-case .list .next {
    right: -60px;
}

.Related-case .list .btn::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 11px;
    height: 20px;
    background: url(../images/info_pn.gif) no-repeat right top;
    margin: -10px 0 0 -5px;
}

.Related-case .list .prev::before {
    background-position: left top;
}

.Related-case .list .prev:hover::before {
    background-position: left bottom;
}

.Related-case .list .next:hover::before {
    background-position: right bottom;
}

.Related-case .list .news li {
    float: left;
    width: 20%;
}

.Related-case .list .news li a {
    display: block;
    width: 220px;
    margin: auto;
}

.Related-case .list .news li .pic,
.Related-case .list .news li .pic img {
    width: 220px;
    height: 160px;
}

.Related-case .list .news li .dot {
    padding: 10px 0;
}

.case-banner {
    height: 370px;
    background-position: center top;
    background-repeat: no-repeat;
}

.case-menu .column-menu {
    margin-top: 0;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}

.case-search {
    float: right;
    margin-top: -45px;
    margin-right: 24px;
    position: relative;
    z-index: 20;
    width: 440px;
    padding-right: 80px;
}

.case-search .text {
    width: 100%;
    color: #999;
    line-height: 31px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.case-search .btn {
    line-height: 32px;
    width: 80px;
    text-align: center;
    color: #fff;
    background: #c81623;
    position: absolute;
    right: 0;
    top: 0;
}

.case-one-category {
    padding: 50px 0 70px 0;
}

.case-two-category .bx-wrapper,
.case-one-category .bx-wrapper {
    position: relative;
    margin: 0 auto;
}

.case-one-category li {
    display: table;
    height: 88px;
    float: left;
    width: 140px;
}

.case-one-category li a {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.case-one-category li aside img {
    max-width: 150px;
    max-height: 48px;
    transition: ease-in-out 0.3s;
}

.case-one-category li span {
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding: 15px 0 5px 0;
}

.case-one-category li.on span {
    border-bottom-color: #c81623;
    color: #c81623;
    font-weight: bold;
}

.case-one-category li a:hover img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.case-one-category .bx-controls-direction a.bx-prev {
    left: -50px;
}

.case-one-category .bx-controls-direction a.bx-next {
    right: -50px;
}

.case-content {
    background: #fafafa;
    padding-bottom: 40px;
}

.case-two-category {
    background: #f7f7f7;
    border: 1px solid #efefef;
    margin-bottom: 40px;
}

.case-two-category .bx-controls-direction a {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

.case-two-category .bx-controls-direction a.bx-prev {
    left: -35px;
}

.case-two-category .bx-controls-direction a.bx-next {
    right: -35px;
}

.case-two-category li {
    line-height: 58px;
    text-align: center;
}

.case-two-category li.on a {
    background: #fff;
    border: 1px solid #efefef;
    border-bottom: 0;
    margin-left: -1px;
    padding: 0 5px;
    border-top: 2px solid #c92a32;
    color: #c92a32;
    font-weight: bold;
}

.case-content .map-search-result li {
    margin-bottom: 28px;
}

.list-read {
    padding: 20px 0
}

.list-read ul {
    overflow: hidden;
}

.list-read ul li {
    float: left;
    width: 120px;
    text-align: center;
    padding: 10px
}

.list-read ul li .pic {
    height: 100px;
}

.list-read ul li .pic img {
    width: 100px;
    height: 100px;
}

.list-read ul li .dot {
    padding: 10px 0;
}

/*case end*/
/*pages*/
.Pages {
    text-align: center;
    padding: 30px 0;
}

.Pages * {
    display: inline-block;
    vertical-align: middle;
}

.Pages .p_page {
    display: table;
    margin: 0 auto;
}

.Pages .p_page * {
    float: left;
}

.Pages .p_page a {
    background-color: #fff;
    padding: 0 18px;
    line-height: 33px;
    border: 1px solid #edecec;
}

.Pages .p_page a.a_cur,
.Pages .p_page a:hover {
    background-color: #c81623;
    color: #fff;
}

.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump {
    display: none;
}

.Pages .p_page em {
    font-style: normal;
}

.Pages .p_page a.a_prev,
.Pages .p_page a.a_next {
    overflow: hidden;
    height: 35px;
    line-height: 1000px;
    width: 40px;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 10px;
}

.Pages .p_page a.a_prev:hover {
    background-image: url(../images/page_a_prev_hover.gif);
}

.Pages .p_page a.a_next:hover {
    background-image: url(../images/page_a_next_hover.gif);
}

.Pages .p_page a.a_prev {
    background-image: url(../images/page_a_prev.gif);
}

.Pages .p_page a.a_next {
    background-image: url(../images/page_a_next.gif);
}

/*pages end*/
/*project*/
.project-menu {
    margin-top: 70px;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 2;
}

.project-menu dl {
    line-height: 50px;
}

.project-menu dt {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-left: -58px;
}

.project-menu dd {
    float: right;
    margin-right: -58px;
}

.project-menu dd a {
    position: relative;
    float: left;
    margin-left: 45px;
    color: #fff;
}

.project-menu dd a::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    content: '';
    bottom: 0;
}

.project-menu dd a:hover::after,
.project-menu dd a.on::after {
    width: 100%;
}

.project-video {
    position: relative;
    z-index: 1;
    margin-top: -50px;
    background-color: #bfbfbf;
}

.project-video .bg {
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 50px;
    height: 900px;
}

.project-video .fancybox {
    background: url(../images/open_video.png) no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    margin: 0 auto;
}

.project-video .edit-info {
    padding-bottom: 10px;
    max-height: 700px;
    overflow: hidden;
}

.project-title {
    font-size: 24px;
    padding: 70px 0;
    text-align: center;
    color: #333;
}

.project-title p {
    font-size: 16px;
    margin: 0;
}

.project-design {
    background: url(../images/project_design_bg.jpg) no-repeat center top;
    height: 740px;
    padding-top: 30px;
    margin: 5px 0 40px 0;
}

.project-design ul {
    display: table;
    margin: 0 auto;
}

.project-design ul li {
    float: left;
    width: 340px;
    text-align: center;
    padding: 0 60px;
    position: relative;
}

.project-design ul li::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 140px;
    background: #ccc;
    right: 0;
    top: 35px;
}

.project-design ul li:last-child::after {
    display: none;
}

.project-design ul li h3 {
    margin: 23px 0;
    font-size: 15px;
}

.project-design ul li pre {
    line-height: 24px;
    text-align: center;
    font-size: 13px;
}

.project-design ul li .icon img {
    width: 50px;
    height: 50px;
    transition: 0.3s;
}

.project-design ul li:hover .icon img {
    transform: rotateY(360deg);
}

.solution-list {
    padding: 10px 0;
}

.solution-list dl {
    border: 1px solid #ccc;
}

.solution-list dd {
    float: left;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
}

.solution-list dd a {
    display: block;
    padding: 0 5px;
    border-right: 1px solid #ccc;
}

.solution-list dd:last-child a {
    border-right: 0;
}

.solution-list dd.on a {
    background: #c81623;
    color: #fff;
}

/*.solution-scroll{ position:relative; min-height:740px;}*/
.solution-scroll li .pic {
    position: relative;
    height: 740px;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.solution-scroll li .con {
    position: relative;
    height: 740px;
    overflow: hidden;
}

.solution-scroll .bx-viewport {
    z-index: 1;
}

.solution-scroll .bx-controls-direction {
    position: relative;
    width: 1340px;
    margin: 0 auto;
    z-index: 20;
}

.solution-scroll .bx-controls-direction a {
    margin-top: 0;
    top: -370px;
    background-color: rgba(76, 76, 76, 0.3);
}

.solution-scroll .bx-controls-direction a:hover {
    background-color: #c81623;
}


.project-Machine {
    padding-bottom: 55px;
}

.project-Machine .project-title {
    padding-bottom: 35px;
}

.project-Machine .bx-wrapper {
    position: relative;
}

.project-Machine .bx-controls-direction a.bx-prev {
    left: -70px;
}

.project-Machine .bx-controls-direction a.bx-next {
    right: -70px;
}

.project-Machine li {
    float: left;
    width: 380px;
    margin-right: 30px;
}

.project-Machine li.end {
    margin-right: 0;
}

.project-Machine li img {
    height: 260px;
    display: block;
    width: 100%;
}

.project-Machine li p {
    text-align: center;
    font-size: 16px;
}

/*project end*/

.about-category {
    padding: 48px 0 36px 0;
}

.about-category ul {
    display: table;
    margin: 0 auto;
}

.about-category ul li {
    float: left;
    min-width: 140px;
    text-align: center;
    margin: 0 10px 2px 10px;
}

.about-category ul li a {
    display: block;
    padding: 0 10px;
    line-height: 32px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.about-category ul li a:hover,
.about-category ul li.aon a {
    background: #c81623;
    color: #fff;
    border-color: #c81623;
}

.honor-list ul {
    margin-bottom: 35px;
    padding: 0 50px;
    display: table;
    position: relative;
}

.honor-list ul.no-data li {
    height: 105px;
    text-align: left;
}

.honor-list ul::before,
.honor-list ul::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 75px;
    bottom: 0;
    background: url(../images/honor_ul_l.png) no-repeat left top;
}

.honor-list ul::before {
    left: 0;
}

.honor-list ul::after {
    right: 0;
}

.honor-list li {
    float: left;
    width: 275px;
    text-align: center;
}

.honor-list li p {
    height: 75px;
    margin: 0;
    line-height: 25px;
    padding-top: 25px;
    overflow: hidden;
}

.honor-list li a:hover p {
    color: #c81623;
}

.honor-list li dl {
    display: table;
    width: 100%;
    height: 185px;
}

.honor-list li dl dt {
    display: table-cell;
    vertical-align: bottom;
}

.honor-list li img {
    max-width: 186px;
    max-height: 185px;
}

.honor-list li aside {
    display: inline-block;
    position: relative;
}

.honor-list li aside::after {
    background: url(../images/honor-ying.png) no-repeat right top;
    position: absolute;
    right: -24px;
    top: 0;
    height: 100%;
    content: '';
    width: 24px;
}

.honor-fancybox .fancybox-title-float-wrap {
    bottom: -10px;
}

.honor-fancybox .fancybox-title-float-wrap .child {
    background: none;
    font-size: 16px;
    font-weight: normal;
}

.honor-fancybox .fancybox-title-float-wrap .child br {
    display: none;
}

.honor-fancybox .fancybox-overlay { /*background-image:url(../images/fancybox-overlay.png);*/
    background: rgba(0, 0, 0, 0.95);
}

.honor-fancybox .fancybox-nav span {
    visibility: inherit;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border: 1px solid #333;
}

.honor-fancybox .fancybox-next span {
    right: -100%;
    background: url(../images/fancybox-next.png) no-repeat center center;
}

.honor-fancybox .fancybox-prev span {
    left: -100%;
    background: url(../images/fancybox-prev.png) no-repeat center center;
}

.honor-fancybox .fancybox-nav span:hover {
    background-color: #c81623;
}

.honor-fancybox .fancybox-next span:hover {
    background-image: url(../images/fancybox-next_hover.png);
}

.honor-fancybox .fancybox-prev span:hover {
    background-image: url(../images/fancybox-prev_hover.png);
}

.honor-fancybox .fancybox-close {
    width: 26px;
    height: 26px;
    background: url(../images/close.png) no-repeat;
    right: -30px;
    top: -30px;
}

.video-list li {
    float: left;
    width: 380px;
    margin: 0 30px 30px 0;
    position: relative;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.video-list li::after,
.video-list li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-list li a {
    z-index: 3;
    background: url(../images/open_video2.png) no-repeat center center;
}

.video-list li::after {
    content: '';
    background: url(../images/textbg.png) repeat-x left bottom;
}

.video-list-end li:nth-child(3n) {
    margin-right: 0
}

.video-list li p {
    z-index: 2;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 48px;
}

.video-list li img {
    height: 253px;
    display: block;
    width: 100%;
    transition: all 0.3s ease-out 0s;
}

.video-list li:hover {
    box-shadow: 0 5px 10px rgba(130, 130, 130, 0.3);
    transform: translate(0, -5px);
}

.video-list li:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.about-content {
    padding-bottom: 70px;
}

.left_video {
    float: left;
    width: 750px;
    position: relative;
    overflow: hidden;
}

.left_video .file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    background: #000;
}

.left_video .pic img {
    display: block;
    width: 100%;
    height: 500px;
    position: relative;
}

.left_video .pic::after,
.left_video .pic a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.left_video .pic::after {
    content: '';
    background: url(../images/textbg.png) repeat-x left bottom;
}

.left_video .pic a {
    background: url(../images/open_video_102.png) no-repeat center center;
    z-index: 2;
    cursor: pointer;
}

.right_video_con {
    float: right;
    width: 450px;
    background: #f9f9f9;
    min-height: 500px;
}

.right_video_con .tit {
    margin: 0;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 42px 30px;
}

.right_video_con .edit-info {
    padding: 30px;
    line-height: 28px;
}

.news-content .about-category {
    padding: 30px 0;
    clear: both;
}

.news-content .about-category ul {
    display: block;
}

.news-content .about-category li {
    margin: 0 20px 0 0;
}

.body_f9f9f9 {
    background: #f9f9f9;
}

.news-top {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-top: -61px;
    background: #fff;
    min-height: 61px;
}

.news-top .bx-viewport {
    z-index: 1;
}

.news-top li {
    background-position: center top;
    height: 500px;
    background-repeat: no-repeat;
}

.news-top li a {
    display: block;
    height: 500px;
}

.news-top .bx-pager {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    text-align: center;
    z-index: 12;
}

.news-top .bx-pager div {
    display: inline-block;
    padding: 0 6px;
}

.news-top .bx-pager div a {
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    line-height: 1000px;
    background: #f5f5f5;
    border-radius: 50%;
}

.news-top .bx-pager div a.active {
    background: #c81623;
}

.news-top .bx-controls-direction a {
    background: none;
    width: 156px;
    height: 439px;
    top: auto;
    margin-top: 0;
    bottom: 0;
    z-index: 10;
}

/*.news-top .bx-controls-direction a.bx-prev{ background:url(../images/news_top_btnbg_l.png) repeat-y left top;}
.news-top .bx-controls-direction a.bx-next{ background:url(../images/news_top_btnbg_r.png) repeat-y left top;}*/
.news-top .bx-controls-direction a::before {
    width: 19px;
    height: 36px;
    margin-top: -18px;
    margin-left: -9px;
    background: url(../images/news_top_btn.png) no-repeat left top;
}

.news-top .bx-controls-direction a.bx-next::before {
    background-position: right top;
}

.news-list li {
    overflow: hidden;
    margin-bottom: 40px;
}

.news-list li .pic {
    float: left;
    width: 240px;
}

.news-list li .pic img {
    display: block;
    width: 100%;
    height: 160px;
}

.news-list li .txt {
    float: right;
    width: 916px;
    height: 160px;
    border-bottom: 1px dotted #c6c6c6;
    padding-right: 142px;
    position: relative;
}

.news-list li .txt time {
    position: absolute;
    right: 0;
    top: 17px;
    text-align: right;
}

.news-list li .txt time span {
    display: block;
    padding-bottom: 34px;
}

.news-list li .txt time b {
    font-size: 24px;
}

.news-list li .txt time a {
    color: #c81623;
}

.news-list li .txt p {
    line-height: 24px;
    margin: 0;
    height: 72px;
    overflow: hidden;
}

.news-list li .txt h5 {
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0;
}

.Related-case .news-list {
    margin-top: 30px; /* position:relative; overflow:hidden;*/
}

/*.Related-case .news-list::before,
.Related-case .news-list::after{ position:absolute; content:''; width:1px; height:100%; top:0; background:#eee;}
.Related-case .news-list::before{ left:32.5%;}
.Related-case .news-list::after{right:32.5%;}*/
.news-list ol {
    float: left;
    width: 30%;
    margin-right: 5%;
    line-height: 30px;
    font-size: 12px;
}

.news-list ol:nth-child(3n) {
    margin-right: 0;
}

.news-list ol span {
    float: right;
    margin-left: 10px;
}

.news-list ol a {
    padding-left: 15px;
}

.news-info .title {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
}

.news-info .title h1 {
    margin: 15px 0;
    color: #000;
    font-size: 24px;
}

.news-info .title p {
    font-size: 12px;
    color: #999;
    margin: 0;
}

.news-info .info_np {
    text-align: right;
    padding-top: 30px;
}

.news-info .info_np span a {
    margin: 10px 0;
    display: inline-block;
    color: #999;
}

.news-info .info_np span a:hover {
    color: #c81623;
}

.center-left {
    float: left;
    width: 900px;
}

.center-right {
    float: right;
    width: 250px;
}

.Related-news {
    background: #fafafa;
    padding: 10px;
}

.Related-news h4 {
    border-top: 1px solid #ccc;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: 25px 0 0 0;
}

.Related-news h4 span {
    display: inline-block;
    padding: 0 5px;
    background: #fafafa;
    position: relative;
    line-height: 20px;
    top: -15px;
}

.Related-news li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.Related-news li .pic {
    overflow: hidden;
}

.Related-news li a {
    display: block;
}

.Related-news li img {
    display: block;
    width: 100%;
    height: 153px;
}

.Related-news li .dot {
    padding: 5px 0 0 0;
}

.Related-news li time {
    color: #999;
    font-size: 12px;
    display: block;
    padding-bottom: 5px;
}

.Related-news li pre {
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    color: #666;
}

.contact-content {
    margin-top: -61px;
}

.contact-content .from {
    height: 700px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
}

.contact-content .from > * {
    position: relative;
    z-index: 2;
}

.contact-content .from::before {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    content: '';
}

.contact-content .from .title {
    text-align: center;
    padding: 168px 0 66px 0;
    color: #fff;
    font-size: 36px;
}

.contact-content .from .title span::before,
.contact-content .from .title span::after {
    width: 23px;
    height: 18px;
    display: inline-block;
    content: '';
    vertical-align: text-top;
    background-image: url(../images/contact_title.png);
    background-repeat: no-repeat;
}

.contact-content .from .title span::before {
    background-position: left top;
    margin-right: 20px;
}

.contact-content .from .title span::after {
    background-position: right top;
    margin-left: 20px;
}

.contact-content .from-table {
    width: 678px;
    margin: 0 auto;
}

.contact-content .from-table .form_err {
    position: absolute;
    right: -15px;
    color: #f00;
    line-height: 40px;
}

.contact-content .from-table dl {
    margin-bottom: 33px;
}

.contact-content .from-table dd {
    position: relative;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
}

.contact-content .from-table dd.dd_1 {
    background-image: url(../images/pop-icon01.png);
}

.contact-content .from-table dd.dd_2 {
    background-image: url(../images/pop-icon02.png);
    float: right !important;
}

.contact-content .from-table dd.dd_3 {
    background-image: url(../images/pop-icon03.png);
}

.contact-content .from-table dd.dd_4 {
    background-image: url(../images/pop-icon03_1.png);
    margin: 0 60px;
}

.contact-content .from-table dd.dd_5 {
    background-image: url(../images/pop-icon03_2.png);
}

.contact-content .from-table dd.dd_6 {
    background-image: url(../images/pop-icon04.png);
}

.from-table-same label {
    position: absolute;
    left: 30px;
    line-height: 40px;
    top: 0;
    color: #fff;
    opacity: 0.5;
    width: 100%;
}

.contact-content .from-table dl.row-2 dd {
    float: left;
    width: 310px;
}

.contact-content .from-table dl.row-3 dd {
    float: left;
    width: 186px;
}

.contact-content .from-table dl.row-3 dd select {
    display: block !important;
}

.contact-content .from-table dl dt {
    text-align: center;
}

.from-table-same .text {
    width: 100%;
    line-height: 40px;
    height: 40px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #555;
    background: none;
}

.from-table-same select {
    border: none;
    border-bottom: 1px solid #555;
    line-height: 40px;
    height: 40px;
    width: 100%;
    color: #666;
    display: block !important;
}

.from-table-same .btn {
    background: url(../images/pop-btn.png) no-repeat right center;
    height: 40px;
    border: none;
    font-size: 18px;
    color: #fff;
    width: 170px;
    padding: 0 20px 0 0;
    cursor: pointer;
}

.from-table-same .btn:hover {
    background-image: url(../images/pop-btn_hover.png)
}

.contact-content .map,
.contact-content .edit-info {
    float: left;
    width: 50%;
}

.contact-content .map {
    height: 600px;
}

.contact-content .edit-info {
}

.contact-content #allmap,
.contact-content #allmap * {
    box-sizing: content-box;
}

.contact-content #allmap img {
    max-width: none;
}

.same-margin-top {
    margin-top: -62px;
    float: left;
    width: 100%;
}

.before-service {
    position: relative;
}

.before-service .bd ul {
    width: 100% !important;
}

.before-service .bd li {
    height: 780px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100% !important;
}

.before-service .center {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    height: 100%;
    top: 0;
}

.before-service .hd {
    display: table;
    height: 100%;
    float: right;
    width: 240px;
    padding-top: 61px;
}

.before-service .hd ul {
    display: table-cell;
    vertical-align: middle;
}

.before-service .hd li {
    margin-bottom: 2px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
    color: #fff;
}

.before-service .hd li::before,
.before-service .hd li::after {
    position: absolute;
    content: '';
}

.before-service .hd li::before {
    border: 9px solid transparent;
    border-top-color: #a8a4a0;
    left: 17px;
    top: 0;
}

.before-service .hd li.on::before {
    display: none;
}

.before-service .hd li::after {
    width: 65px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center center;
    right: 10px;
    bottom: 10px;
    opacity: 0.1;
}

.before-service .hd li.on::after {
    opacity: 0.8;
}

.before-service .hd li.li_num1::after {
    background-image: url(../images/num_1.png);
}

.before-service .hd li.li_num2::after {
    background-image: url(../images/num_2.png);
}

.before-service .hd li.li_num3::after {
    background-image: url(../images/num_3.png);
}

.before-service .hd li.li_num4::after {
    background-image: url(../images/num_4.png);
}

.before-service .hd li img {
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    opacity: 0;
    transition: ease-in-out 0.3s;
    width: 230px;
    height: 140px;
}

.before-service .hd li.on img {
    opacity: 1;
}

.before-service .hd li .txt {
    height: 140px;
    overflow: hidden;
    padding: 0 10px 0 17px;
}

.before-service .hd li .txt h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 25px 0 10px;
}

.before-service .hd li .txt pre {
    line-height: 18px;
}

.h2, .h3, .h4, .h5 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.after-service {
    padding-bottom: 0;
}

.after-service .table {
    display: table;
    height: 100%;
    width: 100%;
}

.after-service .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.after-service .photo_bg {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center
}

.after-service .item1,
.after-service .item3,
.after-service .item5 {
    position: relative;
}

.after-service .con {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff
}

.after-service .title_cn {
    font-size: 60px;
    line-height: 160%;
}

.after-service .title_en {
    font-size: 30px;
    opacity: 0.3;
    text-transform: uppercase
}

.after-service .item2 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 80px;
}

.after-service .item2 .center {
    position: relative;
}

.after-service .item2 .h3 {
    font-size: 24px;
    color: #333333;
    padding: 30px 0;
}

.after-service .item2 ul {
    overflow: hidden;
}

.after-service .item2 ul li {
    float: left;
    width: 340px;
    height: 408px;
    position: relative;
    transition: all 0.5s ease-out 0s;
}

.after-service .item2 ul li.n2 {
    margin: 0 90px;
}

.after-service .item2 ul li .pic img {
    width: 340px;
    height: 225px;
}

.after-service .item2 ul li .txt {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 165px;
    padding: 5% 10%;
    font-size: 16px;
    background-color: #fff;
}

.after-service .item2 ul li:hover {
    transform: translate(0, -10px);
    box-shadow: 0 5px 10px rgba(130, 130, 130, 0.3);
}

.after-service .item2 .box2 {
    position: absolute;
    width: 100%;
}

.after-service .item2 .box2 .pic {
    width: 100%;
    position: absolute;
    top: -88px;
}

.after-service .item2 .box2 .h4 {
    font-size: 24px;
    color: #c92a32;
    padding-top: 80px;
}

.after-service .item2 .box2 .time {
    font-weight: bold;
    color: #fff;
    font-size: 36px;
    display: inline-block;
    line-height: 60px;
    padding-left: 90px;
    padding-right: 47px;
    background: #c92a32 url(../images/icon_time.png) no-repeat 47px center
}

.after-service .item2 .photo {
    border: solid 1px #eeeeee;
}

.after-service .item3 dl {
    display: inline-block;
    width: 150px;
    text-align: center;
}

.after-service .item3 dl dt {
    width: 150px;
    padding: 29.5px 0;
    margin: auto;
    border-radius: 100px;
    transition: ease-in-out 0.3s;
}

.after-service .item3 dl dt img {
    transition: ease-in-out 0.3s;
}

.after-service .item3 dl:hover dt {
}

.after-service .item3 dl:hover dt img {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.after-service .item3 dl dd {
    font-size: 20px;
    padding-top: 20px;
    line-height: 40px;
}

.after-service .item3 dl.icon {
    width: 162px;
    height: 250px;
    opacity: 0.5;
    background: url(../images/after-service-yuan2.png) no-repeat center 75px
}

.after-service .item3_font {
    margin-top: 60px;
}

.after-service .item3_font .h3,
.after-service .item3_font .h4 {
    color: #333333;
    text-align: center
}

.after-service .item3_font .h3 {
    font-size: 24px;
    padding: 5px 0;
}

.after-service .item3_font .h4 {
    font-size: 18px;
}

.after-service .item3_font span.line {
    display: block;
    width: 3px;
    height: 90px;
    margin: auto;
    background-color: #cb333b;
    margin-bottom: -16px;
    position: relative;
    z-index: 5
}

.after-service .item4 {
    padding-top: 30px;
}

.after-service .item4 .h3,
.after-service .item4 .h4 {
    color: #333333;
    text-align: center
}

.after-service .item4 .h3 {
    font-size: 24px;
    padding: 5px 0;
}

.after-service .item4 .h4 {
    font-size: 18px;
    padding-bottom: 30px;
}

.after-service .item4 .h4 span {
    color: #c92a32;
}

.after-service .item4 ul {
    overflow: hidden;
}

.after-service .item4 ul li {
    float: left;
    width: 320px;
    height: 229px;
    font-size: 18px;
}

.after-service .item4 ul li dl {
    padding: 20px 30px;
    height: 160px;
    border: solid 1px #e5e5e5;
}

.after-service .item4 ul li.icon {
    width: 120px;
    background: url(../images/after-service-icon.jpg) no-repeat center 65px
}

.after-service .item4 ul li h5 {
    color: #c92a32;
    font-size: 30px;
}

.after-service .item4 ul li h5:after {
    margin-top: 10px;
    content: '';
    width: 20px;
    height: 2px;
    display: block;
    background-color: #c92a32
}

.after-service .item5 dl {
    text-align: center;
    padding-top: 15px;
}

.after-service .item5 dl a {
    color: #fff;
    font-size: 24px;
    border: solid 1px #ddd;
    display: inline-block;
    padding: 0px 26px;
    line-height: 58px;
    text-align: center
}


.download-content .from-bg,
.booking-content .from-bg {
    height: 780px;
    background-repeat: no-repeat;
    background-position: center top;
}

.download-content .from-bg {
    background-image: url(../images/download_bg.jpg);
}

.booking-content .bg1 {
    background-image: url(../images/booking_bg1.jpg);
}

.booking-content .bg2 {
    background-image: url(../images/booking_bg2.jpg);
}

.booking-content .bg3 {
    background-image: url(../images/booking_bg3.jpg);
}

.first-select {
    padding-top: 240px;
}

.first-select h3 {
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 24px;
    margin: 0;
    padding-bottom: 76px;
}

.first-select h3 span {
    display: block;
    color: #b5b5b5;
    font-size: 16px;
    padding-top: 15px;
}

.first-select dl {
    width: 637px;
    margin: 0 auto;
    font-size: 16px;
}

.first-select dt {
    padding-left: 56px;
    background: url(../images/booking_select_type.png) no-repeat left bottom;
}

.first-select dt span {
    display: block;
    border-bottom: 1px solid #999;
    line-height: 50px;
    color: #999;
    background: url(../images/booking_select_type_a.png) no-repeat 98% center;
    cursor: pointer;
}

.first-select dd {
    display: none;
    padding-left: 56px;
    padding-top: 10px;
}

.second-select dd a,
.first-select dd a {
    display: block;
    background: rgba(255, 255, 255, 0.7);
    line-height: 45px;
    height: 45px;
    padding: 0 20px;
    transition: 0.2s;
}

.second-select dd a:hover,
.first-select dd a:hover {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

/*.second-select dd a{color:#fff; background:rgba(0, 0, 0, 0.8);}
.second-select dd a:hover{color:#fff; }*/

.second-select {
    padding-left: 72px;
    padding-top: 160px;
    width: 667px;
}

.second-select_after {
    padding-top: 132px;
}

.second-select .title {
    color: #fff;
    font-size: 24px;
}

.second-select .title span {
    display: block;
    color: #b5b5b5;
    font-size: 16px;
    padding-top: 5px;
}

.second-select dl {
    margin: 36px 0;
    padding-left: 50px;
    background: url(../images/booking_select_before.png) no-repeat left bottom;
    position: relative;
}

.second-select dl.dl_after {
    background-image: url(../images/booking_select_after.png);
}

.second-select dl dt {
    cursor: pointer;
    border-bottom: 1px solid #787878;
    line-height: 45px;
    font-size: 16px;
    color: #919191;
    background: url(../images/booking_select_type_a.png) no-repeat 96% center;
}

.second-select dl dd {
    position: absolute;
    width: 545px;
    left: 50px;
    top: 100%;
    z-index: 10;
    display: none;
    font-size: 16px;
}

.second-select .input-list li {
    position: relative;
    padding-left: 30px;
    padding-right: 17px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.second-select .input-list li.li_name {
    background-image: url(../images/pop-icon01.png);
}

.second-select .input-list li.li_tel {
    background-image: url(../images/pop-icon02.png);
}

.second-select .input-list li.li_ask {
    background-image: url(../images/pop-icon06.png);
}

.second-select .input-list li.li_area {
    background-image: url(../images/pop-icon03.png);
}

.second-select .input-list li.li_city {
    background-image: url(../images/pop-icon03_1.png);
}

.second-select .input-list li.li_strict {
    background-image: url(../images/pop-icon03_2.png);
}

.second-select .input-list li.li_company {
    background-image: url(../images/pop-icon07.png);
}

.second-select .input-list li.li_txt {
    background-image: url(../images/pop-icon08.png);
}

.second-select .input-list li.li_p {
    background-image: url(../images/pop-icon09.png);
}

.second-select .input-list li.li_time {
    background-image: url(../images/pop-icon010.png);
}

.second-select .input-list li.li_code {
    background-image: url(../images/pop-icon011.png);
}

.second-select .input-list li .form_err {
    position: absolute;
    right: 0;
    top: 0;
    color: #c81623;
    line-height: 40px;
}

.second-select .input-list ul.row-2 li {
    float: left;
    width: 263px;
}

.second-select .input-list ul.row-2 li:nth-child(2n) {
    float: right;
}

.second-select select {
    color: #9fa3a4;
    border-bottom-color: #787878;
}

.second-select select option:first-child {
    display: none;
}

.second-select .text {
    border-bottom-color: #787878;
}

.second-select .btn-box {
    padding-top: 30px;
}

.second-select .btn-box .btn {
    width: 150px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding-right: 37px;
}

.download-content .center {
    padding-top: 210px;
    padding-left: 72px;
    font-size: 16px;
}

.download-content .name {
    font-size: 36px;
    color: #fff;
}

.download-content .select {
    width: 750px;
    margin: 36px 0;
}

.download-content .select dl {
    float: left;
    width: 358px;
    position: relative;
}

.download-content .select dl.category_two {
    float: right;
}

.download-content .select dt {
    line-height: 60px;
    color: #999;
    cursor: pointer;
    background: url(../images/booking_select_type_a.png) no-repeat 95% center;
    border-bottom: 1px solid #999;
}

.download-content .select dd {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    padding: 10px 0;
}

.download-content .select dd span {
    display: block;
    padding: 0 20px;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    transition: 0.2s;
    color: #333;
}

.download-content .select dd span:hover {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.download-content .submit-btn a {
    display: inline-block;
    text-align: center;
    width: 153px;
    line-height: 36px;
    color: #fff;
    background: url(../images/pop-btn.png) no-repeat right center;
    padding-right: 40px;
}

.download-result h5 {
    font-size: 18px;
    color: #fff;
    padding: 40px 0 20px 0;
    margin: 0;
    font-weight: normal;
}

.download-result li {
    line-height: 35px;
    padding-left: 33px;
    background: url(../images/pdf.png) no-repeat left center;
}

.download-result li a {
    color: #999;
}

.download-result li a:hover {
    color: #c81623;
}

.pass-download {
    padding-top: 45px;
}

.pass-download a {
    display: inline-block;
    color: #fff;
    padding: 0 27px;
    background: #c81623;
    line-height: 36px;
}

.Have-files {
    padding-top: 30px;
    overflow: hidden;
}

.Have-files > * {
    float: left;
}

.Have-files .text {
    border-radius: 4px 0 0 4px;
    border: 1px solid #000;
    background: #fff;
    width: 400px;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    border-right: 0;
}

.Have-files .btn {
    height: 50px;
    width: 150px;
    border: 1px solid #000;
    border-left: 0;
    background: #c81623;
    color: #fff;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    cursor: pointer;
}

.Social-content .banner {
    height: 700px;
    background-position: center top;
    background-repeat: no-repeat;
}

.Social-one {
    background: url(../images/social-bg.jpg) no-repeat center top;
    height: 600px;
    overflow: hidden;
}

.Social-one .box {
    float: left;
    width: 50%;
}

.Social-one .left-con {
    float: right;
    width: 600px;
    padding: 65px 65px 0 0;
    height: 403px;
    overflow: hidden;
}

.Social-one .small-pic {
    position: relative;
    clear: both;
    width: 960px;
    float: right;
    margin-right: 5px;
}

.Social-one .small-pic .bx-controls-direction a {
    top: auto;
    margin: 0;
    bottom: 0;
    background: #f9f9f9;
    z-index: 10;
}

.Social-one .small-pic .bx-controls-direction a:hover {
    background: #c81623;
}

.Social-one .small-pic .bx-controls-direction a.bx-prev {
    left: auto;
    right: -55px;
}

.Social-one .small-pic .bx-controls-direction a.bx-next {
    right: -105px;
}

.Social-one .small-pic .bx-controls-direction a.bx-next::before {
    background-position: right top;
}

.Social-one .small-pic .bx-controls-direction a.bx-next:hover::before {
    background-position: right bottom;
}

.Social-one .small-pic .bx-controls-direction a.bx-prev:hover::before {
    background-position: left bottom;
}

.Social-one .small-pic li {
    float: left;
    width: 320px;
    text-align: right;
}

.Social-one .small-pic li img {
    width: 315px;
    height: 197px;
}

.Social-one .right-img {
    overflow: hidden;
}

.Social-one .right-img ul {
    float: right;
    position: relative;
    width: 960px;
    height: 600px;
}

.Social-one-1 .right-img ul {
    float: left;
}

.Social-one .right-img li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.Social-one .right-img li img {
    display: block;
    height: 100%;
}

.Social-one-2 .small-pic {
    float: left;
    margin-left: 5px;
    margin-right: 0;
}

.Social-one-2 .small-pic li {
    text-align: left;
}

.Social-one-2 .small-pic .bx-controls-direction a.bx-prev {
    left: -105px;
}

.Social-one-2 .small-pic .bx-controls-direction a.bx-next {
    left: -55px;
}

.Social-one-2 .left-con {
    float: left;
    padding: 65px 0 0 65px;
}

.Social-content .edit-title {
    clear: both;
}

.Social-news .title {
    padding: 60px 0 30px 0;
    text-align: center;
    font-size: 36px;
    color: #333;
}

.Social-news .title p {
    margin: 0;
    padding-top: 10px;
    font-size: 16px;
    color: #555;
}

.Social-news .bx-wrapper {
    position: relative;
}

.Social-news li {
    float: left;
    width: 370px;
    margin-right: 30px;
}

.Social-news li a {
    display: block;
}

.Social-news li .pic img {
    display: block;
    width: 100%;
    height: 240px;
}

.Social-news li p {
    font-size: 18px;
    margin: 0;
    padding: 18px 0;
}

.Social-news li pre {
    color: #999;
    line-height: 24px;
    min-height: 48px;
}

.Social-news li aside {
    font-size: 18px;
    font-family: "Courier New", Courier, monospace;
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
}

.Social-news li aside span {
    font-size: 36px;
}

.Social-news li a:hover aside {
    color: #c81623;
    border-bottom-color: #c81623;
}

.Social-news li a:hover p {
    color: #c81623;
}

.Social-news {
    padding-bottom: 117px;
}

.Social-news .bx-controls-direction a {
    margin-top: -125px;
}

/*编辑器内容 样式*/
#info_itemid_1 {
    height: 700px;
    background-position: center top;
    background-repeat: no-repeat;
}

#info_itemid_1 .center {
    position: relative;
    width: 840px;
}

#info_itemid_1 .pic {
    padding-top: 97px;
    text-align: center;
}

#info_itemid_1 .float_icon li {
    list-style: none;
    position: absolute;
}

#info_itemid_1 .float_icon li .icon {
    border-radius: 4px;
    background: #f7f7f7;
}

#info_itemid_1 .float_icon li .icon img {
    display: block;
    width: 70px;
    height: 69px;
}

#info_itemid_1 .float_icon li .icon img.hover {
    display: none;
}

#info_itemid_1 .float_icon li .txt {
    position: absolute;
    display: none;
    top: 0;
    font-size: 16px;
    color: #ddd;
    line-height: 26px;
    white-space: nowrap;
}

#info_itemid_1 .float_icon li .txt_right {
    left: 80px;
}

#info_itemid_1 .float_icon li .txt_left {
    right: 80px;
}

#info_itemid_1 .float_icon li:hover .icon {
    background: #c81623;
}

#info_itemid_1 .float_icon li:hover .icon img {
    display: none;
}

#info_itemid_1 .float_icon li:hover .txt,
#info_itemid_1 .float_icon li:hover .icon img.hover {
    display: block;
}

.prod-parameter .example-table td {
    border: 1px solid #efefef;
    line-height: 24px;
    padding: 8px 15px;
    text-align: center;
}

.prod-parameter .example-table td.bgcolor {
    background: #fdfdfd;
}

.prod-parameter .example-table td.intro {
    width: 444px;
    text-align: left;
    color: #b6b6b6;
    font-size: 12px;
    padding-right: 0;
}

.prod-parameter-more {
    padding: 20px 0;
}

.prod-parameter-more .parameter-table th {
    color: #fff;
    background-color: #555555;
    padding: 10px 0;
    font-weight: normal;
}

.prod-parameter-more .parameter-table td {
    text-align: center;
    padding: 10px 0;
    border: solid 1px #efefef;
}

.prod-parameter-more .parameter-table td.td_name {
    padding-left: 20px;
    text-align: left;
    background-color: #fbfbfb;
}

.prod-parameter-more .parameter-table td.td_red {
    background-color: #c81624;
    color: #fff;
}

.con_hide {
    display: none;
}

.sample-css-53 {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    width: 450px;
    padding: 40px;
}

.sample-css-53 .title,
.sample-css-53 .name {
    font-size: 24px;
}

.sample-css-53 .name {
    color: #333;
    padding-bottom: 60px;
}

.sample-css-53 .number {
    display: inline-block;
}

.sample-css-53 .number span {
    display: block;
    overflow: hidden;
    font-size: 72px;
    color: #c81623;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 54px;
    height: 42px;
}

.sample-css-53 .number::after {
    display: block;
    content: '';
    height: 3px;
    background: #c81623;
    margin-top: 3px;
}

.sample-css-53 .title {
    color: #c81623;
    padding-bottom: 30px;
}

.sample-css-53 li {
    line-height: 24px;
    padding-left: 16px;
    position: relative;
}

.sample-css-53 li::before {
    position: absolute;
    content: '·';
    left: 0;
    top: 0;
    font-size: 32px;
    color: #555;
}

#contact_info_21 {
    display: table;
    height: 600px;
    width: 100%;
}

#contact_info_21 section {
    padding: 0 8%;
}

#contact_info_21 .con {
    display: table-cell;
    vertical-align: middle;
}

#contact_info_21 h1 {
    margin: 0;
    color: #333;
    font-size: 36px;
    font-weight: normal;
    padding-bottom: 47px;
}

#contact_info_21 li {
    font-size: 18px;
    color: #999;
    margin-bottom: 17px;
}

#contact_info_21 li img {
    vertical-align: text-bottom;
}

#contact_info_21 li span a {
    font-size: 24px;
}

#contact_info_21 li span {
    color: #555;
}

.content-18 h1 {
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

.content-18 h1::after {
    display: block;
    content: '';
    background: #c81623;
    width: 30px;
    height: 4px;
    margin: 16px 0;
}

.content-18 p.p1 {
    line-height: 24px;
}

.content-18 p.p2 {
    line-height: 30px;
}

.content-18 p.p3 {
    font-size: 16px;
    line-height: 30px;
}

#content-18-2 .ul_num {
    margin-top: 50px;
}

.content-18 .ul_num {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.content-18 .ul_num li {
    display: table-cell;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #c81623;
    line-height: 50px;
}

.content-18 .ul_num li span {
    font-weight: bold;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
}

.ul-youshi-83 li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
}

.ul-youshi-83 li .pic {
    padding-bottom: 8px;
}

.ul-youshi-83 li .pic img {
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    transition: 0.3s;
}

.ul-youshi-83 li .pic img.off {
    display: none;
}

.ul-youshi-83 li span {
    min-height: 42px;
    display: block;
}

.ul-youshi-83 li:nth-child(4n+1) {
    clear: both;
}

.ul-youshi-83 li:hover .pic img {
    display: none;
    background-color: #c81623;
}

.ul-youshi-83 li:hover .pic img.off {
    display: inline-block;
}

/*编辑器内容 样式 end*/

/*index*/
.index-floor {
    background-color: #fff;
}

.floor-5 {
    background-color: transparent;
}

.index-floor,
.group-intro,
.index-banner {
    position: relative;
    z-index: 1;
}

.index-banner {
    overflow: hidden;
}

.index-banner .bx-viewport {
    z-index: 1;
}

.index-banner .bx-viewport,
.index-banner li,
.index-banner li a {
    height: 900px;
}

.index-banner li a {
    display: block;
}

.index-banner li {
    background-position: center top;
    background-repeat: no-repeat;
}

.index-banner .bx-pager,
.index-banner .bx-controls-direction a {
    z-index: 10;
}

.index-banner .bx-pager {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 40px;
    text-align: center;
}

.index-banner .bx-pager div {
    display: inline-block;
    padding: 0 5px;
}

.index-banner .bx-pager div a {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 1000px;
    overflow: hidden;
    background: url(../images/control.png) no-repeat right top;
}

.index-banner .bx-pager div a.active {
    background-position: left top;
}

.index-banner .bx-controls-direction a {
    transition: 0.3s;
}

/*.index-banner .bx-controls-direction a.bx-prev{ left:-157px;}
.index-banner .bx-controls-direction a.bx-next{ right:-157px;}*/
.index-banner .bx-controls-direction a.bx-prev {
    left: 0;
}

.index-banner .bx-controls-direction a.bx-next {
    right: 0;
}

.index-banner .bx-controls-direction a {
    top: 0;
    margin: 0;
    width: 130px;
    height: 100%; /*background:url(../images/news_top_btnbg_l.png) repeat-y right top;*/
    background: none;
    text-indent: -999em
}

.index-banner .bx-controls-direction a.bx-next { /*background-image:url(../images/news_top_btnbg_r.png); background-position:left top; */
}

.index-banner .bx-controls-direction a::before {
    width: 42px;
    height: 73px;
    background: url(../images/banner_btn.png) no-repeat left top;
    margin-left: 0;
    left: 42px;
    margin-top: -36px;
}

.index-banner .bx-controls-direction a.bx-next::before {
    left: auto;
    right: 42px;
    background-position: right top;
}

.index-floor .title {
    padding: 80px 0 50px 0;
    text-align: center;
    font-size: 30px;
    color: #333;
}

.index-floor .title span {
    display: block;
    font-size: 16px;
    color: #555;
    padding-top: 5px;
}

.index-floor .bx-controls-direction a {
    background-color: #f9f9f9;
}

.index-floor .bx-controls-direction a:hover {
    background-color: #c81623;
}

.index-floor .bx-controls-direction a::before {
    width: 13px;
    background: url(../images/info_pn.gif) no-repeat left top;
}

.index-floor .bx-controls-direction a.bx-next::before {
    background-position: right top;
}

.index-floor .bx-controls-direction a.bx-prev:hover::before {
    background-position: left bottom;
}

.index-floor .bx-controls-direction a.bx-next:hover::before {
    background-position: right bottom;
}

.index-floor .title,
.index-floor .center {
    position: relative;
}

.index-floor .ani-things {
    position: absolute;
    background: #c81623;
    transition: height ease-in-out 0.5s;
}

.index-floor .title .ani-things {
    height: 0;
    left: 90px;
    top: 0;
    width: 4px;
}

.index-floor .title .ani-things.show {
    height: 203px;
}

.index-more {
    background: url(../images/index-more.png) no-repeat right center;
    width: 128px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
}

.index-more:hover {
    color: #fff;
    background-image: url(../images/index-more-hover.jpg);
}

.floor-1 {
    overflow-x: hidden;
}

.floor-1 .ani-things {
    height: 0;
    position: absolute;
    width: 3px;
    right: -110px;
}

.floor-1 .ani-things::before {
    position: absolute;
    content: '';
    width: 60px;
    height: 100%;
    left: 50%;
    margin-left: -30px;
}

.floor-1 .ani-things.show {
    height: 378px;
}

.floor-1 .center {
    width: 1280px;
}

.floor-1 .icon-group {
    position: relative;
    width: 1280px;
    margin-bottom: 48px;
    min-height: 134px;
}

.floor-1 .icon-group dd {
    float: left;
    width: 12.5%;
    text-align: center;
    padding-bottom: 15px;
    position: relative;
}

.floor-1 .icon-group dd:hover .on,
.floor-1 .icon-group dd.on .on,
.floor-1 .icon-group dd .off {
    display: none;
}

.floor-1 .icon-group dd:hover .off,
.floor-1 .icon-group dd.on .off {
    display: inline-block;
}

.floor-1 .icon-group dd::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 9px;
    height: 14px;
    margin-left: -4px;
    background: url(../images/index_prod_dd_on.png) no-repeat right top;
}

.floor-1 .icon-group dd:hover::after,
.floor-1 .icon-group dd.on::after {
    background-position: left top;
}

.floor-1 .icon-group dd p {
    padding: 10px 0;
    margin: 0;
}

.floor-1 .icon-group .pic {
    display: table;
    height: 67px;
    width: 100%;
    transition: 0.3s;
}

.floor-1 .icon-group dd:hover .pic,
.floor-1 .icon-group dd.on .pic {
    height: 80px;
}

.floor-1 .icon-group .pic-cell {
    display: table-cell;
    vertical-align: bottom;
    transition: 0.3s;
}

.floor-1 .icon-group dd:hover .pic-cell,
.floor-1 .icon-group a.on .pic-cell {
    vertical-align: middle;
}

.floor-1 .icon-group .pic img {
    max-width: 150px;
    max-height: 67px;
}

.floor-1 .icon-group dd:hover .pic img,
.floor-1 .icon-group dd.on .pic img {
    max-height: 75px;
}

.floor-1 .btn {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 10;
}

.floor-1 .icon-group .btn {
    background-position: -6px -7px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
}

.floor-1 .btn.prev {
    left: -50px;
}

.floor-1 .btn.next {
    right: -50px;
    background-position: right top;
}

.floor-1 .icon-group .btn.prev {
    left: -36px;
}

.floor-1 .icon-group .btn.next {
    right: -36px;
    background-position: -56px -57px;
}

.floor-1 .btn.prevStop,
.floor-1 .btn.nextStop {
    background-color: #f9f9f9;
    cursor: default;
}

.floor-1 .btn.prevStop {
    background-position: left top;
}

.floor-1 .btn.nextStop {
    background-position: right bottom;
}

.floor-1 .icon-group .btn.prevStop {
    background-position: -6px -56px;
}

.floor-1 .icon-group .btn.nextStop {
    background-position: -56px -7px;
}

.group-intro {
    height: 600px;
    background: #f9f9f9;
}

.group-intro .intro {
    overflow: hidden;
}

.group-intro .intro .box { /*overflow:hidden;*/
    float: left;
    width: 50%;
}

.group-intro .left-img {
    width: 960px;
    float: right;
    position: relative;
}

.group-intro .left-img dd,
.group-intro .left-img .tempWrap {
    width: 960px;
}

.group-intro .left-img .btn {
    top: auto;
    margin: 0;
    bottom: 0;
    right: 0;
    background-color: #f9f9f9;
    background-position: left bottom;
}

.group-intro .left-img .btn:hover {
    background-color: #c81624;
}

.group-intro .left-img .img-prev:hover {
    background-position: left top;
}

.group-intro .left-img .img-next {
    margin-right: -50px;
    background-position: right top;
}

.group-intro .left-img .img-next:hover {
    background-position: right bottom;
}

.group-intro .left-img img {
    display: block;
    max-width: none;
    width: 100%;
    max-height: 600px;
}

.group-intro .main {
    width: 600px;
    padding: 50px 0 0 60px;
}

.group-intro .main .name,
.group-intro .main .pre {
    padding: 0 13px;
    margin: 0;
    line-height: 26px;
}

.group-intro .main .name {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-bottom: 10px;
}

.group-intro .main .pre {
    font-size: 16px;
}

.group-intro .main .open-con {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.group-intro .main .youshi {
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.group-intro .main .hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 1px solid #f0f0f0;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 20px 12px;
    line-height: 26px;
    display: none;
    max-height: 300px;
    overflow: auto;
}

.group-intro .bx-viewport {
    z-index: 1;
}

.group-intro .bx-controls-direction a {
    z-index: 10;
    left: 50%;
    margin-left: -100px;
    top: auto;
    margin-top: 0;
    bottom: 0;
}

.group-intro .bx-controls-direction a.bx-next {
    margin-left: -50px;
}

.floor-2 .center {
    padding-bottom: 140px;
}

.floor-2 .center > .ani-things {
    height: 0;
    top: 595px;
    right: 62px;
    width: 3px;
}

.floor-2 .center > .ani-things.show {
    height: 140px;
}

.floor-2 .title .ani-things.show {
    height: 196px;
}

.floor-2 .left-number {
    float: left;
    height: 400px;
    overflow: hidden;
    background: #f9f9f9;
    width: 660px;
    padding: 18px 45px 45px 45px;
}

/*编辑器*/
.floor-2 .left-number .ul_num {
    padding-left: 20px;
    float: left;
    margin-left: 27px;
    font-size: 16px;
}

.floor-2 .left-number .ul_num li {
    padding: 23px 0;
}

.floor-2 .left-number .ul_num li span {
    font-family: 'dinbold';
    font-size: 60px;
    color: #c81623;
    font-weight: bold;
}

.floor-2 .left-number .ul_num li i {
    font-size: 30px;
    color: #c81623;
    font-style: normal;
}

/*编辑器 end*/
.floor-2 .right-image {
    float: right;
    width: 540px;
    position: relative;
}

.floor-2 .right-image li img {
    display: block;
    width: 100%;
    height: 400px;
}

.floor-2 .bx-controls-direction a {
    top: auto;
    margin: 0;
    left: 0;
    bottom: 0;
}

.floor-2 .bx-controls-direction a.bx-next {
    right: auto;
    left: 50px;
}

.floor-3 {
    background: #f9f9f9;
    position: relative;
    height: 600px;
    overflow: hidden;
}

.floor-3 .box {
    float: left;
    width: 50%;
}

.floor-3 .box-right {
    padding-left: 60px;
}

.floor-3 .category,
.floor-3 .title {
    float: right;
    width: 660px;
    margin-right: -60px;
}

.floor-3 .title {
    text-align: left;
    padding-bottom: 40px;
}

.floor-3 .category {
    position: relative;
}

.floor-3 .category dl {
    overflow: hidden;
}

.floor-3 .category dl dd {
    float: left;
    width: 150px;
    position: relative;
    height: 100px;
    margin-right: 8px;
    margin-bottom: 9px;
}

.floor-3 .category dd a {
    display: block;
    text-align: center;
}

.floor-3 .category dd .hover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #333;
    padding: 1px;
    z-index: 1;
}

.floor-3 .category dd .hover img {
    width: 100%;
    height: 100%;
}

.floor-3 .category dd .pic {
    display: table;
    height: 60px;
    width: 100%;
}

.floor-3 .category dd .pic-cell {
    display: table-cell;
    vertical-align: bottom;
}

.floor-3 .category dd .pic img {
    max-width: 150px;
    max-height: 60px;
}

.floor-3 .category dd p {
    margin: 0;
    padding-top: 10px;
}

.floor-3 .category dd a:hover .hover,
.floor-3 .category dd.on a .hover {
    display: block;
}

.floor-3 .category dd a:hover p,
.floor-3 .category dd.on a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 28px;
    padding: 0;
    background: #333;
    color: #fff;
    z-index: 2;
}

.floor-3 .category .bx-controls-direction {
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 1px;
    background: #e5e5e5;
}

.floor-3 .category .bx-controls-direction::before {
    position: absolute;
    content: '';
    width: 1px;
    top: 40%;
    background: #f9f9f9;
    height: 20%;
}

.floor-3 .category .bx-controls-direction a {
    left: -13px;
    width: 24px;
    height: 24px;
    background: #c81623;
    border: 1px solid #c81623;
    margin: 0;
}

.floor-3 .category .bx-controls-direction a::before {
    width: 11px;
    height: 6px;
    margin-top: -3px;
    margin-left: -5px;
}

.floor-3 .category .bx-controls-direction a.disabled {
    background: #f9f9f9;
    border-color: #e5e5e5;
    cursor: default;
}

.floor-3 .category .bx-controls-direction a.bx-prev::before {
    background-position: left top;
}

.floor-3 .category .bx-controls-direction a.bx-next::before {
    background-position: right bottom;
}

.floor-3 .category .bx-controls-direction a.bx-prev.disabled::before {
    background-position: left top;
}

.floor-3 .category .bx-controls-direction a.bx-next.disabled::before {
    background-position: right bottom;
}

.floor-3 .category .bx-controls-direction a.bx-prev {
    top: 75px;
}

.floor-3 .category .bx-controls-direction a.bx-next {
    top: 109px;
}

.floor-3 .box-left {
    position: relative;
    z-index: 10;
}


.floor-3 #iframe {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: 1920px;
    height: 600px;
}

.floor-4 .center {
    padding-bottom: 120px;
}

.floor-4 .center > .ani-things {
    right: 64px;
    top: 663px;
    height: 0;
    width: 3px;
}

.floor-4 .center > .ani-things.show {
    height: 183px;
}

.index-news-top {
    position: relative;
    float: left;
    width: 560px;
}

.index-news-top .pic img {
    display: block;
    width: 100%;
    height: 400px;
}

.index-news-top .txt {
    margin: -30px 30px 0 30px;
    background: #f9f9f9;
    padding: 20px 40px 0 112px;
    position: relative;
    z-index: 2;
    min-height: 160px;
}

.index-news-top .txt time {
    position: absolute;
    left: 22px;
    top: 20px;
    color: #c81623;
    font-size: 16px;
    text-align: center;
}

.index-news-top .txt time span {
    display: block;
    border-bottom: 1px solid #c81623;
    font-size: 48px;
    margin-bottom: 10px;
}

.index-news-top .txt h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
}

.index-news-top .txt pre {
    line-height: 24px;
    overflow: hidden;
    height: 72px;
}

.index-news-top .hd {
    position: absolute;
    z-index: 10;
    right: 70px;
    bottom: 25px;
}

.index-news-top .hd li {
    float: left;
    width: 8px;
    height: 8px;
    line-height: 1000px;
    overflow: hidden;
    cursor: pointer;
    background: #ddd;
    border-radius: 50%;
    margin-left: 11px;
}

.index-news-top .hd li.on {
    background: #c81623;
}

.news-Default {
    float: right;
    width: 600px;
}

.news-Default .hd {
    overflow: hidden;
}

.news-Default .hd ul {
    width: 110%;
}

.news-Default .hd li {
    float: left;
    width: 196px;
    margin-right: 6px;
    text-align: center;
    font-size: 16px;
}

.news-Default .hd li a {
    display: block;
    line-height: 40px;
    background: #f3f3f3;
}

.news-Default .hd li.on a {
    background: #c81623;
    color: #fff;
}

.news-Default .list {
    padding-top: 39px;
}

.news-Default .list ul {
    border-top: 1px dotted #e1e1e1;
    margin-bottom: 33px;
}

.news-Default .list li {
    line-height: 42px;
    border-bottom: 1px dotted #e1e1e1;
    padding: 0 27px 0 12px;
}

.news-Default .list li span {
    float: right;
    color: #999;
}

.news-Default .list li a::before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 3px;
    height: 3px;
    content: '';
    background: #666;
}

.floor-5 .bg {
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*.floor-5:hover .bg::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}*/
.floor-5 .edit-info {
    position: relative;
    z-index: 3;
    height: 650px;
    overflow: hidden;
}

.floor-6 {
    padding-bottom: 138px;
}

.floor-6 .title .ani-things {
    left: 68px;
    width: 3px;
}

.floor-6 .center {
    z-index: 3;
}

.floor-6 .center > .ani-things {
    left: 68px;
    height: 0;
    top: 502px;
    width: 4px;
}

.floor-6 .center > .ani-things.show {
    height: 377px;
}

.floor-6 .center > .ani-things::before {
    position: absolute;
    content: '';
    left: 50%;
    width: 40px;
    height: 0;
    margin-left: -20px;
    top: 339px;
    opacity: 0;
    transition: height ease-in-out 0.3s 0.3s;
}

.floor-6 .center > .ani-things.show::before {
    height: 40px;
    opacity: 1;
}

.floor-6 .title {
    padding-bottom: 57px;
    position: relative;
}

.floor-6 .title .ani-things {
    top: 0;
}

.floor-6 .title .ani-things.show {
    height: 100%;
}

.floor-6 .main {
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: right top;
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.floor-6 .index-from {
    margin-left: 69px;
    padding-top: 32px;
    width: 450px;
}

.floor-6 .index-from .tips {
    width: 380px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 35px;
}

.floor-6 .index-from .tips h2 {
    font-weight: normal;
    font-size: 30px;
    margin: 0;
}

.floor-6 .index-from .tips h2::before,
.floor-6 .index-from .tips h2::after {
    display: inline-block;
    content: '';
    width: 23px;
    height: 18px;
    vertical-align: middle;
}

.floor-6 .index-from .tips h2::before {
    margin-right: 10px;
}

.floor-6 .index-from .tips h2::after {
    margin-left: 10px;
}

.floor-6 .index-from .tips h2 span {
    font-size: 24px;
    margin-right: 10px;
}

.floor-6 .index-from .tips aside {
    border: 1px solid #e9e9e9;
    border-top: 0;
    padding: 19px 14px 22px 104px;
    min-height: 99px;
    display: inline-block;
    color: #c81623;
}

.floor-6 .index-from .tips aside img {
    margin: 10px 0;
    width: 228px;
    height: 31px;
}

.floor-6 .index-from .tips figure {
    font-size: 24px;
    border-top: 2px solid #c81623;
    margin-top: 16px;
    height: 15px;
}

.floor-6 .index-from .tips figure span {
    background: #f9f9f9;
    padding: 0 10px;
    position: relative;
    top: -15px;
}

.floor-6 .index-from .row-2 {
    width: 110%;
}

.floor-6 .index-from .row-2 li {
    float: left;
    width: 215px;
    margin-right: 19px;
}

.floor-6 .index-from li {
    position: relative;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left 6px;
    margin-bottom: 10px;
}

.floor-6 .index-from li label {
    position: absolute;
    left: 30px;
    padding-left: 10px;
    line-height: 37px;
    color: #999;
}

.floor-6 .index-from li .text {
    width: 100%;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    background: #fff;
    line-height: 35px;
    height: 37px;
}

.floor-6 .index-from li .form_err {
    position: absolute;
    line-height: 20px;
    margin-top: -10px;
    right: -10px;
    top: 50%;
    color: #c81623;
}

.floor-6 .index-from li textarea.text {
    height: 90px;
    line-height: 30px;
}

.floor-6 .index-from li select {
    color: #999;
    width: 100%;
    display: block !important;
    padding: 0 0 0 10px;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    height: 37px;
}

.floor-6 .index-from ol {
    padding-top: 8px;
}

.floor-6 .index-from ol .btn {
    border: none;
    width: 128px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 30px;
}

.floor-6 .index-from ol .btn:hover {
    color: #fff;
}

/*index end*/

.TextList002514 .list {
}

.TextList002514 .job-title {
    line-height: 30px;
    padding: 6px 30px 6px 35px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    background-color: #888888;
    color: #fff;
    overflow: hidden;
    border-bottom: solid 1px #cfcfcf;
}

.TextList002514 .job-title i {
    transform: rotate(45deg);
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -7px;
    border-top: solid 2px #9a9a9a;
    border-right: solid 2px #9a9a9a;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
}

.TextList002514 .job-title.select {
}

.TextList002514 .job-title.select i {
    transform: rotate(135deg);
}

.TextList002514 .job-title span {
    display: block;
    float: left;
    width: 200px;
}

.TextList002514 .job-title span.s1 {
    width: 260px;
}

.TextList002514 .job-title span.s2 {
}

.TextList002514 .job-title span.s3 {
    width: 240px;
}

.TextList002514 .job-title span.s4 {
}

.TextList002514 .job-title span.s5 {
}

.TextList002514 .list .job-title {
    background-color: #fff;
    color: #555;
    line-height: 38px;
}

.TextList002514 .job-main {
    display: none;
    padding: 22px 35px;
    border-bottom: 1px dotted #cfcfcf;
    background-color: #f9f9f9
}

.TextList002514 .job-email {
    padding: 30px 0;
}

.TextList002514 .job-email span {
    color: #c81623;
}

.TextList002514 .open-pop {
    color: #fff;
    background-color: #ca1524;
    padding: 0px 48px;
    line-height: 37px;
    display: inline-block;
}

.job-hide, .job-hide .center {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.other-info {
    min-height: 400px;
}

.TextList002514 {
    padding-top: 50px;
}

.list-links {
    padding: 70px 100px;
}

.list-links li {
    font-size: 16px;
    line-height: 50px;
}

.list-links li::before {
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin: 0 10px;
    width: 4px;
    height: 4px;
    background: #555;
}

.list-links li:nth-child(2n) {
    background-color: #f5f5f5;
}

.project_tips {
    font-size: 18px;
    width: 900px;
    padding: 100px 0;
    margin: 0 auto;
}

.project_tips p {
    color: #c00;
}

.project_tips ul {
    overflow: hidden;
}

.project_tips li {
    float: left;
    width: 31.33333%;
    margin: 1%;
    text-align: center;
}

.project_tips li a {
    display: block;
    line-height: 60px;
    background-color: #f9f9f9;
    overflow: hidden;
    height: 60px;
}

.page404 {
    text-align: center;
    background: url(../images/404.jpg) no-repeat center top;
    height: 860px;
    margin-top: 70px;
}

.page404 .txt {
    color: #000;
    font-size: 45px;
    padding: 443px 0 115px 0;
}

.page404 .txt p {
    font-size: 18px;
    margin: 0;
    padding-top: 10px;
}

.page404 .link a {
    display: inline-block;
    border: 1px solid #e4e4e4;
    background: #fff;
    width: 120px;
    line-height: 43px;
    margin: 0 28px;
    color: #000;
    font-size: 16px;
    transition: ease-in-out 0.2s;
}

.page404 .link a:hover {
    background: #d90000;
    color: #fff;
}

.coop-content {
    margin-top: -61px;
}

#coop-floor-9 {
    overflow-x: hidden;
}

.coop-floor .bg {
    min-height: 700px;
    background-position: center top;
    background-repeat: no-repeat;
}

#coop-floor-3 .bg {
    min-height: 698px;
}

.coop-floor .center {
    position: relative;
}

.coop-floor .edit-info {
    color: #333;
    font-size: 16px;
}

#coop-floor-5 .bd ul {
    z-index: 1;
}

#coop-floor-5 .bd ul,
#coop-floor-5 .bd li {
    width: 100% !important;
}

#coop-floor-5 .bd li {
    height: 700px;
    background-position: center top;
    background-repeat: no-repeat;
}

#coop-floor-5 .hd {
    z-index: 10;
}

#coop-floor-5 .hd ul {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 200px;
}

#coop-floor-5 .hd ul li {
    margin-bottom: 1px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: relative;
}

#coop-floor-5 .hd ul li img {
    display: none;
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    z-index: 10;
    height: 72px;
    width: 192px;
}

#coop-floor-5 .hd ul li.on img {
    display: block;
}

#coop-floor-5 .hd ul li .txt {
    display: table;
    height: 80px;
    width: 100%;
}

#coop-floor-5 .hd ul li .txt-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px;
}

#coop-floor-5 .edit-info {
    height: 700px;
    overflow: hidden;
}

#coop-floor-9 .edit-info {
    position: absolute;
    top: 170px;
    left: 0;
    width: 400px;
}

#coop-floor-9 .data-big img {
    width: 718px;
    height: 449px;
}

#coop-floor-9 .data-big .fancybox:hover {
    background-color: #c81624;
}


#coop-floor-10 .small-pic {
    margin-left: 5px;
    width: 960px;
}

#coop-floor-10 .small-pic li img {
    display: block;
    width: 315px;
    height: 197px;
}

#coop-floor-10 .small-pic .bx-wrapper {
    position: relative;
    margin: 0 !important;
}

#coop-floor-10 .small-pic .bx-controls-direction {
    position: absolute;
    left: -105px;
    width: 100px;
    bottom: 0;
    z-index: 10;
    height: 50px;
}

#coop-floor-10 .small-pic .bx-controls-direction a {
    margin: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: url(../images/btn.png);
}

#coop-floor-10 .small-pic .bx-controls-direction a::before {
    display: none;
}

#coop-floor-10 .small-pic .bx-controls-direction a.bx-prev {
    background-position: left bottom;
    background-color: #f9f9f9;
}

#coop-floor-10 .small-pic .bx-controls-direction a.bx-next {
    background-position: right bottom;
}

#coop-floor-10 .box {
    float: left;
    width: 50%;
}

#coop-floor-10 .big_img {
    float: right;
    width: 960px;
    height: 700px;
    overflow: hidden;
}

#coop-floor-10 .big_img li {
    display: none;
}

#coop-floor-10 .big_img li img {
    display: block;
    height: 700px;
    width: 100%;
}

#coop-floor-10 .main {
    position: relative;
    padding: 74px 0 0 89px;
    max-width: 600px;
    height: 503px;
    overflow: hidden;
}

#coop-floor-10 .main .title-10 {
    font-size: 36px;
    color: #333;
}

#coop-floor-10 .main .title-10 div {
    letter-spacing: 5px;
}

#coop-floor-10 .main .title-10 span {
    display: inline-block;
    height: 45px;
    border-bottom: 3px solid #c81623;
}

#coop-floor-10 .tab dl {
    overflow: hidden;
    margin: 16px 0;
}

#coop-floor-10 .tab dd {
    float: left;
    margin-right: 35px;
    color: #ececec;
    cursor: pointer;
}

#coop-floor-10 .tab dd span {
    border-bottom: 2px solid transparent;
    font-size: 72px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
}

#coop-floor-10 .tab dd:hover,
#coop-floor-10 .tab dd.on {
    color: #efd8d9;
}

#coop-floor-10 .tab dd span {
    display: inline-block;
    height: 75px;
    font-family: "dinbold";
}

#coop-floor-10 .tab dd:hover span,
#coop-floor-10 .tab dd.on span {
    border-bottom-color: #c81623;
}

#coop-floor-10 .edit-info {
    color: #555;
    line-height: 24px;
}

#coop-floor-11 {
    background: url(../images/coop_bg1.jpg) no-repeat center top;
    height: 780px;
}

#coop-floor-11 .title {
    text-align: center;
    padding-top: 150px;
    font-size: 30px;
    color: #333;
}

#coop-floor-11 .title div {
    font-size: 36px;
    padding-bottom: 15px;
}

#coop-floor-11 .title div span {
    height: 45px;
    display: inline-block;
    border-bottom: 3px solid #c81623;
}

#coop-floor-11 .time {
    text-align: center;
    font-size: 24px;
    color: #c81623;
    padding: 50px 0 90px 0;
}

#coop-floor-11 .time img {
    height: 34px;
}

#coop-floor-11 .from {
    width: 688px;
    margin: 0 auto;
}

#coop-floor-11 .from dd {
    position: relative;
    float: left;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    width: 184px;
    margin-bottom: 32px;
}

#coop-floor-11 .from dd .form_err {
    position: absolute;
    right: -15px;
    color: #f00;
    top: 0;
    font-size: 12px;
    line-height: 40px;
}

#coop-floor-11 .from dd.d_1 {
    background-image: url(../images/icon_coop_1.png);
}

#coop-floor-11 .from dd.d_2 {
    background-image: url(../images/icon_coop_2.png);
}

#coop-floor-11 .from dd.d_3 {
    background-image: url(../images/icon_coop_3.png);
}

#coop-floor-11 .from dd.d_4 {
    background-image: url(../images/icon_coop_4.png);
}

#coop-floor-11 .from dd.d_5 {
    background-image: url(../images/icon_coop_5.png);
}

#coop-floor-11 .from dd.d_6 {
    background-image: url(../images/icon_coop_6.png);
}

#coop-floor-11 .from dd.d_7 {
    background-image: url(../images/icon_coop_7.png);
}

#coop-floor-11 .from dd.d_2,
#coop-floor-11 .from dd.d_5 {
    margin: 0 62px;
}

#coop-floor-11 .from dd label {
    position: absolute;
    left: 30px;
    color: #999;
    line-height: 40px;
}

#coop-floor-11 .from dd select,
#coop-floor-11 .from dd .text {
    height: 40px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #999;
}

#coop-floor-11 .from dd select {
    display: block !important;
    color: #999;
}

#coop-floor-11 .from dd .text {
    background: none;
    line-height: 40px;
}

#coop-floor-11 .from dt {
    text-align: center;
}

#coop-floor-11 .from dt .btn {
    border: none;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: url(../images/pop-btn.png) no-repeat right center;
    padding: 0 40px 0 0;
    cursor: pointer;
    width: 170px;
}

#coop-floor-11 .from dt .btn:hover {
    background-image: url(../images/pop-btn_hover.png);
}

.online_apply #coop-floor-11 {
    background-image: url(../images/onlinebg.jpg);
}

.online_apply #coop-floor-11 .title {
    padding: 0;
    height: 337px;
}

.online_apply #coop-floor-11 .time {
    padding: 0 0 46px 0;
    color: #fff;
}

.online_apply #coop-floor-11 .time img {
    height: 23px;
}

/*.online_apply #coop-floor-11 .from dd .form_err{ position:absolute; right:-10px; color:#f00; top:0; font-size:12px; line-height:40px;}*/
.online_apply #coop-floor-11 .from dd select,
.online_apply #coop-floor-11 .from dd .text {
    border-bottom-color: #555;
}

.online_apply #coop-floor-11 .from dd .text {
    color: #fff;
}

.online_apply #coop-floor-11 .from dd.d_1 {
    background-image: url(../images/pop-icon01.png);
}

.online_apply #coop-floor-11 .from dd.d_2 {
    background-image: url(../images/pop-icon02.png);
}

.online_apply #coop-floor-11 .from dd.d_3 {
    background-image: url(../images/pop-icon012.png);
}

.online_apply #coop-floor-11 .from dd.d_4 {
    background-image: url(../images/pop-icon03.png);
}

.online_apply #coop-floor-11 .from dd.d_5 {
    background-image: url(../images/pop-icon03_1.png);
}

.online_apply #coop-floor-11 .from dd.d_6 {
    background-image: url(../images/pop-icon03_2.png);
}

.online_apply #coop-floor-11 .from dd.d_7 {
    width: 98.5%;
    background-image: url(../images/pop-icon04.png);
}

/*编辑器样式*/
.btn_90 {
    width: 245px;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    background: url(../images/coop-btn.png) no-repeat;
    padding-left: 50px;
    text-align: left;
    margin-top: 20px;
}

.btn_90:hover {
    color: #fff;
    background-image: url(../images/coop-btn_hover.png)
}

.info-column-13 {
    position: absolute;
    background: url(../images/info-column-13.png) no-repeat center top;
    right: 0;
    top: 0;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.info-column-13 span {
    display: block;
    line-height: 37px;
    font-size: 18px;
    padding-top: 37px;
}

.coop-floor-show .info-column-13 {
    height: 177px;
}

#coop-floor-3 .info-column-13,
#coop-floor-7 .info-column-13,
#coop-floor-9 .info-column-13,
#coop-floor-5 .info-column-13 {
    color: #fff;
    right: auto;
    left: 0;
}

#coop-floor-2.coop-floor-show .info-column-13 {
    height: 221px;
}

#coop-floor-3.coop-floor-show .info-column-13 {
    height: 150px;
}

#coop-floor-4.coop-floor-show .info-column-13 {
    height: 158px;
}

#coop-floor-7.coop-floor-show .info-column-13 {
    height: 138px;
}

#coop-floor-10.coop-floor-show .info-column-13 {
    height: 163px;
}

#coop-floor-5 .info-column-13 {
    z-index: 20;
    top: -700px;
}

#coop-floor-6 .info-column-13 {
    right: 25px;
}

#coop-floor-6.coop-floor-show .info-column-13 {
    height: 208px;
    right: 25px;
}

.ul_info_92 {
    float: right;
    width: 900px;
    margin-top: -223px;
}

.ul_info_92 li {
    float: left;
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.ul_info_92 li img {
    display: block;
    width: 100%;
    height: 200px;
}

.ul_info_92 li .hover {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    line-height: 40px;
    bottom: 0;
    z-index: 11;
    font-size: 14px;
}

.ul_info_93 {
    position: relative;
    width: 600px;
    z-index: 10;
}

.ul_info_93 li.first {
    position: absolute;
    left: -200px;
}

.ul_info_93 li {
    width: 200px;
    height: 200px;
    float: left;
    text-align: center;
    font-size: 16px;
}

.ul_info_93 li.bgcolor {
    background: #eee;
}

.ul_info_93 li.b-txt b {
    font-size: 48px;
}

.ul_info_93 li b {
    display: block;
    color: #e9d9d9;
    line-height: 100px;
    font-size: 72px;
}

.ul_info_93 li div {
    padding: 0 20px;
}

.ul_info_93 li span {
    color: #c92a32;
    font-size: 18px;
    font-weight: bold;
}

.ul_info_96 li {
    float: left;
    width: 294px;
    height: 255px;
    background: url(../images/li_hover.png) no-repeat right top;
    margin-left: -68px;
    text-align: center;
    padding: 0 50px;
}

.ul_info_96 li.li_1 {
    margin-left: 0;
}

.ul_info_96 li.li_2,
.ul_info_96 li.li_4 {
    margin-top: 128px;
}

.ul_info_96 li p {
    font-size: 14px;
    margin: 0;
    line-height: 24px;
}

.ul_info_96 li p.tit {
    font-size: 16px;
    color: #c81623;
    padding-bottom: 12px;
    font-weight: bold;
}

.ul_info_96 li aside {
    padding-top: 35px;
}

.ul_info_96 li aside .off {
    display: none;
}

.ul_info_96 li:hover {
    background-position: left top;
}

.ul_info_96 li:hover aside img {
    display: none;
}

.ul_info_96 li:hover aside img.off {
    display: inline-block;
}

.ul_info_96 li:hover,
.ul_info_96 li:hover p.tit {
    color: #fff;
}

.ul_info_98 {
    margin-top: 24px;
}

.ul_info_98 li {
    font-size: 14px;
    color: #555;
    padding-bottom: 10px;
}

.ul_info_98 li aside {
    color: #c81623;
    font-size: 36px;
    font-weight: bold;
}

.ul_info_98 li aside span {
    font-size: 48px;
}

/*编辑器样式 end*/

.no-animated {
    opacity: 0;
}

.animated {
    opacity: 1;
}

.smsForm .con {
    margin: 0 auto;
    width: 340px;
    color: #fff;
    font-size: 16px;
}

.smsForm .con p {
    border-bottom: 1px solid #999;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

.smsForm .con .text {
    border: none;
    line-height: 40px;
    height: 40px;
    width: 44%;
    background: none;
    color: #666;
}

.smsForm .con .send {
    color: #fff;
    background-color: #c81623;
    cursor: pointer;
    border: none;
    padding: 0px 5px;
}

.smsForm .con .btn {
    border: none;
    display: inline-block;
    text-align: center;
    width: 153px;
    line-height: 36px;
    color: #fff;
    padding-right: 40px;
}

.smsForm .con .sendsms {
    background: url(../images/pop-btn.png) no-repeat right center;
}

.smsForm .con .closeform {
    background: url(../images/pop-btn_hover.png) no-repeat right center;
}

.smsForm .con .yzzz {
    background: url(../images/pop-btn.png) no-repeat right center;
    cursor: pointer;
}

/*.prod-Other .animated{animation-duration:0.5s;}*/
.product-animated .img,
.product-animated .p1,
.product-animated .p2 {
    opacity: 0;
    transition-delay: 0s;
}

.product-animated .p1 {
    transform: translate3d(0, 20px, 0);
    transition-duration: 1s;
}

.product-animated .p2 {
    transform: translate3d(0, 40px, 0);
    transition-duration: 1.2s;
}

.product-animated .img {
    transform: translate3d(0, 60px, 0);
    transition-duration: 1.4s;
}

.product-animated.hoverClass .img,
.product-animated.hoverClass .p1,
.product-animated.hoverClass .p2 {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.Intro-content .floor-5 .edit-info {
    height: 780px;
}

.Intro-content .floor-5 .bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#Intro-content-1 .bg {
    min-height: 697px;
}

#Intro-content-3 .bg {
    background-position: center top;
    background-repeat: no-repeat;
}

#Intro-content-3 .center {
    height: 700px;
}

#Intro-content-3 .list-con {
    height: 627px;
    overflow: hidden;
    padding-top: 106px;
}

#Intro-content-3 .list-tab dd {
    float: left;
    cursor: pointer;
    line-height: 38px;
    padding: 0 25px;
    min-width: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    border: 1px solid #494d61;
    background: #494d61;
    margin-right: 2px;
}

#Intro-content-3 .list-tab dd.on {
    background: none;
}

#Intro-content-4 {
    height: 645px;
    position: relative;
    overflow: hidden;
}

#Intro-content-4 .list-img {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

#Intro-content-4 .list-img dl {
    float: left;
    margin-right: 5px;
}

#Intro-content-4 .list-img dd {
    margin-top: 5px;
    position: relative;
}

#Intro-content-4 .list-img dd a {
    position: absolute;
    z-index: 10;
    background: url(../images/open_video_63.png) no-repeat center center;
    width: 100%;
    height: 100%;
}

#Intro-content-4 .list-img dd::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
    transition: 0.3s;
}

#Intro-content-4 .list-img dd:hover::before {
    opacity: 0;
}

#Intro-content-4 .list-img dd img {
    height: 320px;
    display: block;
    width: 100%;
}

#Intro-content-4 .list-img dl.dl_1 dd img,
#Intro-content-4 .list-img dl.dl_4 dd img {
    height: 645px;
}

#Intro-content-4 .list-img dl.dl_1 {
    width: 354px;
}

#Intro-content-4 .list-img dl.dl_2 {
    width: 509px;
}

#Intro-content-4 .list-img dl.dl_3 {
    width: 511px;
}

#Intro-content-4 .list-img dl.dl_4 {
    width: 527px;
    margin-right: 0;
}

#Intro-content-4 .list-img .videosamewidth {
    max-width: 800px;
    display: block;
}

#Intro-content-5 {
    color: #333;
    background: url(../images/social-bg.jpg) repeat-y center top;
    padding-bottom: 110px;
}

#Intro-content-5 .title {
    text-align: center;
    font-size: 36px;
    padding: 70px 0 61px 0;
    letter-spacing: 6px;
}

#Intro-content-5 .list {
    overflow: hidden;
}

#Intro-content-5 .list .box {
    float: left;
    width: 50%;
}

#Intro-content-5 .list .box-img {
    height: 500px;
    position: relative;
}

#Intro-content-5 .list .box-img aside {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 60px;
    color: #c81623;
    font-family: 'dinbold';
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
}

#Intro-content-5 .list_odd .box-img aside {
    right: auto;
    left: 0;
}

#Intro-content-5 .list .img-group {
    float: right;
    width: 960px;
}

#Intro-content-5 .list_odd .img-group {
    float: none;
}

#Intro-content-5 .list .bx-wrapper {
    position: relative;
    z-index: 1;
    height: 500px;
}

#Intro-content-5 .list .bx-viewport {
    z-index: 1;
}

#Intro-content-5 .list .bx-pager {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    bottom: 20px;
    text-align: center;
}

#Intro-content-5 .list .bx-pager > div {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 4px;
}

#Intro-content-5 .list .bx-pager > div a {
    display: block;
    height: 12px;
    display: block;
    line-height: 1000px;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
}

#Intro-content-5 .list .bx-pager > div a.active {
    background: #c81623;
}

#Intro-content-5 .box-txt .edit-info {
    padding: 67px 98px 0 98px;
    position: relative;
    min-height: 500px;
    width: 600px;
}

#Intro-content-5 .list_odd .box-txt .edit-info {
    float: right;
}

#Intro-content-5 .box-txt .edit-info::before {
    position: absolute;
    left: 0;
    top: 80px;
    width: 80px;
    height: 1px;
    background: #999;
    content: '';
}

#Intro-content-5 .list_odd .box-txt .edit-info::before {
    left: auto;
    right: 0;
}

.history-Content {
    height: 840px;
    position: relative;
    overflow: hidden;
}

.history-Content .bg {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.history-Content .history-con {
    padding-top: 190px;
    padding-left: 483px;
    color: #fff;
}

.history-Content .history-con .tit {
    font-family: 'dinbold';
    font-size: 100px;
    padding-left: 56px;
    margin: 0;
}

.history-Content .history-con .edit-info {
    height: 374px;
    overflow: hidden;
}

.history-Content .slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    z-index: 10;
}

.history-Content .slick-list {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.history-Content .slick-slider .slick-track,
.history-Content .slick-slider .slick-list {
    -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);
}

.history-Content .slick-track {
    position: relative;
    top: 0;
    left: 0;
}

.history-Content .slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

.history-Content .slick-initialized .slick-slide {
    display: block;
}

.history-Content .slick-loading .slick-track {
    visibility: hidden;
}

.history-Content .slick-loading .slick-slide {
    visibility: hidden;
}

.history-Content .slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat;
}

.history-Content .slick-arrow.slick-hidden {
    display: none;
}

.history-Content .slider-nav {
    position: absolute;
    bottom: 66px;
    text-align: center;
    width: 100%;
    left: 0;
    overflow: hidden;
    height: 77px;
}

.history-Content .slider-nav .slick-list {
    width: 1200px;
    margin: 0 auto;
}

.history-Content .slider-nav li {
    cursor: pointer;
    position: relative; /*background:url(../images/yearbg.png) repeat-x 6px 54px;*/
    float: left;
    width: 191px;
}

.history-Content .slider-nav::after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    height: 1px;
    background: #373737;
    bottom: 20px;
}

.history-Content .slider-nav::before {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    height: 5px;
    background: url(../images/yearbg.png) repeat-x 6px center;
    bottom: 18px;
}

.history-Content .slider-nav li.slick-current {
    color: #c81623;
}

.history-Content .slider-nav li h5 {
    margin: 0;
    font-size: 16px;
    color: #555;
    font-family: 'dinbold';
    padding-bottom: 58px;
    position: relative;
    z-index: 2;
}

.history-Content .slider-nav li h5::before,
.history-Content .slider-nav li h5::after {
    position: absolute;
    left: 50%;
    background: #373737;
    bottom: 0;
}

.history-Content .slider-nav li h5::before {
    content: '';
    width: 10px;
    height: 10px;
    margin-left: -5px;
    bottom: 16px;
}

.history-Content .slider-nav li h5::after {
    width: 1px;
    height: 40px;
    margin-left: -1px;
}

.history-Content .slider-nav li.slick-current h5::after {
    content: '';
    background: #c81623;
}

.history-Content .slider-nav li.slick-current h5::before {
    background: #c81623;
}

.history-Content .slider-nav li.slick-current h5 {
    color: #c81623;
}

.history-Content .slick-arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #505050;
    bottom: 2px;
    border: none;
    font-size: 0;
    z-index: 15;
    padding: 0;
    cursor: pointer;
}

/*.history-Content .slick-arrow.slick-disabled{ display:none !important;}*/
.history-Content .slick-arrow::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    margin-top: -10px;
    margin-left: -14px;
}

.history-Content .slick-prev {
    left: 50%;
    margin-left: -600px;
}

.history-Content .slick-next {
    right: 50%;
    margin-right: -600px;
}

.history-Content .slick-prev::before {
    border-left: 3px solid #999;
    border-top: 3px solid #999;
    margin-left: -6px;
}

.history-Content .slick-next::before {
    border-right: 3px solid #999;
    border-bottom: 3px solid #999;
}

.history-Content .slick-arrow:hover {
    background: #c81623;
}

.history-Content .slick-arrow:hover::before {
    border-color: #fff !important;
}


.project-classic {
    overflow: hidden;
}

#ninja-slider {
    width: 1920px;
    height: 745px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

#ninja-slider .slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    z-index: 10;
}

#ninja-slider .slick-list {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

#ninja-slider .slick-slider .slick-track,
#ninja-slider .slick-slider .slick-list {
    -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);
}

#ninja-slider .slick-track {
    position: relative;
    top: 0;
    left: 0;
}

#ninja-slider .slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

#ninja-slider .slick-initialized .slick-slide {
    display: block;
}

#ninja-slider .slick-arrow.slick-hidden {
    display: none;
}

#ninja-slider .slider-for {
    width: 900px;
    height: 600px;
    margin: 0 auto 5px;
}

#ninja-slider .slider-for li {
    position: relative;
}

#ninja-slider .slider-for li img {
    width: 900px;
    height: 600px;
    display: block;
}

#ninja-slider .slider-for li b {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    bbackground: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 98%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 98%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 98%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 14px;
}


#ninja-slider .slider-for .slick-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -520px;
    margin-top: -25px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 10;
    font-size: 0;
    border: none;
    cursor: pointer;
}

#ninja-slider .slider-for .slick-next {
    margin-left: 470px;
}

#ninja-slider .slider-for .slick-arrow::before {
    position: absolute;
    top: 15px;
    left: 50%;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;
    transform: rotate(135deg);
    margin-left: -15px;
}

#ninja-slider .slider-for .slick-prev::before {
    transform: rotate(-45deg);
    margin-left: -5px;
}

#ninja-slider .slider-nav {
}

#ninja-slider .slider-nav li {
    float: left;
    width: 220px;
    text-align: center;
}

#ninja-slider .slider-nav li img {
    width: 210px;
    height: 140px;
}

/*#ninja-slider .slider-nav li.slick-center canvas{ opacity:0;}*/

#ninja-slider .ninja-arrow {
    position: absolute;
    height: 600px;
    width: 900px;
    overflow: hidden;
}

#ninja-slider .ninja-arrow::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

#ninja-slider .ninja-arrow img {
    display: block;
    width: 900px;
    height: 600px;
}

#ninja-slider .ninja-left {
    right: 50%;
    margin-right: 455px;
    text-align: right;
}

#ninja-slider .ninja-right {
    left: 50%;
    margin-left: 455px;
}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    filter: gray
}

.grayscale.grayscale-fade {
    transition: filter .5s
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter .5s;
        transition: -webkit-filter .5s
    }
}

.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none
}

.grayscale.grayscale-replaced > svg {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1
}

.grayscale.grayscale-replaced.grayscale-fade:hover > svg,
.grayscale.grayscale-replaced.grayscale-off > svg {
    opacity: 0
}

#ninja-slider .slider-nav li.slick-center .grayscale {
    filter: url("data:image/svg+xml;utf8");
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: ;
}

#ninja-slider .slider-nav li.slick-center .grayscale-replaced.grayscale > svg {
    display: none;
}


.index-banner {
    background: #fff;
}


.Enterprise {
    margin: 100px 0 3%;
}

.Enterprise .auto {
    width: 1200px;
    margin: 0 auto;
}

.Enterprise .ul li {
    border-bottom: 1px #eee dashed;
    overflow: hidden;
    padding: 16px 0;
}

.Enterprise .ul li .zbtitle {
    font-weight: bold;
    font-size: 16px;
    width: 800px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Enterprise .ul li .zbdata {
    text-align: center;
    font-size: 14px;
    color: #999;
    padding-top: 5px;
    width: 165px;
    float: left;
}

.Enterprise .ul li .zbdata div {
    line-height: 20px;
    margin-top: 13px;
    color: #333;
}

.Enterprise .ul li .xq {
    float: left;
    color: #c81624;
    border: 1px #cf1728 solid;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    width: 70px;
    padding: 5px 0;
    text-align: center;
    margin: 25px auto 0 auto;
}

.Enterprise .ul .zbr li i {
    background-image: url(../images/icosprite.png);
    padding-left: 20px;
}

.Enterprise .ul .ggico1 {
    background-position: 0px 2px;
}

.Enterprise .ul .ggico2 {
    background-position: 0px -24px;
}

.Enterprise .ul .ggico3 {
    background-position: 0 -48px;
}

.Enterprise .ul li .row li {
    border-bottom: none;
    font-weight: normal;
    font-size: 14px;
    color: #999;
    float: left;
}

.Enterprise .ul li .row1 {
    width: 401px;
}

.Enterprise .ul li .row2 {
    width: 133px;
}

.Enterprise .ul li .row3 {
    width: 133px;
}

.Enterprise .ul li .row4 {
    width: 133px;
}


.container {
    width: 1200px;
    margin: 150px auto 3%;
    min-height: 1000px;
}

.container .txt {
    border: 1px #eee solid; /* overflow:hidden */
}

.baoming a {
    width: 208px;
    transition: all linear 0.2s;
    background: #c81627 url(http://www.phnix.com.cn/cn/img/write.png) no-repeat 35px 8px;
    padding-left: 25px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.baoming a:hover {
    text-decoration: none;
    background: #c21926 url(http://www.phnix.com.cn/cn/img/write.png) no-repeat 35px 8px;;
}

#main {
    padding: 20px 20px 20px 20px;
    width: 900px;
    margin-left: 10px;
    float: left;
    font-size: 15px;
    line-height: 30px;
    color: #666;
}

#sidebar {
    width: 220px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

#sidebar ul {
    padding-left: 15px;
}

#sidebar ul li {
    line-height: 30px;
    margin: 0 0 0 20px;
}

.timeline {
    background: url(../images/timeline.png) no-repeat 16px top;
    height: 480px;
    margin-top: 20px;
    width: 200px;
    position: relative;
}

.timeline > .title {
    position: absolute;
    background: url(../images/time.png) no-repeat 0px top;
    height: 50px;
    width: 200px;
    padding-left: 50px;
    line-height: 50px;
    font-size: 16px;
}

.timeline > .dotbox {
    position: absolute;
    left: 0;
    top: 50px;
}

.timeline > .dotbox > .dot {
    background: url(../images/timedot.png) no-repeat 10px 0;
    padding-left: 50px;
    margin-bottom: 25px;
    width: 250px;
}

.timeline > .dotbox > .dot h4 {
    font-size: 16px;
    color: #c21926;
}

.timeline > .dotbox > .dot div {
    font-size: 13px;
    color: #999;
}


/*Form002219*/
.Form002219 {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.Form002219 .wrap-container {
    position: fixed;
    top: 50%;
    margin-top: -200px;
    width: 600px;
    height: 400px;
    margin-left: -300px;
    left: 50%;
    background: #fff;
    z-index: 100;
    padding: 30px;
}

.Form002219 .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 17px;
    width: 17px;
    display: block;
    background: url(../images/Form002324-colseBtn.jpg) no-repeat;
}

.Form002219 .section {
    padding-top: 5%
}

.Form002219 dl {
    width: 48%;
    float: left;
    padding-left: 85px;
    min-height: 40px;
    position: relative;
    margin-bottom: 15px;
    max-width: 420px;
}

.Form002219 dl.odd {
    margin-left: 4%;
}

.Form002219 dt {
    color: #5b5b5b;
    font-size: 14px;
    position: absolute;
    left: 0;
    width: 70px;
    text-align: right;
    line-height: 40px;
}

.Form002219 .text {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    width: 100%;
    padding: 0 10px;
    line-height: 38px;
    height: 38px;
    color: #5b5b5b;
}

.Form002219 dl.dl {
    width: 100%;
    float: none;
    max-width: none;
}

.Form002219 textarea {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    overflow: hidden;
    resize: none;
    width: 100%;
    height: 172px;
    padding: 10px;
    color: #5b5b5b;
}

.Form002219 .btn {
    display: inline-block;
    line-height: 40px;
    min-width: 140px;
    margin-right: 20px;
    background-color: #f3f3f3;
    color: #728391;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.Form002219 .submitbtn {
    color: #fff;
    background-color: #c21926;
}

@media (max-width: 640px) {
    .Form002219 dl {
        float: none;
        width: 100%;
        margin-left: 0 !important;
    }

    .Form002219 textarea {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .Form002219 .btn {
        width: 48%;
        margin-right: 2%;
        float: left;
        display: block;
        min-width: 2px;
    }
}

/*Form002219 End*/


.Enterprise {
    margin: 100px 0 3%;
}

.Enterprise .auto {
    width: 1200px;
    margin: 0 auto;
}

.Enterprise .ul li {
    border-bottom: 1px #eee dashed;
    overflow: hidden;
    padding: 16px 0;
}

.Enterprise .ul li .zbtitle {
    font-weight: bold;
    font-size: 16px;
    width: 800px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Enterprise .ul li .zbdata {
    text-align: center;
    font-size: 14px;
    color: #999;
    padding-top: 5px;
    width: 165px;
    float: left;
}

.Enterprise .ul li .zbdata div {
    line-height: 20px;
    margin-top: 13px;
    color: #333;
}

.Enterprise .ul li .xq {
    float: left;
    color: #c81624;
    border: 1px #cf1728 solid;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    width: 70px;
    padding: 5px 0;
    text-align: center;
    margin: 25px auto 0 auto;
}

.Enterprise .ul .zbr li i {
    background-image: url(../images/icosprite.png);
    padding-left: 20px;
}

.Enterprise .ul .ggico1 {
    background-position: 0px 2px;
}

.Enterprise .ul .ggico2 {
    background-position: 0px -24px;
}

.Enterprise .ul .ggico3 {
    background-position: 0 -48px;
}

.Enterprise .ul li .row li {
    border-bottom: none;
    font-weight: normal;
    font-size: 14px;
    color: #999;
    float: left;
}

.Enterprise .ul li .row1 {
    width: 401px;
}

.Enterprise .ul li .row2 {
    width: 133px;
}

.Enterprise .ul li .row3 {
    width: 133px;
}

.Enterprise .ul li .row4 {
    width: 133px;
}


.container {
    width: 1200px;
    margin: 150px auto 3%;
    min-height: 1000px;
}

.container .txt {
    border: 1px #eee solid; /* overflow:hidden */
}

.baoming a {
    width: 208px;
    transition: all linear 0.2s;
    background: #c81627 url(http://www.phnix.com.cn/cn/img/write.png) no-repeat 35px 8px;
    padding-left: 25px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.baoming a:hover {
    text-decoration: none;
    background: #c21926 url(http://www.phnix.com.cn/cn/img/write.png) no-repeat 35px 8px;;
}

#main {
    padding: 20px 20px 20px 20px;
    width: 900px;
    margin-left: 10px;
    float: left;
    font-size: 15px;
    line-height: 30px;
    color: #666;
}

#sidebar {
    width: 220px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

#sidebar ul {
    padding-left: 15px;
}

#sidebar ul li {
    line-height: 30px;
    margin: 0 0 0 20px;
}

.timeline {
    background: url(../images/timeline.png) no-repeat 16px top;
    height: 480px;
    margin-top: 20px;
    width: 200px;
    position: relative;
}

.timeline > .title {
    position: absolute;
    background: url(../images/time.png) no-repeat 0px top;
    height: 50px;
    width: 200px;
    padding-left: 50px;
    line-height: 50px;
    font-size: 16px;
}

.timeline > .dotbox {
    position: absolute;
    left: 0;
    top: 50px;
}

.timeline > .dotbox > .dot {
    background: url(../images/timedot.png) no-repeat 10px 0;
    padding-left: 50px;
    margin-bottom: 25px;
    width: 250px;
}

.timeline > .dotbox > .dot h4 {
    font-size: 16px;
    color: #c21926;
}

.timeline > .dotbox > .dot div {
    font-size: 13px;
    color: #999;
}


/*Form002219_2*/
.Form002219_2 {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.Form002219_2 .wrap-container {
    position: fixed;
    top: 50%;
    margin-top: -200px;
    width: 600px;
    height: 400px;
    margin-left: -300px;
    left: 50%;
    background: #fff;
    z-index: 100;
    padding: 30px;
}

.Form002219_2 .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 17px;
    width: 17px;
    display: block;
    background: url(../images/Form002324-colseBtn.jpg) no-repeat;
}

.Form002219_2 .section {
    padding-top: 5%
}

.Form002219_2 dl {
    width: 48%;
    float: left;
    padding-left: 85px;
    min-height: 40px;
    position: relative;
    margin-bottom: 15px;
    max-width: 420px;
}

.Form002219_2 dl.odd {
    margin-left: 4%;
}

.Form002219_2 dt {
    color: #5b5b5b;
    font-size: 14px;
    position: absolute;
    left: 0;
    width: 70px;
    text-align: right;
    line-height: 40px;
}

.Form002219_2 .text {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    width: 100%;
    padding: 0 10px;
    line-height: 38px;
    height: 38px;
    color: #5b5b5b;
}

.Form002219_2 dl.dl {
    width: 100%;
    float: none;
    max-width: none;
}

.Form002219_2 textarea {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    overflow: hidden;
    resize: none;
    width: 100%;
    height: 172px;
    padding: 10px;
    color: #5b5b5b;
}

.Form002219_2 .btn {
    display: inline-block;
    line-height: 40px;
    min-width: 140px;
    margin-right: 20px;
    background-color: #f3f3f3;
    color: #728391;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.Form002219_2 .submitbtn {
    color: #fff;
    background-color: #c21926;
}

@media (max-width: 640px) {
    .Form002219_2 dl {
        float: none;
        width: 100%;
        margin-left: 0 !important;
    }

    .Form002219_2 textarea {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .Form002219_2 .btn {
        width: 48%;
        margin-right: 2%;
        float: left;
        display: block;
        min-width: 2px;
    }
}

/*Form002219 End*/