@charset "utf-8";

/*******************index css*********************/
html {
    height: 100%;
}

.index_body {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.index {
    height: 100%;
}

.index .section {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index .section .opacity {
    opacity: 0;
}

#fullpage {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}

#fullpage .godown {
    width: 40px;
    height: 21px;
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 20px;
    margin-left: -23px;
    background-position: -130px -158px;
    -webkit-animation: start 1.5s infinite ease-in-out;
}

#fullpage #page2 .godown,
#fullpage #page3 .godown {
    background-position: -133px -184px;
}

#fullpage .fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#fullpage .fp-slide {
    float: left;
    height: 100%;
    margin: 0;
    background-size: cover;
    -ms-behavior: url(css/backgroundsize.min.htc);
    behavior: url(css/backgroundsize.min.htc);
}

#fullpage .fp-slide,
#fullpage .fp-slidesContainer {
    height: 100%;
    display: block;
}

#fullpage .fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#fullpage .fp-section.fp-table,
#fullpage .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#fullpage .fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#fullpage .fp-slidesContainer {
    float: left;
    position: relative;
}

#fullpage .fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    margin-top: -49px;
    width: 59px;
    height: 98px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: url(../images/icon.png) no-repeat 0 0;
}

#fullpage .fp-controlArrow.fp-prev {
    left: 90px;
}

#fullpage .fp-controlArrow.fp-next {
    right: 90px;
    background-position: -62px 0;
}

#fullpage .fp-scrollable {
    overflow: scroll;
}

#fullpage .fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fullpage .fp-auto-height.fp-section,
#fullpage .fp-auto-height .fp-slide,
#fullpage .fp-auto-height .fp-tableCell {
    height: auto !important;
}

/**************banner***********/
.flexslider {
    position: relative;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flexslider a {
    display: block;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 900;
    display: none;
}

.flex-control-paging li a {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 2px solid #fff;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background-color: #fff;
}

.flex-control-paging li img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    display: block;
}

.flex-direction-nav {
    height: 60px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -50px 0 0;
    z-index: 100;
    padding: 2px;
    display: none;
}

.flex-direction-nav li {
    overflow: visible;
    width: 800px;
}

.flex-direction-nav a {
    overflow: visible;
    width: 60px;
    height: 60px;
    margin: 0;
    opacity: 1;
    top: 0;
    color: rgba(0, 0, 0, 0.8);
    text-indent: -9999em;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flex-direction-nav .arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: url('../images/banner-ico.png') no-repeat 0 0;
    z-index: 200;
}

.flex-direction-nav a.flex-next .arrow {
    background-position: -60px 0;
}

.flex-direction-nav .flex-prev {
    position: absolute;
    left: 0px;
}

.flex-direction-nav .flex-next {
    position: absolute;
    right: 0px;
    text-align: left;
}

.flexslider:hover .flex-prev {
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.flexslider:hover .flex-next {
    right: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.flexslider:hover .flex-prev:hover .arrow {
    left: 0;
    background-position: 0 -60px;
    background-color: #fff;
    border: 2px solid #fff;
}

.flexslider:hover .flex-next:hover .arrow {
    right: 0;
    background-position: -60px -60px;
    opacity: 1;
    background-color: #fff;
    border: 2px solid #fff;
}

.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {
    background-color: #fff;
    opacity: 1;
}

.flexslider {
    margin-left: auto;
    margin-right: auto;
}

.preview {
    width: 100px;
    height: 64px;
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 100;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    filter: alpha(opacity=0);
    opacity: 0;
    background: #fff;
}

.flex-direction-nav .preview img {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 94px;
    height: 58px;
}

.preview .alt {
    position: absolute;
    left: 180px;
    top: 0;
    background: #fff;
    width: 180px;
    height: 58px;
    color: #000;
    text-indent: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    line-height: 58px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 3px;
    display: none;
}

/* next button */
.flex-next .preview {
    right: -66px;
    left: auto;
}

.flex-next .preview img {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 94px;
    height: 58px;
}

.flex-next .preview .alt {
    left: 0;
}

/* hover style */
.flex-prev:hover .preview {
    left: 60px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.flex-next:hover .preview {
    right: 60px;
    filter: alpha(opacity=100);
    opacity: 1;
}

/*.main_banner .hd{position: absolute; left: 0; bottom: 12%; width: 100%; z-index: 3;}
.main_banner .hd ul{text-align: center;}
.main_banner .hd li.on{opacity: 1; filter: alpha(opacity=100); height: 5px;}
.main_banner .hd li{height: 2px; margin: 0 5px; width: 40px; display: inline-block; *display: inline; *zoom: 1; font-size: 0; cursor: pointer; background: #fff; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
*/
.arrow2 {
    margin: 0 auto 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: block;
    position: absolute;
    overflow: hidden;
    border: 0 none;
    left: 48%;
    bottom: 7%;
    z-index: 999;
    border: 1px solid #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.arrow2 i {
    width: 34px;
    height: 36px;
    margin: 8px auto 0;
    display: block;
    position: relative;
    background: url(../images/jiant.png) no-repeat center center;
    animation: down-ico 1.5s ease-out infinite;
}

@keyframes down-ico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 20%;
        opacity: 0;
    }

    65% {
        top: -20%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes down-ico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 20%;
        opacity: 0;
    }

    65% {
        top: -20%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

/************index************/
.index .floor_2 {
    background-size: cover;
}

.h3tit {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
}

.h4tit {
    font-size: 30px;
    font-weight: normal;
    font-family: "Arial";
    padding-top: 12px;
    line-height: 30px;
    color: #9f9f9f;
    text-transform: uppercase;
}

.h4tit strong {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}

.h5tit {
    font-size: 14px;
    font-family: "Arial";
    padding-top: 9px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
}

.index .cont .line {
    width: 65px;
    height: 3px;
    display: block;
    background: #d9d9d9;
    margin: 10px 0 50px;
}

.index .cont .stit {
    font-size: 30px;
    font-weight: bold;
    color: #007461;
    padding: 28px 0;
}

.index .cont .summy {
    line-height: 24px;
    height: 150px;
    overflow: hidden;
}

.index .cont .summy a {
    display: block;
    color: #333;
}

.index .cont .summy span {
    border: 1px solid #dcdcdc;
    height: 28px;
    line-height: 28px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: block;
    text-align: center;
    margin-top: 30px;
    width: 100px;
}

.index .cont .summy a:hover span {
    border: 1px solid #001d8c;
    background: #001d8c;
    color: #fff;
}

.iabout .cont {
    width: 1200px;
    overflow: hidden;
}

.iabout .cont .tit {
    font-family: "SourceHanSansCN ExtraLight", "microsoft yahei";
}

.iabout .section_con {
    width: 102%;
    padding-top: 54px;
}

.iabout .section_con .item {
    width: 274px;
    height: 164px;
    float: left;
    display: block;
    border: 1px dotted #e4e4e5;
    text-align: center;
}

.iabout .section_con .item.it1,
.iabout .section_con .item.it3 {
    border-right: 0 none;
}

.iabout .section_con .item.it1,
.iabout .section_con .item.it2 {
    border-bottom: 0 none;
}

.iabout .section_con .item a {
    display: block;
    padding: 28px;
}

.iabout .section_con .item .img {
    width: 82px;
    height: 64px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.iabout .section_con .item .img img {
    width: 82px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.iabout .section_con .item .txt {
    line-height: 20px;
}

.iabout .section_con .item:hover {
    background: #0c2649;
    border: 1px dotted #0c2649;
}

.iabout .section_con .item:hover.it1,
.iabout .section_con .item:hover.it3 {
    border-right: 0 none;
}

.iabout .section_con .item:hover.it1,
.iabout .section_con .item:hover.it2 {
    border-bottom: 0 none;
}

.iabout .section_con .item:hover img {
    top: -70px;
}

.iabout .section_con .item:hover .txt {
    color: #fff;
}

/*.floor_5{background: url(../images/floor_6.jpg) no-repeat center; background-size: cover;}
.floor_5_2{width:570px; text-align:center;}
.floor_5_2 h3{font-size:46px; color:#333333; line-height:46px; font-weight:normal;}
.floor_5_2 p{font-size:16px; color:#333333; line-height:32px; padding-top:18px;}
.floor_5_2 p span{font-size:16px; color:#e5583e; display:inline-block; font-weight:bold;}*/
.floor_5_2 .mitem {
    height: 46px;
    width: 486px;
    display: block;
    margin-left: 34px;
    line-height: 36px;
    position: relative;
    margin-bottom: 32px;
    border-bottom: 1px solid #ddd;
}

.floor_5_2 .mitem label {
    width: 46px;
    float: left;
    color: #666666;
    padding-right: 5px;
    text-align: left;
}

.floor_5_2 .mitem input {
    width: 424px;
    height: 40px;
    line-height: 40px;
    float: left;
    padding-left: 10px;
    border: 0px;
    font-size: 14px;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}

.floor_5_2 .mitem.liuyan {
    height: 76px;
    display: block;
}

.floor_5_2 .mitem.liuyan textarea {
    width: 412px;
    float: left;
    border: 0px;
    borde: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    overflow: hidden;
    color: #666;
    resize: none;
    font-family: "microsoft yahei";
    outline: none;
}

.floor_5_2 .itemsub .btn {
    width: 152px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin-right: 46px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    background: url(../images/a5_03.png) no-repeat;
}

.floor_5_2 .mitem select {
    width: 434px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: #fff solid 1px;
    border: none;
    outline: none;
    /*将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.floor_5_2 .mitem.youxiang b {
    position: absolute;
    right: 46px;
    top: 0;
    background: url(../images/a2_03.png) center center no-repeat;
    width: 90px;
    height: 40px;
    background-size: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}

.floor_5_2 .mitem.youxiang s {
    width: 12px;
    height: 6px;
    background-position: -518px -201px;
    position: absolute;
    top: 17px;
    right: 5px;
}

.floor_5 .cont {
    padding-bottom: 30px;
    text-align: center;
    display: inline-block;
    width: 1200px;
    padding-top: 60px;
}

.floor_5 .cont .stit {
    padding: 28px 78px;
}

.floor_5 .cont .summy {
    height: 85px;
}

.floor_2 .iBuilding {
    width: 100%;
    height: 424px;
    position: relative;
}

.floor_2 .iBuilding .item {
    width: 282px;
    height: 424px;
    display: block;
    float: left;
    position: relative;
    text-align: center;
    margin-right: 24px;
}

.floor_2 .iBuilding .item:nth-child(4) {
    margin-right: 0;
}

.floor_2 .iBuilding .item:first-child+li+li+li {
    margin-right: 0;
}

.floor_2 .iBuilding .item .img {
    display: block;
    width: 282px;
    height: 350px;
    overflow: hidden;
}

.floor_2 .iBuilding .item:hover .img1 {
    color: #da0000;
}

.floor_2 .iBuilding .item .img1 {
    height: 74px;
    font-size: 16px;
    color: #333;
    line-height: 74px;
}

.floor_2 .iBuilding .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease-out .3s .1s;
}

.floor_2 .iBuilding .item .img s {
    width: 262px;
    height: 330px;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}

.floor_2 .iBuilding .item .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    transition: all ease-out .9s;
}

.floor_2 .iBuilding .item .txt img {
    max-width: 100%;
    display: inline;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    top: 50%;
    margin-top: -60px;
}

.floor_2 .iBuilding .item:hover .img img {
    opacity: 1;
    width: 100%;
}

.floor_2 .iBuilding .item:hover .txt img {
    opacity: 1;
    width: 80px;
    transition: all ease-out .9s;
}

.floor_2 .iBuilding .item:hover s {
    opacity: 1;
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
}

.floor_2 .iBuilding .prev,
.floor_2 .iBuilding .next {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: -110px;
    cursor: pointer;
}

.floor_2 .iBuilding .prev {
    background-position: -501px -39px;
    right: 0;
}

.floor_2 .iBuilding .next {
    background-position: -501px -72px;
    right: 40px;
}

.floor_4 {
    background: url(../images/floor_4.jpg) no-repeat center;
    background-size: cover;
}

.cont_top {
    position: relative;
}

.cont_top .prev {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 20px;
    cursor: pointer;
    background-position: -502px -161px;
    right: 0;
}

.cont_top .h3tit {
    color: #001d8c;
}

.cont_top .h4tit {
    color: #9f9f9f;
}

.cont_top .h4tit strong {
    color: #001d8c;
}

.floor_4 .cont {
    width: 1200px;
}

.floor_4 .cont .line {
    background: #d9d9d9;
}

.floor_4 .section_con .inewsCon_left {
    float: left;
    width: 404px;
}

.floor_4 .section_con .inewsCon_left .img {
    width: 404px;
    height: 300px;
    display: block;
    overflow: hidden;
}

.floor_4 .section_con .inewsCon_left .img img {
    width: 100%;
    transition: .9s ease;
}

.floor_4 .section_con .inewsCon_left .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: .9s ease;
    -moz-transition: .9s;
    -webkit-transition: .9s;
    -o-transition: .9s;
}

.floor_4 .section_con .inewsCon_left .time {
    width: 67px;
    border-right: #d9d9d9 solid 1px;
    margin-top: 30px;
    font-size: 14px;
    color: #9f9f9f;
    font-family: "Arial";
    display: block;
    line-height: 14px;
}

.floor_4 .section_con .inewsCon_left .time span {
    font-size: 50px;
    line-height: 50px;
    display: block;
}

.floor_4 .section_con .inewsCon_left .tit p {
    float: right;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    width: 324px;
    padding-top: 24px;
}

.floor_4 .section_con .inewsCon_left .tit p span {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    display: block;
}

.floor_4 .section_con .inewsCon_left .tit:hover .time {
    color: #001d8c;
}

.floor_4 .section_con .inewsCon_left .tit:hover p {
    color: #001d8c;
}

.floor_4 .section_con .inewsCon_right {
    float: right;
    width: 686px;
}

.floor_4 .section_con .inewsCon_right .item {
    margin-bottom: 30px;
    display: block;
    height: 110px;
}

.floor_4 .section_con .inewsCon_right .img {
    width: 180px;
    height: 110px;
    display: block;
    overflow: hidden;
}

.floor_4 .section_con .inewsCon_right .img img {
    width: 100%;
    transition: .9s ease;
}

.floor_4 .section_con .inewsCon_right .time {
    width: 67px;
    border-right: #d9d9d9 solid 1px;
    margin-top: 20px;
    font-size: 14px;
    color: #9f9f9f;
    font-family: "Arial";
    display: block;
    line-height: 14px;
    margin-left: 20px;
}

.floor_4 .section_con .inewsCon_right .time span {
    font-size: 50px;
    line-height: 50px;
    display: block;
}

.floor_4 .section_con .inewsCon_right p {
    float: right;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    width: 404px;
    padding-top: 14px;
}

.floor_4 .section_con .inewsCon_right p span {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    display: block;
}

.floor_4 .section_con .inewsCon_right .item:hover .time {
    color: #001d8c;
}

.floor_4 .section_con .inewsCon_right .item:hover p {
    color: #001d8c;
}

.floor_3 {
    position: relative;
    background: url(../images/floor_5_1.png) center center no-repeat;
}

.floor_3 .iabout5 {
    padding-top: 90px;
}

.floor_3 .iabout5 b {
    width: 24px;
    height: 32px;
    background-position: -501px -119px;
    display: block;
    margin-top: 26px;
}

.floor_3 .iabout5 .h4tit {
    color: #24262b;
}

.floor_3 .iabout5 .h5tit {
    color: #24262b;
}

.floor_3 .smart {
    width: 2020px;
    height: 980px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1010px;
    z-index: 1;
}

.floor_3 .smart #mindscape {
    width: 1920px;
    height: 980px;
    overflow: hidden;
    margin: 0 auto;
}

.floor_3 .zzbgtop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../images/zz_top.png) no-repeat center top;
    height: 154px;
    z-index: 2;
}

.floor_3 .zzbgbot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/zz_bot.png) no-repeat center top;
    height: 172px;
    z-index: 2;
}

.floor_3 .ren {
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 520px;
    background: url(../images/ren.png) no-repeat left bottom;
    height: 804px;
    z-index: 3;
}

.floor_3 .iabout5 {
    position: relative;
    z-index: 10;
}

.floor_3 .iabout5 .cont {
    width: 400px;
    margin-left: 32px;
    color: #fff;
}

.floor_3 .iabout5 .cont .stit {
    color: #fff;
}

.floor_3 .iabout5 .cont .line {
    background: #fff;
}

.floor_3 .iabout5 .cont .summy {
    height: 150px;
}

.floor_3 .iabout5 .cont .summy a {
    color: #fff;
}

.floor_3 .iabout5 .cont .summy span {
    border: 1px solid #fff;
}

.floor_3 .iabout5 .cont .summy a:hover span {
    border: 1px solid #001d8c;
    background: #001d8c;
    color: #fff;
}

@media (max-width: 1680px) {
    .floor_5 .ren {
        background-size: 90%;
    }
}

.floor_6 {
    background: url(../images/floor_6.jpg) no-repeat center;
    background-size: cover;
}

.floor_6 .cont {
    padding-bottom: 30px;
    width: 540px;
}

.floor_6 .cont .line {
    background: #007461;
}

.floor_6 .cont .summy {
    height: 150px;
}

.floor_7 {
    background: url(../images/floor_7.png) no-repeat center;
}

@media (max-width: 1600px) {
    .floor_7 .formData .item {
        margin-bottom: 10px;
    }

    .floor_7 .formData .liuyan {
        height: 120px;
    }

    .floor_7 .formData .liuyan textarea {
        height: 110px;
    }
}

@media (max-width: 1368px) {
    .floor_7 .bcontact {
        padding-bottom: 30px;
        margin-top: 30px;
    }

    .floor_7 .h3tit {
        font-size: 32px;
    }

    .floor_7 .imassge .desc {
        padding: 10px 0;
    }

    .floor_7 .formData .item {
        margin-bottom: 5px;
    }

    .floor_7 .formData .liuyan {
        height: 100px;
    }

    .floor_7 .formData .liuyan textarea {
        height: 90px;
    }
}

.floor_2 .h3tit {
    padding-top: 50px;
}

.bcontact {
    width: 100%;
    margin-top: 50px;
    padding-bottom: 50px;
}

.bcontact li {
    width: 399px;
    float: left;
    padding: 20px 0;
    border-left: 1px solid #e5e5e5;
    text-align: center;
}

.bcontact li s {
    width: 60px;
    height: 55px;
    display: block;
    margin: 0 auto;
    background: url(../images/contact-ico.png) no-repeat 4px center;
}

.bcontact li h3 {
    font-size: 16px;
    padding: 6px 0 14px;
    color: #737373;
}

.bcontact li h4 {
    color: #000;
}

.bcontact li.a1 {
    border-left: 0px;
}

.bcontact li.baddress s {
    background-position: -72px center;
}

.bcontact li.baddress h4 {
    color: #333;
    padding: 0 84px;
}

.bcontact li.email s {
    background-position: -142px center;
}

.imassge .h3tit {
    text-align: center;
}

.imassge .desc {
    text-align: center;
    line-height: 24px;
    padding: 15px 0 40px;
}

.imassge .desc b {
    color: #0c2649;
    font-size: 24px;
}

@media (max-width: 1440px) {
    .floor_5 .ren {
        background-size: 76%;
    }

    .floor_5 .zzbgbot {
        bottom: -26px;
    }

    .floor_5 .zzbgtop {
        top: -20px;
    }
}

@media (max-width: 1368px) {
    .floor_5 .ren {
        background-size: 70%;
    }

    .floor_5 .zzbgbot {
        bottom: -66px;
    }

    .floor_5 .zzbgtop {
        top: -60px;
    }

    .iabout .section_con {
        padding-top: 30px;
    }

    .iabout .section_con .item {
        height: 140px;
    }

    .iabout .section_con .item a {
        padding: 20px;
    }

    .floor_3 .iBuilding {
        height: 300px;
    }
}

/***********category css*************/
/*nybanner*/
.nybanner {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.nybanner img {
    width: 1920px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.wrapper {
    min-height: 764px;
}

.wrapper .ntitle {
    font-size: 80px;
    line-height: 80px;
    display: block;
    text-align: center;
}

.wrapper .stit {
    font-size: 30px;
    color: #007461;
    text-align: center;
    display: block;
    padding-top: 50px;
}

.wrapper .ntitle2 {
    position: relative;
    text-align: center;
    padding-top: 50px;
}

.wrapper .ntitle2 .more {
    font-family: arial;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    width: 85px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    display: block;
}

.wrapper .ntitle2 h3 {
    font-size: 48px;
    color: #333;
    line-height: 48px;
    font-weight: normal;
    position: relative;
}

.wrapper .ntitle2 h3 s {
    background: url(../images/a6_03.png) center center no-repeat;
    width: 619px;
    height: 9px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
}

.wrapper .ntitle2 h3 i {
    font-size: 24px;
    font-family: "Arial";
    display: block;
    color: #a9a9a9;
    text-transform: uppercase;
    padding-left: 5px;
}

.menu_main {
    border-bottom: 1px solid #e5e5e5;
    height: 50px;
}

.menu_main .menu a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
}

.menu_main .menu a:hover,
.menu_main .menu a.hover {
    background: #001d8c;
    color: #fff;
}

.erwmImg img {
    width: 90px;
    height: 90px;
    display: block;
    background: #fff;
    padding: 5px;
    border: 1px solid #dcdcdc;
}

.aboutpage {
    background: url(../images/about.jpg) no-repeat center bottom;
    padding-bottom: 200px;
}

.aboutpage .part1 {
    padding: 20px 0;
    text-align: center;
}

.aboutpage .part1 .shu {
    padding: 50px 0;
}

.aboutpage .part1 .shu p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 40px;
    height: 40px;
}

.aboutpage .part1 .shu p b {
    font-size: 48px;
    font-family: "SourceHanSansCN ExtraLight", arial;
    padding-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #007461;
    line-height: 48px;
}

.aboutpage .part1 .shu p span {
    color: #9f9f9f;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
}

.aboutpage .part1 .shu p span i {
    font-family: arial;
    display: block;
    line-height: 16px;
}

.aboutpage .part1 .shu p.p1 {
    border-right: 1px solid #e5e5e5;
}

.aboutpage .part1 .shu p.p1 b {
    color: #001d8c;
}

.aboutpage .part1 p {
    font-size: 16px;
    line-height: 30px;
}

.aboutpage .part1 img {
    max-width: 100% !important;
    display: block;
    margin: 50px auto;
}

.aboutpage .part2 {
    text-align: center;
    padding: 50px 0;
}

.aboutpage .part2 .tit2 {
    font-size: 48px;
    line-height: 48px;
    display: block;
}

.aboutpage .part2 .en {
    color: #e5e5e5;
    font-size: 46px;
    text-transform: uppercase;
    padding: 20px 0;
}

.aboutpage .part2 p {
    font-size: 16px;
    line-height: 30px;
}

.aboutpage .part3 {
    padding-top: 50px;
    overflow: hidden;
}

.aboutpage .part3 .section_con {
    width: 102%;
}

.aboutpage .part3 .section_con .item {
    width: 275px;
    height: 166px;
    float: left;
    display: block;
    border-right: 1px dotted #e4e4e5;
    text-align: center;
}

.aboutpage .part3 .section_con .item.it1 {
    border-left: 1px dotted #e4e4e5;
}

.aboutpage .part3 .section_con .item a {
    display: block;
    padding: 28px;
}

.aboutpage .part3 .section_con .item .img {
    width: 82px;
    height: 64px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.aboutpage .part3 .section_con .item .img img {
    width: 82px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.aboutpage .part3 .section_con .item .txt {
    line-height: 20px;
}

.aboutpage .part3 .section_con .item:hover {
    background: #0c2649;
    border-right: 1px dotted #0c2649;
}

.aboutpage .part3 .section_con .item:hover img {
    top: -70px;
}

.aboutpage .part3 .section_con .item:hover .txt {
    color: #fff;
}

.singlepage {
    padding: 80px 0;
}

.singlepage img {
    max-width: 100% !important;
    display: inline;
}

.singlepage .info {
    padding-top: 100px;
}

.singlepage .homebox .wh_part1 {
    text-align: center;
    position: relative;
}

.singlepage .homebox .wh_part1 .txt {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 3;
}

.singlepage .homebox .wh_part1 h3 {
    font-size: 40px;
    font-weight: normal;
    color: #000;
    padding-bottom: 20px;
}

.singlepage .homebox .wh_part1 p {
    font-size: 16px;
}

.singlepage .homebox img {
    max-width: 100%;
    display: block;
}

.singlepage .homebox .wh_part2 {
    position: relative;
}

.singlepage .homebox .wh_part2 .txt {
    width: 400px;
    position: absolute;
    bottom: 14%;
    text-align: left;
    z-index: 9;
}

.singlepage .homebox .wh_part2 .txt h2 {
    font-size: 40px;
    font-weight: normal;
    color: #000;
    padding-bottom: 20px;
    line-height: 60px;
}

.singlepage .homebox .wh_part2 .txt p {
    line-height: 32px;
    color: #888;
}

.singlepage .homebox .wh_part2 .txt.t1 {
    right: 0;
}

.singlepage .homebox .wh_part2 .txt.t2 {
    left: 0;
}

.tabBox_main {
    position: relative;
    height: 638px;
}

.tabBox_main .tabBox {
    height: 560px;
    position: relative;
    overflow: hidden;
}

.tabBox_main .tabMain .txt {
    width: 600px;
    background: url(../images/preline.jpg) no-repeat right top;
    padding-top: 182px;
    height: 380px;
}

.tabBox_main .tabMain .txt .tit {
    font-size: 136px;
    font-weight: bold;
    font-family: arial;
    line-height: 140px;
    color: #001d8c;
    padding-left: 100px;
}

.tabBox_main .tabMain .txt .desc {
    line-height: 24px;
    padding-left: 100px;
}

.tabBox_main .tabMain .img {
    width: 600px;
    height: 460px;
    overflow: hidden;
    padding-top: 100px;
}

.tabBox_main .tabMain .img img {
    max-width: 100%;
    display: block;
}

.tabBox_main .tabs {
    width: 100%;
    text-align: center;
    background: url(../images/his.png) repeat-x left top;
    padding-top: 50px;
}

.tabBox_main .tabs span {
    width: 14px;
    height: 7px;
    display: inline-block;
    position: absolute;
    left: 142px;
}

.tabBox_main .tabs .jt {
    background: url(../images/iup.png) no-repeat center center;
    top: -14px;
}

.tabBox_main .tabs .jt2 {
    background: url(../images/idown.png) no-repeat center center;
    top: 28px;
}

.tabBox_main .tabs li {
    text-align: center;
    display: inline-block;
    width: 65px;
    font-size: 15px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #333;
    cursor: pointer;
    position: relative;
    *float: left;
    *height: 30px;
    *line-height: 30px;
}

.tabBox_main .tabs li.on {
    color: #001d8c;
}

@keyframes xia {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, 3px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes xia {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(0px, 3px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

.jt {
    animation: xia 1s linear infinite;
    -webkit-animation: xia 1s linear infinite;
}

@keyframes shang {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, -3px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes shang {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    50% {
        -webkit-transform: translate(0px, -3px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

.jt2 {
    animation: shang 1s linear infinite;
    -webkit-animation: shang 1s linear infinite;
}

.Industrypage .part_3 .ntitle2 {
    padding-top: 0;
}

.Industrypage .Scenesbox {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 800px;
}

.Industrypage .Scenesbox .smart {
    width: 2020px;
    height: 980px;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -1010px;
    z-index: 1;
    background: #000;
}

.Industrypage .Scenesbox .smart #mindscape {
    width: 1920px;
    height: 980px;
    overflow: hidden;
    margin: 0 auto;
}

.Industrypage .Scenesbox .zzbgtop {
    position: absolute;
    left: 0;
    top: -38px;
    width: 100%;
    background: url(../images/zz_top.png) no-repeat center top;
    height: 154px;
    z-index: 2;
}

.Industrypage .Scenesbox .zzbgbot {
    position: absolute;
    left: 0;
    bottom: -95px;
    width: 100%;
    background: url(../images/zz_bot.png) no-repeat center top;
    height: 172px;
    z-index: 2;
}

.Industrypage .Scenesbox .ren {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 382px;
    background: url(../images/ren2.png) no-repeat left bottom;
    height: 582px;
    z-index: 3;
    margin-left: -191px;
}

.Industrypage.Internet {
    padding-bottom: 100px;
}

.Industrypage.Internet .girdlist {
    padding-bottom: 0;
}

.Industrypage .brand {
    padding-bottom: 50px;
}

.girdlist {
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

.girdlist .list {
    width: 100%;
}

.girdlist .item {
    width: 382px;
    float: left;
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
    background: #fff;
}

.girdlist .item a {
    display: block;
}

.girdlist .item .img {
    width: 380px;
    height: 278px;
    overflow: hidden;
    border: #eeeeee solid 1px;
    position: relative;
    text-align: center;
}

.girdlist .item .img img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 360px;
    height: 270px;
    display: inline-block;
    margin-top: 11px;
}

.girdlist .item .item_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    *zoom: 1;
    -webkit-transform: rotateX(180deg) scale(0.5, 0.5);
    transform: rotateX(180deg) scale(0.2, 0.2);
    transition: all ease-out .5s;
}

.girdlist .item .item_mask .item_link_icon {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-position: -440px -313px;
    line-height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    *top: 40%;
    margin-left: -30px;
    margin-top: -0px;
    opacity: 0;
    filter: Alpha(opacity=0);
    *zoom: 1;
}

.girdlist .item .txt {
    background: #fff;
    height: 56px;
    line-height: 56px;
    position: relative;
    font-size: 16px;
    color: #333;
    border-bottom: #eeeeee solid 1px;
}

.girdlist .item .txt p {
    font-size: 16px;
    color: #333;
    float: left;
    transition: .5s ease;
}

.girdlist .item .txt i {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -487px -246px;
    margin-top: 20px;
    transition: .5s ease;
}

.girdlist .item:hover p {
    color: #da0000;
    transition: .5s ease;
}

.girdlist .item:hover .txt i {
    background-position: -487px -228px;
    transition: .5s ease;
}

/*.girdlist .item:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}*/
.girdlist .item:hover img {
    transform: scale(1.1, 1.1);
}

.girdlist .item:hover .item_mask {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
    background: rgba(0, 0, 0, 0.3);
}

.girdlist .item:hover .item_mask .item_link_icon {
    transform: translateY(-21px);
    opacity: 1;
    filter: Alpha(opacity=100);
}

.Project {
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.Project .list {
    width: 108%;
}

.Project .item {
    width: 450px;
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 8px;
    position: relative;
    margin-left: 16px;
    background: #fff;
    height: 370px;
    overflow: hidden;
}

.Project .item a,
.Project .item img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.Project .item .bg {
    position: absolute;
    height: 150px;
    width: 100%;
    background: url(../images/black_jb.png) repeat-x left top;
    z-index: 1;
    left: 0;
    bottom: 0;
}

.Project .item .txt {
    position: absolute;
    z-index: 2;
    width: 92%;
    left: 0;
    bottom: 26px;
    padding: 0 4%;
    color: #fff;
}

.Project .item .txt p {
    border-left: 2px solid #fff;
    height: 34px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.Project .item .txt p span {
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}

.Project .item .txt em {
    width: 16px;
    height: 16px;
    display: block;
    background-position: -454px 0;
    margin-top: 5px;
}

.Project .item:hover img {
    transform: scale(1.06, 1.06);
}

.girdlist.huxin .item {
    width: 384px;
    margin-right: 23px;
}

.girdlist.huxin .item:nth-child(3n) {
    margin-right: 0;
}

.girdlist.huxin .item .img {
    width: 382px;
    height: 296px;
}

.girdlist.huxin .item .img img {
    margin-top: 13px;
}

.girdlist.huxin .item .item_mask .item_link_icon {
    margin-top: -12px;
}

@media (max-width: 1680px) {
    .Project .item {
        width: 405px;
        height: 333px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 1560px) {
    .Project .list {
        width: 115%;
    }
}

@media (max-width: 1460px) {
    .Project .item {
        width: 348px;
        margin-left: 5px;
        margin-right: 5px;
        height: 286px;
    }

    .Project .item .img {
        height: 286px;
    }
}

@media (max-width: 1370px) {
    .Project .item {
        width: 328px;
        height: 270px;
    }

    .Project .item .img {
        height: 270px;
    }
}

@media (max-width: 1200px) {
    .Project .item {
        width: 328px;
        height: 270px;
    }

    .Project .item .img {
        height: 270px;
    }
}

/*样板房项目*/
.promodel .item {
    width: 480px;
    height: 450px;
    margin: 0 0 20px;
}

.promodel .item .bg {
    height: 50px;
    background: url(../images/black50.png) repeat;
    text-align: center;
    color: #fff;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.promodel .item .bg h3 {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.promodel .item .bg h4 {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    display: none;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.promodel .item .txt {
    bottom: 50px;
    padding-top: 4%;
    padding-bottom: 4%;
    color: #fff;
    display: none;
    background: url(../images/black70.png) repeat;
}

.promodel .item .txt h3 {
    text-align: center;
    font-size: 20px;
}

.promodel .item .txt p {
    border: 0 none;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    height: auto;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.promodel .item:hover .bg {
    background: url(../images/grenn50.png) repeat;
}

@media (max-width: 1680px) {
    .promodel .item {
        width: 415px;
        height: 389px;
    }
}

@media (max-width: 1460px) {
    .promodel .item {
        width: 358px;
        height: 336px;
    }
}

@media (max-width: 1370px) {
    .promodel .item {
        width: 337px;
        height: 316px;
    }
}

.brandlist {
    position: relative;
    width: 100%;
    height: 662px;
}

.brandlist .bd {
    height: 662px;
    overflow: hidden;
    width: 100%;
    background: #fafafa;
}

.brandlist .bd li {
    display: block;
    height: 662px;
    width: 100%;
    vertical-align: middle;
}

.brandlist .bd li .fl {
    width: 50%;
    position: relative;
    height: 100%;
}

.brandlist .bd li .txt {
    width: 420px;
    position: absolute;
    left: 50%;
    top: 26%;
    text-align: center;
    margin-left: -120px;
}

.brandlist .bd li .txt a {
    display: block;
}

.brandlist .bd li .txt img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.brandlist .bd li .txt .st {
    padding-top: 20px;
    font-size: 16px;
    padding-bottom: 30px;
    color: #333;
}

.brandlist .bd li .txt s {
    width: 30px;
    height: 1px;
    background: #7d7d7d;
    display: block;
    margin: 0 auto;
}

.brandlist .bd li .txt .desc {
    line-height: 24px;
    margin-bottom: 37px;
    color: #333;
    padding-top: 30px;
}

.brandlist .bd li .txt .jia {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .3s ease-out 0s;
}

.brandlist .bd li .txt .jia i {
    display: block;
    position: absolute;
    background-color: #6a6a6a;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .3s ease-out 0s;
}

.brandlist .bd li .txt .jia i.q {
    width: 14px;
    height: 2px;
    left: 50%;
    margin-left: -6px;
    top: 50%;
}

.brandlist .bd li .txt .jia i.h {
    width: 2px;
    height: 14px;
    top: 50%;
    margin-top: -6px;
    left: 50%;
}

.brandlist .bd li .txt .jt {
    width: 48px;
    height: 26px;
    display: block;
    margin: 108px auto 0;
    background-position: -408px -70px;
}

.brandlist .bd li .txt a:hover .jia {
    border: 1px solid #001d8c;
    background: #001d8c;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.brandlist .bd li .txt a:hover .jia i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #fff;
}

.brandlist .bd li .img {
    width: 50%;
    position: relative;
    height: 100%;
}

.brandlist .bd li .img a {
    display: block;
    width: 100%;
    height: 100%;
}

.brandlist .bd li .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.brandlist .hd {
    position: absolute;
    right: 19%;
    top: -54px;
    z-index: 9;
    width: 94px;
}

.brandlist .hd a {
    width: 42px;
    height: 26px;
    display: inline-block;
    margin-left: 2px;
    cursor: pointer;
}

.brandlist .hd .prev {
    background-position: -380px -110px;
}

.brandlist .hd .prev:hover {
    background-position: -380px -140px;
}

.brandlist .hd .next {
    background-position: -430px -110px;
}

.brandlist .hd .next:hover {
    background-position: -430px -140px;
}

@media (max-width: 1460px) {
    .brandlist .bd {
        height: 494px;
    }

    .brandlist .bd li {
        height: 494px;
    }

    .brandlist .bd li .txt {
        width: 400px;
        top: 16%;
        margin-left: -210px;
    }

    .brandlist .bd li .txt .jt {
        margin-top: 62px;
    }
}

/*newsPage*/
.thumblist1 {
    overflow: hidden;
    position: relative;
    margin-top: 50px;
    padding-bottom: 140px;
}

.thumblist1 .list {
    width: 108%;
    padding-bottom: 0 !important;
}

.thumblist1 .item1 {
    width: 386px;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
}

.thumblist1 .item1 a {
    display: block;
}

.thumblist1 .item1 .img {
    width: 386px;
    height: 217px;
    overflow: hidden;
}

.thumblist1 .item1 .img img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.thumblist1 .item1 .txt {
    padding: 24px 30px;
    padding-left: 0;
    position: relative;
}

.thumblist1 .item1 .txt .time {
    color: #333;
    position: absolute;
    left: 0px;
    top: 24px;
    width: 70px;
    height: 64px;
    border-right: 1px solid #d6d6d6;
    display: block;
    text-align: center;
    padding-bottom: 6px;
}

.thumblist1 .item1 .txt .time b {
    font-size: 48px;
    line-height: 48px;
    display: block;
    font-weight: normal;
}

.thumblist1 .item1 .txt h3 {
    padding-left: 82px;
    font-size: 18px;
}

.thumblist1 .item1 .txt p {
    color: #aaa;
    line-height: 20px;
    padding-left: 82px;
    padding-top: 4px;
}

.thumblist1 .item1 .txt .jt {
    margin-top: 30px;
    width: 150px;
    height: 24px;
    border: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    padding-top: 16px;
}

.thumblist1 .item1 .txt .jt i {
    width: 46px;
    height: 8px;
    background-position: -317px 0;
    display: block;
    margin: 0 auto;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.thumblist1 .item1:hover img {
    transform: scale(1.06, 1.06);
}

.thumblist1 .item1:hover .txt .time {
    color: #da0000;
}

.thumblist1 .item1:hover .txt .jt {
    border: 1px solid #da0000;
    background: #da0000;
    color: #fff;
}

.thumblist1 .item1:hover .txt .jt i {
    background-position: -317px -18px;
}

.thumblist1 .prev,
.thumblist1 .next {
    width: 30px;
    height: 60px;
    display: block;
    position: absolute;
    top: 26%;
    cursor: pointer;
}

.thumblist1 .prev {
    background-position: -288px -56px;
    left: 0;
}

.thumblist1 .prev:hover {
    background-position: -288px -120px;
}

.thumblist1 .next {
    background-position: -325px -56px;
    right: 0;
}

.thumblist1 .next:hover {
    background-position: -325px -120px;
}

.newsPage .floor_1 {
    padding: 48px 0 0;
}

.newsPage .list {
    padding-bottom: 30px;
}

.newsPage .newslist {
    overflow: hidden;
    padding: 50px 0;
}

.newsPage .item {
    height: 200px;
    padding: 26px 0;
    transition: all .5s;
    border-bottom: 1px solid #f2f2f2;
    display: block;
}

.newsPage .item:first-child {
    padding-top: 0;
}

.newsPage .item a {
    width: 100%;
    display: block;
}

.newsPage .item img {
    width: 300px;
    height: 200px;
    display: block;
    margin-right: 30px;
}

.newsPage .item h3 {
    font-size: 24px;
    padding: 25px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #454545;
}

.newsPage .item .desc {
    color: #454545;
    line-height: 24px;
    height: 48px;
    padding-right: 130px;
    overflow: hidden;
}

.newsPage .item .liu {
    display: block;
    color: #454545;
    font-size: 14px;
}

.newsPage .item .txt {
    width: 150px;
}

.newsPage .item .txt .time {
    border-left: 1px solid #eee;
    width: 82px;
    height: 84px;
    display: block;
    margin-left: 54px;
    padding-left: 10px;
    margin-top: 20px;
}

.newsPage .item .txt .time b {
    font-size: 48px;
    line-height: 48px;
    display: block;
    font-weight: normal;
}

.newsPage .item .txt .jt {
    margin-top: 30px;
    width: 140px;
    height: 24px;
    border: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    padding-top: 16px;
}

.newsPage .item .txt .jt i {
    width: 46px;
    height: 8px;
    background-position: -176px 0;
    display: block;
    margin: 0 auto;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.newsPage .item:hover {
    transform: translate3d(0px, -6px, 0px);
}

.newsPage .item:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.newsPage .item:hover h3 {
    color: #001d8c;
}

.newsPage .item:hover .txt .jt {
    border: 1px solid #001d8c;
    background: #001d8c;
    color: #fff;
}

.newsPage .item:hover .txt .jt i {
    background-position: -176px -26px;
}

/*searchPage*/
.searchPage {
    overflow: hidden;
}

.searchPage .list {
    padding-bottom: 20px;
    width: 105%;
}

.searchPage .gridlist .itemk {
    width: 100%;
    height: 168px;
    margin-bottom: 26px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #fbfbfb;
}

.searchPage .gridlist .itemk a {
    width: 100%;
    display: block;
}

.searchPage .gridlist .itemk img {
    width: 300px;
    height: 169px;
    display: block;
    margin-right: 30px;
}

.searchPage .gridlist .itemk h3 {
    font-size: 20px;
    padding: 35px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #000;
}

.searchPage .gridlist .itemk .txt {
    color: #666;
    line-height: 24px;
    height: 48px;
    padding-right: 130px;
    overflow: hidden;
}

.searchPage .gridlist .itemk .time {
    width: 150px;
    padding-top: 45px;
    font-family: arial;
    font-size: 20px;
    color: #999;
}

.searchPage .gridlist .itemk .time .day {
    font-size: 40px;
    line-height: 45px;
    display: block;
}

.searchPage .gridlist .itemk:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.searchPage .gridlist .itemk:hover h3 {
    color: #001d8c;
    text-indent: 5px;
}

.searchPage .gridlist .itemk:hover .time .day span {
    background: #6d6d6d;
}

.searchPage .gridlist .itemk:hover .time .day strong {
    background: #ff0000;
    color: #fff;
}

.contactpage {
    padding: 80px 0;
    position: relative;
}

.contactpage .item {
    background: #fafafa;
    width: 1200px;
    height: 500px;
    overflow: hidden;
    display: block;
}

.contactpage .item .txt {
    padding: 40px;
    width: 420px;
    height: 420px;
    overflow: hidden;
}

.contactpage .item .txt h3 {
    font-size: 30px;
    display: block;
}

.contactpage .item .txt s {
    width: 60px;
    height: 1px;
    display: block;
    background: #333;
    margin: 20px 0;
}

.contactpage .item .txt .cont {
    padding-top: 45px;
    line-height: 36px;
    height: 210px;
    overflow: hidden;
}

.contactpage .item .map {
    width: 700px;
    height: 500px;
    overflow: hidden;
}

.contactpage .hd {
    position: absolute;
    left: 40px;
    bottom: 112px;
}

.contactpage .hd span {
    width: 150px;
    height: 32px;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding-top: 24px;
}

.contactpage .hd span i {
    width: 46px;
    height: 8px;
    background-position: -250px 0;
    display: block;
    margin: 0 auto;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.contactpage .hd span:hover {
    border: 1px solid #001d8c;
    background: #001d8c;
    color: #fff;
}

.contactpage .hd span:hover i {
    background-position: -250px -18px;
}

.contactpage .hd .next i {
    background-position: -305px 0;
}

.contactpage .hd .next:hover i {
    background-position: -305px -18px;
}

.contactpage .mapArea {
    width: 100%;
    height: 400px;
    margin-top: 40px;
}

.contactpage .mapArea #allmap {
    width: 100%;
    height: 400px;
}

.formData {
    padding-bottom: 20px;
}

.formData .item {
    float: left;
    color: #999;
    font-weight: normal;
    width: 560px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    margin-right: 76px;
    margin-bottom: 30px;
    position: relative;
}

.formData .item label {
    padding-left: 15px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    text-align: center;
    display: block;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #cccccc;
}

.formData .item input {
    outline: none;
    line-height: 38px;
    height: 38px;
    font-size: 18px;
}

.formData .item .txt {
    width: 355px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: none;
    padding-left: 70px;
    border: 0 none;
    color: #333;
}

.formData .item .red {
    position: absolute;
    right: 15px;
    top: 0;
    color: #ff0000;
    z-index: 11;
}

.formData .item.mr0 {
    margin-right: 0;
}

.formData .msg-box {
    position: absolute;
    left: 0;
    top: 0px;
}

.formData .liuyan {
    width: 1198px;
    height: 240px;
    border: 1px solid #e5e5e5;
    float: left;
}

.formData .liuyan label {
    text-align: right;
    display: block;
}

.formData .liuyan textarea {
    width: 1178px;
    height: 214px;
    line-height: 28px;
    padding: 12px 10px;
    text-indent: 100px;
    font-size: 18px;
    font-family: "microsoft yahei";
    color: #333;
    border: 0 none;
    overflow: hidden;
    background: none;
    resize: none;
    display: block;
    outline: none;
}

.formData .bot {
    width: 100%;
}

.formData .sub {
    width: 232px;
    line-height: 46px;
    border: 2px solid #da0000;
    margin-right: 2px;
    text-align: center;
    background: #da0000;
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    display: block;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.formData .sub:hover {
    background: none;
    color: #da0000;
}

.formData .yzm {
    width: 432px;
}

.formData .yzm .txt {
    padding-left: 80px;
}

.formData .yzm img {
    position: absolute;
    right: 3px;
    top: 3px;
    border: 0px;
    display: block;
}

.projectPage {
    overflow: hidden;
}

.projectPage .list {
    width: 105%;
}

/*****showPro****/
.showPro {
    padding-bottom: 30px;
}

.showPro .showImg {
    padding-bottom: 50px;
}

.showPro .photo {
    width: 540px;
}

.showPro .photo .jqzoom {
    width: 540px;
    height: 405px;
    overflow: hidden;
    position: relative;
    padding: 0px;
    cursor: pointer;
}

.showPro .photo .zoomdiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    border: 1px solid #ddd;
    display: none;
    text-align: center;
    overflow: hidden;
}

.showPro .photo .jqZoomPup {
    z-index: 999;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #eee;
    background: #fff;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    filter: alpha(Opacity=50);
}

.showPro .photo .img {
    width: 540px;
    height: 405px;
    display: block;
}

.showPro .photo .photoimg {
    width: 540px;
    height: 71px;
    margin-top: 12px;
    position: relative;
}

.showPro .photo .photoimg .list {
    width: 505px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.showPro .photo .photoimg .listcon {
    width: 300%;
}

.showPro .photo .photoimg .prev,
.showPro .photo .photoimg .next {
    width: 12px;
    height: 30px;
    z-index: 10;
    position: absolute;
    top: 21px;
    cursor: pointer;
    background: url(../images/spro-btn-ico.png) no-repeat 0 center;
}

.showPro .photo .photoimg .prev {
    left: 0;
}

.showPro .photo .photoimg .next {
    right: 0;
    background-position: -90px center;
}

.showPro .photo .photoimg a {
    width: 95px;
    height: 71px;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 7px;
}

.showPro .photo .photoimg a img {
    width: 95px;
    height: 71px;
    display: block;
}

.showPro .photo .photoimg a.hover img {
    border: 3px solid #001d8c;
    width: 89px;
    height: 65px;
}

.showPro .imgtxtcon {
    width: 620px;
    height: 488px;
    float: right;
    position: relative;
}

.showPro .imgtxtcon .tit {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
}

.showPro .imgtxtcon .mark {
    color: #888;
}

.showPro .imgtxtcon .line {
    width: 50px;
    height: 3px;
    display: block;
    background: #999999;
    margin: 20px 0;
}

.showPro .imgtxtcon .txtcon .title {
    font-size: 16px;
    margin-bottom: 10px;
}

.showPro .imgtxtcon .txt {
    line-height: 35px;
    height: 280px;
    overflow: hidden;
}

.showPro .imgtxtcon .btn {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 16px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    width: 135px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: #001d8c;
}

.showPro .imgtxtcon .btn:hover {
    background: #444;
}

.showPro .showp_txt {
    padding: 0 0 50px 0;
    position: relative;
}

.showPro .showp_txt .tit {
    display: inline-block;
    padding-bottom: 7px;
    border-bottom: 2px solid #001d8c;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.showPro .showp_txt .txtcon {
    font-size: 14px;
    color: #000000;
    min-height: 70px;
    line-height: 26px;
}

.showPro .showp_txt .txtcon img {
    max-width: 100%;
    display: block;
}

.showPro .showp_txt.one {
    border-top: 0px;
    padding-top: 25px;
}

.showPro .showp_txt.one .tit {
    top: 25px;
}

/*showNews*/
.showNews {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

.showNews .title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin: 10px 0 22px;
    font-weight: bold;
}

.showNews .mark {
    color: #999999;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 20px;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
}

.showNews .mark span {
    margin: 0 10px;
}

.showNews .showContxt {
    color: #666666;
    padding: 0 0 30px;
    line-height: 30px;
}

.showNews .showContxt img {
    max-width: 100%;
}

/* reLink */
.reLink {
    width: 100%;
    height: 25px;
    border-top: 1px solid #d7d6d6;
    padding: 15px 0 20px;
    margin-top: 20px;
}

.reLink .nextLink,
.reLink .prevLink {
    width: 50%;
    line-height: 25px;
    color: #666;
    float: left;
}

.reLink .nextLink {
    text-align: right;
    float: right;
}

.reLink a:hover {
    color: #da0000;
}

/* pager */
.pager {
    padding: 30px 0 15px;
    text-align: center;
}

.pager:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.pager {
    *zoom: 1;
}

.pager p {
    height: 34px;
    line-height: 34px;
    float: left;
    display: none;
}

.pager ul {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.pager ul li {
    padding: 0 !important;
    height: auto !important;
    border: none !important;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.pager ul a {
    margin-left: 8px;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #edebeb;
    text-decoration: none;
    float: left;
}

.pager ul a.current {
    background-color: #da0000;
    border-color: #da0000;
    color: #fff;
}

.pager ul a.current:hover {
    background-color: #da0000;
    border-color: #da0000;
    color: #fff;
}

.pager ul a:hover {
    background-color: #da0000;
    border-color: #da0000;
    color: #fff;
}

.map_ul {
    list-style: outside none none;
    display: block;
    width: 100%;
    padding-top: 10px;
}

.map_ul li {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DCDBDB;
    margin-left: 10px;
    float: left;
}

.map_ul li a {
    font-size: 14px;
    float: left;
    width: 100%;
    height: 23px;
    line-height: 23px;
    font-weight: bold;
}

.map_ul .list-inline {
    display: block;
    margin-left: 7%;
    width: 80%;
    min-height: 30px;
}

.map_ul .list-inline a {
    font-weight: normal;
    width: auto;
    float: none;
    line-height: 32px;
    height: 32px;
    margin: 0 10px 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0px 10px;
}

.map_ul .list-inline a:hover {
    background: #001d8c;
    color: #fff;
}

span.bds_more,
.bds_tools a {
    line-height: 14px !important;
}

/************** * Animations for content elements * **********/
/* 滞后 */
.delay100 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.delay200 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.delay300 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay400 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.delay500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.delay600 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay700 {
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}

.delay800 {
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
}

.delay900 {
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.delay1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.delay1100 {
    -webkit-animation-delay: 1100ms;
    animation-delay: 1100ms;
}

.delay1200 {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.delay1300 {
    -webkit-animation-delay: 1300ms;
    animation-delay: 1300ms;
}

.delay1400 {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
}

.delay1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.delay1600 {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.delay1700 {
    -webkit-animation-delay: 1700ms;
    animation-delay: 1700ms;
}

.delay1800 {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
}

.delay1900 {
    -webkit-animation-delay: 1900ms;
    animation-delay: 1900ms;
}

.delay2000 {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

.delay2100 {
    -webkit-animation-delay: 2100ms;
    animation-delay: 2100ms;
}

.delay2200 {
    -webkit-animation-delay: 2200ms;
    animation-delay: 2200ms;
}

.delay2300 {
    -webkit-animation-delay: 2300ms;
    animation-delay: 2300ms;
}

.delay2500 {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms;
}

.delay2700 {
    -webkit-animation-delay: 2700ms;
    animation-delay: 2700ms;
}

.delay2900 {
    -webkit-animation-delay: 2900ms;
    animation-delay: 2900ms;
}

.delay3000 {
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
}

.delay4000 {
    -webkit-animation-delay: 4000ms;
    animation-delay: 4000ms;
}

.delay4500 {
    -webkit-animation-delay: 4500ms;
    animation-delay: 4500ms;
}

.delay5000 {
    -webkit-animation-delay: 5000ms;
    animation-delay: 5000ms;
}

.onactive .animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .animated.fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.active .animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .flyInDown {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown;
}

/* loaction */
.location {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    position: relative;
    z-index: 9;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}

.location.chanpin {
    height: 102px;
}

.location .sitepath {
    color: #363636;
    white-space: nowrap;
}

.location .sitepath s {
    width: 12px;
    height: 12px;
    background-position: -489px -213px;
    margin-right: 6px;
}

.location .sitepath a {
    color: #363636;
    padding: 0 5px;
}

.location .sitepath a:hover {
    color: #da0000;
}

.location .menu {
    height: 52px;
    line-height: 52px;
    position: relative;
    z-index: 1;
}

.location .menu li {
    padding: 0;
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 30px;
    text-align: center;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    color: #363636;
    display: inline-block;
    position: relative;
}

.location .menu li a {
    display: block;
}

.location .menu li i {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #da0000;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.location .menu li .box {
    width: 400px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 60px;
    display: none;
}

.location .menu li .box a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    margin-right: 14px;
}

.location .menu li .box a s {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #999;
    margin-right: 5px;
}

.location .menu li:hover i,
.location .menu li.hover i {
    width: 100%;
    margin-left: -50%;
}

.location .menu li:hover a,
.location .menu li.hover a {
    color: #da0000;
}

.location .menu li:hover .box {
    display: block;
}

.menu_pro {
    line-height: 52px;
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 50px;
}

.menu_pro li {
    height: 40px;
    line-height: 40px;
    margin: 5px;
    display: inline-block;
}

.menu_pro li a {
    display: block;
    border: 1px solid #dcdcdc;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.menu_pro li:hover a,
.menu_pro li.hover a {
    border: 1px solid #da0000;
    color: #fff;
    background: #da0000;
}

.part_1 {
    padding-top: 50px;
    display: block;
    height: 500px;
    padding-bottom: 40px;
}

.part_1 b {
    float: left;
    width: 807px;
    height: 500px;
    display: block;
    background: url(../images/a7_03.jpg) center center no-repeat;
}

.part_1 ul {
    float: right;
    width: 326px;
    padding-top: 26px;
}

.part_1 ul li {
    padding-bottom: 50px;
}

.part_1 ul li p {
    font-size: 18px;
    color: #da0000;
    font-weight: bold;
    line-height: 18px;
}

.part_1 ul li p span {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    font-family: "Arial";
    font-weight: normal;
}

.part_1 ul li i {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 16px;
    padding-top: 10px;
}

.ntit_li {
    padding-bottom: 140px;
}

.ntit_li ul {
    display: inline-block;
}

.ntit_li li {
    float: left;
    width: 150px;
    text-align: center;
    margin-top: 50px;
    margin-right: 112px;
}

.ntit_li li i {
    display: inline-block;
    width: 67px;
    height: 56px;
    background: url(../images/a8_03.jpg) center center no-repeat;
}

.ntit_li li p {
    font-size: 18px;
    color: #da0000;
}

.ntit_li li p span {
    display: block;
    font-size: 16px;
    color: #333333;
}

.ntit_li li.li2 i {
    background: url(../images/a8_05.jpg) center center no-repeat;
}

.ntit_li li.li3 i {
    background: url(../images/a8_07.jpg) center center no-repeat;
}

.ntit_li li.li4 i {
    background: url(../images/a8_09.jpg) center center no-repeat;
}

.ntit_li li.li5 i {
    background: url(../images/a8_11.jpg) center center no-repeat;
}

.ntit_li li.li6 i {
    background: url(../images/a8_18.jpg) center center no-repeat;
}

.ntit_li li.li7 i {
    background: url(../images/a8_19.jpg) center center no-repeat;
}

.ntit_li li.li8 i {
    background: url(../images/a8_22.jpg) center center no-repeat;
}

.ntit_li li.li9 i {
    background: url(../images/a8_25.jpg) center center no-repeat;
}

.ntit_li li.li10 i {
    background: url(../images/a8_27.jpg) center center no-repeat;
}

.ntit_li li.li5,
.ntit_li li.li10 {
    margin-right: 0;
}

.jobPage {
    padding-top: 30px;
}

.jobPage .item {
    padding: 10px 25px 0;
    margin-bottom: 20px;
    position: relative;
}

.jobPage .item .top {
    height: 80px;
    padding-left: 20px;
    cursor: pointer;
    border: #e5e5e5 solid 1px;
    border-left: 4px solid #e5e5e5;
}

.jobPage .item .top em {
    float: right;
    margin: 20px 20px 0 0;
    display: block;
}

.jobPage .item.hover .top {
    border-left: 4px solid #da0000;
}

.jobPage .item.hover .bottom {
    border-left: 4px solid #da0000;
}

.jobPage .item.hover .top s {
    background-position: -265px -55px;
}

.jobPage .item .top h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-top: 12px;
}

.jobPage .item .top i {
    display: block;
    padding-top: 6px;
}

.jobPage .item .top i span {
    padding-right: 20px;
}

.jobPage .item .bottom {
    padding: 20px 30px 5px;
    line-height: 32px;
    border: #e5e5e5 solid 1px;
    border-top: none;
}

.hidden {
    display: none;
}

.jobPage .item .bottom {
    line-height: 32px;
}

.jobPage .morebtn {
    width: 535px;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    cursor: pointer;
    text-align: center;
}

.jobPage .morebtn h3 {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    background: #fff;
    position: relative;
    z-index: 10;
}

.jobPage .morebtn .line {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background: #dcdcdc;
}

.part_2 .floor_5_2 {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 140px;
}

.part_2 .floor_5_2 h3 {
    font-size: 42px;
    padding-top: 42px;
}

.part_2 .floor_5_2 .nice-validator {
    padding-top: 76px;
}

.part_2 .floor_5_2 .mitem {
    float: left;
    width: 284px;
}

.part_2 .floor_5_2 .mitem input {
    float: left;
    width: 222px;
}

.part_2 .floor_5_2 .mitem.youxiang {
    width: 530px;
}

.part_2 .floor_5_2 .mitem select {
    width: 478px;
}

.part_2 .floor_5_2 .mitem.liuyan {
    width: 1168px;
    height: 76px;
    display: block;
}

.part_2 .floor_5_2 .mitem.liuyan textarea {
    width: 1092px;
}

.part_2 .floor_5_2 .itemsub .btn {
    width: 297px;
    height: 55px;
    margin-right: 0;
    line-height: 55px;
    float: none;
    border: 0px;
    margin-top: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    background: url(../images/a9_03.jpg);
}

.part_2 .floor_5_2 .mitem .n-top {
    position: absolute;
    left: 0;
    top: 6px;
}

.Industrypage .part_8 {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

.auto_top {
    background: url(../images/a11_02.jpg) center center no-repeat;
    width: 100%;
    height: 800px;
    position: relative;
}

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

.auto_t1 {
    width: 585px;
    position: relative;
    top: 84px;
    left: 50%;
}

.auto_t1 h3 {
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    line-height: 36px;
}

.auto_t1 h3 span {
    font-size: 14px;
    color: #fff;
    font-family: "Arial";
    display: block;
}

.auto_t2 {
    border-bottom: #506075 dashed 1px;
    border-top: #506075 dashed 1px;
    height: 108px;
    margin-top: 38px;
}

.auto_t2 dl {
    float: left;
    padding-top: 20px;
    display: inline-block;
}

.auto_t2 dl.dl2 {
    float: right;
}

.auto_t2 dl dt {
    font-size: 24px;
    color: #fff;
    float: left;
    width: 71px;
    border-right: #506075 solid 1px;
}

.auto_t2 dl dt span {
    font-size: 50px;
    color: #fff;
    line-height: 50px;
    display: block;
}

.auto_t2 dl dd {
    font-size: 16px;
    color: #fff;
    float: left;
    padding-left: 12px;
    padding-top: 12px;
}

.auto_t2 dl dd span {
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    display: block;
    font-family: "Arial";
    padding-top: 8px;
}

.auto_t2 dl.dl2 dt {
    width: 130px;
}

.auto_t1 p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-indent: 28px;
    padding-top: 40px;
}

.auto_tc {
    height: 510px;
    margin-top: 20px;
}

.auto_tcw {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 510px;
}

.auto_tcw i {
    display: block;
    width: 950px;
    height: 510px;
    background: url(../images/a12_03.jpg) center center no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
}

.auto_tcw dl {
    width: 570px;
}

.auto_tcw dl dt {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-indent: 28px;
    padding-top: 80px;
}

.auto_tcw dl dd a {
    display: inline-block;
    width: 252px;
    height: 45px;
    border: #e5e5e5 solid 1px;
    text-align: center;
    line-height: 45px;
    margin-top: 38px;
    margin-right: 10px;
}

.auto_tcw dl dd a:hover {
    background: url(../images/a13_03.jpg) center center no-repeat;
    color: #fff;
    border: none;
}

.auto_tc {
    height: 510px;
    margin-top: 20px;
}

.auto_tcw {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 510px;
}

.auto_tcw i {
    display: block;
    width: 950px;
    height: 510px;
    background: url(../images/a12_03.jpg) center center no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
}

.auto_tcw dl {
    width: 570px;
}

.auto_tcw dl dt {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-indent: 28px;
    padding-top: 80px;
}

.auto_tcw dl dd a {
    display: inline-block;
    width: 252px;
    height: 45px;
    border: #e5e5e5 solid 1px;
    text-align: center;
    line-height: 45px;
    margin-top: 38px;
    margin-right: 10px;
}

.auto_tcw dl dd a:hover {
    background: url(../images/a13_03.jpg) center center no-repeat;
    color: #fff;
    border: none;
}

.auto_tc1 {
    height: 510px;
    margin-top: 20px;
    padding-bottom: 100px;
}

.auto_tcw1 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 510px;
}

.auto_tcw1 i {
    display: block;
    width: 950px;
    height: 510px;
    background: url(../images/a12_05.jpg) center center no-repeat;
    position: absolute;
    top: 0;
    left: -30%;
}

.auto_tcw1 dl {
    width: 570px;
    float: right;
}

.auto_tcw1 dl dt {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-indent: 28px;
    padding-top: 80px;
}

.auto_tcw1 dl dd a {
    display: inline-block;
    width: 252px;
    height: 45px;
    border: #e5e5e5 solid 1px;
    text-align: center;
    line-height: 45px;
    margin-top: 38px;
    margin-right: 10px;
}

.auto_tcw1 dl dd a:hover {
    background: url(../images/a13_03.jpg) center center no-repeat;
    color: #fff;
    border: none;
}

.girdlist .pic_left h1 {
    text-align: center;
    font-size: 34px;
    font-weight: normal;
}

.girdlist .pic_left .fabu .mark {
    text-align: center;
}

.girdlist .pic_left .fabu .mark span {
    display: inline-block;
    padding: 0 8px;
    padding-top: 10px;
    padding-bottom: 30px;
}

#img {
    position: fixed;
    z-index: 999;
    left: 0;
    margin-top: -486px;
}

.dui a {
    background: url(../images/close.png) no-repeat center #b52618;
    display: block;
    cursor: pointer;
    width: 37px;
    height: 30px;
    position: absolute;
    right: 31%;
    top: 215px;
}

#img .dui {
    background: url(../images/black70.png) center center;
    height: 1000px;
    width: 1920px;
}

#img .dui img {
    margin-top: 228px;
    margin-left: 0%;
}

.goufang #img .dui {
    margin-top: -131px;
}

.goufang #img .dui a {
    right: 31%;
    top: 81px;
}

@media (max-width: 1600px) {
    .floor_2 .h3tit {
        padding-top: 50px;
    }

    #img .dui {
        margin-left: -8%;
    }

    #img .dui a {
        right: 39%;
    }

    .goufang #img .dui {
        margin-left: -8%;
    }

    .goufang #img .dui a {
        right: 39%;
    }

    .floor_5 .cont {
        padding-top: 100px;
        padding-bottom: 0;
    }
}

@media (max-width: 1368px) {
    .floor_2 .h3tit {
        padding-top: 50px;
    }

    .index .cont .line {
        margin: 10px 0 38px;
    }

    #img .dui {
        margin-left: -13%;
    }

    #img .dui a {
        right: 44%;
    }

    .goufang #img .dui {
        margin-left: -13%;
    }

    .goufang #img .dui a {
        right: 44%;
    }

    .floor_5 .cont {
        padding-top: 100px;
        padding-bottom: 0;
    }

    .cont_top {
        padding-top: 30px;
    }
}

@media (max-width: 1200px) {
    .floor_2 .h3tit {
        padding-top: 90px;
    }

    .index .cont .line {
        margin: 10px 0 30px;
    }

    #img .dui {
        margin-left: -20%;
    }

    #img .dui a {
        right: 51%;
    }

    .goufang #img .dui {
        margin-left: -13%;
    }

    .goufang #img .dui a {
        right: 44%;
    }

    .floor_3 .iabout5 {
        padding-top: 174px;
    }

    .floor_5 .cont {
        padding-top: 125px;
        padding-bottom: 0;
    }

    .cont_top {
        padding-top: 40px;
    }
}

.main_banner {
    position: relative;
}

.main_banner .item_bg {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    display: block;
}

.main_banner .item_bg img {
    display: none;
}

.main_banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.main_banner .bd li {
    zoom: 1;
    vertical-align: middle;
    float: left;
    position: relative;
    width: 100%;
}

.main_banner .bd li a {
    display: block;
}

.main_banner .bd li img {
    width: 100%;
    min-height: 100%;
    display: block;
}

.main_banner .hd {
    position: absolute;
    left: 0;
    bottom: 18%;
    width: 100%;
    z-index: 3;
}

.main_banner .hd ul {
    text-align: center;
}

.main_banner .hd li {
    height: 2px;
    margin: 0 5px;
    width: 40px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.main_banner .hd li.on {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 5px;
}

.main_banner .prev,
.main_banner .next {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 50%;
    z-index: 55;
    display: none;
    margin-top: -90px;
}

.main_banner .prev {
    background-position: -288px -56px;
    left: 0;
}

.main_banner .next {
    background-position: -325px -56px;
    right: 0;
}

.floor_5_2 .mitem .n-top {
    position: absolute;
    left: 0;
    top: 4px;
}

#fmMessage {
    display: block;
    margin-top: 20px;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.wra_title {
    height: 62px;
    width: 1200px;
    margin: 0 auto;
}

.wra_title .sobtitle {
    line-height: 62px;
    font-size: 15px;
    color: #504e4e;
}

.wra_title .sobtitle i {
    display: block;
    width: 13px;
    height: 16px;
    background-position: -203px -89px;
    float: left;
    margin-top: 24px;
    margin-right: 8px;
}

.wra_title .sobtitle a {
    font-size: 15px;
    color: #504e4e;
    margin: 0 6px;
}

.wra_title h3 {
    line-height: 62px;
    font-size: 22px;
    color: #0464af;
    font-weight: bold;
}

.wrapper .noinfor {
    padding: 0 0 20px;
    text-align: left;
    color: red;
    text-align: center;
}

.searchPage {
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 50px;
}

.searchPage ul.n-gridlist {
    width: 105%;
}

.searchPage .item {
    float: left;
    width: 270px;
    height: 307px;
    margin-bottom: 20px;
    margin-right: 37px;
    border: #f5f5f5 solid 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(245, 245, 245);
    border-bottom: #f5f5f5 solid 3px;
    position: relative;
}

.searchPage .item a {
    width: 100%;
    display: block;
}

.searchPage .item img {
    width: 270px;
    height: 203px;
    display: block;
    background-size: 100%;
}

.searchPage li.item p {
    font-size: 16px;
    color: #333333;
    display: block;
    padding-left: 18px;
    padding-top: 14px;
}

.searchPage li.item i {
    display: block;
    width: 84px;
    height: 26px;
    border: #c5cdd7 solid 1px;
    border-radius: 14px;
    text-align: center;
    margin-left: 18px;
    line-height: 26px;
    font-size: 14px;
    color: #3488ea;
    margin-top: 14px;
}

.searchPage li.item:hover {
    box-shadow: 0px 2px 11px #dadada;
}

.searchPage li.item:hover p {
    color: #0464af;
}

.searchPage li.item i:hover {
    background-color: #0464af;
    color: #fff;
    border: #0464af solid 1px;
}

.searchPage li.item:hover {
    border-bottom: #0464af solid 3px;
}

.searchPage .item .bg {
    position: absolute;
    width: 280px;
    padding-top: 86px;
    height: 194px;
    left: -280px;
    top: 0;
    z-index: 10;
    background: url(../images/red80.png) repeat 0 0;
    text-align: center;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.searchPage .item .bg s {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
    background-color: #fff;
    background-position: -22px 18px;
}

.searchPage .item:hover {
    background: #fff;
}

.searchPage .item:hover h3 {
    color: #fff;
    background: #333333;
}

.searchPage .item:hover .bg {
    left: 0;
}

.about_tit {
    text-align: center;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.about_tit h3 {
    font-size: 30px;
    font-weight: 100;
    position: relative;
    display: inline;
    z-index: 11;
    color: #4e4e4e;
}

.about_tit i {
    background: #bababa;
    width: 200px;
    height: 1px;
    display: block;
    position: absolute;
    right: -226px;
    top: 24px;
    display: block;
}

.about_tit i:first-child {
    left: -226px;
    right: auto;
}

.about_tit p {
    font-size: 66px;
    color: #e0e0e0;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 3px;
    z-index: 10;
    font-family: Arial;
    *zoom: 1;
    *display: block;
    *height: 94px;
    font-family: "Arial";
}

.about_toi {
    background-color: #fff;
    /*margin-top: 100px;*/
}

.about_tlo {
    background-color: #fff;
    height: 100px;
    width: 100%;
}

.location.scrollDown {
    position: fixed;
    left: 0;
    top: 0;
}

/* 效果CSS开始 */
.xinxq {
    padding-bottom: 60px;
}

.showImg {
    padding-top: 40px;
}

.mod18 {
    width: 530px;
    position: relative;
    margin: 0 auto;
}

.mod18 .btn1 {
    position: absolute;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    font-weight: bold;
}

.mod18 .prev1 {
    left: 10px;
    background: url(../images/prevBtn.png) no-repeat;
}

.mod18 #prevTop,
.mod18 #nextTop {
    top: 250px;
    width: 32px;
    height: 48px;
    display: none;
}

.mod18 #prev,
.mod18 #next {
    top: 440px;
    width: 10px;
    height: 16px;
    background: url(../images/prevBtn.png) no-repeat;
}

.mod18 .prev1 {
    left: 10px;
    background: url(../images/prevBtn.png) no-repeat;
}

.mod18 #next.btn1.next {
    right: 10px;
    background: url(../images/nextBtn.png) no-repeat;
}

.mod18 li {
    float: left;
}

.mod18 .cf li {
    position: relative;
    color: #fff;
}

.mod18 .cf a {
    display: block;
    width: 530px;
    height: 392px;
    position: absolute;
    color: #fff;
}

.mod18 .cf a img {
    width: 530px;
    height: 392px;
    background-size: 100%;
}

.mod18 .cf li span {
    display: block;
    width: 486px;
    position: absolute;
    left: 75px;
    bottom: 0;
    padding: 10px 20px;
    line-height: 22px;
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.mod18 .picBox {
    width: 530px;
    height: 398px;
    position: relative;
    overflow: hidden;
}

.mod18 .picBox ul {
    height: 398px;
    position: absolute;
    left: 0;
}

.mod18 .picBox li {
    width: 530px;
    height: 398px;
}

.mod18 .listBox {
    width: 430px;
    height: 71px;
    margin: 0 auto;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
}

.mod18 .listBox ul {
    height: 71px;
    position: absolute;
    padding-left: 12px;
}

.mod18 .listBox li {
    width: 106px;
    height: 71px;
    cursor: pointer;
    position: relative;
}

.mod18 .listBox li i {
    display: none;
}

.mod18 .listBox li a {
    display: block;
    width: 92px;
    height: 68px;
}

.mod18 .listBox img {
    border: 3px solid #ffffff;
    width: 89px;
    height: 65px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.mod18 .listBox .on img {
    border-color: #da0000;
}

.showProduct {
    padding-bottom: 30px;
}

.showProduct .imgtxtcon {
    width: 630px;
    float: left;
    margin-left: 40px;
}

.showProduct .imgtxtcon .tit {
    font-size: 24px;
    font-weight: bold;
    color: #da0000;
    line-height: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #dedede;
}

.showProduct .imgtxtcon .tit2 {
    color: #999;
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 30px;
    padding-top: 20px;
    text-align: justify;
    height: 178px;
    border-bottom: 1px dotted #dedede;
    overflow: hidden;
}

.showProduct .imgtxtcon .tel {
    font-size: 20px;
}

.showProduct .imgtxtcon .tel strong {
    color: #da0000;
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}

.showProduct .showp_txt {
    padding: 40px 0 40px 0;
    position: relative;
}

.showProduct .showp_txt .tit {
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.showProduct .showp_txt .tit h3 {
    font-size: 20px;
    color: #333;
}

.showProduct .showp_txt .tit s {
    width: 80px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #3fb150;
}

.showProduct .showp_txt .txtcon {
    color: #666;
    line-height: 30px;
}

.showProduct .imgtxtcon .btn1,
.showProduct .imgtxtcon .btn2 {
    float: left;
    margin-right: 20px;
    font-size: 16px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    width: 135px;
    height: 38px;
    line-height: 38px;
    margin-left: 25px;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    position: relative;
}

.showProduct .imgtxtcon .btn1 img {
    display: block;
    position: absolute;
    left: 0;
    top: 38px;
    width: 135px;
    height: 0;
    transition: all ease 600ms;
}

.showProduct .imgtxtcon .btn1:hover img {
    height: 135px;
}

.showProduct .imgtxtcon .btn1 {
    background: #da0000;
    margin-left: 46px;
}

.showProduct .imgtxtcon .btn1:hover,
.showProduct .imgtxtcon .btn2:hover {
    background: #444;
}

.showProduct .imgtxtcon .btn2 {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    background: #999999;
}

.ArticleTitle h1.bt {
    font-size: 18px;
    line-height: 25px;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dashed #e1e1e1;
    margin-bottom: 5px;
}

.case_you .mark {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.case_you .mark span:first-child {
    margin-left: 0;
}

.case_you .mark span {
    margin-left: 14px;
}

.case_you .mark span {
    margin-left: 14px;
}

.ny_product .product_lb .case_you ul.tieul li.li {
    width: 201px;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.ny_product .product_lb .case_you ul.tieul li.li img {
    width: 100%;
}

.rongyu {
    width: 866px;
    overflow: hidden;
}

.ny_product .product_lb .case_you ul.tieul li.li p {
    padding-top: 6px;
}

.ny_product .product_lb .case_you ul.tieul {
    width: 105%;
}

.location_top {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}

.contact_main_3 {
    text-align: center;
    clear: left;
    padding-bottom: 90px;
    padding-top: 20px;
}

.contact_main_3 .title h3 {
    font-size: 30px;
    color: #737373;
    height: 75px;
    font-weight: normal;
}

.contact_main_3 .title h3 span {
    display: block;
    font-size: 14px;
    color: #737373;
    font-family: "Arial";
    text-transform: uppercase;
}

.contact_main_3 .item .txt {
    width: 367px;
    height: 56px;
    font-size: 14px;
    line-height: 56px;
    text-indent: 8px;
    border: none;
    background-color: #f1f1f1;
    color: #737373;
    padding-left: 6px;
    *text-indent: 0px;
}

.contact_main_3 .item .area {
    width: 1188px;
    height: 148px;
    *margin-left: -8px;
    background: #f1f1f1;
    font-size: 14px;
    text-indent: 8px;
    line-height: 18px;
    resize: none;
    *resize: none;
    -webkit-appearance: none;
    color: #737373;
    border: none;
    line-height: 40px;
    padding-left: 6px;
}

.contact_main_3 .submit {
    display: block;
    clear: left;
}

.contact_main_3 .submit .btn1 {
    width: 278px;
    height: 52px;
    margin-top: 50px;
    font-size: 16px;
    line-height: 52px;
    color: #016dbd;
    cursor: pointer;
    border: #d3d7e3 solid 1px;
    background-color: #fff;
    display: inline-block;
}

.contact_main_3 .submit .btn:hover {
    background-color: #F0F0F0;
}

.contact_main_3 .item {
    float: left;
    position: relative;
    width: 373px;
    padding-top: 20px;
}

.contact_main_3 .item .n-top {
    position: absolute;
    left: 0;
    top: 20px;
}

.contact_main_3 .item.item4,
.contact_main_3 .item.item3 {
    margin-left: 38px;
    *margin-left: 0px;
}

.aboutPage {
    padding-top: 50px;
}

.contact_main_3 .item.item3,
.contact_main_3 .item.item5 {
    *margin-right: 38px;
}

.news_xin {
    padding-bottom: 60px;
}

.part_2 .news_ul {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 12px;
}

.part_2 .news_ul li {
    padding: 37px 0;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.part_2 .news_ul li .box1 {
    width: 253px;
    height: 190px;
    overflow: hidden;
}

.part_2 .news_ul li .box1 img {
    width: 253px;
    height: 190px;
    transition: ease-in-out .9s;
}

.part_2 .news_ul li .box2 {
    padding-left: 42px;
    width: 759px;
    padding-top: 30px;
}

.part_2 .news_ul li .box2 h1 {
    font-size: 20px;
    color: #333;
    height: 26px;
    line-height: 26px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.part_2 .news_ul li .box2 p {
    color: #666;
    line-height: 24px;
    padding-top: 10px;
    height: 75px;
}

.part_2 .news_ul li .box2 span {
    font-size: 12px;
    color: #999;
}

.part_2 .news_ul li .right {
    padding-right: 15px;
    padding-top: 55px;
    text-align: center;
}

.part_2 .news_ul li .right h3 {
    font-size: 36px;
    color: #999;
    font-weight: 100;
}

.part_2 .news_ul li .right p {
    font-size: 24px;
    color: #bbb;
    padding-top: 10px;
}

.part_2 .news_ul li a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.part_2 .news_ul li a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.part_2 .news_ul li a:hover h1 {
    color: #da0000;
}

.part_2 .news_ul li b {
    display: block;
    width: 100px;
    height: 30px;
    border: #ccc solid 1px;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    position: absolute;
    right: 12px;
    top: 161px;
}

.htmleaf-container {
    float: left;
    width: 530px;
}

/*relateNews*/
.relateNews {
    width: 100%;
    overflow: hidden;
}

/*n-tit*/
.n-tit h3 {
    line-height: 35px;
    font-size: 24px;
}

.n-tit s {
    width: 4px;
    height: 22px;
    margin-right: 15px;
    background: #da0000;
    display: inline-block;
    vertical-align: middle;
}

.n-tit .more {
    font-size: 16px;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    border: 1px solid #ddd;
    transition: all ease 600ms;
}

.n-tit .more:hover {
    width: 150px;
    transition: all ease 600ms;
    color: #da0000;
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.active .flyInRight {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.active .flyInUp {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp;
}

@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.active .flyInLeft {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        -moz-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.active .opacityI {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes opacityI {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes opacityI {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

.active .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateY(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -transform: translateY(6px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateY(6px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes shake {
    0% {
        -moz-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateY(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateY(6px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes shake {
    0% {
        -o-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateY(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -o-transform: translateY(6px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes shake {
    0% {
        -ms-transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -ms-transform: translateY(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -ms-transform: translateY(6px);
    }

    100% {
        -ms-transform: translateY(0);
    }
}

.active .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
}


/*# sourceMappingURL=style.css.map */