body{margin:0;padding:0;font-family:'微软雅黑' ;font-size:14px;width:100%}
html{font-size:10px;}
input,select,textarea,button{vertical-align:middle;outline:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;}
img{border:0;vertical-align:middle;margin:0;}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
a:hover{color: #333}
a{color:inherit;}

img{margin:0;padding:0;border:none;}
ul,li{list-style: none;padding: 0;margin: 0;}
p,dl,div,span,strong,dt{margin:0;}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.hidden{display: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{max-width: 1560px;margin:0 auto;width: 68.4%;}
.wrapp{max-width: 1560px;margin:0 auto;width: 78.4%;}
.tabbox{display:table-cell;vertical-align:middle}
/*a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}*/
img{object-fit:cover;}

@font-face {
    font-family: 'FZLTZHK';
    src:url('../fonts/FZLTZHK.TTF');
}
.index-btn{text-align: center;height: 120px;line-height: 120px;}
.index-btn a{background: #999;color: #fff;padding: 13px 25px;}


.kjserv,.ys-info,.pf-case,.provideo,.dingzhi,.recruit,.rysk,.news,.vr,.service{padding:40px 0 70px;}
.kongjian{padding:40px 0 40px;}
.product,.contact,.product_detail{margin: 92px auto 0px}
.moblic{display: none;}
.aptitude{margin: 102px 0 111px;}
.aptitude-t{text-align: center;margin:20px 0 60px;}
.aptitude-t h4{font-size: 30px;color: #171717;text-transform: uppercase;line-height: 32px;}
.aptitude-t dl{position: relative;margin-top: 10px;}
.aptitude-t dl span{padding:0 21px;font-size: 24px;color: #5f5f5f;position: relative;z-index: 5}
.page{position:relative;z-index: 5;background: #fff;top: 43vw;}
.page_detail{padding-top: 70px}

/*moblie-nav*/
.top-left{ position:fixed;top:20px; z-index:130;display: none;width:23px; height:15px; right:2em;}
.top-left::before,
.top-left::after,
.top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#0c97df; }
.top-left::before,
.top-left::after{ content:'';transition:transform 0.2s;}
.top-left span{ top:50%; margin-top:-1.5px;}
.top-left::before{ top:0;}
.top-left::after{ bottom:0;}
.top-menu{ position:fixed; height:100%; overflow-y:auto; width:100%;left:0; top:0;background:rgba(0,0,0,0.9); padding:21% 20px 0 0; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.top-menu ul{ position:relative; width:100%;}
.top-menu li a{ display:block; line-height:30px; }
.top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:16px; color:#fff; line-height:3; padding:0 41px 0 25px;text-transform: capitalize;}
.top-menu li.on > a{ background-color:#222;}
.top-menu li.on > a::after{ position:absolute; content:''; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(135deg); right:25px; top:50%; margin-top:-7px;}
.top-menu li dl{ position: relative;left: 0; width:100%; top:0; display:none; transition:transform 0.3s; }
.top-menu li dl.dl-show{}
.top-menu li dl dt a{color:#aaa; font-size:14px; line-height:2.5;padding: 0 41px 0 40px;}
.Top-open.top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open.top-left{ position:fixed; margin-top:0; top:28px; z-index:130;}
.Top-open.top-left span{ opacity:0;}
.Top-open.top-left::before,
.Top-open.top-left::after{ top:50%;}
.Top-open.top-left::before{ transform:rotate(45deg);background: #0c97df;}
.Top-open.top-left::after{transform:rotate(-45deg);background: #0c97df;}
/*moblie-nav end*/
.sou-btn{position: fixed;right: 5em;top: 24px;z-index:150;display: none}



/*header css*/
header{position: absolute;left: 0;top:0px;width: 100%;z-index: 120;transition:.5s;padding:15px 0 24px;background: #ffffff;}
header .wrap{width: 81.4%}
header .logo{line-height:72px;transition:.5s;height:72px;}
header .logo a{display: block;height: 100%;vertical-align: middle;}
header .logo img{max-height: 100%;}
header .nav{width:54%; padding: 10px 0 0 0;}
header .nav ul{display: flex;flex: 0 0 100%;justify-content: space-between;margin:0;}
header .nav li{line-height:49px;position: relative;transition:.5s;text-align: center;float: left;}
header .nav li a{font-size:16px;color: #fff;position: relative;display: block;text-transform: uppercase;padding:0 14px;border-radius: 6px;transition:.5s;}
header .nav .on a{color: #1fa23f}
header .nav li a img{margin-left: 4px;width: 10px;margin-top: -5px;transition:.5s;/*transform:rotate(180deg);*/}
header .nav li:hover a:before,header .nav li.on a:before{width: 100%;}
header .nav li .submenu{left:0px;position: absolute;top:100%;z-index: 10;display: none;width:100%;border-top:1px #fff solid;}
header .nav li .submenu ul{border-radius: 0;display: block;padding: 0;margin: 0}
header .nav li .submenu a {color: #fff;display: block;font-size: 14px;padding: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;background: none;padding:0 10px;font-weight: normal;border-radius: 0px;}
header .nav li .submenu a:before{display: none}
header .nav li .submenu li{margin: 0;float: none;line-height:33px;width: 100%;background: rgba(61,172,229,.7);margin-bottom: 1px;}
header .nav li .submenu li:hover a{background: #0057c2;}
header .nav .telphone span{font-size: 22px;}
header .nav .telphone img{width: 22px}

/*header end*/
header.fixed{position: fixed;box-shadow: 0px 0px 7px 2px rgba(0,0,0,.3);padding:10px 0;background: #fff;}
header.fixed .nav li a{color: #000!important};
header.fixed .nav .on a{color: #1fa23f}

/*内页顶部导航*/
header.detail{position: fixed;background: #fff;border-bottom: 1px solid #eee;padding: 10px 24px;}
header.detail .logo,
header.fixed .logo {line-height:75px;transition:.5s;height:75px;}
header.detail .nav li a{color: #000}

/*comm css*/
.nybanner{position: relative;width: 100%;margin: 0 auto}
.nybanner img{display: block;width: 100%;}
footer{}
footer .copy{margin-top: 15px;text-align: center;height: 30px;line-height: 30px;color: #fff;font-size: 12px;}
footer .foot-t{background: #4e4e4e;padding:35px 0 10px;}
.foot-t-top{display: flex;flex: 0 0 100%;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px #cbced2 solid;}
footer .link{margin-top: 0px;float: left;/*text-align: center;*/}
footer  .ink{float: right;}
footer .link a{color: #fff;font-size: 12px;margin-right: 5px;}
footer .addre{width: 13.3%;}
footer .addre li{font-size: 12px;color: #ccc;letter-spacing: 0;line-height: 26px;}
footer .addre .dl{height: 40px;line-height: 40px;font-size: 14px;color: #fff}
footer .addre li span{font-weight: bold;word-spacing: 25px;}
footer .tel h4{color: #1fa23f;font-size: 20px;margin-bottom: 0px;}
footer .tel h3{color: #ffffff;font-size: 16px;line-height: 40px;height: 40px}
footer .ewm h3{color: #ffffff;font-size: 16px;line-height: 40px;height: 40px}
footer .ewm h4 img{width: 112px;}
footer .foot_nav{display: none;}

footer a:hover,footer  a:active{color:#fff;}

/*侧边客服*/
.side{position:fixed;width:70px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:7px;line-height:12px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#1fa23f;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:33px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:15px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png);background-size: 40%}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png);background-size: 40%}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png);background-size: 40%}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png);background-size: 40%}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png);background-size: 40%}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png);background-size: 40%}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);background-size: 40%}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);background-size: 40%}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);background-size: 40%}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);background-size: 40%}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);background-size: 40%}
.side ul li .sidebox{position:absolute;width:50px;height:70px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#1fa23f;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:111px;display:none;color:#363636;text-align:center;padding-top:111px;position:absolute;left:-111px;top:0;background-image:url(/Public/picture/2021-01-12/5ffd6b2ec64f5.png);background-repeat:no-repeat;background-position:center center;}
.side ul li.sideetel .telBox.son{width:200px;height:70px;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0px;background:#1fa23f}
.side ul li.sideetel .telBox dd{display:block;height:70px;overflow:hidden;padding-left:55px;line-height:70px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 18px center no-repeat;background-color:#1fa23f;background-size:25px}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@media screen and (max-width: 800px){
	header .logo{line-height:52px;transition:.5s;height:52px;}
	header .logo img {max-height: 72%;max-height:56%;}
	/*header.fixed .logo {line-height:42px;transition:.5s;height:42px;}*/
	
	header.detail .logo, header.fixed .logo { line-height: 55px;height: 55px;}
	.product, .contact, .product_detail {margin: 48px auto 0px;}
	
	header .logo img:first-child{}
	header .logo img:last-child{max-height: 78%;}
	
}
.swiper-slide{ text-align:center;}
.banner.pc.detail .swiper-slide img{ width:100%;}
.swiper-slide img{ margin:0 auto;}

.min-txt-page a{padding:8px 0;display: block;}
.min-txt-page i{ font-style: inherit; }
.cpfixed {
    box-shadow: 0 0 0 6px #dfdfdf;
     box-shadow:0px 0px 0 0 #dfdfdf,
     0px 0px 10px 10px #dfdfdf,
     0px 0px 10px 10px #dfdfdf,
     0px 0px 10px 10px #dfdfdf
     ;
     box-shadow:0px 0px 5px 10px #dfdfdf;
     box-shadow:0px 15px 10px -15px #dfdfdf;
}
.cpfixed .mian{padding-top: 0 !important;}
.page_list .field .mian{ padding-top:10px !important;}