.contain {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.bg-black {
    background-color: #000;
    color: #fff;
    height: 94px;
    text-align: center;
}

.bg-black > div {
    padding-top: 20px;
}

.bg-black > div a {
    color: #FFFFFF;
    display: block;
}

.bged6c00 {
    background-color: #ed6c00;
}

.bg333333 {
    background-color: #333;
}

.bg-black > div:hover {
    background-color: #ed6c00;
}

.threeDiv {
    display: inline-block;
}

.threeDiv > p:first-child {
    font-size: 20px;
    margin-bottom: 6px;
}

.threeDiv > p:last-child {
    font-size: 12px;
}

.imgOne {
    width: 45px;
    height: 51px;
    margin-right: 10px;
}

.imgTwo {
    width: 55px;
    height: 56px;
    margin-right: 10px;
}

.imgThree {
    width: 69px;
    height: 48px;
    margin-right: 10px;
}

.p62 {
    width: 1200px;
    margin: 0 auto;
    padding: 62px 0;
}

.bg-f7f6f6 {
    background-color: #f7f6f6;
}

.w282 {
    margin-left: 28px;
    width: 282px;
    display: inline-block;
}

.decoratio-text {
    margin-top: 18px;
    color: #ed6c00;
    background-color: #333;
    font-size: 20px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 20px;
}

.free-offer {
    background-color: #ed6c00;
    color: #fff;
    font-size: 15px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 12px;
}

.formInput {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    text-indent: 1em;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.subscribe {
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    background-color: #333;
    color: #fff;
}

.promise {
    color: #9a9a9a;
    font-size: 10px;
    transform: scale(0.9);
    white-space: nowrap;
    margin-top: 10px;
}

.pb46 {
    padding-bottom: 46px;
}

.product-tab {
    background-color: #333;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: left;
}

.product-tab span {
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    cursor: pointer;
}

.set-ed7020 {
    color: #ed7020;
}

.pt58pb42 {
    padding-top: 58px;
    padding-bottom: 42px;
}

.case-left, .case-right {
    display: inline-block;
}

.case-left {
    font-size: 18px;
    color: #333;
}

.case-right {
    font-size: 12px;
    color: #8a8787;
}

.case-left span {
    margin-right: 40px;
}

.case-right span {
    margin-left: 12px;
}

.case-left-check {
    color: #ed7020;
}

.bb-a6a6a6 {
    padding-bottom: 5px;
    border-bottom: 1px solid #a6a6a6;
}

.case-pic {
    padding-top: 38px;
}

.w390h288 {
    width: 386px;
    height: 288px;
}

.w796h288 {
    width: 795px;
    height: 288px;
}

.w186h262 {
    width: 232px;
    height: 232px;
    cursor: pointer;
}

.w186h262
.mr14 {
    margin-right: 14px;
}

.case-bg {
    width: 96%;
    max-width: 1196px;
    margin: 0 auto;
    background: url("../images/index/case-bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    box-sizing: border-box;
}

.w470 {
    width: 470px;
}

.mt32 {
    margin-top: 32px;
}

.w742 {
    width: 743px;
}

.w364 {
    width: 364px;
}

.f11-9d9d9d {
    font-size: 11px;
    color: #9d9d9d;
    border: 1px solid #c5c5c5;
    padding: 20px 15px;
}

.f11-9d9d9d > p {
    line-height: 2;
}

.decoration-left, .decoration-center {
    font-size: 32px;
    text-align: center;
    padding: 34px 0;
    font-weight: bold;
}

.decoration-left {
    background-color: #ed7020;
    color: #333;
}

.decoration-center {
    background-color: #333333;
    color: #ed7020;
}

.h15-c5c5c5 {
    height: 16px;
    background-color: #c5c5c5;
    clear: both;
}

.bg-dfdfdf {
    background-color: #dfdfdf;
}

.w386-h253 {
    width: 386px;
    height: 253px;
    margin-bottom: 20px;
    position: relative;
}

.w386-h253 a {
    display: block;
    width: 100%;
    height: 100%;
}

.w386-h253 a img {
    width: 100%;
    height: 100%;
}

.pt40b20 {
    padding-top: 40px;
    padding-bottom: 20px;
}

.rgbaBg {
    background: rgba(128, 128, 128, 0.5);
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    height: 0;
    opacity: 0;
    padding: 8px 12px;
}

.w386-h253 .rgbaBg {
    opacity: 1;
    height: 52px;
}

.rgbaBg > p:first-child {
    font-size: 14px;
}

.rgbaBg > p:last-child {
    font-size: 14px;
}

.more-p {
    color: #4b4a4a;
}

.w434h390 {
    width: 434px;
    height: 390px;
}

.w344h498 {
    width: 344px;
    height: 498px;
}

.w470h246 {
    width: 470px;
    height: 246px;
}

.w870h444 {
    width: 870px;
    height: 444px;
}

.zoomImg img {
    transition: transform ease .3s 0s;
    -moz-transition: transform ease .3s 0s;
    -webkit-transition: transform ease .3s 0s;
}

.zoomImg img:hover {
    transform: scale(1.2);
}

.hover-bg-case {
    height: 72px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    line-height: 22px;
    opacity: 0;
}

.hover-bg-ff9000 {
    height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #ff9000;
    height: 0;
    color: #fff;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.case-pic-hover:hover .hover-bg-ff9000 {
    opacity: .9;
    height: 72px;
}

.design-bottom {
    padding: 6px 8px;
    color: #fff;
    background: rgba(128, 128, 128, 0.6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    opacity: 0;
}

.w186h262:hover .design-bottom {
    opacity: 1;
}

.design-bottom > div:first-child {
    font-size: 14px;
    font-weight: bold;
}

.h380 {
    padding-top: 25px;
    height: 380px;
    box-sizing: border-box;
}

.h380 .h380_l {
    width: 232px;
}

.h380 .h380_c {
    width: 346px;
    margin-left: 20px;
    margin-right: 20px;
}

.h380 .h380_c img {
    width: 100%;
    height: 100%;
}

.h380 .h380_r {
    width: 582px;
    /*height: 397px;*/
    background: #e7e4e4;
}

.h314 {
    padding-top: 14px;
    height: 289px;
}

.h314 .swiper-button-prev, .h314 .swiper-button-next {
    width: 36px;
    height: 36px;
}

.h314 .swiper-button-prev {
    position: absolute;
    left: -84px;
    background: url("../images/index/prev_.png") no-repeat;
}

.h314 .swiper-button-next {
    position: absolute;
    right: -84px;
    background: url("../images/index/next_.png") no-repeat;
}

.abs-h36 {
    height: 36px;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translateY(-50%, -50%);
    top: 50%;
    left: 50%;
}

.case-bg-div {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    text-align: center;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    box-sizing: border-box;
    top: 0%;
    transition: 1s;
    opacity: 0;
}
.case-bg-left{
    width: 48%;
    margin-top: 20px;
}
.case .mid{
    width: 52%;
    float: right;
    margin-top: 20px;
}
.case .mid .item{
    float: left;
    width: 48%;
    margin-left: 2%;
    position: relative;
    height: 211px;
    overflow: hidden;
    margin-bottom: 10px;
}
.case-bg-left:hover .case-bg-div, .case-bg-cb:hover .case-bg-div, .case-bg-ct:hover .case-bg-div, .case-bg-right:hover .case-bg-div {
    opacity: 1;
}

.case-bg-left .case-bg-div{
    padding-top: 10%;
}
.case-bg-left .case-bg-div p{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
    max-height: 150px;
    overflow: hidden;
}
.case-bg-ct .case-bg-div, .case-bg-cb .case-bg-div {
    padding: 15%;
}

.circle {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.circle .swiper-pagination-bullet {
    width: 90px;
    height: 5px;
    background-color: #000;
    border-radius: 0;
    opacity: 1;
    margin-right: 20px;
}

.circle .swiper-pagination-bullet-active {
    background-color: #ed7020;
}

.Lunbo-video-cont {
    /*width:1920px;*/
    height: 476px;
    background-size: 100% 100%;
}

.hxcp-contain {
    /*width:1920px;*/
    height: 538px;
}

/*.hxcp .swiper-slide{
	width: 360px!important;
	opacity: 0.2;
}*/
.hxcp .swiper-slide-next {
    width: 1200px !important;
    opacity: 1;
}

.w754h500 {
    width: 754px;
    height: 500px;
}

.btn-orange span {
    color: #ed7020;
    background-color: #333333;
    border-radius: 10px;
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    margin-right: 16px;
    float: left;
    cursor: pointer;
}

.btn-orange span:hover {
    color: #333333;
    background-color: #ed7020;
}

.product-content-detail {
    margin-left: 754px;
    padding: 32px;
    padding-right: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ebeaea;
    height: 500px;
}

.c-838383 {
    color: #838383;
    font-size: 12px;
    line-height: 2;
}

.f25c5f5e5e {
    font-size: 54px;
    color: #333333;
}

.f30c5f5e5e {
    font-size: 24px;
    color: #333333;
}

.f30c5f5e5e i {
    font-size: 14px;
    margin-left: 20px;
    font-weight: bold;
}

.orgCase span {
    padding: 8px 24px;
    color: #FFFFFF;
    background: #ed7020;
    float: left;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
}

.pt90 {
    padding-top: 90px;
}

.button-prev, .button-next {
    width: 70px;
    height: 70px;
    font-size: 20px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 111;
}

.button-prev {
    left: 0;
}

.button-next {
    right: 0;
}

/*//*/
.banner {
    padding-top: 80px;
}

.banner h1 {
    font-size: 36px;
    text-align: center;
    font-weight: normal;
}

.banner h2 {
    font-size: 18px;
    color: #535353;
    text-align: center;
    font-weight: normal;
    margin: 20px 0 60px;
}

.banner .swiper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.current-swiper {
    width: 480px;
    height: 315px;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 99;
}

.left-swiper {
    position: absolute;
    left: 117px;
    top: 52px;
    z-index: 1;
}

.right-swiper {
    position: absolute;
    right: 117px;
    left: auto;
    top: 52px;
    z-index: 1;
}

.nocurrent-swiper {
    width: 346px;
    height: 227px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.nocurrent-swiper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(237, 240, 240, 0.3);
    z-index: 99;
}

.slide1 {
    background: url("../images/p1.jpg") no-repeat right 50%/auto 100% #fff;
}

.slide2 {
    background: url("../images/p2.jpg") no-repeat right 50%/auto 100% #e2e3e8;
}

.slide3 {
    background: url("../images/p3.jpg") no-repeat right 50%/auto 100% #f0faf9;
}

.title {
    padding-top: 70px;
    margin-left: 45px;
    height: 29px;
    line-height: 29px;
    font-size: 18px;
    color: #666;
}

.nocurrent-swiper .title {
    padding-top: 44px;
    margin-left: 30px;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
}

.name {
    margin-left: 45px;
    height: 55px;
    display: inline-block;
    position: relative;
    line-height: 55px;
    padding-bottom: 9px;
    padding-right: 55px;
    border-bottom: 1px solid #dddddd;
    font-size: 36px;
    color: #333;
}

.nocurrent-swiper .name {
    height: 46px;
    line-height: 46px;
    font-size: 30px;
    padding-right: 46px;
    margin-left: 30px;
}

.name:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/index/curr_sectbg.png") no-repeat center center;
}

.nocurrent-swiper .name:before {
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
}

.detail {
    margin-left: 45px;
    width: 275px;
    margin-top: 30px;
    padding-right: 5px;
    line-height: 24px;
    color: #bbb;
    font-size: 14px;
}

.nocurrent-swiper .detail {
    font-size: 12px;
    line-height: 20px;
    width: 235px;
    margin-left: 30px;
}

.swiper-button-prev {
    width: 46px;
    height: 46px;
    background: url("../images/index/prev_.png") no-repeat center center;
}

.swiper-button-next {
    width: 46px;
    height: 46px;
    background-size: auto;
    background-image: url("../images/index/next_.png");
}

.vessel img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.ml15 {
    margin-left: 15px;
}

.mr15 {
    margin-right: 15px;
}

.w1200-h460 {
    width: 1200px;
    height: 460px;
    margin-bottom: 20px;
    position: relative;
}

.w1200-h460 img {
    width: 1200px;
    height: 460px;
}

.w390-h254 {

    margin-bottom: 20px;
    position: relative;
}

.w390-h254 img {
    display: block;
    width: 100%;
}
.w390-h254 h3{
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.w1200-h460 .rgbaBg, .w390-h254 .rgbaBg {
    opacity: 1;
    height: 38px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}

.w1200-h460 .rgbaBg > p:last-child, .w390-h254 .rgbaBg > p:last-child {
    font-size: 16px;
}

.w390h316 {
    width: 386px;
    height: 316px;
}

.w390h316 img {
    width: 100%;
    height: 260px;
}

.w390h316_do {
    width: 100%;
    height: 56px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    box-sizing: border-box;
    color: #7b7a7a;
    font-size: 14px;
}

.w390h316_do_1 {
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
    overflow: hidden;
}

.w390h316_do_2 {
    text-align: center;
    line-height: 10px;
    margin-top: 10px;
}

.w390h316_do_2 span {
    padding: 0 10px;
    background: #FFFFFF;
}

.wicket {
    text-align: center;
    font-size: 16px;
}

.wicket_top {
    width: 100%;
    height: 62px;
    line-height: 62px;
    color: #ED7020;
    font-size: 24px;
    background: #000;
    font-weight: bold;
    letter-spacing: 8px;
}

.wicket_cen {
    display: inline-block;
    width: 346px;
    height: 272px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    color: #666666;
    box-sizing: border-box;
    text-align: left;
    line-height: 2.2;
    margin-top: 16px;
    font-size: 18px;
}

.wicket_bot a {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    margin-left: 16px;
    margin-top: 16px;
    font-size: 16px;
}

.wicket_bot a:first-child {
    background: #666666;
}

.wicket_bot a:last-child {
    background: #ed7020;
}

.wicket_cut {
    font-size: 38px;
    color: #666666;
    float: right;
    margin-right: 10px;
}

.wicket_cut div {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.wicket_cut div:last-child {
    color: #ed7020;
    margin-left: 20px;
}

.wicket_cut div {
    cursor: pointer;
}
.about .box{
    padding: 40px 0;
    line-height: 36px;
    color: #555;
}
.about .more{
    float: none;
    background: #333333;
    color:#ed7020;
    height: 40px;
    line-height: 40px;
    width: 200px;
    margin: 0 auto 40px;
}

.news .dy_con {
    position: relative;
    background: url("../images/companynews/bg6.jpg") left top repeat-y;
}

.news .yuan {
    width: 20px;
    height: 20px;
    background: url("../images/companynews/dot1.png") center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.news .yuan2 {
    top: auto;
    bottom: 0;
}

.news .time {
    float: left;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    line-height: 180px;
    padding-left: 40px;
    background: url("../images/companynews/dot2.png") left center no-repeat;
    width: 160px;
}

.news .word {
    padding: 20px 0;
    border-bottom: 1px #E1E1E1 solid;
}

.news .word .pich {
    width: 220px;
    float: left;
}


.news .word h3 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news .word p {
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
}
.news li.first .time {
    line-height: 160px;
}

.news li:hover .word h3 {
    color: #d16c15;
}

.news .page {
    padding-top: 30px;
}

.news .word .fr {
    width: 62%;
    margin-top: 12px;
    float: right;
}

.case-lay .dib{
    width: 32%;
    margin-right: 2%;
    box-sizing: border-box;
    float: left;
}
.case-lay .dib.mar0{
    margin-right: 0;
}