/*
* @Author: Marte
* @Date:   2021-07-18 20:24:26
* @Last Modified by:   Marte
* @Last Modified time: 2021-07-29 14:38:33
*/
html,body{
    width:100%;
    /*height: 100%;*/
    overflow-x: hidden;
}
*{
    margin:0px;
    padding:0px;
}

a, a:hover, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}

body{
    font-size:12px;
}
@media (min-width: 320px){
    body{
        font-size: 14px;
    }
}
@media (min-width: 1000px){
    body{
        font-size: 16px;
    }
}

/*视频窗通用样式*/
.videoTemp .video{
    width: 100%;
    cursor: pointer;
}
.videoTemp .video_cover{
    width: 100%;
    height: 100%;
    position:absolute;
    left:0px;
    top:0px;
    cursor: pointer;
}

.videoTemp .icon_play{
    width:0.73rem;
    height:0.73rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}




.wrap {
    display: block;
    width: 19.2rem;
    position: relative;
    /*overflow-x: hidden;*/
}

.wrap_head{
    display: block;
    width: 19.2rem;
    height: 2rem;
    z-index: 2;
    position: fixed;
    left: 0;
    top: 0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    /*background-color:#111111;*/
}

.head_white{
    top: -2rem;
}

.wrap_head .head_con {
    width: 19.2rem;
    display: block;
    /*width: 1200px;*/
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,0.8);
    height: 0.88rem;
}

.wrap_head .head_con .logo {
    display: block;
    height: 0.48rem;
    width: 3.25rem;
    position: absolute;
    left: 1.15rem;
    top: 0.22rem;
}

.wrap_head .head_con .logo h1 {
    display: block;
    height: 0.51rem;
    width: 3.52rem;
    background-image: url(../img/common/logo3.png);
    background-size:3.52rem 0.51rem;
    /*隐藏h1内的这段文字，但又不能对搜索引擎不友好*/
    text-indent: -9999rem;
    overflow: hidden;
}

.wrap_head .head_con .menu_list {
    display: block;
    height: 0.88rem;
    line-height: 0.88rem;
    position: absolute;
    left: 8.38rem;
    /* top: 0.2rem; */
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s linear;
    transform: translate(0rem,0);
}

.wrap_head .head_con .menu_list .menu_item {
    display: inline-block;
    width:1.2rem;
    height: 0.34rem;
    margin-left: 0.3rem;
    position: relative;
    color: #000;
}



.wrap_head .head_con .menu_list .menu_item .txt {
    /*background: white;
    color: red;*/
    width: 1.20rem;
    text-align: center;
    height: 0.34rem;
    line-height: 0.34rem;
    border-radius: 15rem;

    display: block;
    font-size: 0.2rem;

    font-weight: bold;
    opacity: 0.95;
    -webkit-transition: color 0.3s linear;
    position: relative;
    z-index: 2;
}

.wrap_head .head_con .menu_list .menu_item .txt:visited{
    color: #000;
}
.wrap_head .head_con .menu_list .menu_item .txt:active{
    color: #000;
}
.wrap_head .head_con .menu_list .menu_item .txt:hover{
    color: #000;
}
.wrap_head .head_con .menu_list .menu_item .txt:link{
    color: #000;
}
.wrap_head .head_con .menu_list .menu_item .txt:focus{
    color: #000;
}


.wrap_head .head_con .phone{
    position: absolute;
    left: 16.52rem;
    top: 0.3rem;
    color: #000;
    font-size: 0.22rem;
}
.wrap_head .head_con .phone::before{
    content: ' ';
    background-image: url(../img/common/icon_other.png);
    background-size: 0.22rem 1.7rem;
    background-position-y: 0rem;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    left: -0.4rem;
    top: 0.05rem;
}

/*预约产品演示*/
.book_a_product_demonstration{
    width:19.2rem;
    height:5.38rem;
    background-color:#fff;
    position:relative;
}

.book_a_product_demonstration .yspt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width:12.34rem;
    height:3.16rem;
    background-image: url(../img/common/yspt.png);
    background-size: 12.34rem 3.16rem;
}

.book_a_product_demonstration .yspt .title{
    position:absolute;
    top:0.78rem;
    left: 50%;
    transform: translate(-50%,0);
    opacity: 1;
    font-size: 0.4rem;
    font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium;
    font-weight: 500;
    text-align: left;
    color: #fefefe;
    text-shadow: 0rem 0.08rem 0.18rem 0.06rem rgba(0,0,0,0.48);
}

.book_a_product_demonstration .yspt .btn_yycpys{
    position:absolute;
    top:1.75rem;
    left: 50%;
    transform: translate(-50%,0);
    width:2.12rem;
    height:0.48rem;
    background-image:url(../img/common/btn_yycpys.png);
    background-size:2.12rem 0.48rem;
    cursor: pointer;
}

/*页脚区域*/
.wrap_footer{
    width:19.2rem;
    height:4.9rem;
    background-color:#292C2F;
    position:relative;
}

.wrap_footer .links_box{
    position:absolute;
    top:0.65rem;
    color:#FFFFFF;
}

.wrap_footer .links_box.links_box_1{
    left:2.91rem;
}
.wrap_footer .links_box.links_box_2{
    left:4.85rem;
}
.wrap_footer .links_box.links_box_3{
    left:6.79rem;
}
.wrap_footer .links_box.links_box_4{
    left:8.73rem;
}
.wrap_footer .links_box.links_box_5{
    left:10.66rem;
}
.wrap_footer .links_box .links_head{
    font-size: 0.2rem;
    padding-bottom: 0.20rem;
    border-bottom: 0.01rem solid #fff;
}

.wrap_footer .links_box .links_body{

}

.wrap_footer .links_box .links_body .link{
    font-size:0.16rem;
    margin-top: 0.12rem;
    display: block;
}

.wrap_footer .footer_logo{
    width:1.55rem;
    height:0.41rem;
    background-image:url(../img/common/logo_s.png);
    background-size:1.55rem 0.41rem;
    position:absolute;
    left:13.26rem;
    top:0.65rem;
}

.wrap_footer .footer_work_phone{
    position:absolute;
    left:13.59rem;
    top:1.4rem;
    color:#fff;
    font-size: 0.22rem;
}
.wrap_footer .footer_work_phone::before{
    content: ' ';
    background-image: url(../img/common/icon_other.png);
    background-size: 0.22rem 1.7rem;
    background-position-y: -0.34rem;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    left: -0.4rem;
    top: 0.05rem;
}

.wrap_footer .footer_phone{
    position:absolute;
    left:13.59rem;
    top:1.87rem;
    color:#fff;
    font-size: 0.22rem;
}
.wrap_footer .footer_phone::before{
    content: ' ';
    background-image: url(../img/common/icon_other.png);
    background-size: 0.22rem 1.7rem;
    background-position-y: -0.94rem;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    left: -0.4rem;
    top: 0.05rem;
}

.wrap_footer .footer_mail{
    position:absolute;
    left:13.59rem;
    top:2.3rem;
    color:#fff;
    font-size: 0.22rem;
}
.wrap_footer .footer_mail::before{
    content: ' ';
    background-image: url(../img/common/icon_other.png);
    background-size: 0.22rem 1.7rem;
    background-position-y: -1.17rem;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    left: -0.4rem;
    top: 0.05rem;
}

.wrap_footer .footer_address{
    position:absolute;
    left:13.59rem;
    top:2.78rem;
    color:#fff;
    font-size: 0.22rem;
    right: 0.8rem;
}
.wrap_footer .footer_address::before{
    content: ' ';
    background-image: url(../img/common/icon_other.png);
    background-size: 0.22rem 1.7rem;
    background-position-y: -1.48rem;
    width: 0.22rem;
    height: 0.22rem;
    position: absolute;
    left: -0.4rem;
    top: 0.05rem;
}
.wrap_footer .footer_record{
    position:absolute;
    left:6.12rem;
    bottom:0.17rem;
    opacity: 1;
    font-size: 0.18rem;
    font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
    font-weight: Normal;
    text-align: center;
    color: #999999;
}

/*浮窗*/
.wrap_floating_window{
    position:fixed;
    bottom: 1rem;
    right:0.05rem;
    width:0.6rem;
    height:3rem;
    background-image:url(../img/wrap_floating_window/fc_bg.png);
    background-size:0.6rem 3rem;
}
.wrap_floating_window .window_reserve{
    position:absolute;
    top: 0.1rem;
    left:0rem;
    width:0.6rem;
    height: 1.48rem;
    background-color:#ffffff;
    font-size: 0.18rem;
    cursor:pointer;
    padding-top: 0.1rem;
}

.wrap_floating_window .window_reserve .window_reserve_icon{
    width:0.3rem;
    height:0.28rem;
    background-image: url(../img/wrap_floating_window/fc_icon.png);
    background-size:0.78rem 1.05rem;
    background-position: -0.48rem 0;
    position: absolute;
    left: 0.15rem;
}

.wrap_floating_window .window_reserve:hover .window_reserve_icon{
    background-position: 0 0;
}

.wrap_floating_window .window_reserve .window_reserve_tit{
    width:0.2rem;
    position:absolute;
    left:0.21rem;
    top: 0.4rem;
    color:#5288F5;
}
.wrap_floating_window .window_reserve:hover .window_reserve_tit{
    color:#ffffff;
}

.wrap_floating_window .window_reserve:hover{
    background-color:#5F89EE;
}

.wrap_floating_window .window_phone{
    position:absolute;
    top:1.62rem;
    left:0rem;
    width:0.6rem;
    height:0.5rem;
}

.wrap_floating_window .window_phone .phone_default{
    width:0.3rem;
    height:0.28rem;
    background-image: url(../img/wrap_floating_window/fc_icon.png);
    background-size:0.78rem 1.05rem;
    background-position: -0.48rem -0.38rem;
    position: absolute;
    top:0.18rem;
    left: 0.18rem;
    display:block;
}
.wrap_floating_window .window_phone:hover .phone_default{
    display:none;
}

.wrap_floating_window .window_phone .phone_hover{
    width:2.37rem;
    height:0.5rem;
    background-image: url(../img/wrap_floating_window/fc_bg2.png);
    background-size:2.37rem 0.5rem;
    display:none;
    position:relative;
    right: 1.8rem;
}

.wrap_floating_window .window_phone .phone_hover .hover_zxdh{
    font-size:0.14rem;
    position:absolute;
    left:0.35rem;
    top:0.08rem;
    color:#ffffff;
}

.wrap_floating_window .window_phone .phone_hover .hover_tel{
    font-size:0.16rem;
    position:absolute;
    left:0.35rem;
    bottom:0.07rem;
    color:#ffffff;
}

.wrap_floating_window .window_phone .phone_hover .hover_icon{
    width:0.3rem;
    height:0.28rem;
    background-image: url(../img/wrap_floating_window/fc_icon.png);
    background-size:0.78rem 1.05rem;
    background-position: 0rem -0.38rem;
    position: absolute;
    top:0.09rem;
    right: 0.28rem;
    display:block;
}

.wrap_floating_window .window_phone:hover .phone_hover{
    display:block;
}


/*浮窗 - QQ*/
.wrap_floating_window .window_qq{
    position:absolute;
    top:2.38rem;
    left:0rem;
    width:0.6rem;
    height:0.5rem;
}

.wrap_floating_window .window_qq .qq_default{
    width: 0.3rem;
    height: 0.32rem;
    background-image: url(../img/wrap_floating_window/fc_icon.png);
    background-size: 0.78rem 1.05rem;
    background-position: -0.48rem -0.74rem;
    position: absolute;
    top: 0.18rem;
    left: 0.18rem;
    display: block;
}
.wrap_floating_window .window_qq:hover .qq_default{
    display:none;
}

.wrap_floating_window .window_qq .qq_hover{
    width:2.37rem;
    height:0.96rem;
    background-image: url(../img/wrap_floating_window/fc_bg3.png);
    background-size:2.37rem 0.96rem;
    display:none;
    position:relative;
    right: 1.8rem;
}
.wrap_floating_window .window_qq:hover .qq_hover{
    display:block;
}

.wrap_floating_window .window_qq .qq_hover .hover_dj{
    font-size:0.14rem;
    position:absolute;
    left:0.20rem;
    top:0.14rem;
    color:#ffffff;
    width:1.47rem;
}

.wrap_floating_window .window_qq .qq_hover .hover_qqh{
    font-size:0.14rem;
    position:absolute;
    left:0.20rem;
    bottom:0.13rem;
    color:#ffffff;
    width:1.47rem;
}

.wrap_floating_window .window_qq .qq_hover .hover_icon{
    width: 0.3rem;
    height: 0.32rem;
    background-image: url(../img/wrap_floating_window/fc_icon.png);
    background-size: 0.78rem 1.05rem;
    background-position: 0rem -0.74rem;
    position: absolute;
    top:0.09rem;
    right: 0.18rem;
    display:block;
}