.inner{
    width: 1400px;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
    box-sizing: border-box;
}
/*@media all and (max-width:1680px){
    .inner{width: 1400px;}
}*/
@media all and (max-width:1440px){
    .inner{width: 1200px;}
}
.head_top{height: 38px;background: #269de0;}
.head_bot{
    height: 110px;
    position: relative;
}
.head_bot .logo{
    width: 186px;
    height: 70px;
    display: inline-block;
    margin-top: 14px;
}

.head_bot .logo img{
    width: 186px;
    height: 70px;
}
.head_bot .logo p{
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
.head_bot .nav{
    float: right;
    font-size: 0;
    position: relative;
}
.nav_top{position: absolute;top: 0;right: 0;width: 100%;text-align: right;padding-top: 15px;}
.nav_top p{font-size: 14px;color: #666;display: inline-block;background: url(../image/t-tel.png)no-repeat left center;padding-left: 22px;margin-right: 15px;}
.nav_top p span{color: #00bcd7;}
.head_tf{font-size: 0;float: left;}
.head_tf span{display: inline-block;font-size: 13px;color: #fff;line-height: 38px;}
.head_tf span.tel{font-size: 14px;background: url(../image/t-tel.png)no-repeat left center;padding-left: 25px;margin-left: 12px;}
.head_rt{float: right;}

/*header*/
.header {
    z-index:200;
    position:relative;
    background-color:#fff;
    /*border-bottom: 1px solid #7a7979;*/
    box-sizing: border-box;
    /*box-shadow: 0px 1px 20px #e1e1e1;*/
}
.layouts,.layouts1 {width:1400px;margin:0 auto;}

.nav li {
    float: left;
    margin:0 25px;
}
.nav li.last-li{margin-right:65px;}
.nav > ul{margin-top: 48px;}
.nav > ul > li > a {
    position:relative;
    display:block;
    font-size:16px;
    color:#333;
    padding: 0 20px;
    line-height: 59px;
    font-family: 'microsoft yahei';
    box-sizing: border-box;
}
.nav > ul > li.on>a{
    color: #00bcd7;
    border-bottom: 3px solid #00bcd7;
}
.nav > ul > li:hover>a{color: #00bcd7;border-bottom: 3px solid #00bcd7;}
.nav .bottom_line {
    position:absolute;
    left:0;
    bottom:0;
    display:block;
    width:100%;
    height:0;
    background-color:#00bcd7;
    transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
}
.nav > ul > li.on .bottom_line,.nav > ul > li:hover .bottom_line{
    height:2px;
}
.tc>li:last-child{
    margin-right: 0;
}
.sub_nav {
    z-index:9;
    position:absolute;
    display:none;
    padding:1.5rem 1rem;
    text-align:left;
    background-color:#f3f6fb;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-shadow: 0px 5px 13px -2px #ccc;
}
.sub_nav a {
    display:block;
    /*padding:1rem 0;*/
    font-size:14px;
    color: #5f6a84;
}
.fadeInUp {
    display:block;

}
.navli{
    position: relative;
}
.fuwu_sub_nav{
    width: 227px;
    position: absolute;
    left: 0;
    background: #fff;
    padding: 0;
    box-shadow: none;
    padding: 0 20px 20px;
    border: 1px solid #eee;
}

.sycpxl{

width: 300px;
}
.fuwu_sub_nav .per{
    padding-top: 10px;
    line-height: 34px;
    text-align: center;
    position: relative;
    border-bottom: 1px dashed #e5e5e5;
}
.fuwu_sub_nav .per:last-child{
    /*border-bottom: none;*/
}
.fuwu_sub_nav .per a{
    width: 100%;
    color: #666;
    font-size: 14px;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}
.fuwu_sub_nav .per:last-child a{
    border-bottom:none;
}
.fuwu_sub_nav>.per>a:hover,.fuwu_sub_nav>.per>a.on{
    color: #00bcd7;
}
.fuwu_sub_nav1 li a:hover{color: #00bcd7;}
.fuwu_sub_nav1{
    display: none;
    width: 164px;
    position: absolute;
    top: 0;
    right: -165px;
    background: #1d1c21;
}

.fuwu_sub_nav1 li{
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #28282b;
}
.fuwu_sub_nav1 li a{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.fuwu_sub_nav .per:hover .fuwu_sub_nav1{
    display: block;
}
.fuwu_sub_nav .per:hover .fuwu_sub_nav1{
    display: block;
}
.fuwu_sub_nav1 li:last-child{
    border-bottom: none;
}


.search {
    position: absolute;
    right: 0;
    padding-left: 20px;
    height: 62px;
}
.search .butt_search {
    display: inline-block;
    background: url(../image/search.png) no-repeat center center;
    width: 20px;
    height: 62px;
    border-radius: 50%;
    vertical-align: top;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    z-index: 200;
    cursor: pointer;
    outline: none;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    border: none;
}
.hd_ser2 .wrapper-text{
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    width: 171px;
    height: 27px;
    border: 1px solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    top: 61px;
    right: 0;
    z-index: 200;
    border-color: #00bcd7;
}
.hd_ser2 .text {
    box-sizing: border-box;
    color: #8b8b8b;
    font-size: 14px;
    width: 171px;
    height: 27px;
    line-height: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    height: 27px;
    line-height: 30px;
    vertical-align: top;
}
.hd_ser2 .wrapper-text.active {
    display: block!important;
}
.header-nav > li.search .hd_ser2 {
    float: none;
    margin: 0;
    width: 110px;
    height: 84px;
    background-color: #ffffff;
}
.hd_ser2 {
    position: relative;
}
@media all and (max-width:1440px){
    .layouts,.layouts1 {width:1200px;margin:0 auto;}
    .nav li.last-li{margin-right: 50px;}
    .nav li{margin: 0 14px;}
}
.nav li.last-li .fuwu_sub_nav{left:auto;right:0;}
/*客服*/
.kf {
        transition: .8s;
        -o-transition: .8s;
        -moz-transition: .8s;
        -webkit-transition: .8s;
        z-index: 999999;
        background-color: #fff;
        position: fixed;
        bottom: 100px;
        right: 20px;
        width: 62px;
        border-radius: 5px;
        display: none;
}

.kf span {
        z-index: 1000001;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        cursor: pointer;
        position: relative;
        display: block;
        width: 62px;
        height: 62px;
        border-bottom: 1px solid #e3e3e3;
        background:url(../image/kefu_j.png) no-repeat center #fff;
}
.kf span:hover{background-color:#00bcd7;}

.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 0;}
.kf .zx:hover {background-position: 0 -62px;}

.kf .freetel {background-position:-62px 0;}
.kf .freetel:hover {background-position:-62px -62px;}
.kf .act {background-position:-186px 0;}
.kf .act:hover{background-position:-186px -62px;}
.kf .zxlya {background-position:-124px 0;}
.kf .zxlya:hover{background-position:-124px -62px;}
.kf .back_top {
        border-radius: 0 0 5px 5px;
        border: none;
        background-position:-248px 0;
}
.kf .back_top:hover {background-position:-248px -62px;}

.kf span div {
        display: none;
        background-color: #fff;
        border-radius: 5px;
        position: absolute;
        right: 75px;
        padding: 20px;
        font-size: 14px;
        color: #f4474c;
        bottom:2px;
}

.kf span div input {
        text-indent: .5em;
        display: block;
        margin: 15px 0;
        line-height: 28px;
        color: #696969;
        font-size: 12px;
        width: 140px;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        height: 28px;
}

.kf span div a {
        -o-transition: .5s;
        transition: .5s;
        -webkit-transition: .5s;
        display: block;
        background: #f4474c;
        border-radius: 2px;
        color: #fff;
        line-height: 26px;
        font-size: 12px;
        text-align: center;
        width: 79px;
        height: 26px;
}

.kf span div a:hover {
        background: #f4474c;
}

.kfimgr{
        position: absolute;
        bottom:23px;
        right: -9px;
}

.kf span div i {
        display: block;
        position: absolute;
        width: 15px;
        height: 200px;
        right: -15px;
        top: 0;
}

.kf .zx div, .kf .freetel div,
.kf .zxlya div, .kf span:nth-child(4) div {
        text-align: center;
        min-width: 148px;
        font-size: 14px;
        color: #666;
}

.kf span:nth-child(4) div {
        white-space: nowrap;
}

.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}

.kf span div, .kf {
        -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}


.nav_center div, .index_nav_center div, .shou, .zhan {
        -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.shou {
        z-index: 1000000;
        cursor: pointer;
        width: 30px;
        height: 40px;
        top: 50%;
        margin-top: -15px;
        border-radius: 5px 0 0 5px;
        right: 62px;
        background: url("../image/kefu_j.png") no-repeat -310px 0 #fff;
        position: absolute;
}

.shou.on {background-position: -310px -40px;}

/*===============轮播切换==============*/


/*banner*/
#wrapper {
    background:#fff;
    position:relative;
   
}


/*===============轮播切换==============*/
/*banner*/
.banner{
    width: 100%;
    position: relative;
}
.banner_index li a>img{
    display: block;
    width: 100%;
}
.banner_index {
    position: relative;
    overflow: hidden;
}
.slides>li{
    position: relative;
    height: 700px;
}
.banner_index a {
    display: block;
}
.banner_index .flex-direction-nav .flex-prev:hover,.banner_index .flex-direction-nav .flex-next:hover{background:url(../image/slider-left-arrowh.png) no-repeat center;}
.banner_index .flex-direction-nav .flex-prev,
.banner_index .flex-direction-nav .flex-next {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    font-size: 0;
    border:2px solid rgba(255,255,255,0.1);
    background: transparent;
}
.banner_index .flex-direction-nav .flex-prev {
    left: 20px;
    background:url(../image/slider-left-arrow.png) no-repeat center;
}
.banner_index .flex-direction-nav .flex-next {
    right: 20px;
    background:url(../image/slider-left-arrow.png) no-repeat center;
    transform: rotate(180deg) translateY(50%);

}
.banner_index .flex-control-paging li .flex-active {
    background: #00bcd7;
}
.banner_index .flex-control-paging {
    position: absolute;
    bottom: 50px;
    right: 50%;
    transform: translate(50%, 0);
}
.banner_index .flex-control-paging li {
    float: left;
    cursor: pointer;
    font-size: 0;
}
.banner_index .flex-control-paging a {
    cursor: pointer;
    position: relative;
    background:#aaa;
    border-radius:10px;
    width: 16px;
    height: 16px;
    margin:4px 10px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}
.banner_index .flex-control-paging li:last-child a{
    margin-right: 0;
}
.ban_lf{width: 502px;height: 610px;overflow: hidden;float: left;margin-top: 83px;}
.ban_lf img{display: block;width: 100%;}
.more{
    display: inline-block;
    width: 170px;
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
    color: #7d7d7d;
    text-align: left;
    padding-left: 42px;
    box-sizing: border-box;
    line-height: 38px;
    margin-top: 42px;
    
    position: relative;
    border: 1px solid #7d7d7d;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s;
    z-index: 2;
}
.more i{display: inline-block;width: 19px;height: 12px;background:url(../image/right3.png)center;position: absolute;right: 42px;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
.more:after{
    content: '';
    width: 0;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top, right top,from(#b1e282),to(#00bcd7));
    background: -webkit-linear-gradient(133deg,#b1e282,#00bcd7);
    background: -o-linear-gradient(133deg,#b1e282,#00bcd7);
    background: linear-gradient(133deg,#b1e282,#00bcd7);
    transition: all 0.3s;
    z-index: -1;
}
.more:hover:after{
    width: 100%;
}
.more:hover{border-color:transparent;color: #fff;}
.more:hover i{background:url(../image/right3h.png)no-repeat center;}
.banner_info .ban_rt{margin-top: 175px;width: 560px;float: right;padding-right: 30px;box-sizing: border-box;}
.banner_info .ban_rt h3{color: #00bcd7;font-size: 40px;font-weight: bold;line-height: 40px;position: relative;padding-bottom: 28px;margin-bottom: 14px;font-family: arial;}
.banner_info .ban_rt h3:after{content: '';width: 40px;height: 2px;background: #00bcd7;position: absolute;bottom: 0;left:0;}
.banner_info .ban_rt p span{display: inline-block;font-size: 24px;color: #666;line-height: 48px;width: 195px;font-family: arial;}
.banner_info2{text-align: center;}
.banner_info2 h3{font-size: 40px;color: #333;font-weight: bold;font-family: arial;margin-top: 109px;}
.banner_info2 h3 .span1{font-size: 60px;color: #00bcd7;}
.banner_info2 h3 .span2{font-size: 60px;color: #fff;}
.banner_info2 h4{color: #666;font-size: 28px;margin-top: 13px;}
.banner_info2 .more{margin-top: 301px;}
.tit{text-align: center;}
.tit h3{color: #333;font-size: 40px;line-height: 40px;margin-bottom: 8px;}
.tit h4{font-size: 18px;color: #888;font-family: 'open-s';line-height: 18px;}
.in_one{padding: 80px 0;}
.in1_list li{width: 350px!important;float: left;padding:0 15px;box-sizing: border-box;position: relative;height: 294px;}
.in1_list .in1_front .in1_pic{margin-top: 22px;}
.in1_list .in1_front .in1_pic img{display: block;margin: 0 auto;}
.in1_list .in1_front .in1_desc{text-align: center;}
.in1_list .in1_front .in1_desc h3{font-size: 18px;color: #333;line-height: 18px;padding-bottom: 20px;position: relative;margin-bottom: 12px;margin-top: 22px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in1_list .in1_front .in1_desc h3:after{content: '';width: 40px;height: 2px;background: #71ba2b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.in1_list .in1_front .in1_desc p{font-size: 14px;color: #666;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.in1_front{
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.in1_back{
    position: absolute;
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.in1_back:after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;z-index: -1;}

.in1_list .in1_back .in1_desc{text-align: center;}
.in1_list .in1_back .in1_desc h3{font-size: 18px;color: #fff;line-height: 18px;padding-bottom: 20px;position: relative;margin-bottom: 12px;margin-top: 58px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in1_list .in1_back .in1_desc h3:after{content: '';width: 40px;height: 2px;background: #71ba2b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.in1_list .in1_back .in1_desc p{font-size: 14px;color: #fff;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.in1_backimg{display: block;margin: 42px auto 0;}

.in1_list li:hover .in1_front{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.in1_list li:hover .in1_back{
    opacity: 1;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
}
.in_list_con{margin-top: 55px;text-align: center;}
.in_list_con .in1_list{overflow: hidden;}
.in_list_con .more{margin-top: 50px;}
.in1_hd a{display: inline-block;width: 37px;height: 37px;border-radius: 50%;background: url(../image/right4.png)no-repeat center;position: absolute;top: 50%;transform: translateY(-50%);transition: all 0.3s;z-index: 10;}
.in1_hd a:hover{background: url(../image/right4h.png)no-repeat center;}
.in1_hd a.in1_prev{left: -20px;transform: rotate(180deg) translateY(50%);}
.in1_hd a.in1_next{right: -20px;}
@media (max-width: 1440px){
    .in1_hd a.in1_prev{left: 0;transform: rotate(180deg) translateY(50%);}
    .in1_hd a.in1_next{right: 0;}
    .in1_list li{width: 300px!important;}
}

.in_two .tit h3,.in_two .tit h4{color: #fff;}
.in_two{height: 907px;box-sizing: border-box;padding: 80px 0;}

.aus-ryzz{position: relative;}
.aus-ryzz .swiper-prev,.aus-ryzz .swiper-next{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    transition: .5s;
    font-size: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}
.aus-ryzz .swiper-prev{
    left: 336px;
    background:url(../image/right4.png) no-repeat center;
    transform: rotate(180deg)translateY(50%);}
.aus-ryzz .swiper-next{right: 336px;
    background:url(../image/right4.png) no-repeat center;}
.aus-ryzz .swiper-prev:hover{
    background: url(../image/right4h.png) no-repeat center;
}
.aus-ryzz .swiper-next:hover{
    background: url(../image/right4h.png) no-repeat center;
}
.aus-ryzz .swiper-prev:hover,.aus-ryzz .swiper-next:hover{background: url(../image/right4h.png) no-repeat center;}

#ryzzSlide{
    width: 100%;
    margin-top: 56px;
}
#ryzzSlide .swiper-slide{
    width: 543px;
    text-align: center;
    margin-bottom: 52px;
}
#ryzzSlide .p-pic{
    width: 543px;
    height: 508px;
    position: relative;
}
#ryzzSlide .p-pic:after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.25);position: absolute;left: 0;top: 0;}
#ryzzSlide .swiper-slide img{width:100%;height:100%;}
#ryzzSlide .swiper-slide-active .p-tit{opacity: 1;padding:28px 36px;transition: all .3s;background: transparent;height: 110px;box-sizing: border-box;border-bottom: 3px solid #71ba2b;text-align: left;text-align: center;}

#ryzzSlide .p-tit h3{color: #fff;opacity: 1;transform: scale(1.9);font-size: 20px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 40px;}
#ryzzSlide .p-tit p{color: #999;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;opacity: 0;}

#ryzzSlide .swiper-slide-active .p-tit h3{transform: scale(1);font-size: 24px;margin-top: 0;}
#ryzzSlide .swiper-slide-active .p-tit p{opacity: 1;}
#ryzzSlide .swiper-slide-active .p-pic:after{display: none;}
.incase_box .more{opacity: 0.5;color: #fafafa;background: url(https://www.szyhtlab.com/skin/jht/images/right11.png)no-repeat right 37px center;}
.incase_box .more:hover {
    color: #fff;
    opacity: 1;
    background: #ebad32 url(https://www.szyhtlab.com/skin/jht/images/right5.png)no-repeat right 37px center;
    border-color: #ebad32;
}
.in_three{padding: 80px 0;}
.in3_list{margin-top: 58px;text-align: center;}
.in3_list.news_list li{width: 31.6%;height: auto;margin-bottom: 0;text-align: left;}
.in3_list.news_list .news_pic{width: 100%;height: auto;}
.in_three .more{margin-top: 50px;}
.in_four{padding: 80px 0;box-sizing: border-box;height: 761px;}
.in4_list li img{display: block;}
.in4_list{margin-top: 58px;padding: 0 67px;box-sizing: border-box;text-align: center;}
.in4_list .more{margin-top: 440px;}
.in4_list ul{position: relative;}
.in4_list li.li1{position: absolute;left: 0;top: 79px;}
.in4_list li.li2{position: absolute;left: 139px;top: 0;}
.in4_list li.li3{position: absolute;left: 139px;top: 159px;}
.in4_list li.li4{position: absolute;left: 275px;top: 79px;}
.in4_list li.li5{position: absolute;left: 275px;top: 239px;}
.in4_list li.li6{position: absolute;left: 410px;top: 159px;}
.in4_list li.li7{position: absolute;left: 546px;top: 79px;}
.in4_list li.li8{position: absolute;left: 546px;top: 239px;}
.in4_list li.li9{position: absolute;right: 410px;top: 159px;}
.in4_list li.li10{position: absolute;right: 275px;top: 239px;}
.in4_list li.li11{position: absolute;right: 275px;top: 79px;}
.in4_list li.li12{position: absolute;right: 139px;top: 0;}
.in4_list li.li13{position: absolute;right: 139px;top: 159px;}
.in4_list li.li14{position: absolute;right: 0;top: 79px;}

.in4_list ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.in4_list ul:hover > * { opacity: 0.5; transform: scale(0.9); }
.in4_list ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }

.in4_list li img{
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);
  transition: all 1s;

  filter: gray;}
.in4_list li:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: gray;
}


/*底部*/
/*.footer{padding: 62px 0 0;}*/
.foot_nav{background: #313131;/* height: 80px; */position: relative;padding-bottom: 30px;}
.foot_nav ul li{display: inline-block;vertical-align: top;/* margin: 0px  25px; */min-width: 15%;margin-right: 1%;}
.foot_nav ul{font-size: 0;}
.foot_nav ul li a{display: inline-block;font-size: 16px;color: #d4d4d4;font-weight: bold;line-height: 80px;}
.foot_up{position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;}
.foot_box{background: #1b1b1b;padding-top: 45px;}
.foot_lf{float: left;}
.foot_lf h3{color: #999;font-size: 18px;line-height: 18px;margin-bottom: 6px;}
.foot_lf h4{color: #666;font-size: 14px;}
.foot_lf .foot_share{font-size: 0;margin-top: 27px;}
.foot_lf .foot_share a{display: inline-block;width: 36px;height: 36px;border-radius: 50%;position: relative;margin: 0 10px 0 0;padding-left: 0;}
.foot_lf .foot_share a.s1{background: url(../image/wb.png)no-repeat center;}
.foot_lf .foot_share a.s2{background: url(../image/qq.png)no-repeat center;}
.foot_lf .foot_share a.s3{background: url(../image/wx.png)no-repeat center;}
.foot_lf .foot_share a.s4{background: url(../image/kj.png)no-repeat center;}
/*.foot_share a:after{content: '';width: 100%;height: 0;border-radius: 50%;position: absolute;left: 0;top: 0;background: -webkit-gradient(linear,left top, right top,from(#b1e282),to(#00bcd7));
    background: -webkit-linear-gradient(135deg,#b1e282,#00bcd7);
    background: -o-linear-gradient(135deg,#b1e282,#00bcd7);
    background: linear-gradient(135deg,#b1e282,#00bcd7);
    transition: all 0.3s;
    z-index: 1;}*/
.foot_lf .foot_share a.s1:hover{background: url(../image/wbh.png)no-repeat center;}
.foot_lf .foot_share a.s2:hover{background: url(../image/qqh.png)no-repeat center;}
.foot_lf .foot_share a.s3:hover{background: url(../image/wxh.png)no-repeat center;}
.foot_lf .foot_share a.s4:hover{background: url(../image/kjh.png)no-repeat center;}

.foot_top{padding-bottom: 60px;}

.foot_rt{width: 897px;float: right;}
.foot_rt dd{color: #888;font-size: 14px;line-height: 36px;}
.foot_rt dl{padding: 0 50px;float: left;border-right: 1px solid #666;}
.foot_rt dl:last-child{border-right: 0;padding-right: 0;}
.foot_rt dl dd.dd1{line-height: 24px;background: url(../image/f-tel.png)no-repeat left center;padding-left: 54px;margin-top: 12px;}
.foot_rt dl dd.dd1 p{color: #71ba2b;font-size: 18px;}
.foot_bot{padding-bottom: 28px;}
.foot_bot span,.foot_bot a{display: inline-block;color: #888;font-size: 14px;margin-right: 50px;}
.foot_bot a:last-child{margin-right: 0;}
.foot_copy{border-top: 1px solid #535353;padding: 30px 0;background: #1b1b1b;}
.foot_copy p,.foot_copy p a{color: #666;font-size: 14px;}
.foot_copy p.p1{float: left;}
.foot_copy p.p2{float: right;}
.footer a:hover{color: #00bcd7;}


/*产品列表*/
.con{width: 1200px;margin: 0 auto;z-index: 2;position: relative;}
.banner{height: 350px;position: relative;}
.banner:after{content: '';width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;}
.ban_con{height: 100%;padding-top: 105px;box-sizing: border-box;}
.ban_info h3{color: #ebebeb;font-size: 24px;line-height: 24px;margin-bottom: 10px;}
.ban_info h4{color: #ececec;font-size: 16px;line-height: 16px;}
.ban_info{padding: 17px 23px;position: relative;}
.ban_info:before{content: '';width: 3px;height: 80px;background: #71ba2b;position: absolute;left: 0;top: 0;}
.bread,.bread a{color: #ebebeb;font-size: 14px;}
.bread{background:url(../image/home.png)no-repeat left center;padding-left: 25px;}
.bread a:hover,.bread a.on{color: #71ba2b;}
.bread{display: inline-block;position: absolute;right: 0;bottom: 30px;}
.bread a:last-child{color: #71ba2b;}
.pro_con{background:#f5f5f5;padding:70px 0 70px;}
.pro_pic{width: 100%;height: 100%;border: 1px solid #e5e5e5;overflow: hidden;box-sizing: border-box;}
.pro_pic img{display: block;width: 380px;height: 356px;transition: all 0.3s;width: 100%;height: 100%;}
.pro_desc{height: 110px;border-bottom: 3px solid #e5e5e5;box-sizing: border-box;text-align: center;padding-top: 30px;transition: all 0.3s;}
.pro_desc h3{color: #333;font-size: 18px;line-height: 18px;margin-bottom: 12px;transition: all 0.3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_desc p{color: #666;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_list li{width: 31.3%;float: left;margin-right: 2%;margin-bottom: 2%;}
.pro_list li:nth-child(3n){margin-right: 0;}
.pro_list li:hover .pro_pic img{transform: scale(1.1);}
.pro_list li:hover .pro_desc h3{color: #71ba2b;}
.pro_list li:hover .pro_desc{border-color: #71ba2b;}
.pro_list .page{margin-top: 40px;}
.page{font-size: 0;text-align: right;margin-top: 70px;}
.page a{display: inline-block;width: 30px;height: 30px;border: 1px solid #dedede;background: #fff;color: #666;font-size: 16px;text-align: center;line-height: 30px;box-sizing: border-box;margin-left: 10px;}
.page a.page_prev,.page a.page_next{width: 70px;}
.page a.on,.page a:hover{color: #fff;background: #71ba2b;border: 1px solid transparent;}
.page .frist{ display:none;}
/*常见问题*/
.faq_list{margin-top: 70px;}
.faq_list .p-accordion li{width: 100%;box-sizing: border-box;margin-bottom: 10px;}
.faq_list .p-accordion li .link{padding:13px 70px;cursor: pointer;display: block;color: #666;font-size: 14px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;box-sizing: border-box;background: #fff url(../image/cir.png)no-repeat left 30px center;text-align: left;}
.faq_list .answer{display: none;padding: 20px 30px;overflow: hidden;background: #fff;position: relative;}
.faq_list .answer p{color: #666;font-size: 14px;text-align: left;}
.faq_list .answer span{display: block;color:#888;font-size: 16px;margin-bottom: 10px;}
.chevron-down{position: absolute;top: 12px;right: 30px;width: 20px;height: 20px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background: url(../image/jia.png)no-repeat center;}
.faq_list .p-accordion li.open .link .chevron-down,.faq_list .p-accordion li:hover .link .chevron-down{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);background: url(../image/jian.png)no-repeat center;}
.faq_box .page{margin-top: 40px;}
.faq_list .p-accordion li:last-child{margin-bottom: 0;}

.faq_list .p-accordion li.open .link,.faq_list .p-accordion li:hover .link{background: #71ba2b url(../image/cirh.png)no-repeat left 30px center;color: #fff;}

.page_nav a{display: inline-block;font-size: 14px;color: #666;padding:8px 20px;line-height: 14px;border-radius: 20px;margin-left: 10px;}
.faq_con{background: #f5f5f5;padding:30px 0 40px;}
.page_nav a:hover,.page_nav a.on{color: #fff;background: #71ba2b;}
.page_nav {font-size: 0;text-align: right;padding-bottom: 40px;border-bottom: 1px solid #dcdcdc;}


/*人才招聘*/
.rczp_tit{height: 57px;background: #71ba2b;font-size: 0;margin-bottom: 10px;margin-top: 70px;}
.rczp_tit li{width:240px;display: inline-block;line-height: 57px;color: #fff;font-size: 18px;position: relative;box-sizing: border-box;text-align: center;}
.rczp_tit li:after{content: '';width: 1px;height: 18px;background: rgba(255,255,255,0.3);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.rczp_tit li:last-child:after{display: none;}
.rczp_con .zp_tit{height: 54px;line-height: 54px;}
.rczp_con .zp_tit li{display: inline-block;line-height: 54px;color: #333;font-size: 14px;   box-sizing: border-box;width: 239.5px;text-align: center;transition: all 0.3s;}

.zp_list li:hover .zp_tit li:first-child{color: #71ba2b;}
.zp_list li.on .zp_tit {
    background: #fff url(../image/cha.png)no-repeat right 40px center;
}
.zp_tit h3{color: #71ba2b;font-size: 14px;line-height: 54px;padding-left:78px; display: none;}
.zp_font{background: #fff;padding: 18px 78px 70px;}
.zp_list li.on .zp_tit ul{display: none;}
.zp_list li.on .zp_tit h3{display: block;background: url(../image/right.png)no-repeat left 40px center;}
.zp_font .zp_det h3{font-size: 14px;color: #333;margin-bottom: 8px;}
.zp_font .zp_det p{font-size: 14px;color: #666;}
.zp_list>ul>li{margin-bottom: 10px;border: 1px solid #dcdcdc;box-sizing: border-box;background: #fff;}
.zp_list ul{font-size: 0;box-sizing: border-box;}
.zp_list p.p-more{color: #666;text-align: center;font-size: 14px;margin-top: 30px;}
.zp_list p.p-more span{color: #71ba2b;}
.zp_font .zp_det a{display: inline-block;width: 117px;height: 40px;border-radius: 30px;background: #71ba2b;color: #fff;line-height: 40px;text-align:center;font-size:14px;margin-top: 45px;}

/*解决方案*/
.solu_list li{width: 380px;height: 319px;margin-right: 30px;margin-bottom: 30px;position: relative;float: left;}
.solu_list li:nth-child(3n){margin-right: 0;}
.solu_pic{width: 380px;height: 319px;overflow: hidden;}
.solu_pic img{display: block;width: 100%;transition: all 0.5s;}
.solu_desc{height: 60px;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;transition: all 0.5s;}
.solu_desc h3{color: #fff;font-size: 18px;line-height: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.solu_desc p{color: #fff;font-size: 14px;display: none;height: 85px;overflow: hidden;}
.solu_desc_con{position: absolute;top: 50%;transform: translateY(-50%);padding: 0 30px;}
.solu_list li:hover .solu_desc{height: 100%;text-align: center;}
.solu_list li:hover .solu_desc h3{margin-bottom: 32px;}
.solu_list li:hover .solu_desc p{display: block;}
.solu_list li:hover .solu_desc .solu_desc_con{padding: 0 58px;}
.solu_desc_con .img1{display: block;margin: 0 auto;display: none;margin-top: 42px;}
.solu_list li:hover .solu_desc .solu_desc_con .img1{display: block;}
.solu_list .page{margin-top: 40px;}
.solu_list li:hover .solu_pic img{transform: scale(1.1);}

/*客户案例*/
.case_list li{width: 277px;border: 1px solid #dcdcdc;float: left;margin-right: 28px;margin-bottom: 30px;}
.case_list li:nth-child(4n){margin-right: 0;}
.case_list li .case_pic{width: 277px;height: 190px;overflow: hidden;}
.case_list li .case_pic img{display: block;width: 100%;transition: all 0.3s;}
.case_list li .case_desc{border-top: 1px solid #dcdcdc;width: 100%;padding: 15px 20px;box-sizing: border-box;background: #fff;}
.case_list li .case_desc p{color: #333;font-size: 14px;}
.case_list li:hover .case_pic img{transform: scale(1.1);}
.case_list .page{margin-top: 40px;}


/*案例详情*/
.casexq_con{text-align: center;}
.casexq_con h3{color: #333;font-size: 24px;}
.casexq_con h4{color: #666;font-size: 14px;margin-bottom: 27px;}
.casexq_item{position: relative;width: 659px;margin: 0 auto;margin-bottom: 20px;}
.casexq_pic{width: 659px;height: 329px;overflow: hidden;}
.casexq_pic img{display: block;width: 100%;transition: all 0.3s;}
.casexq_desc{height: 60px;width: 100%;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;}
.casexq_desc p{color: #fff;font-size: 18px;line-height: 60px;padding: 0 20px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.casexq_item:hover .casexq_pic img{transform: scale(1.1);}
.casexq_item:last-child{margin-bottom: 0;}
.xq_menu a{display: inline-block;font-size: 14px;color: #666;margin-left: 44px;}
.xq_menu{font-size: 0;text-align: right;margin-top: 70px;}
.xq_menu a.menu_return{background: url(../image/return.png)no-repeat left center;padding-left: 24px;}
.xq_menu a:hover{color: #00bcd7;}
/*下载页面*/
.down_list li{width: 100%;border: 1px solid #e5e5e5;background: #fff;margin-bottom: 10px;height: 50px;overflow: hidden;}
.down_list li span{line-height: 50px;color: #666;font-size: 14px;display: inline-block;vertical-align: top;}
.down_list .down_link{display: inline-block;width: 100%;height: 50px;background: url(../image/down.png)no-repeat center;}
.down_list li span.td2{width: 82px;text-align: center;}
.down_list li span.td1{padding-left: 20px;}
.down_list li:hover .down_link{width: 82px;background: url(../image/downh.png)no-repeat center;cursor: pointer;}
.span_rt{float: right;display: inline-block;}


/*联系我们*/
.cont_top{padding-top: 70px;margin-bottom: 65px;}
.cont_top .m-item{width: 400px;float: left;text-align: center;position: relative;}
.cont_top .m-item .m-icon{width: 110px;height: 110px;border: 1px dashed #666;border-radius: 50%;background: url(../image/add.png)no-repeat top 30px center;margin: 0 auto;margin-bottom: 22px;transition: all 0.3s;}
.cont_top .m-item .m-icon p{color: #666;font-size: 18px;line-height: 18px;margin-top: 61px;transition: all 0.3s;}
.cont_tit{text-align: center;margin-bottom: 30px;}
.cont_tit h3{color: #333;font-size: 24px;line-height: 24px;margin-bottom: 5px;}
.cont_tit h4{color: #666;font-size: 14px;font-family: arial;}
.cont_top .m-item .m-cont p{color: #666;font-size: 14px;line-height: 28px;transition: all 0.3s;}
.cont_top .m-item:after{content: '';width: 1px;height: 100px;background: #dcdcdc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.cont_top .m-item:last-child:after{display: none;}
.cont_top .m-item:hover .m-icon p{color: #71ba2b;}
.cont_top .m-item:hover .m-icon{border-color: #71ba2b;background: url(../image/addh.png)no-repeat top 30px center;transform: translateY(-10px);}
.cont_top .m-item:hover .m-cont p{color: #71ba2b; }

.cont_blf{width: 325px;height: 549px;float: left;overflow: hidden;background: #71ba2b;padding: 58px 40px 0;box-sizing: border-box;}
.cont_brt{width: 875px;height: 549px;float: right;overflow: hidden;}
.cont_btit h3{font-size: 18px;color: #fff;padding-left: 35px;background: url(../image/tel1.png)no-repeat left center;line-height: 26px;}
.cont_btit{padding-bottom: 26px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.cont_blf .cont_bitem p{font-size: 14px;color: #fff;line-height: 24px;}
.cont_blf .cont_bitem{padding-top: 10px;padding-bottom: 10px;border-bottom:1px solid rgba(255,255,255,0.4);}
.cont_blf .cont_bitem:first-child{padding-top: 22px;}
.cont_blf .cont_bitem:last-child{border-bottom: 0;}

.contact-mesg{margin-top: 70px;}
.form-group{
    margin-bottom: 20px;
    position: relative;
    height:54px;
    width:380px;
    margin-right:30px;
    float: left;
    background: #fff;
}
.form-group.form-group-mar{margin-right: 0;}
.form-group .boxline{
    border: 1px solid #d9d9d9;
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    z-index:2;
}
.form-group input{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #666;
    width: 100%;
    height:54px;
    line-height:24px;
    padding:15px 20px;
    -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
    box-sizing: border-box;
}
.form-group.form-area{
    width:1200px;
    height: 195px;
    margin-bottom: 30px;
}
.form-group textarea{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 195px;
    line-height:24px;
    padding:15px 20px;
    resize: none;
    -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
    box-sizing: border-box;
}
.form-group .boxline::before,
.form-group .boxline::after{
    content: '';
    position:absolute;
    z-index: 5;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    border-style: solid;
    border-color: #94d60a;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.form-group .boxline::before{
     width: 0;
     height: 100%;
    border-width: 1px 0 1px 0;
    top: -1px;
    left: 0;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
       transition-delay: 0.05s;
}
.form-group .boxline::after {
    width: 100%;
    height: 0;
    border-width: 0 1px 0 1px;
    left: -1px;
    top: 0;
}
.form-group input:focus + .boxline::before,
.form-group textarea:focus + .boxline::before {
    width: 100%;
}
.form-group input:focus + .boxline::after,
.form-group textarea:focus + .boxline::after {
    height: 100%;
}
.form-group input:focus,
.form-group textarea:focus{color:#71ba2b;}
.form-btn{text-align: center;}
.btn-submit{
    display: inline-block;
    width:170px;
    height: 40px;
    background: #71ba2b url(../image/right1.png)no-repeat right 40px center;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding-left: 40px;
    line-height: 40px;
    margin-left: 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 0;
}


/*售后服务*/
.ser_con1{padding-top: 70px; padding-bottom: 70px;}
.ser_tit{text-align: center;margin-bottom: 68px;}
.ser_tit h3{color: #333;font-size: 24px;line-height: 24px;margin-bottom: 20px;}
.ser_tit p{color: #666;font-size: 14px;padding: 0 89px;}
.ser_list li{width: 380px;height: 233px;background: #fff;margin-right: 30px;margin-bottom: 30px;box-sizing: border-box;float: left;transition: all 0.3s;}
.ser_list li:nth-child(3n){margin-right: 0;}
.ser_pic{height: 110px;margin-bottom: 30px;transition: all 0.3s;}
.ser_desc{padding: 0 10px;text-align: center;}
.ser_desc h3{font-size: 18px;color: #333;line-height: 18px;margin-bottom: 9px;transition: all 0.3s;}
.ser_desc p{color: #666;font-size: 14px;}
.ser_pic1{background: url(../image/ser1.png)no-repeat center bottom;}
.ser_pic2{background: url(../image/ser2.png)no-repeat center bottom;}
.ser_pic3{background: url(../image/ser3.png)no-repeat center bottom;}
.ser_pic4{background: url(../image/ser4.png)no-repeat center bottom;}
.ser_pic5{background: url(../image/ser5.png)no-repeat center bottom;}
.ser_pic6{background: url(../image/ser6.png)no-repeat center bottom;}
.ser_con{padding-bottom: 70px;}
.ser_list li:hover .ser_pic1{background: url(../image/ser1h.png)no-repeat center bottom;}
.ser_list li:hover .ser_pic2{background: url(../image/ser2h.png)no-repeat center bottom;}
.ser_list li:hover .ser_pic3{background: url(../image/ser3h.png)no-repeat center bottom;}
.ser_list li:hover .ser_pic4{background: url(../image/ser4h.png)no-repeat center bottom;}
.ser_list li:hover .ser_pic5{background: url(../image/ser5h.png)no-repeat center bottom;}
.ser_list li:hover .ser_pic6{background: url(../image/ser6h.png)no-repeat center bottom;}
.ser_list li:hover .ser_desc h3{color: #71ba2b;}
.ser_list li:hover{box-shadow: 0px 0px 20px #d8d8d8;}

/*新闻列表*/
.news_con{padding-top: 70px;}
.news_list li{width: 380px;height: 415px;float: left;box-sizing: border-box;background: #fff;margin-right: 30px;margin-bottom: 30px;transition: all 0.3s;}
.news_list li:nth-child(3n){margin-right: 0;}
.news_list .news_pic{width: 380px;height: 256px;overflow: hidden;position: relative;}
.news_list .news_pic img{display: block;width: 100%;}
.news_list .news_desc{padding: 30px 15px;}
.news_list .news_desc h3{color: #333;font-size: 18px;line-height: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-bottom: 12px;}
.news_list .news_desc p{color: #888;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_list .news_date{width: 104px;height: 35px;background: #fff;color: #888;font-size: 14px;text-align: center;position: absolute;left: 0;bottom: 0;line-height: 35px;font-family: 'open-s';}
.news_con .page{margin-top: 40px;}

.news_list li:hover{box-shadow: 1px 2px 20px #dbdbdb;transform: translateY(-20px);}

/*新闻详情*/
.newsxq_con h3{color: #333;font-size: 18px;text-align: center;margin-bottom: 13px;}
.newsxq_con h4{text-align: center;color: #666;font-size: 14px;margin-bottom: 43px;}
.newsxq_con p{color: #666;font-size: 14px;text-indent: 2em;}
.news_share{display: inline-block;float: left;vertical-align: middle;}
.newsxq_bot{padding-top: 30px;border-top: 1px solid #dcdcdc;margin-top: 65px;margin-bottom: 55px;}
.newsxq_bot .xq_menu{display: inline-block;float: right;margin-top: 0;}
.news_share span{color: #666;font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.news_share .foot_share{float: right;display: inline-block;vertical-align: middle;}
.news_share .foot_share a{display: inline-block;width: 26px;height: 26px;border-radius: 50%;margin:0 10px 0 0;padding: 0;}

/*解决方案详情*/
.soluxq_con h3{font-size: 24px;color: #333;text-align: center;margin-bottom: 15px;}
.soluxq_con p{color: #666;font-size: 14px;}
.soluxq_con .solu_p{line-height: 28px;}
.soluxq_item h4{color: #333;font-size: 18px;margin-bottom: 12px;padding-left: 13px;position: relative;}
.soluxq_item h4:before{content: '';width: 3px;height: 22px;background: #71ba2b;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.soluxq_lf{display: inline-block;float: left;}
.soluxq_rt{float: right;display: inline-block;}

/*产品详情*/
.proxq_con{width: 100%;margin: 0 auto;}
.spec-preview {
    width: 71%;
    height: 356px;
    float: left;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.jqzoom {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.spec-preview .jqzoom i {
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url("../image/img46.png") no-repeat center;
    opacity: 1;
}
.spec-preview:hover .jqzoom i{opacity: 0;}

.jqzoom img {
    display: block;
    width: 100%;
}

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

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}
.product_zoom_left{width: 50%;float: left;}

/*over*/
/*缩小图开始*/
.spec-scroll {
    float: left;
    margin-left: 10px;
    width: 10%;
}
.spec-scroll .prev, .spec-scroll .next {
    display: block;
    text-align: center;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.spec-scroll .prev {
    background: #d2d2d2 url("../image/img47.png") no-repeat center;
}
.spec-scroll .next {
    background:#d2d2d2 url("../image/img48.png") no-repeat center;
}
.spec-scroll .items {
    position: relative;
    width: 96px;
    height: 288px;
    overflow: hidden;
    margin: 10px 0;
}
.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    top: 0;
}
.spec-scroll .items ul li {
    width: 94px;
    text-align: center;
    margin-bottom: 9px;
    height: 88px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.spec-scroll .items ul li img {
    width: 100%;
    cursor: pointer;
    display: block;
}
.spec-scroll .items ul li:hover, .spec-scroll .items ul li.hover {
    border-color: #71ba2b;
}
.spec-scroll .prev:hover, .spec-scroll .next:hover{background-color: #71ba2b;}
/*over*/
/*右侧*/
.product_zoom_intro {
    float: right;
    width: 50%;
}
.product_zoom_intro h3{color: #333;font-size: 18px;margin-bottom: 12px;}
.product_zoom_intro p{color: #666;font-size: 14px;}
.pro_ul_Box .ul_left{width:320px;display: inline-block;float: left;}
.pro_ul_Box .ul_right{display: inline-block;float: right;width: 320px;}
.pro_ul_Box{border-top: 1px solid #dcdcdc;padding-top: 25px;margin-top: 28px;}
.pro_ul_Box li{overflow: hidden;}
.pro_ul_Box li .span1,.pro_ul_Box li .span2{color: #666;font-size: 14px;line-height: 28px;display: inline-block;}
.pro_ul_Box li .span1{float: left;}
.pro_ul_Box li .span2{float: left;}
.product_zoom{margin-bottom: 47px;}
.proxq_item h3{color: #71ba2b;font-size: 14px;padding-bottom: 7px;border-bottom: 1px solid #d2d2d2;position: relative;margin-bottom: 21px;}
.proxq_item h3:after{content: '';width: 56px;height: 2px;background: #71ba2b;position: absolute;bottom: -1px;left:0;}
.proxq_item p{color: #666;font-size: 14px;}
.proxq_item{margin-bottom: 36px;}
.proxq_lf{display: inline-block;float: left;}
.proxq_rt{display: inline-block;float: right;}


/*关于我们*/
.abo_one{background:#f5f5f5;padding: 70px 0;}
.abo1_lf{width: 308px;height: 342px;float: left;padding-left: 20px;padding-bottom: 20px;position: relative;overflow: hidden;transition: all 0.3s;}
.abo1_lf img{display: block;width: 100%;}
.abo1_lf:after{content: '';width: 321px;height: 356px;background: url(../image/img53.png)no-repeat center;position: absolute;left: 0;bottom: 0;z-index: -1;}
.abo1_lf:hover{transform: translateY(-10px);}
.abo1_rt{width: 845px;float: right;}
.abo1_rt p{color: #666;font-size: 14px;max-height: 364px;overflow-y: auto;padding-right: 12px;}
.abo_two{background: #fff;padding: 70px 0;}
.abo2_list li{width: 400px;float: left;text-align: center;padding: 0 65px;box-sizing: border-box;}
.abo2_list .abo2_pic{width: 128px;height: 128px;border-radius: 50%;border: 2px solid #666;box-sizing: border-box;margin: 0 auto 30px;transition: all 0.3s;}
.abo2_list .abo2_pic1{background: url(../image/img54.png)no-repeat center;}
.abo2_desc h3{color: #333;font-size: 18px;line-height: 18px;margin-bottom: 10px;transition: all 0.3s;}
.abo2_desc p{color: #666;font-size: 14px;line-height: 28px;}
.abo2_list .abo2_pic2{background: url(../image/img55.png)no-repeat center;}
.abo2_list .abo2_pic3{background: url(../image/img56.png)no-repeat center;}
.abo2_list li:hover .abo2_pic{border-color: #71ba2b;}
.abo2_list li:hover .abo2_desc h3{color:#71ba2b; }
.abo2_list li:hover .abo2_pic1{background: url(../image/img54h.png)no-repeat center;}
.abo2_list li:hover .abo2_pic2{background: url(../image/img55h.png)no-repeat center;}
.abo2_list li:hover .abo2_pic3{background: url(../image/img56h.png)no-repeat center;}
.abo_three{padding: 70px 0 50px;}
.honor_box{overflow: hidden;}
.inthree_list li{width: 277px;box-sizing: border-box;float: left;margin-right: 30px;}
.inthree_list li .honor_pic{width: 277px;border: 1px solid #e5e5e5;height: 386px;overflow: hidden;background: #fff;}
.inthree_list li .honor_pic img{width: 100%;display: inline-block;transition: all 0.3s;}
.inthree_list li .honor_desc p{color: #666;font-size: 18px;text-align: center;margin-top: 15px;}
.abo_three .cont_tit{margin-bottom: 10px;}
.inthree_list li:hover .honor_pic img{transform: scale(1.1);}
.in3_hd a{display: inline-block;width: 50px;height: 50px;border-radius: 50%;background: url(../image/right2.png)no-repeat center;position: absolute;top: 55%;transform: translateY(-50%);transition: all 0.3s;}
.in3_hd a:hover{background: url(../image/right2h.png)no-repeat center;}
.in3_hd a.in3_prev{left: -70px;transform: rotate(180deg) translateY(50%);}
.in3_hd a.in3_next{right: -70px;}
@media (max-width: 1440px){
    .in3_hd a.in3_prev{left: 0;transform: rotate(180deg) translateY(50%);}
    .in3_hd a.in3_next{right: 0;}
    .honor_box{position: relative;margin-left: 18px;}
    .in3_hd a{top: 50%;}
}

.abo4_con li{position: relative;}
.abo4_lf{width: 350px;height: 227px;overflow: hidden;position: absolute;left: 0;top: 0;}

.abo4_lf img{display: inline-block;width: 100%;}
.abo4_rt{width: 928px;height: 249px;float: right;background: #fff;margin-top: 20px;box-sizing: border-box;padding: 20px 30px 20px 108px;}
.abo4_desc{max-height: 205px;overflow-y: auto;padding-right: 9px;}
.abo4_desc h3{color: #333;font-size: 18px;line-height: 18px;margin-bottom: 8px;}
.abo4_desc h4{color: #666;font-size: 14px;padding-bottom: 13px;border-bottom: 1px solid #dcdcdc;margin-bottom: 6px;}
.abo4_desc p{color: #666;font-size: 14px;}
.in3_hd a.in4_next{right: -70px;}
@media (max-width: 1440px){
    .in3_hd a.in4_next{right: 0;}
}
.abo_four .cont_tit{margin-bottom: 10px;}
.abo_four{padding-bottom: 50px;}
.abo_five{background: #fff;padding: 70px 0 20px;}

.swiper-container{
  
    position: relative;
}

.pc-banner .swiper-slide{padding: 7px;background: #fff;position: relative;}
.pc-banner .swiper-slide a{position: relative;cursor: default;}
.pc-banner .swiper-slide.swiper-slide-active{margin-left: -46px;}

.pc-banner .swiper-slide .abo5_box p{color: #fff;font-size: 16px;line-height: 60px;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pc-banner .swiper-slide .abo5_box{width: 100%;height: 60px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}
.pc-banner .swiper-slide .abo5_box{display: none;}
.pc-banner .swiper-slide.swiper-slide-active .abo5_box{display: block;}

.faq_con1{padding-bottom: 0;}
.abo_six{height: 533px;box-sizing: border-box;padding-top: 70px;}

.abo6_list li{width: 285px;height: 150px;overflow: hidden;margin-right: 20px;margin-bottom: 20px;float: left;}
.abo6_list li:nth-child(4n){margin-right: 0;}
.abo6_list li img{display: block;width: 100%;}

.abo6_list li:hover{box-shadow: 2px 6px 20px 1px #999; }
.abo6_list ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.abo6_list ul:hover > * { opacity: 0.5; transform: scale(0.9); }
.abo6_list ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }

.abo6_list li img{
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);
  transition: all 1s;

  filter: gray;}
.abo6_list li:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: gray;
}



@media (max-width: 1440px){
    .in4_list{padding: 0;}
    .in4_list li.li1{position: absolute;left: -7px;top: 81px;}
    .in4_list li.li2{position: absolute;left: 123px;top: 5px;}
    .in4_list li.li3{position: absolute;left: 124px;top: 155px;}
    .in4_list li.li4{position: absolute;left: 254px;top: 79px;}
    .in4_list li.li5{position: absolute;left: 254px;top: 230px;}
    .in4_list li.li6{position: absolute;left: 384px;top: 155px;}
    .in4_list li.li7{position: absolute;left: 514px;top: 79px;}
    .in4_list li.li8{position: absolute;left: 514px;top: 230px;}
    .in4_list li.li9{position: absolute;right: 384px;top: 155px;}
    .in4_list li.li10{position: absolute;right: 253px;top: 230px;}
    .in4_list li.li11{position: absolute;right: 254px;top: 79px;}
    .in4_list li.li12{position: absolute;right: 123px;top: 5px;}
    .in4_list li.li13{position: absolute;right: 124px;top: 155px;}
    .in4_list li.li14{position: absolute;right: -7px;top: 81px;}
    .aus-ryzz .swiper-next{right: 286px;}
    .aus-ryzz .swiper-prev{left: 286px;}
}
.in_three2 ul {
    
margin-top: 58px;
}
.in_three2 ul li{
    width: 17.8%;
    float: left;
    margin: 1%;
    border: 1px solid #9e9e9e96;
}

.in_three2 ul li:hover{border: 1px solid #71ba2b;}
.in_three2 ul li:hover .p2{background-color: #71ba2b;}

.in_three2 ul li .p1{
    text-align: center;
}
.in_three2 ul li .p2{
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    background-color: #9e9e9e96;
    color: white;
}

.in_three2 ul li p img{
    width: 98%;
}
/*20210302*/

#msg_wy_zc {
    height: 100%;
    text-align: center;
    position: fixed;
    top: 0%;
    /* line-height: 2rem; */
    width: 100%;
    z-index: 1000;
    background: #00000082;
}

.zc_p {
    color: #fff;
    height: 100px;
    display: inline-block;
    /* padding: 0rem 3rem; */
    border-radius: 5px;
    margin-top: 10%;
    background: #fff;
    padding: 2px 2px;
    color: #333;
    width: 100%;
    height: 200px;
    max-width: 400px;
}

    .zc_p .p1 {
        text-align: left;
        background-color: #71ba2b;
        border-bottom: 1px solid #bfbfbf;
        color: white;
        padding: 0px 5px;
        line-height: 30px;
    }

    .zc_p .p2 {
        color: #888;
        height: 174px;
        margin: 0 10px;
        text-align: left;
        /* text-indent: 2em; */
        font-size: 14px;
        text-align: center;
        margin-top: 20px;
    }

        .zc_p .p2 p {
            line-height: 41px;
            font-size: 16px;
        }

        .zc_p .p2 input {
            border: 1px solid #777;
            height: 30px;
            width: 50%;
            border-radius: 2px;
            padding-left: 5px;
        }

        .zc_p .p2 img {
            vertical-align: bottom;
            margin-right: 10px;
        }

.zc_btn {
    border-color: #71ba2b;
    background-color: #71ba2b;
    color: #fff;
    height: 35px;
    line-height: 34px;
    margin: 5px 5px 0;
    padding: 0 23px;
    border: 1px solid #dedede;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    font-size: 18px;
}

.pro-menu {
    padding: 0 6px;
    background: white;
}
.pro-tit {
    height: 60px;
    background: #71ba2b;
    padding: 15px 20px 0;
}

    .pro-tit h3 {
        font-size: 26px;
        line-height: 30px;
        color: white;
    }

    .pro-tit h4 {
        font-size: 13px;
        line-height: 25px;
        color: rgba(255,255,255,.67);
        text-transform: uppercase;
    }

    .pro-item1 {
    position: relative;
    /* height: 46px; */
    border-bottom: solid 1px #eeeeee;
    padding: 10px 15px;
}

.pro-cate1 {
    display: block;
    margin-right: 20px;
    font-size: 14px;
    color: #222;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    display: block;
    line-height: 24px;
}

.pro-rt{    width: 78%;
    float: right;}

.pro-lt{    width: 20%;
    float: left;}
    
    .pro-parent1.P_parent:hover {
    background-color: #71ba2b;
}
.pro-parent1.P_parent:hover .pro-cate1 {
    color: white;
}

.foot_nav ul li dd{
    max-width: 100%;
}
.foot_nav ul li dd a{
    line-height: 32px;
    font-size: 14px;
    font-weight: 100;
}