/*首页*/
.inde-ban {
    position: relative;
    transition: all 1.5s ease;
}

.inde-ban .dn-wen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.inde-ban .indeban-sw1 .swiper-slide-active .dn-wen {
    animation: fadeInUp2 1s ease;
}

.inde-ban .indeban-sw1 .swiper-slide .dn-bg {
    transform: scale(1.05);
    transition: all 1.5s ease;
    opacity: .9;
}

.inde-ban .indeban-sw1 .swiper-slide-active .dn-bg {
    transform: scale(1);
    opacity: 1;
}

.inde-ban .banner-bot {
    height: 14%;
    z-index: 4;
    color: #ffffff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: transparent;
}

.inde-ban .banner-bot .p-bottom {
    width: 20px;
    height: 100%;
    background: url("../images/bottom.png") no-repeat center;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -10px;
    cursor: pointer;
    animation: ani-svg 1.8s linear 0s alternate infinite;
    -webkit-animation: ani-svg 1.8s linear 0s alternate infinite;
    transition: 1.8s;
}

@keyframes ani-svg {
    0% {
        opacity: 0.4;
        transform: translateY(-20px);
    }
    15% {
        opacity: 0.65;
        transform: translateY(-15px);
    }
    25% {
        opacity: 0.8;
        transform: translateY(-10px);
    }
    50% {
        opacity: 1;
        transform: translateY(0px);
    }
    65% {
        opacity: 0.8;
        transform: translateY(5px);
    }
    75% {
        opacity: 0.65;
        transform: translateY(10px);
    }
    100% {
        opacity: 0.4;
        transform: translateY(15px);
    }
}

.inde-ban .sw-jisuan {
    position: absolute;
    bottom: 0;
    right: 4%;
    z-index: 6;
    background: #ffffff;
    width: 330px;
    height: 86px;
    line-height: 86px;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotateX(0deg) translate3d(0, 0, 0);
    -moz-transform: rotateX(0deg) translate3d(0, 0, 0);
    transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
}

.inde-ban .sw-jisuan.active {
    transform: rotateX(90deg) translate3d(0, 0, 0);
}

.inde-ban .sw-jisuan .dz {
    padding: 0 0 0 35px;
}

.inde-ban .sw-jisuan .dz .dcom {
    display: inline-block;
    font-size: 18px;
    color: #888888;
    font-family: 'Microsoft YaHei';
}

.inde-ban .sw-jisuan .dz .pagination {
    color: #000;
}

.inde-ban .sw-jisuan .dz .pagination span {
    display: none;
}

.inde-ban .sw-jisuan .dz .pagination .swiper-active-switch {
    display: inline-block;
}

/*箭头*/
.inde-ban .flex-direction-nav {
    width: 160px;
    height: 80px;
    overflow: hidden;
}

.inde-ban .flex-direction-nav li {
    display: block;
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;

}

.inde-ban .flex-direction-nav .li-right:before {
    height: 40px;
    border-left: 1px solid #E7E7E7;
    position: absolute;
    left: 0;
    top: 23px;
    content: '';
}

.inde-ban .flex-direction-nav li:after {
    content: '';
    position: absolute;
    top: 39px;
    display: block;
    width: 14px;
    height: 2px;
    background: #333;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25, .46, .45, .94) 0s;
    transition: transform .45s cubic-bezier(.25, .46, .45, .94) 0s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.inde-ban .flex-direction-nav li:after {
    left: 28px;
}

.inde-ban .flex-direction-nav li.li-right:after {
    right: 28px;
    left: auto;
}

.inde-ban .flex-direction-nav li:hover:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
}

.inde-ban .flex-direction-nav li a {
    position: absolute;

    top: 0;
    left: 0;
    display: block;

    width: 100%;
    height: 100%;
    transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
    font-size: 0;

}

.inde-ban .flex-direction-nav .flex-prev {
    background: url(../images/left-icon3.png) no-repeat;
    background-position: center center;
}

.inde-ban .flex-direction-nav .flex-next {
    background: url(../images/right-icon3.png) no-repeat;
    background-position: center center;
}

.inde-innovate .in-bot .dcom {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.inde-innovate .in-bot .dfl {
    background: #F1F1F1;
}

.inde-innovate .in-bot .dfl .sw-jisuan {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: #2a430d;
    width: 220px;
    height: 86px;
    line-height: 86px;
    color: #ffffff;
    font-size: 18px;
    padding: 0 32px;
    font-family: 'Microsoft Yahei';
}

.inde-innovate .in-bot .dfl .sw-jisuan .pagination span {
    display: none;
}

.inde-innovate .in-bot .dfl .sw-jisuan .pagination .swiper-active-switch {
    display: inline-block;
}

.inde-innovate .in-bot .in-swfl1 .buildcon5 {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.inde-innovate .in-bot .in-swfl1 .buildcon5 img {
    position: absolute;
}

/*轮播位置和大小*/

/*美斯特*/
.sl-meisite .im1 {
  width:100%
}



.inde-innovate .in-bot .in-swfl1 .sl-meisite.swiper-slide-active .im1 {
    animation: fadeInUp1 1s .1s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-meisite.swiper-slide-active .im2 {
    animation: fadeInUp1 1s .2s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-meisite.swiper-slide-active .im3 {
    animation: fadeInUp1 1s .3s ease both;
}

.sl-dajiankang .im1 {
   width:100%;
}



.inde-innovate .in-bot .in-swfl1 .sl-dajiankang.swiper-slide-active .im1 {
    animation: fadeInLeft1 1s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-dajiankang.swiper-slide-active .im2 {
    animation: fadeInRight1 1s ease both;
}


.sl-shengdu .im1 {
   width:100%;
}


.inde-innovate .in-bot .in-swfl1 .sl-shengdu.swiper-slide-active .im1 {
    animation: flipInY 1s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-shengdu.swiper-slide-active .im2 {
    animation: flipInY 1s .15s ease both;
}

.sl-zhelv .im1 {
 width:100%
}



.inde-innovate .in-bot .in-swfl1 .sl-zhelv.swiper-slide-active .im1 {
    animation: fadeInLeft1 1s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-zhelv.swiper-slide-active .im2 {
    animation: fadeInLeft1 1s .2s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-zhelv.swiper-slide-active .im3 {
    animation: fadeInLeft1 1s .4s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-zhelv.swiper-slide-active .im4 {
    animation: fadeInUp1 1s .4s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-zhelv.swiper-slide-active .im5 {
    animation: fadeInDown1 1s .6s ease both;
}

.sl-yiruanzhaung .im1 {
   width:100%
}


.inde-innovate .in-bot .in-swfl1 .sl-yiruanzhaung.swiper-slide-active .im1 {
    animation: fadeInRight1 1s ease both;
}

.sl-zhongya .im1 {
   width:100%
}


.inde-innovate .in-bot .in-swfl1 .sl-zhongya.swiper-slide-active .im1 {
      animation: flipInY 1s ease both;
}


.inde-innovate .in-bot .in-swfl1 .sl-yiruanzhaung.swiper-slide-active .im2 {
    animation: fadeInRight1 1s .2s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-yiruanzhaung.swiper-slide-active .im3 {
    animation: fadeInRight1 1s .4s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-yiruanzhaung.swiper-slide-active .im4 {
    animation: fadeInRight1 1s .6s ease both;
}

.inde-innovate .in-bot .in-swfl1 .sl-zhongya.swiper-slide-active .img-box {
    animation: zoomIn 1s .2s ease both;
}

.inde-innovate .in-bot .dfr {
    background: url(../images/sbg.png) no-repeat right #526d33 ;

}

.inde-innovate .in-bot .dfr .nei-wen {
    color: #ffffff;
    position: absolute;
    top: 30%;
    left: 10%;
    width: 70%;

}

.inde-innovate .in-bot .dfr .nei-wen .dn2 {
    font-size: 26px;
    margin: 2% 0 3%;

}

.inde-innovate .in-bot .dfr .nei-wen .dn3 {
    line-height: 30px;
    text-align: justify;
    opacity: .9;
    margin: 0 0 7%;
}

.inde-innovate .in-bot .dfr .nei-wen .dn-a a {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Microsoft Yahei';
}

.inde-innovate .in-bot .dfr .sw-combtn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.inde-innovate .in-bot .dfr .sw-combtn .a-btn {
    float: left;
    width: 86px;
    text-align: center;
    color: #ffffff;
    height: 86px;
    line-height: 86px;
    background: #78a061;
    margin: 0 1px 0 0;
    cursor: pointer;
}

.inde-innovate .in-bot .dfr .sw-combtn .a-btn i {
    font-size: 22px;
}

.inde-jianse .blo-box {
    width: 25%;
    background: #F6F6F6;
    text-align: center;
    
    transition: all .4s ease;

    padding: 4% 0 3%;
    position: relative;
    border-right: 2px solid #ffffff;
}

.inde-jianse .blo-box .size-all {
    position: relative;
    display: block;
    color: #333333;
}

.inde-jianse .blo-box:hover .size-all {

    color: #ffffff;

}

.inde-jianse .blo-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #407b2e;
    opacity: 0;
    transform: scale(.5);
    transition: all .4s ease;
}

.inde-jianse .blo-box:hover:before {
    transform: scale(1);
    opacity: 1;
}

.inde-jianse .blo-box .dn1 {
    font-size: 22px; font-family: "Microsoft YaHei";
}

.inde-jianse .blo-box .dn2 {
    height: 100px;
    line-height: 100px;
    margin: 5% 0 6%;
}

.inde-jianse .blo-box .dn2 img {
    vertical-align: middle;
    max-height: 90%;
}

.inde-jianse .blo-box .dn-lsit .dpai {
    font-size: 0;
    margin: 0 0 10px;
}

.inde-jianse .blo-box .dn-lsit .dpai span {
    display: inline-block;
    font-size: 12px;
    width: 50%;
    position: relative;
}

.inde-jianse .blo-box .dn-lsit .dpai .sp1 {
    text-align: right;
    padding: 0 4% 0 0;

}

.inde-jianse .blo-box .dn-lsit .dpai .sp1:before {
    content: '';
    position: absolute;
    border-left: 1px solid #616161;
    height: 10px;
    right: 0;
    top: 4px;
}

.inde-jianse .blo-box .dn-lsit .dpai .sp2 {

    padding: 0 0 0 4%;
    text-align: left;
}

.inde-hello {
    padding: 0px;
}

.inde-hello .hello-bot {
    color: #000000;
   font-size: 15px;
    line-height: 30px;
    text-align: center; padding-bottom: 60px;
}

.inde-hello .hello-bot .sp1 {
    color: #c40000;
}

.inde-hello .hello-bot .word21 span:nth-child(n+7):nth-child(-n+17),
.inde-hello .hello-bot .word41 span:nth-child(n+26):nth-child(-n+30),
.inde-hello .hello-bot .word41 span:nth-child(n+39):nth-child(-n+42),
.inde-hello .hello-bot .word41 span:nth-child(n+44):nth-child(-n+47),
.inde-hello .hello-bot .word61 span:nth-child(n+12):nth-child(-n+15) {
    color: #c40000;
}

.inde-hello .hello-top {
    text-align: center;
    padding: 130px 0 180px;
}

.inde-hello .hello-top .blo-box {
    max-width: 50%;

}

.inde-hello .hello-top .zim1 {
    /*transform: translate(35px,0);*/
    /*margin:0 -35px 0 0;*/
}

.inde-hello .hello-top .bl1 {
    transform: translate(35px, 0);
}

.inde-hello .hello-top .bl2 {
    transform: translate(-35px, 0);
}

.inde-hello .hello-top .yim1 {
    /*transform: translate(-35px,0);*/
    /*margin:0 0 0 -35px ;*/
}

.inde-hello .hello-top .blo-box img {
    max-width: 100%;
    display: block;
}

/*.inde-hello .hello-top .bl1 {*/
/*text-align: right;*/
/*}*/
/*.inde-hello .hello-top .bl1 {*/
/*text-align: right;*/
/*}*/

.inde-hello .hello-top .yim2 {
    position: absolute;
    left: 8%;
    top: -94%;
    transition: 0.8s ease-out 0.8s;
    transform-origin: 50% 100%;
    /*opacity: 0;*/
}

.inde-hello .hello-top .dn3 {
    position: absolute;
    left: 32%;
    top: -88%;
    overflow: hidden;
}

/*案例*/
.case-bot1 {
    padding: 66px 0 96px;
}

.case-bot1 .bot1 .blo-box {
    width: 31.93%;
    margin: 0 0.7% 1.4%;
    position: relative;
}

.case-bot1 .bot1 .blo-box .a1 {
    display: block;
    width: 100%;
    height: 100%;

}

.case-bot1 .bot1 .blo-box .dn-top {
    overflow: hidden;
    position: relative;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    bottom: -130px;
    left: 0;
    text-align: center;
    height: 110px;
    line-height: 110px;
    transition: all .4s .05s ease;
    opacity: 0;
}

.case-bot1 .bot1 .blo-box .dn-top .dn-logo img {
    vertical-align: middle;
    max-height: 100%;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .dn-logo {
    opacity: 1;
    bottom: 0;
}

.case-bot1 .bot1 .blo-box .dn-bot {
    background: #F6F6F6;
    padding: 25px 42px;
    position: relative;
    color: #0b0205;
    font-size: 15px;
    overflow: hidden;
    transition: all .4s ease;
}

.case-bot1 .bot1 .blo-box:hover .dn-bot {
    color: #ffffff;
}

.case-bot1 .bot1 .blo-box .dn-bot .dn1 {
    position: relative;
    z-index: 2;
}

.case-bot1 .bot1 .blo-box .dn-bot i {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -9px 0 0;
    display: inline-block;
}

.case-bot1 .bot1 .blo-box .dn-bot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    opacity: 0;
    left: 0;
    background: #2a430d;
    transition: all .4s ease;

}

.case-bot1 .bot1 .blo-box:hover .dn-bot:before {
    bottom: 0;
    opacity: 1;
}

.case-bot1 .bot1 .blo-box:hover .dn-top .img-box {
    transform: scale(1.05);
}





/*实例*/
.case-bot2 {
    padding: 66px 0 96px;
}

.case-bot2 .bot2 .blo-box2 {
    width: 31.93%;
    margin: 0 0.7% 1.4%;
    position: relative;
}

.case-bot2 .bot2 .blo-box2 .a1 {
    display: block;
    width: 100%;
    height: 100%;

}

.case-bot2 .bot2 .blo-box2 .dn-top2 {
    overflow: hidden;
    position: relative;
}

.case-bot2 .bot2 .blo-box2 .dn-top2 .dn-logo {
    position: absolute;
    width: 100%;
    background: rgba(255, 255, 255, .9);
    bottom: -130px;
    left: 0;
    text-align: center;
    height: 110px;
    line-height: 110px;
    transition: all .4s .05s ease;
    opacity: 0;
}

.case-bot2 .bot2 .blo-box2 .dn-top2 .dn-logo img {
    vertical-align: middle;
    max-height: 100%;
}

.case-bot2 .bot2 .blo-box2:hover .dn-top2 .dn-logo {
    opacity: 1;
    bottom: 0;
}

.case-bot2 .bot2 .blo-box2 .dn-bot2 {
    background: #F6F6F6;
    padding: 25px 42px;
    position: relative;
    color: #0b0205;
    font-size: 15px;
    overflow: hidden;
    transition: all .4s ease;
}

.case-bot2 .bot2 .blo-box2:hover .dn-bot2 {
    color: #ffffff;
}

.case-bot2 .bot2 .blo-box2 .dn-bot2 .dn1 {
    position: relative;
    z-index: 2;
}

.case-bot2 .bot2 .blo-box2 .dn-bot2 i {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -9px 0 0;
    display: inline-block;
}

.case-bot2 .bot2 .blo-box2 .dn-bot2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    opacity: 0;
    left: 0;
    background: #2a430d;
    transition: all .4s ease;

}

.case-bot2 .bot2 .blo-box2:hover .dn-bot2:before {
    bottom: 0;
    opacity: 1;
}

.case-bot2 .bot2 .blo-box2:hover .dn-top2 .img-box {
    transform: scale(1.05);
}
/*详情*/

.casexq-bot1 {
    padding: 90px 0;
}

.casexq-bot1 .dn1 {
    color: #0b0205;
    font-size: 30px;
}

.casexq-bot1 .dn-xian {
    width: 10px;
    height: 2px;
    background: #B6B6B6;
    margin: 14px auto;

}

.casexq-bot1 .dn-wen {
    width: 800px;
    color: #333333;
    font-size: 15px;
    line-height: 30px;
    margin: 0 auto 30px;
}

.casexq-bot1 .dn-more .a1 {
    color: #000000;
}

.casexq-bot1 .dn-more .a1 .sp1 {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #949494;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: relative;
    margin: 0 10px 0 0;
    color: #333;
    vertical-align: middle;
}

.casexq-bot1 .dn-more .a1 .sp1:hover {
    color: #ffffff;
}

.casexq-bot1 .dn-more .a1 .sp1 i {
    position: relative;
    font-size: 20px;
}

.casexq-bot1 .dn-more .a1 .sp1:hover {
    border: 1px solid #333;
    background: #333;
}

.casexq-bot1 .dn-more .a1 .sp1:before {
    content: '';

    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
    background: #333;
}

.casexq-bot1 .dn-more .a1 .sp1:hover:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.casexq-bot2 {
    padding: 100px 0;
}

.casexq-bot2 .dn-photo .dis-bl img {
    width: 100%;
    display: block;
}

.casexq-bot2 .dn-photo .dis-bl {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .45);
    outline: none;
}

.casexq-bot2 .dn-video .com-video1 {
    display: block;
    width: 100%;
}

.casexq-bot3 {
    padding: 74px 0 64px;
}

.casexq-bot3 .dn1 {
    color: #040404;
    font-size: 38px;
}

.casexq-bot3 .dn2 {
    color: #333333;

}

.casexq-bot3 .dn-form {
    margin: 40px 0 45px;
}

.casexq-bot3 .dn-form .dcom {
    float: left;
    width: 25%;
    position: relative;

}

.casexq-bot3 .dn-form .dcom .inp1 {
    display: block;
    width: 96%;
    height: 56px;
    padding: 0 0 0 15px;
    outline: none;
    border: none;

    background: #ffffff;
    border-bottom: 1px solid transparent;
    transition: all .4s ease;
}

.casexq-bot3 .dn-form .dcom .inp1:focus {
    border-bottom: 2px solid #000000;
}

.casexq-bot3 .dn-form .dcom .a-hq {
    position: absolute;
    width: 138px;
    display: block;
    height: 40px;
    right: 6%;
    top: 8px;
    transition: all .4s ease;
    border-radius: 4px;
    overflow: hidden;

}

.casexq-bot3 .dn-form .dcom .a-hq img {
    width: 100%;
    height: 100%;
    display: block;
}

.casexq-bot3 .dn-form .dcom4 .inp1 {
    color: #ffffff;
    background: #000000;
    transition: all .4s ease;
}

.casexq-bot3 .dn-form .dcom4 .inp1:hover {
    box-shadow: 0 0 3px #000;
}

/*服务*/
.service .dlist {
    position: relative;
    padding: 10% 0;
    color: #ffffff;
}

.service .dlist .dn-top {
    margin: 0 0 4%;
}

.service .dlist .dn-top .dn1 {
    font-size: 72px;
}

.service .dlist .dn-top .dn2 {
    font-size: 42px;
    margin: 0 0 15px;
}

.service .dlist .dn-top .dn3 {
    font-size: 80px;
    color: #1abb9c;
}

.service .dlist2 .dn-top .dn3 {
    color: #a7d129;
}

.service .dlist3 .dn-top .dn3 {
    color: #53cde2;
}

.service .dlist4 .dn-top .dn3 {
    color: #d1f4fa;
}

.service .dlist .dn-bot .dli {
    margin: 0 0 20px;
}

.service .dlist .dn-bot .dli .dn1 {
    font-size: 24px;
    margin: 0 0 8px;
}

.service .dlist .dn-bot .dli .dn2 {
    font-size: 16px;
}

.service .dlist .dn-bot2 .blo-box {
    width: 410px;
    font-size: 24px;

}

.service .dlist .dn-bot2 .blo-box p {
    margin: 0 0 25px;
}

/*关于*/
.abou-ban {
    height: 760px;
    text-align: center;
    color: #ffffff;
}

.abou-ban .ban-wen {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -224px;
}

.abou-ban .ban-wen * {
    max-width: 100%;
}

.abou-ban .ban-wen .dn1 {
    font-size: 36px;
    margin: 3% 0 1.5%;
}

.abou-ban .ban-wen .dn1 .word1 span:nth-of-type(even) {

    margin: 0 22px;
}

.abou-ban .ban-wen .dn2 {
    font-size: 20px;
    opacity: .5;
    font-family: 'tt0142m';
    text-transform: uppercase;
}

.abou-news {
    padding: 60px 0 70px;
}

.abou-news .news-bot1 .blo-box {
    background: #ffffff;
    width: 31.73%;
    margin: 0 0.8% 1.6%;
    transition: all .4s ease;
}

.abou-news .news-bot1 .blo-box:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
}

.abou-news .news-bot1 .blo-box .a1 {
    display: block;
    width: 100%;
    height: 100%;

}

.abou-news .news-bot1 .blo-box .dn-top {
    padding: 22px 30px;
}

.abou-news .news-bot1 .blo-box .dn-top .dn1 {
    font-size: 18px;
    color: #000000;
    margin: 0 0 10px;
}

.abou-news .news-bot1 .blo-box .dn-top .dn2 {
    line-height: 26px;
    color: #666666;
}

.abou-news .news-bot1 .blo-box .dn-bot {
    border-top: 1px solid #E5E5E5;
    padding: 24px 30px;
    color: #999999;
    font-size: 12px;
    position: relative;
}

.abou-news .news-bot1 .blo-box .dn-bot:before {
    content: '';
    position: absolute;
    width: 60%;
    left: 20%;
    transition: all .4s ease;
    border-top: 1px solid #999999;
    top: -1px;
    opacity: 0;
}

.abou-news .news-bot1 .blo-box:hover .dn-bot:before {
    width: 100%;
    left: 0;
    opacity: 1;
}

.abou-news .news-bot1 .blo-box .dn-bot i {
    position: absolute;
    right: 30px;
    top: 20px;
    color: #000;
    font-size: 18px;
    display: block;
    transition: all .4s ease;
}

.abou-news .news-bot1 .blo-box:hover .dn-bot i {
    transform: rotate(90deg);
}

.abou-lunbo {
    height: 650px;
    position: relative;
    color: #ffffff;
}

.abou-lunbo .swiper-slide .img-box {
    position: absolute;
    top: 0;
    left: 0;
}

.abou-lunbo .swiper-slide .conta-nei {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -156.5px;
}

.abou-lunbo .swiper-slide-active .conta img {
    animation: fadeInUp2 1s .1s ease;

}

.abou-lunbo .abou-sw1 .pagination {
    position: absolute;
    bottom: 10%;
    left: 8%;
    z-index: 3;
    font-size: 0;
}

.abou-lunbo .abou-sw1 .pagination span {
    display: inline-block;
    width: 3px;
    height: 12px;
    background: #D7D6D7;
    margin: 0 5px;
    transition: all .4s ease;
    vertical-align: bottom;
}

.abou-lunbo .abou-sw1 .pagination .swiper-active-switch {
    background: #BB1B23;
    height: 24px;

}

.abou-team {
    padding: 0 0 70px;
}

.abou-team .team-bot .blo-box {
    width: 20%;
    position: relative;

    color: #fff;
}

.abou-team .team-bot .blo-box .dn-wen {
    position: absolute;
    bottom: 10%;
    left: 13%;
    transition: all .4s ease;
}

.abou-team .team-bot .blo-box:hover .dn-wen {
    opacity: 0;
}

.abou-team .team-bot .blo-box .dn-wen .dn-xian {
    width: 20px;
    height: 2px;
    background: #fff;

}

.abou-team .team-bot .blo-box .dn-wen .dn1 {
    font-size: 16px;
    margin: 10px 0 0; 
}

.abou-team .team-bot .blo-box .dn-wen .dn2 {
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'Microsoft Yahei';
}

.abou-team .team-bot .blo-box .dn-jie {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, .8);
    z-index: 5;
    opacity: 0;
    transition: all .4s ease;
    transform: scale(.9);
}

.abou-team .team-bot .blo-box:hover .dn-jie {
    opacity: 1;
    transform: scale(1);
}

.abou-team .team-bot .blo-box .dn-jie .jie-wen {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 42%;
    color: #ffffff;
    line-height: 24px;
}

.abou-team .team-bot .blo-box .dn-jie .jie-wen .dn-xian1 {
    width: 14px;
    height: 2px;
    background: #ffffff;
    margin: 0 0 10px;
}

.abou-team .team-bot .blo-box .dn-t1 {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: -40px 0 0;
}

.abou-team .team-bot .blo-box:hover .img-box {
    transform: scale(1.05);
}

.abou-team .team-bot .bl2 {
    width: 50%;
}

.abou-team .team-bot .bl3 {
    background: #000;
}

/*.abou-team .team-bot .bl3 i {*/
/*color: #ffffff;*/
/*font-size: 60px;*/
/*vertical-align: middle;*/
/*}*/
.abou-team .team-bot .bl3 .dn-circle {
    height: 11px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -5px 0 0;
}

.abou-team .team-bot .bl3 .dn-circle span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 3px;
    background: #ffffff;
    border-radius: 50%;

}

.abou-team .team-bot .bl3:hover .dn-circle span {
    animation: load 1.04s ease infinite;
    -webkit-animation: load 1.04s ease infinite;
}

.abou-team .team-bot .bl3:hover .dn-circle .sp1 {
    animation-delay: 0.13s;
    -webkit-animation-delay: 0.13s;
}

.abou-team .team-bot .bl3:hover .dn-circle .sp2 {
    animation-delay: 0.26s;
    -webkit-animation-delay: 0.26s;
}

.abou-team .team-bot .bl3:hover .dn-circle .sp3 {
    animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
}

@keyframes load {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        opacity: .5;
        -webkit-transform: scale(.7);
    }
}

@-webkit-keyframes load {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        opacity: .5;
        -webkit-transform: scale(.7);
    }
}

.abou-jie .dn-top {
    padding: 100px 0;
    text-align: center;
}

.abou-jie .dn-top .dn1 {
    color: #000000;
    font-size: 72px;
}

.abou-jie .dn-top .dn1 span {
    display: inline-block;

}

.abou-jie .dn-top .dn1 i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 8px 0;
}

.abou-jie .dn-top .dn2 {
    color: #0b0205;
    font-size: 36px;
    margin: 25px 0;
}

.abou-jie .dn-top .dn3 {
    color: #666666;
    font-size: 18px;
    line-height: 40px;
    width: 1000px;
    margin: auto;
}

.abou-jie .dn-bot {
    padding: 50px 0 60px;
    border-top: 1px solid #E5E5E5;
}

.abou-jie .dn-bot .dn-pai .blo-box {
    margin: 0 60px;
    min-width: 260px;
}

.abou-jie .dn-bot .dn-pai .blo-box .dn1 {
    color: #0b0205;
    font-size: 100px;
    font-family: 'din';
}

.abou-jie .dn-bot .dn-pai .blo-box .dn2 {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
}

.inde-team .team-bot2 {
    padding: 5% 2%;

}

.inde-team .team-bot2 .blo-box {
    width: 16.66%;
    height: 200px;
    border-right: 1px solid #ECECEC;
    padding: 0 0 0 4%;
}

.inde-team .team-bot2 .blo-box:last-of-type {
    border: none;
}

.inde-team .team-bot2 .blo-box .dn-sha .dp1 {
    color: #0b0205;
    font-size: 72px;
    font-family: 'futurademic';
    position: relative;
}

.inde-team .team-bot2 .blo-box .dn-sha .dp1 .sp1 {
    position: absolute;
    color: #000000;
    font-size: 18px;
    bottom: 16px;
    left: 42px;
    background: #F6F6F6;

}

.inde-team .team-bot2 .blo-box .dn-xia .dp1 {
    color: #0b0205;
    font-size: 16px;
    font-family: 'tt0142m';
    margin: 0 0 6px;
}

.inde-team .team-bot2 .blo-box .dn-xia .dp2 {
    color: #666666;
    line-height: 24px;

}

.inde-team {
    padding: 0;
}

.inde-dongcha {
    padding: 80px 0;
}

.inde-dongcha .dfl {
    /*width: 30%;*/
    width: 580px;
    position: relative;
    z-index: 2;
}

.inde-dongcha .dfl .com-biaoti {
    text-align: left;
    padding: 0 0 50px;
}

.inde-dongcha .dfl .dfl-bot {
    width: 110%;
    height: 430px;

}

.inde-dongcha .dfl .dfl-bot .a1 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.inde-dongcha .dfl .dfl-bot .dn-wen {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    padding: 18px 24px;
    background: rgba(0, 0, 0, .6);
}

.inde-dongcha .dfl .dfl-bot .dn-wen i {
    position: absolute;
    right: 24px;
    top: 13px;
    font-size: 26px;
    display: inline-block;
    transition: all .4s ease;
}

.inde-dongcha .dfl .dfl-bot:hover .dn-wen i {
    transform: translate(10px, 0);
}

.inde-dongcha .dfl .dfl-bot:hover .img-box {
    transform: scale(1.05);
}

.inde-dongcha .dfr {
    width: 70%;
    background: #ffffff;
    height: 600px;
    margin: 40px 0 0;

    position: relative;
}

.inde-dongcha .dfr-box {
    padding: 3% 0 0 9%;
    width: 100%;
    height: 100%;

}

.inde-dongcha .dfr:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 15%;
    top: 0;
    right: -10%;
    background: #ffffff;
}

.inde-dongcha .dfr .ul1 li {
    margin: 0 0 30px;
}

.inde-dongcha .dfr .ul1 .a1 {
    display: block;
    width: 100%;
    height: 100%;
    color: #666666;
}

.inde-dongcha .dfr .ul1 li .dn2 {
       color: #0b0205;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 15px;

}

.inde-dongcha .dfr .ul1 li .dn2 .b1 {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    border-top: 1px solid #0b0205;
    margin: 0 3px 0 0;
    transition: all .4s ease;
}

.inde-dongcha .dfr .ul1 li:hover .dn2 .b1 {
    width: 40px;
}

.inde-dongcha .dfr .ul1 li .dn3 {
    width: 82%;
    line-height: 20px;
}

.inde-dongcha .dfr .dfr-bot2 {
    padding: 20px 0 0;
}

.inde-dongcha .dfr .dfr-bot2 .a1 {
    color: #000000;
    font-size: 16px;
}

.inde-cankao {

    color: #ffffff;
    padding: 90px 0;
}

.inde-cankao .conta {
    height: 515px;
}

.inde-cankao .nei-wen {
    position: absolute;
    width: 86%;
    left: 7%;
    top: 50%;
}

.inde-cankao .dn-top {
    margin: 0 0 2%;
}

.inde-cankao .dn-top .dn1 {
    font-size: 60px;
}

.inde-cankao .dn-top .dn2 {
    font-size: 44px;
}

.inde-cankao .dn-bot .dn1 {
    font-size: 16px;
}

.inde-cankao .dn-bot .dn2 {
    margin: 0.8% 0 1.5%;
}

.inde-cankao .dn-bot .dn2 .sp1 {
    font-size: 32px;
}

.inde-cankao .dn-bot .dn2 .dn2-y {
    display: inline-block;
    margin: 0 0 0 10%;
}

.inde-cankao .dn-bot .dn2 .dn2-y .a1 {
    display: inline-block;
    color: #2E2E2E;
    margin: 0 30px 0 0;
    position: relative;
}

.inde-cankao .dn-bot .dn2 .dn2-y .a1 .b1 {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
}

.inde-cankao .dn-bot .dn2 .dn2-y .a1 .b1 i {
    font-size: 25px;
}

.inde-cankao .dn-bot .dn2 .dn2-y .a1 .b2 {
    display: inline-block;
    width: 104px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.inde-cankao .dn-bot .dn3 .a1 {
    font-size: 18px;
    color: #ffffff;
    opacity: .5;
    transition: all .4s ease;
}

.inde-cankao .dn-bot .dn3 .a1 .b1 {
    display: inline-block;
    width: 42px;
    height: 1px;
    background: #A3A3A3;
    vertical-align: middle;
    margin: 0 0 0 14px;
    transition: all .4s ease;
}

.inde-cankao .dn-bot .dn3 .a1:hover .b1 {
    width: 60px;
}

.inde-cankao .dn-bot .dn3 .a1:hover {
    opacity: 1;
}

/*联系我们*/
#allmap {
    width: 100%;
    min-height: 300px;
}

#allmap .anchorBL {
    display: none;
}

.con-box {
    padding: 0 0 80px;
}

.con-box-nei .dfl {

    width: 43.5%;
    background: #EBECEE;
    height: 604px;
    color: #0b0205;
    padding: 4% 0 0 6%;
}

.con-box-nei .dfl .dn1 {
    font-size: 24px;

}

.con-box-nei .dn-xian {
    width: 7px;
    height: 2px;
    background-color: #000000;
    transition: .3s;
    margin: 3% 0 3% 3px;

}

.con-box-nei .dfl:hover .dn-xian, .con-box-nei .dfr:hover .dn-xian {
    width: 17px;
}

.con-box-nei .dfl .ul-address li {
    margin: 0 0 4%;
}

.con-box-nei .dfl .dfr-bot2 {
    margin: 0 0 0 -16px;
}

.con-box-nei .dfl .ul-address .dp1 {
    font-size: 24px;
    text-transform: capitalize;
    margin: 0 0 4px 0;
    font-family: 'tt0142m';
}

.con-box-nei .dfl .div-wei a {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 14px 0 0;

    position: relative;
}

.con-box-nei .dfr {

    width: 56.5%;
    background: #ffffff;
    height: 604px;
    padding: 4% 0 0 5%;
}

.con-box-nei .dfr .form1 {
    width: 600px;
}

.con-box-nei .dfr .ul-dfr li {
    margin: 0 0 5%;

    overflow: hidden;
    font-family: 'tt0142m';
}

.con-box-nei .dfr .ul-dfr li input,
.con-box-nei .dfr .ul-dfr li textarea {
    border: none;

    outline: none;
}

.con-box-nei .dfr .ul-dfr li .add-con {
    width: 48%;
    margin: 0 4% 0 0;
    position: relative;
    border-bottom: 1px solid #000000;
    float: left;
    padding: 0 0 6px 0;

}

.con-box-nei .dfr .ul-dfr li .add-con:hover:after {
    width: 100%;
}

.con-box-nei .dfr .ul-dfr li .add-con-mail {
    margin: 0;
}

.con-box-nei .dfr .ul-dfr li .add-con-content {
    width: 100%;
    margin: 0;
}

.con-box-nei .dfr .ul-dfr li .add-con-content span {
    display: block;
    width: 100%;
}

.con-box-nei .dfr .ul-dfr li .add-con span {
    color: #0b0205;
    float: left;
    text-transform: capitalize;
}

.con-box-nei .dfr .ul-dfr li .inp1 {
    float: right;
    height: 100%;
}

.con-box-nei .dfr .ul-dfr li .tex1 {
    width: 100%;
    height: 110px;
}

.con-box-nei .dfr .ul-dfr li .add-con-mail .inp1 {
    margin: 0;
}

.con-box-nei .dfr .for-submit {
    text-align: right;

}

.con-box-nei .dfr .for-submit .sub {
    width: 224px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    font-size: 18px;
    font-family: 'tt0142m';
    outline: none;
    border: none;
    cursor: pointer;
}

/*按钮*/
.com-button {
    position: relative;
    z-index: 1;
    transition: .4s;
    cursor: pointer;
    border: none;
}

.com-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a9a9a9;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.casexq-box .casexq-box-bot .dfr .dfr-top .dtwo a.com-button::before,
.casexq-box .casexq-box-bot .dfr .dfr-bot .inp-sub.com-button::before {
    border-radius: 5px;
}

.com-button:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*新闻详情*/
.news-box .news-box-bot {
    padding: 0 7.6%;
    margin: 0 auto 4%;

}

.news-box .news-box-bot .top {
    border-bottom: 1px solid #EBEBEB;
    padding: 5% 0 1%;

}

.news-box .news-box-bot .top .tit1 {
    color: #000000;
    font-size: 28px;
    margin: 0 0 10px;
}

.news-box .news-box-bot .top .tit2 {
    color: #666666;
    font-size: 14px;

}

.news-box .news-box-bot .top .tit2 .s1 {
    margin: 0 30px 0 0;
}

.news-box .news-box-bot .dn-wen {
    color: #333333;
    line-height: 36px;
    padding: 3% 0 3%;
}

.news-box .news-box-bot .dn-wen * {
    max-width: 100%;
}

.news-box .news-box-bot .fenye {

    padding: 2% 0 4%;
    border-top: 1px solid #EBEBEB;
}

.news-box .news-box-bot .fenye .dfl a {
    color: #333333;
    margin: 0 30px 0 0;
}

.dn-ewm {
    display: none;
    position: absolute;
    top: 115%;
    right: 5%;
    padding: 3px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
}

.im-ewm {
    width: 100px;
    height: 100px;
}

.com-swbtn2{
    padding: 3% 0 0;
 line-height: 30px;
}
.com-swbtn2 a:hover{
    font-weight: bold;
}













.idc {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 135px;
    z-index: 999;
}

    .idc.cc {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

.banner-fork {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: 999;
    width: 100%;
    height: 135px;
        background: rgba(0,0,0,0.5);
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

    .banner-fork.on {
        visibility: inherit;
        left: 0;
        opacity: 1;
    }

    .banner-fork > i {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 34px;
        height: 34px;
        background: url(../images/icon_26.png) no-repeat center;
        cursor: pointer;
    }

    .banner-fork form {
        height: 135px;
        padding-left: 300px;
        background: url(../images/icon_27.png) no-repeat left bottom;
        box-sizing: border-box;
    }

        .banner-fork form > div {
            float: left;
            margin-top: 20px;
            font-size: 16px;
            color: #666;
        }

            .banner-fork form > div.a1 {
                margin-right: 10px;
            }

                .banner-fork form > div.a1 select {
                    display: block;
                    width: 292px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a1 input[type='text'] {
                    display: block;
                    width: 292px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a2 {
                margin-right: 10px;
            }

                .banner-fork form > div.a2 select {
                    display: block;
                    width: 292px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a2 input[type='text'] {
                    display: block;
                    width: 292px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a3 {
                margin-right: 10px;
            }

                .banner-fork form > div.a3 > input {
                    display: block;
                    width: 292px;
                    height: 40px;
                    margin-bottom: 10px;
                    padding: 0 15px;
                    border: none;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    font-size: 14px;
                    line-height: 40px; outline: none;
                }

                .banner-fork form > div.a3 select {
                    display: block;
                    width: 292px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a3 span {
                    display: block;
                    width: 292px;
                    height: 40px;
                    background: #fff;
                    padding: 0 15px;
                    box-sizing: border-box;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                }

                    .banner-fork form > div.a3 span input[type='text'] {
                        float: left;
                        width: 230px;
                        height: 40px;
                        border: none;
                        background: #fff;
                        vertical-align: middle;
                        font-size: 16px;
                        color: #666;
                        text-align: left;
                        line-height: 40px;outline: none;
                    }

                    .banner-fork form > div.a3 span font {
                        float: left;
                        vertical-align: middle;
                        line-height: 40px;
                    }

            .banner-fork form > div.a4 {
                width: 205px;
                height: 90px;
                padding-top: 20px;
                background: #fff;
                box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                box-sizing: border-box;
                text-align: center; border-radius: 5px;
            }

                .banner-fork form > div.a4 a {
                    font-size: 18px;
                    color: #e60021;
                    line-height: 24px;
                }
 .banner-fork form > div.a5 {
                padding: 10px 50px 0 50px;
                text-align: center;
            }

                .banner-fork form > div.a5 h6 {
                    font-size: 24px;
                    color: #710008;
                }

                .banner-fork form > div.a5 p {
                    font-size: 24px;
                    color: #ffffff;
                }
             

.fork-sig {
    visibility: hidden;
    position: absolute;
    left: -137px;
    bottom: 0;
    width: 183px;
    height: 135px;
    background: url(../images/icon_73.png) no-repeat center;
    cursor: default;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .fork-sig.on {
        left: 0;
        visibility: inherit;
        opacity: 1;
    }


.wrap {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}


.ad{overflow: hidden; height: 349px;}
.ad img{width: 100%;transition: all 0.6s ease-in;}
.ad:hover img{transform: scale(1.1);transition: all 2s ease-out;}


.cc1{ width:100%; height:auto; overflow:hidden; }
.c1{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}  
.protype{ width:274px; padding:15px 20px; background:#2a430d; color:#fff; position:relative;}
.protype_tit1{font-size:24px; height:36px; line-height:36px; margin-top:10px;  }
.protype_x{width:20px; height:3px; background:#fff;}



.n_main_box{width:100%; z-index: 100;    background: rgba(204,204,204,0.3);}
.n_main_box .w1200{position:relative;width:1200px;height: 70px;margin: 0 auto;}
.n_nav_box{height: 70px;line-height: 70px;position:relative;border-bottom: #e8e8e8 1px solid;}
.n_nav{position:relative;text-align: right;font-size: 0;}
.n_nav a{display:inline-block;width: 145px;height: 70px;font-size: 15px;line-height: 70px;color: #000;text-align: center;box-sizing: border-box;position: relative;border-left: #dfdfdf 1px solid;border-right: #dfdfdf 1px solid;margin: 0 -0.5px;}
.n_nav a strong{display:block;color: #000000;position:relative;z-index:4;height: 70px;line-height: 70px;font-weight: 100;}
.n_nav a:before{content:"";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background:transparent;}
.n_nav a:after{content:""; border-left:transparent 6px solid; border-right:transparent 6px solid; border-top:transparent 7px solid; position: absolute;top: 55px;left:50%; margin-left:-6px;}
.n_nav a:hover:before,.n_nav .on:before{background: #2a430d;}
.n_nav a:hover:after,.n_nav .on:after{}
.n_nav a:hover strong,.n_nav .on strong{}
.n_up_box{ position:relative;}
.position{position:absolute;height: 72px;line-height: 72px;left: 0px;bottom: 0;color: #9c9ca0;padding-left: 17px;font-size: 14px;background: url(../images/home_icon.png) left 30px no-repeat;}
.position span, .position a, .position i{font-size: 14px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 10px 0 8px;font-style:normal;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size: 13px;color: #2a430d;font-style: normal;}
.position a:hover{color: #2a430d;}
.n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;}




.wrap1 {
	padding: 60px 0 60px;width:100%; float:left;
}

.wrap1 .htit{
	font-size: 30px;
	color: #1a1a1a;
	position: relative;
	text-align: center;
	padding-bottom: 24px;
}
.wrap1 .htit:after{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000000;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.wrap1 .hcon{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 2.5;
	text-align: justify;
}

.look-more {display: block;  width:180px;height: 50px; border: 1px solid #2a430d;line-height: 50px; text-align: center;font-size: 14px;color: #fff; margin: 30px auto 0;background:#2a430d;-webkit-transition: background 0.3s ease 0s;transition: background 0.3s ease 0s;}
.look-more:hover {color: #fff;background-color:#000;border: 1px solid #000;}

.container {
    max-width: 1200px;padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



.Box {width:100%; float: left; padding-top: 60px;}
			.Box .content {width: 1200px;margin: 0 auto;}
		
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background:  #2a430d;}





.tz-gallery {
	padding: 1px 0px;
	box-sizing: border-box;
}
.tz-gallery .thumbnail {
	padding: 0;
	 border: 1px solid #f1efef;
    margin-bottom: 20px;
}
.tz-gallery img {
	border-radius: 2px;
	max-width: 100%;
}
.tz-gallery .caption {
	padding: 10px 30px;
	text-align: center;
}
.tz-gallery .caption h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
}
.tz-gallery .caption p {
	font-size: 12px;
	color: #7b7d7d;
	margin: 0;
}
 .col-md-3   { position: relative;
 
    padding-right: 15px;float: left; width: 25%;
    padding-left: 15px;}

 .col-md-4   { position: relative;
 
    padding-right: 15px;float: left; width: 33.33%;
    padding-left: 15px;}


 .col-md-8   { position: relative;
 
    padding-right: 15px;float: left; width: 66.6%;
    padding-left: 15px;}




.pages{font-size: 14px; line-height:22px;text-align:center;clear:both; width:100%;}
.pages a{font-size: 14px; text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:8px 8px;margin-right:3px;cursor:pointer}
.pages .red{font-size: 14px; background:#2a430d !important; color:#fff; border:0; padding:8px 8px;margin-right: 6px;}
.pages a.active{font-size: 14px; background:#000;border:1px solid #cccccc;color:#fff;margin-right:3px;}
.pages a:hover{font-size: 14px; text-decoration:none;color:#fff;background:#2a430d;border:1px solid #cccccc}



#n_lianxi{ margin-bottom:80px;}
#n_lianxi .box1{ padding-bottom:50px;}
#n_lianxi .txt{ width:522px; float:right; padding-top:38px;}
#n_lianxi .txt h5 span{ font-size:18px; color:#2a430d; font-family:arial; text-transform:uppercase;}
#n_lianxi .txt h5 p{ font-size:24px; color:#3b3b3b; font-weight:bold; margin-bottom:8px;}
#n_lianxi .txt i{ display:block; width:31px; height:2px; background:#931019; margin-top:15px; margin-bottom:30px;}
#n_lianxi ul{ margin-top:18px;}
#n_lianxi ul li{ font-size:14px; color:#3b3b3b; }#n_lianxi ul li p{font-size:14px; color:#3b3b3b; line-height:30px;}
#n_lianxi ul li i{ color:#868686;}
#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}
#n_lianxi .btn{ width:140px; height:40px; display:block; line-height:40px; text-align:center; background:#ee1c26; color:#fff; margin-top:40px;}
#n_lianxi .btn:before{ content: url(../images/n_lianxi_ico.png); position:relative; top:4px; margin-right:8px;}
#n_lianxi .ewm{ margin-top:36px; }
#n_lianxi .ewm div{ height:129px;}
#n_lianxi .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
#n_lianxi .ewm .txt2{ display:table; padding-left:12px;}
#n_lianxi .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}

.fl {float: left;}
.fr {float: right;}






.item-pic__box {
	 
    width: 50%;
    float: left;   
  
}
.small-box {
	    position: relative;
    width:85%;
    
    margin-bottom: 5px;
  
}
.small-box img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.small-box > .hover {
	display: none;
	left: 0;top: 0;
	position: absolute;
	border: 1px solid #fff;
	background-color: #000;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
	cursor: move;
}
.thumbnail-box {
	position: relative;
	width: 100%;
}
.thumbnail-box .btn {
	position: absolute;
	top: 0;bottom: 0;
	width: 26px;
	border: 0;
	background: #eee url(../images/thumb-but.gif) no-repeat;
}
.thumbnail-box .btn:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat}
.thumbnail-box .btn-prev {left: 0}
.thumbnail-box .btn-next {right: 0;background-position: center right}
.thumbnail-box .btn-next:active {background: #b31e22 url(../images/thumb-but_active.gif) no-repeat center right}
.thumbnail-box > .thumb-list {
	overflow: hidden;
	width: 400px;
	margin: 0 auto;
}
.thumbnail-box .wrapper {
	font-size: 0;
	margin-bottom: 0;
	white-space: nowrap;
}
.thumbnail-box > .thumb-list .item {
	width: 56px;

	cursor: pointer;
	display: inline-block;
	border: 1px solid #edeaea;
}

.thumbnail-box > .thumb-list .item img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    text-align: center;
}
.thumbnail-box > .thumb-list .item.active {

}
.big-box {
	z-index: 100;
	display: none;
	overflow: hidden;
	position: absolute;
	left:50%;top:18%;
	border: 1px solid #ccc;
	width: 400px;height: 400px;
}
.item-info__box {
	width: 50%;
	float: right;
	padding: 40px 40px 20px 0px;
}
.item-title {line-height: 2em; }
.item-title > .name {
	    font-size: 30px;
    max-height: 80px;
    line-height: 50px;
    font-weight: bold;
    color: #000;
}
.item-title > .name1 {
	    font-size: 22px;
    max-height: 80px;
    line-height: 35px;
    font-weight: bold;
    color: #000;
}
.item-price {
	padding: 10px;
	margin-bottom: 20px;
}
.item-price .price-panel {
	height: 40px;
	line-height: 40px;
}
.item-price .price-panel .price{
	font-size: 24px;
	color: #d00;
}
.vip-price-panel {
	height: 32px;
	padding: 0 10px;
	line-height: 32px;
	margin-top: 4px;
	position: relative;
}
.vip-price-panel:hover, .vip-price-panel.active {
	color: #fff;
	background-color: #b31e22;
}
.all-price__box {
	color: #fff;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;right: 0;top: 32px;
	background-color: #b31e22;
	line-height: 1.571428;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
	border-left: 10px solid #b31e22;
	border-right: 10px solid #b31e22;
}
.text-justify {
	text-align: justify;
	text-align-last: justify;
}
.item-ind-panel {
	width: 100%;
	border: 1px dotted #ccc;
}
.item-ind-item {
	float: left;
	padding: 12px;
	text-align: center;
	width: 33.33333333%;
}
.item-ind-item a {text-decoration: none;}
.ind-count {font-weight: bold;}

.detailproduct{ width:100%; overflow:hidden; zoom:1;}


.detail_pro{ padding-top:10px; padding-bottom:0px;}

.detail_pro_center{ width:100%; margin:0 auto; background:#fff; margin-bottom:20px; }

.detail_pro_center h3{ line-height:40px; padding-left:15px; font-size:14px; background:#2a430d;border-radius: 4px; border-bottom-left-radius:0px; border-bottom-right-radius: 0px; color:#FFF; font-weight:normal;   text-align: left;}

.detail_pro_img{ padding: 10px 15px; text-align:left;  font-size:14px;    border: 1px solid #ebe9e9;border-top: none} 
.detail_pro_img img{max-width: 100%;}




.btn3{ margin-top:10px; text-align: right  }
.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}
.btn3 a:hover{ background:#2a430d; color:#fff;}


.sx{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx p{    text-align: center;line-height: 30px; border: 1px solid #ccc; padding: 0px 20px; float: left;
    margin-right: 10px; }
.sx a{font-weight:normal}
.sx a:link{color:#999;text-decoration:none;}
.sx a:visited{color:#999;text-decoration:none;}
.sx a:hover{color:#fff; background:#2a430d; display: block; border: none}
.sx a:active{color:#2a430d;display: block;text-decoration:none;}
.sx span{ float:right;  padding-right:20px;}
.sx span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}




.form{
	display: block;
	max-width: 100%;
	margin: 34px auto 0;
}
.form input{
	border: 1px solid #d5d5d5;
	font-size: 14px; 
}
.form .line1{
	      width: 32.6%;
    height: 48px;
    line-height: 48px;
    padding: 0 46px 0 13px;
    float: left;
    margin: 0 1% 25px 0;
}
.form .name{
	background: #fff url(../images/i_form_ico1.png) no-repeat right 0;
}

.form .phone{
	background: #fff url(../images/i_form_ico2.png) no-repeat right 0;
}
.form .email{
	margin-right: 0;
	background: #fff url(../images/i_form_ico3.png) no-repeat right 0;
}
.form textarea{
	width: 100%;
	border: 1px solid #d5d5d5;
	padding: 10px 46px 10px 13px;
	height: 149px;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
	
}
.form .key{
	width: 310px;
	height: 44px;
	margin: 0 auto;
}
.form .file{
	width: 134px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 20px;
	background: #939393;
	font-size: 14px;
	color: #fff;
	
	cursor: pointer;
	float: left;
}
.form .file:hover{
	background: #f18226;
}
.form .file-box p{
	margin-left: 20px;
	line-height: 34px;
}
.form .file-btn{
	display: none;
}
.form input.pull-left{
	display: none;
}


.submit{
	position: relative;
	display: block;
	width: 205px;
	line-height: 50px;
	    margin: auto;
	background:#2a430d;
	
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	visibility: inherit;
}


.wrap1 .ilist{
	width: calc(100% + 10px);
	padding-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: -o-wrap;
	flex-wrap: wrap;
}
 .wrap1 .ilist.on .item:nth-child(n+5){
	display: none;
}
.wrap1 .item{
	width:25%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	
	zoom: 1;
	position: relative;
}
 .wrap1 .item .contai{
	height: 100%;
}
.wrap1 .item .btnbox{
	position: absolute;
	bottom: 36px;
	left: 0;
	width: calc(100% - 10px);
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	z-index: -1;
	opacity: 1;
	visibility: hidden;
}
.wrap1 .item .btnbox a{
	font-size: 12px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 100px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	margin: 0 7px;
	background: #fff;
	color: #494949;
	transition: all .3s ease-out;
	opacity: 0;
}
.wrap1 .item .btnbox a.purchase{
    background-color: #019a3f;
    color: #ffffff;
    border: 1px solid #019a3f;
}
 .wrap1 .item .box{
	background-color: #fff;
	 border: 1px solid #f2f1f1;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;

    box-shadow: 0 0 10px 4px rgba(0,0,0,0);
    transition: all .3s ease-out;
    height: 100%;
    box-sizing: border-box;
}
.wrap1 .item .box .imgs{
	    padding: 0px 0px 0px;
}
.wrap1 .item .box .imgs img{max-width: 100%;  overflow: hidden;    object-fit: cover;
}
 .wrap1 .item .tit{
	color: #666;
	padding:5% 2%;
    transition: all .3s ease-out;
    font-size: 16px;
    margin-bottom: 6px;
}
 .wrap1 .item .d2{
	color: #666;
	padding: 0 4%;
    transition: all .3s ease-out;
    font-size: 13px;
    font-weight: 300;
}
 .wrap1 .item .d3{
	color: #019a3f;
	font-size: 14px;
	display: inline-block;
	padding-right: 14px;
	background: url('../img/pro_arrow.svg') no-repeat right center/7px auto;
	margin-top: 20px;
	line-height: 30px;
}
 .wrap1 li .maodian{
	transform: translate(0,-76px);
}
 .wrap1 .addmore{
	font-size: 14px;
	color: #1a1a1a;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #d7d7d7;
	margin: 56px auto 95px;
	cursor: pointer;
}


 .wrap1 .item .contai:hover .box{
	    box-shadow: 4px 4px 20px 5px rgba(0, 0, 0, 0.13);
	    transform: translate(0,-3px);
	    z-index: 3;
	    position: relative;
	}
.wrap1 .item .box:hover .tit,
 .wrap1 .item .box:hover .d2{
		color: #000;
	}
	.select .select-con li:hover{
		background-color: #f2f2f2;
	}
 .wrap1 .item .contai:hover .box,
.wrap1 .item .contai:hover .btnbox{
		z-index: 2;
		visibility: visible;
		opacity: 1;
	    transform: translate(0,-3px);
	}
 .wrap1 .item .contai:hover .btnbox a{
		opacity: 1;
	}
 .wrap1 .item .btnbox a:hover{
		color: #808080;
	}
 .wrap1 .item .btnbox a.purchase:hover{
		background-color: #019a3f;
		color: #fff;
	}





.news{
	padding: 0% 0 5%;
}

.nzi{
	margin-bottom: 4%;
	font-size: 20px;
	text-align: center;
	color: #333;
}

.nzi h2{
	position: relative;
	margin-bottom: 1%;
	font-size: 30px;

}

.nzi span{
	color: #eb9600;
	
}

.news .single-blog span{
	float: right; font-size: 14px;
}

.single-blog {
  border: 1px solid #efefef;
  overflow: hidden;
  /*padding-bottom: 15px;*/
  transition: all .5s ease 0s;
	margin-bottom: 10px;
}
.single-blog:hover {
  box-shadow: 0 8px 16px 1px #ccc;

}
.blo-image-and-date { position: relative;overflow: hidden;}
.blo-image-and-date i{ position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/icon_23.png) rgba(0,0,0,0.4) no-repeat center;z-index: 100}
.blo-image-and-date img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;max-width: 100%;
}
.blo-image-and-date:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.blo-image-and-date > a {
  
  color: #000;
  font-size: 16px;
  left: 50%;transform: translate(-50%,0);
  padding: 6px 0;
  
  text-align: center;
  text-transform: uppercase;
  bottom: 0;
  width: 80%;
	margin: 0 auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.blog-info {
  padding: 11px 15px 31px;
}

.blog-text {
  padding: 20px;
}
.blog-text h3{
  color: #1b1b1b;
  font-size: 14px;
	margin-bottom: 10px;
}
.blog-text > p {
  color: #666;
font-size: 14px;
line-height: 26px;

}
.blog-text > a {
 /* border-bottom: 1px solid #333;*/

 /* float: right;*/
  color: #000;
  font-size: 15px;
  line-height: 40px;
}
.single-blog:hover .blog-text a{
  color: #000;
	text-decoration: none;

}
.news-zi p{
	font-size: 14px;
	line-height: 26px;

}
.cen-04{float:left; width:100%;font-size: 24px;color: #000;text-align:center; line-height:50px;font-family: "Microsoft YaHei";}
.cen-04-1{ text-align:center; border-bottom:1px dashed #ccc; line-height:25px; color:#666; float:left; width:100%;}
.cen-04-2{float:left; width:100%; background:#f2e3d0; border:1px solid #e7d1b4;  padding:5px;}
.cen-04-3{float:left; width:100%; padding-top:8px; padding-bottom:8px; line-height:30px; }
.cen-04-2 span{ font-weight:bold; color:#ff9933;}
.cen-04-6{float:left;width:100%; border:1px solid #fec3d7; font-size:12px;}
.newsdetail2{width:150px; float:right; text-align:right; padding-bottom:30px; font-size:14px; }
.sx1{width:100%; float:left;padding:20px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}
.sx1 p{clear:both;line-height:30px;font-weight:bold;}
.sx1 a{font-weight:normal}
.sx1 a:link{color:#999;text-decoration:none;}
.sx1 a:visited{color:#999;text-decoration:none;}
.sx1 a:hover{color:#2a430d;text-decoration:underline;}
.sx1 a:active{color:#2a430d;text-decoration:underline;}
.sx1 span{ float:right;  padding-right:20px;}
.sx1 span a{ padding-left:20px; color:#999 !important; text-transform:uppercase;	font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}