@charset "utf-8";
.content{width:1200px;margin: 0 auto;}
.titis{height:157px;text-align: center;}
.titis h4 {font-size:40px;color: #ffffff;height:68px;line-height:68px;font-weight: initial;/* text-shadow:1px 1px 1px #697b72; */font-weight: bold;padding-top: 52px;position: relative;z-index: 99;}
.titis h4 a {color: #008f47}
.titis h4 span {/* font-size: 79px; *//* font-weight: bold; *//* color: #ffa801; *//* font-style: oblique; */}
.titis h4:after {z-index: 0;content: 'Zhenyue Intelligent File Cabinet';position: absolute;left: 50%;transform: translate(-50%, -21px);width: 100%;text-transform: uppercase;opacity: 0.3;letter-spacing: -3px;}

.ys_bj .titis h4:after {
    color: #8b8e8e;
}
.titis p {height: 34px;font-size:24px;color: #ffffff;line-height: 34px;/* background: url(../img/td_tt.jpg) no-repeat center; */letter-spacing:10px;}

.td_bj{background: url(../img/td_bj.jpg) repeat;/* height: 639px; */padding-top:77px;}
.td_c {
    background: #212121;
    border-radius: 0px 80px 0px 80px;
    background-image: linear-gradient(to right, #252525,#353b46 );
    width: 1300px;
    /* padding: 15px 35px 70px; */
}
.td_c .nr{
    overflow: hidden;
    padding-bottom: 43px;
}
.td_c .nr dl {
    display: inline-block;
    float: left;
    width: 25%;
}

.td_c .nr dl dt img {
    width: 56%;
    border-radius: 50%;
}

.td_c .nr dl dt {text-align: center;}

.td_c .nr dl dd {
    text-align: center;
    font-size: 17px;
    margin-top: 7px;
    color: #fff;
}
.td_c .nr dl dd em {
    font-size: 33px;
    font-weight: bold;
    color: #ffa801;
    text-shadow: 1px -3px 6px #323232;
}
.td_c .nr dl dd span {
    font-size: 20px;
    font-weight: bold;
}


.td_w {width:534px;margin:50px auto 0;}
.td_w span {width:361px;text-align: center;height: 48px;line-height: 48px;border:1px dashed #009b4d;display: inline-block;border-radius: 22px;font-size:20px;color: #000000;vertical-align: middle;}
.td_w span em {font-size:24px;color: #323232;font-weight: bold;padding:0 22px;}
.td_w a {width:172px;height: 50px;background: #323232;text-align: center;line-height: 50px;font-size:16px;color: #fff;border-radius: 22px;margin-left:-35px;display: inline-block;vertical-align: middle;}

.ys_bj{background: url(../img/hgq-1-bg.jpg) no-repeat center top;height: 1000px;padding-top:79px;position: relative;z-index: 1;}
.ys_bj_1 {
    background: url(../img/hgq-1-bg1.png) no-repeat center bottom;
    height: 1000px;
    position: absolute;
    bottom: -30px;
    width: 100%;

}
.hgq-1-z {
    width: 580px;
    height: 580px;
    background: url(../img/hgq-1-z.jpg) no-repeat;
    border-radius: 50%;
    border: 2px solid #c10011;
    background-size: 100%;
    margin: 0 auto;
    margin-top: 330px;
    z-index: 1;
}

.yous:after {
    position: absolute;
    top: 173px;
    content: '';
    width: 1166px;
    height: 1166px;
    border: 3px solid #fff;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border-bottom: 0px;
}


.yous {position: relative;/* display: none; */}
.yous .titis {height: 165px;}
.yous .titis h4 {color: #000;}
.yous .titis h4 span{padding: 0px 21px 0px 4px;vertical-align: sub;font-weight: bold;color: #ffa801;font-style: oblique;font-size: 79px;}
.titis h4:after {z-index: 0;content: 'Zhenyue intelligent filing cabinet';position: absolute;left: 50%;transform: translate(-50%, -21px);width: 100%;text-transform: uppercase;opacity: 0.2;letter-spacing: -3px;}
.about_w h3:after {z-index: 0;content: 'Zhenyue intelligent filing cabinet';position: absolute;left: 50%;transform: translate(-50%, -21px);width: 100%;text-transform: uppercase;opacity: 0.1;letter-spacing: -3px;top: -11px;}
.about_w h3{color: #8b8e8e;}

.yous .titis p {background: url(../img/ys_tt.jpg) no-repeat center;letter-spacing:3px}
.yous dl{position: absolute;}
.yous dt{float:left;border-radius: 50%;background: #c10011;text-align: center;font-size:22px;font-weight: bold;box-sizing: border-box;padding: 5px;color: #fff;}
.yous dt img {
    width: 100%;
    border-radius: 50%;
}
.yous dd {float:left;font-size: 23px;color: #000;line-height: 32px;font-weight: bold;text-align: center;}
.yous dd img {
    width: 200px;
    margin-top: 10px;
}

.yous dl:nth-of-type(4) dt {
    right: -64px;
    position: absolute;
    top: 87px;
}

.yous dl:nth-of-type(2) dt {
    position: absolute;
    right: -15px;
    bottom: -27px;
}
.yous dl:nth-of-type(1) dt {
    bottom: -75px;
    position: absolute;
    left: 79px;
}

.yous dl:nth-of-type(3) dt {
    position: absolute;
    bottom: -35px;
    left: -3px;
}

.yous dl:nth-of-type(5) dt {
    position: absolute;
    top: 87px;
    left: -53px;
}
.yous dl:hover dt {/* background:url(../img/ys_ic.png) no-repeat; *//* color: #fff; *//* border:1px solid transparent; *//* animation-duration:3s; *//* animation-name:flipInY; */}
.yous dl:hover dd{color: #0884d3}
.yous dl:nth-of-type(1){left: 504px;top: 261px;}
.yous dl:nth-of-type(1) dt,.yous dl:nth-of-type(1) dd{/* float:none; */}
.yous dl:nth-of-type(1) dd{text-align: center;padding-top: 10px;}
.yous dl:nth-of-type(1) dt{/* margin:0 auto; */}
.yous dl:nth-of-type(2){top: 399px;left: 185px;}
.yous dl:nth-of-type(2) dd{width: 200px;padding-right:13px;}
.yous dl:nth-of-type(3){top: 402px;right: 150px;}
.yous dl:nth-of-type(3) dd{width:235px;padding-left: 21px;}
.yous dl:nth-of-type(4){top: 651px;left: 49px;}
.yous dl:nth-of-type(4) dd{width: 194px;margin-left: 20px;}
.yous dl:nth-of-type(5){top: 650px;right: 52px;}
.yous dl:nth-of-type(5) dd{width: 225px;/* padding-left: 16px; *//* padding-top:30px; */}
.f_pr{position:relative;}
.g_xban2{background: url(../img/zhtt-1-bg.png) no-repeat center top;height: 430px;margin-top: -216px;z-index: 99;position: absolute;width: 100%;}
.g_xban2 .m_xban2{position: absolute;left: 50%;top: 186px;margin-top: 18px;}
.g_xban2 .m_xban2 p {
    color: #fff;
    font-size: 18px;
}

.g_xban2 .m_xban2 p span:nth-child(1) {
    padding-left: 36px;
    background: url(../img/zhtt-1-so.png) 10px center no-repeat;
    margin-left: 10px;
    background-size: 25px;
}

.g_xban2 .m_xban2 p span:nth-child(2) {
    padding-left: 36px;
    background: url(../img/zhtt-1-che.png) 10px center no-repeat;
    margin-left: 10px; background-size: 25px;
}
.g_xban2 .m_xban2 .m_xban2_p {
    padding-left: 86px;
    background: url(../img/zhtt-1-iph.png) no-repeat 10px;
    margin-top: 20px;
    background-size: 50px;
}
.g_xban2 h3,.f_pr h3{font-size: 20px;color: #fff;display: inline-block;line-height: 45px;font-weight: bold;margin-bottom: 10px;}
.g_xban2 h3 em,.f_pr h3 em{display: block;}

.g_xban2 li{height:48px;line-height:48px;width:300px;position: absolute;right:100px;top:100px;  color:#676767; font-size: 12px;  border: none; background: #fff; font-family:"Microsoft Yahei";text-transform: uppercase;}
.g_xban2 li input{border:none;background:none;padding-left: 10px; width:290px;}
.g_xban2 b{position:absolute;right:0;top:150px;color:#fff; }
.s_inp2_wx {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.g_xban3 {
    margin-top: -118px;
}
.g_xban2 .form-btn-submit{border:none;width:100px;height:48px;cursor:pointer; position: absolute;right:0;top:100px; }
.g_xban2 .form-btn-submit{background:url(../img/tj.jpg) no-repeat;display: inline-block; width: 100px; height: 48px; }
.g_xban2 .form-btn-reset{display: none;}

.g_pro{padding-top: 273px;overflow: hidden;padding-bottom: 50px;z-index: 999;
    background: url(../img/cpbj.png)}
.g_pro h2{background:url(../img/cptit.jpg) center no-repeat;height: 110px;padding-top: 34px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;}
.g_pro h2 a{color: #000;font-weight: bold;}
.g_pro h2 em{color: #666666;display: block;font-size: 18px;}
.g_prolist{width:100%;display: flex;justify-content: space-between;}
.g_pro_left{width: 30%;}
.g_pro_right{width: 67%;}
.g_pro_left dl{width:100%;text-align: center;margin-bottom: 30px;cursor: pointer;}
.g_pro_left dl dt{width:100%;box-shadow: 0px 1px 11px 0px #b7b7b7;overflow:hidden;}
.g_pro_left dl dt img{width:100%;height: 200px;transition:all 0.3s;}
.g_pro_left dl:hover img{transform:scale(1.1);transition:all 0.3s;}
.g_pro_right dl{width:100%;text-align: center;cursor: pointer;}
.g_pro_right dl dt{width:100%;overflow:hidden;display: flex;}
.g_pro_right dl:hover img{transform:scale(1.1);transition:all 0.3s;}
.g_pro_right dl dt img{width:100%;transition:all 0.3s;height: 484px;object-fit: cover;}
.g_pro_left dl dd{font-size: 16px;line-height: 35px;margin-top: 10px;}
.g_pro_right dl dd{font-size:18px;line-height:32px;margin-top: 15px;}
.g_pro_ul{width:100%;margin-top:10px;}
.g_pro_ul ul{width:100%;display:flex;justify-content: space-between;}
.g_pro_ul ul li{width:23%;text-align:center;cursor: pointer;}
.g_pro_ul ul li img{width:100%;height: 190px;object-fit: contain;transition:all 0.3s;}
.g_pro_ul ul li p{font-size: 16px;line-height:32px;margin-top:5px;}
.g_pro_ul ul li div{box-shadow: 0px 1px 11px 0px #b7b7b7;width:100%;height:190px;overflow:hidden;}
.g_pro_ul ul li:hover img{transform:scale(1.1);transition:all 0.3s;}
.g_pro .content{width:1000px;margin:0 auto;}



/*优势*/
.ysbox{height:697px;background:url(../img/fabg.jpg) no-repeat center top;margin-top: 313px;}
.ysbox h2{background:url(../img/fatit.png) no-repeat;height: 100px;padding-top: 30px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;}
.ysbox h2 a{color: #000;font-weight: bold;}
.ysbox h2 em{color: #666666;display: block;font-size: 18px;}

.ys_nav{width: 369px;}
.ys_nav li{width:164px;height:96px;white-space: nowrap;float: left;background: #4b4b4b;border:1px solid #efefef;float: left;margin:0 6px 7px 0;font-size: 16px;line-height: 22px;color: #232222;padding-top: 20px;/* padding-left: 24px; */display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;cursor: pointer;}
.ys_nav li{position: relative;}
.ys_nav li span{display: block;color: #ffffff;font-size: 21px;/* font-weight: bold; */margin-bottom: 16px;}
.ys_nav li span em{display: block;text-transform: uppercase;font-style: normal;font-size: 12px;line-height: 18px;color: #686565; font-weight: normal; padding-top:5px;}
.ys_nav li a{display: block;color: #fff;}
.ys_nav li.cur{background: #ffa800;}
.ys_nav li.cur span{color: #fff;}
.ys_nav li.cur em{}
.ys_nav li em {
    background: #fff;
    border-radius: 50px;
    padding: 3px 20px;
    font-size: 13px;
    color: #333;
}

.ys_nav li .li_img {width:45px;height:45px;margin: 0 auto 10px;}
.ys_nav li:nth-child(1) .li_img{background:url(../img/bwg_ico01.png) center no-repeat;}
.ys_nav li:nth-child(2) .li_img{background:url(../img/bwg_ico02.png) center no-repeat;}
.ys_nav li:nth-child(3) .li_img{background:url(../img/bwg_ico03.png) center no-repeat;}
.ys_nav li:nth-child(4) .li_img{background:url(../img/bwg_ico04.png) center no-repeat;}
.ys_nav li:nth-child(5) .li_img{background:url(../img/bwg_ico05.png) center no-repeat;}
.ys_nav li:nth-child(6) .li_img{background:url(../img/bwg_ico06.png) center no-repeat;}
.ys_nav li:nth-child(7) .li_img{background:url(../img/bwg_ico07.png) center no-repeat;}
.ys_nav li:nth-child(8) .li_img{background:url(../img/bwg_ico08.png) center no-repeat;}
.ys_list{width: 820px;overflow: hidden;}
.ys_lc dl{height:494px;position: relative;}
.ys_lc dt{width:800px;height:494px;display: block;overflow: hidden;}
.ys_lc dt img{width: 100%;height:494px;display: block;transition: all 0.3s linear 0s;object-fit: cover;}
.ys_lc dt:hover img{transform: scale(1.1);}
.ys_lc dd{position: absolute;left:0;bottom: 0;background: rgba(0,102,217,.6);padding: 20px 20px 0 30px;height: 92px;font-size: 14px;line-height: 24px;color: #fff;}

.g_ys{/* height: 1410px; */background: url(../img/cpbj.png);}
.g_ys h2{height: 100px;text-align: center;background:url(../img/ystit.jpg) no-repeat center bottom;font-size: 38px;font-weight: bold;color: #c10011;}
.g_ys h2 em{display: block;font-size: 18px;color: #666666;font-weight: normal;padding-top: 5px;}
.g_ys .tm{position: absolute;left:440px;top:450px;background:url(../img/ystm.jpg) no-repeat;width: 220px;height: 111px;padding-top: 30px;text-align: center;font-size: 32px;font-weight: bold;color: #fff;}
.g_ys .tm em{display: block;font-size: 20px;color: #fff;font-weight: normal;}
.g_ys .m_ys1{position: absolute;left:665px;top:182px;}
.g_ys .m_ys2{position: absolute;left:0;top: 586px;width: 526px;}
.g_ys .m_ys3{position: absolute;left:635px;top: 1020px;}
.g_ys b{position: absolute;left: -8px;top: 15px;}
.g_ys h3{margin-bottom: 22px;/* height: 64px; *//* padding-left: 56px; */font-size: 31px;color: #333333;font-weight: normal;font-weight: bold;}
.g_ys h3 em{/* color: #0884d3; */}
.g_ys p{font-size: 16px;line-height: 32px;color: #666666;}


.g_hz{/* height: 514px; */overflow: hidden;padding-bottom: 30px;}
.g_hz .content{width: 1204px;}
.g_hz h2{background:url(../img/hztit.jpg) no-repeat;height: 100px;padding-top: 30px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;}
.g_hz h2 a{color: #333333;}
.g_hz h2 em{color: #666666;display: block;font-size: 18px;}
.g_hz li{float: left;position: relative;}
.g_hz li img{width: 239px;height: 148px;border:1px solid #e5e5e5;display: block;border-right: none;border-bottom: none;}
.g_hz .li5{border-right:1px solid #e5e5e5 ;}
.g_hz .li6{border-bottom: 1px solid #e5e5e5;}

.g_hz li a span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    height: 100%;
    left: 0;
    line-height: 129px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.g_hz li a:hover span {
    opacity: 1;
    transform: scale(1);
}


.xzwmly {
    background: url(../img/xzwmly.jpg) no-repeat center top;
    height: 402px;
    text-align: center;
    color: #fff;
}

.xzwmly h3 {
    font-size: 38px;
    padding-top: 105px;
    padding-bottom: 10px;
}

.xzwmly h3 em {
    color: #ffa800;
    font-style: italic;
    font-size: 49px;
    margin-right: 10px;
}
.xzwmly p {
    font-size: 18px;
}
.xzwmly-box {
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.xzwmly-box-1-l {
    display: inline-block;
}

.xzwmly-box-1-r {
    display: inline-block;
    margin-left: 100px;
    margin-top: 68px;
    position: relative;
}
.xzwmly-box-2 .xzwmly-box-1-l {
    float: right;
}

.xzwmly-box .xzwmly-box-1-l img {
    border-radius: 50px;
}

.xzwmly-box-1 .xzwmly-box-1-l {
    float: left;
}
.xzwmly-box-1-r i {
    background: #c10011;
    color: #fff;
    padding: 11px;
    border-radius: 50%;
    font-size: 23px;
    position: absolute;
    top: 49px;
    left: -62px;
}
.xzwmly-box-1-r a {
    background: #ffa800;
    color: #fff;
    padding: 10px 40px;
    border-radius: 50px;
    display: inline-block;
    margin-top: 10px;
}
.g_newcon{/* height:600px; */background: #f0f8ff;padding-top: 250px;padding-bottom: 38px;}
.g_newcon h2{background:url(../img/newtit.jpg) no-repeat;height: 100px;padding-top: 30px;text-align: center;font-size: 38px;color: #000;font-weight: bold;}
.g_newcon h2 a{color: #333333;}
.g_newcon h2 em{color: #666666;display: block;font-size: 18px;}

 /*走进*/
 .about {/* height: 998px; */font-family: "Microsoft Yahei";text-align: center;line-height: 28px;padding: 608px 0 0;background: url(../img/aboutbg.jpg) no-repeat center 0;position: relative;}
 .about .til01 {background: none; color: #fff; padding: 2px 0 0; height: 145px;}
 .about .til01 a, .about .til01 span {color: #fff;}
 .til01{font-size: 36px; line-height: 48px;}
 .til01 span {display: block; font-weight: normal; font-size: 18px; line-height: 32px; color: #666;}
 .about_p {background: #fff; box-shadow: 5px 5px 5px #d8d8d8; padding: 10px;}
 .about_p p, .about_p p img {width: 1179px; height: 499px; display: block; overflow: hidden;}
 .about_w {padding: 63px 80px 28px;background: url(../img/about_pic1.png) no-repeat;background-size: 100%;height: 410px;}
 .about_w h3 {height: 79px;line-height: 79px;font-size: 36px;color: #333;margin-bottom: 38px;position: relative;}
 .about_w h3 a {color: #c10011;display: block;}
 .about_w p {/* height: 112px; */overflow: hidden;text-align: left;margin-bottom: 10px;text-indent: 2rem;}
 .about_w p a {display: inline-block; color: #c10011;}
 
 .about_p p :hover img {transform: scale(1.1);}
 .about_p p img {display: block; transition: all 0.3s linear 0s;}
 
 
 .about span {display: block;text-align: center;line-height: 38px;margin-top: 30px;position: absolute;left: 50%;margin-left: 277px;top: 332px;}
 .about span a {display: inline-block;/* width: 153px; */border: solid 1px #fff;color: #fff;margin-bottom: 30px;padding: 5px 60px;border-radius: 30px 0px 30px 0px;font-weight: bold;}