@charset "UTF-8";/*加载字体*/
@font-face{font-family:'mismed';src:url("../../fonts/MiSans-Medium.ttf");}
@font-face{font-family:'misbold';src:url("../../fonts/MiSans-Semibold");}
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,blockquote,th,td,header,main,footer,aside,article,nav{padding:0;margin:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style-type:none;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
p:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.clr{HEIGHT:0px;VISIBILITY:hidden;CLEAR:both;FONT-SIZE:0px;OVERFLOW:hidden;width:100%;}
body,samp{font-size:12px;color:#333;font-family:"SourceHanSansSC","Arial",'SimSun',Serif;}
img{vertical-align:bottom;}
input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
img,.menu span,.header-right,.header ul li:before,.footer-1item .h3,.banner .swiper-pagination span,.banner .swiper-button-prev,.banner .swiper-button-next,.section:before,.hos-head ul li span,.hsolve-item:before,.hsolve-right,.upkh-pag .swiper-pagination span:before,.hst-more,.hcor ul li:before,.hcor-item,.hcor-more a,.hnews-more a,.os-1head ul li,.osjy-7cont span,.ossp-2head ul li,.ossp-2head ul li:before,.case-item:before,.qd-2right:before,.qd-2button input,.banner-news .swiper-pagination span,.banner-wz6 form,.banner-wz6 form .txt,.zp-2 select,.zp-close,.zp-head em,.uphz-2head ul li,.uphz-2head ul li:before,.upfree-3ver em,.jy-prop,.jy-close,.jy-cont,.jy-cont span,.jy-button{-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
/*分享*/
.weixin-prop{width:300px;height:380px;border:1px #ddd solid;background:#fff;position:fixed;left:50%;top:50%;margin:-190px 0px 0px -150px;z-index:2345667;}
.weixin-close{width:25px;height:25px;position:absolute;right:10px;top:10px;line-height:30px;text-align:center;font-size:20px;color:#333;cursor:pointer;}
.weixin-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);}
.weixin-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);}
.weixin-img{float:left;width:250px;margin:60px 0px 0px 25px;}
.weixin-img canvas{width:250px;height:250px;}
.weixin-prop p{float:left;width:100%;overflow:hidden;font-size:14px;text-align:center;color:#222;}
/*swiper*/
.swiper{height:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:auto;}
.swiper-button-prev,.swiper-button-next{background:none;}
.swiper-button-prev::after,.swiper-button-next::after{content:"";}
.swiper-button-prev:focus,.swiper-button-next:focus,.swiper-pagination-bullet:focus{outline:none;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:5s;animation-duration:5s;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
/*video*/
.video-prop{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:1000;background:rgba(0,0,0,0.6);text-align:center;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-prop:before{height:100%;content:"";display:inline-block;vertical-align:middle;}
.video-center{width:65%;vertical-align:middle;display:inline-block;position:relative;}
.video-center video{width:100%;height:auto;display:block;}
.video-close{width:36px;height:36px;overflow:hidden;position:absolute;right:-18px;top:-18px;z-index:12;border-radius:50%;background:#fafafa;text-align:center;cursor:pointer;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.video-close:before{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(45deg);}
.video-close:after{width:60%;height:2px;content:"";position:absolute;left:20%;top:calc(50% - 1px);background:#333;transform:rotate(-45deg);}
.video-close:hover{transform:rotate(180deg);}
.video-active{opacity:1;visibility:visible;}
@media screen and (max-width:768px){.video-center{width:90%;}
.video-close{width:32px;height:32px;right:-16px;top:-16px;}
}
@keyframes suofang{0%{transform:scale(1);}
100%{transform:scale(1.3);}
}
@keyframes opa{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes updown{0%{opacity:0;transform:translateY(60px);}
100%{opacity:1;transform:translateY(0px);}
}
@keyframes cir1{0%{width:3vw;height:3vw;opacity:1;}
100%{width:5vw;opacity:0;height:5vw;}
}
@keyframes cir2{0%{width:1vw;height:1vw;opacity:1;}
100%{width:100vw;opacity:0;height:100vw;}
}
@keyframes move1{0%{left:0px;}
45%{left:0px;}
55%{left:11px;}
100%{left:11px;}
}
@keyframes move2{0%{left:11px;}
45%{left:11px;}
55%{left:0px;}
100%{left:0px;}
}
/*header*/
.header{width:calc(100% - 40px*2);position:absolute;left:50%;transform:translateX(-50%);height:88px;transform:translateZ(50);z-index:1000;}
.header:before{width:100%;height:1px;content:"";left:0px;bottom:0px;background:rgba(255,255,255,0.25);position:absolute;}
.header-center{width:1200px;margin:0px auto;height:100%;}
.logo{float:left;width:120px;height:100%;overflow:hidden;margin-left:0px;}
.logo a{width:100%;height:100%;overflow:hidden;display:block;position:relative;}
.logo a img{width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.logo a img:last-child{opacity:0;}
.header ul,.header ul li{float:left;width:auto;height:100%;position:relative;}
.header ul{float:right;}
.header ul li{margin-left:48px;}
.header ul li:before{width:0px;height:2px;background:#fff;position:absolute;content:"";left:50%;transform:translateX(-50%);bottom:0px;}
.header ul li span{float:left;width:100%;height:88px;line-height:88px;}
.header ul li span a{font-size:16px;font-weight:400;color:#fff;}
.header ul li.on:before,.header ul li:hover:before{width:24px;}
.header ul li samp{display:none;}
.black .header:before{background:rgba(0,0,0,0.1);}
.black .logo a img{opacity:0;}
.black .logo a img:last-child{opacity:1;}
.black .header ul li:before{background:rgba(0,0,0,0.85);}
.black .header ul li span a{color:rgba(0,0,0,0.85);}
.sub-nav{width:auto;position:absolute;left:50%;transform:translate(-50%,-16px);top:88px;z-index:12;opacity:0;visibility:hidden;transform-origin:top;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.sub-body{width:100%;background:#fff;border-radius:8px;position:relative;margin-top:20px;padding:5px 0px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.03);}
.sub-2{width:100%;display:block;height:44px;line-height:44px;position:relative;}
.sub-2 em{width:100%;height:100%;position:relative;padding:0px 30px;box-sizing:border-box;display: inline-block;}
.sub-2 em:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-10.svg") no-repeat 93% center;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.sub-2 em:before{width:calc(100% - 10px);height:100%;content:"";position:absolute;left:5px;top:0px;background:rgba(0,0,0,0.05);border-radius:8px;-webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;-ms-transition:all 0s ease 0s;-o-transition:all 0s ease 0s;transition:all 0s ease 0s;z-index:1;box-sizing:border-box;opacity:0;}
.sub-2 a{font-size:14px;font-weight:400;color:rgba(0,0,0,0.85);white-space:pre;position:relative;z-index:12;}
.sub-2:hover em:before{opacity:1;}
.sub-2.default em:after{opacity:1;}
.sub-2.default:hover em:after{background-position:93% center;opacity:1;}
.header ul li:hover .sub-nav{opacity:1;visibility:visible;transform:translate(-50%,0px);}
.sub-nav2{width:0px;position:absolute;left:100%;top:0px;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform-origin:top left;}
.sub-body2{width:100%;display:flex;z-index:13;flex-direction: column;background:#fff;border-radius:8px;position:relative;transform:translateX(10px);padding:5px 0px;box-shadow:0px 0px 7px 3px rgba(0,0,0,0.01);}
.sub-body2 em:before{width:calc(100% - 10px) !important;opacity:0 !important;}
.sub-body2 em:after{opacity:0 !important;}
.sub-body2 em:hover:before{opacity:1 !important;}
.sub-2:hover .sub-nav2{opacity:1;width:auto;min-width:120px;}
.sub-3{width:100%;display:block;height:44px;line-height:44px;position:relative;}
.sub-3 em{float:left;width:100%;height:100%;position:relative;padding:0px 30px;box-sizing:border-box;}
.sub-3 em:after{width:100%;height:100%;content:"";position:absolute;left:0px;top:0px;background:url("../images/icon-10.svg") no-repeat 93% center;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
.sub-3 em:before{width:calc(100% - 10px);height:100%;content:"";position:absolute;left:5px;top:0px;background:rgba(0,0,0,0.05);border-radius:8px;-webkit-transition:all 0s ease 0s;-moz-transition:all 0s ease 0s;-ms-transition:all 0s ease 0s;-o-transition:all 0s ease 0s;transition:all 0s ease 0s;z-index:1;box-sizing:border-box;opacity:0;}
.sub-3 a{font-size:14px;font-weight:400;color:rgba(0,0,0,0.85);white-space:pre;position:relative;z-index:12;}
.sub-3:hover em:before{opacity:1;}
.sub-3.default em:after{opacity:1;}
.sub-3.default:hover em:after{background-position:93% center;opacity:1;}
.sub-nav3{width:0px;position:absolute;left:100%;top:0px;opacity:0;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;transform-origin:top left;}
.sub-body3{width:100%;overflow:hidden;background:#fff;border-radius:8px;position:relative;transform:translateX(10px);padding:5px 0px;box-shadow:0px 0px 7px 3px rgba(0,0,0,0.01);}
.sub-body3 em:before{width:calc(100% - 10px) !important;opacity:0 !important;}
.sub-body3 em:hover:before{opacity:1 !important;}
.sub-3:hover .sub-nav3{opacity:1;width:auto;min-width:120px;}
.sub-3-child em:after{opacity:1 !important;}
.sub-body3 em:after{opacity:0 !important;}
.menu{display:none;}
/*footer*/
.footer{width:100%;margin:0px auto;border-radius:0px;position:relative;background:#000;overflow:hidden;}
.footer-center{width:1200px;margin:60px auto 0px;overflow:hidden;}
.footer-1{width:100%;overflow:hidden;display:flex;justify-content:space-between;border-bottom:1px rgba(255,255,255,0.15) solid;padding-bottom:80px;}
.footer-1logo{width:141px;overflow:hidden;}
.footer-1logo img{width:100%;height:auto;}
.footer-1item{width:auto;overflow:hidden;}
.footer-1item .h3{width:100%;overflow:hidden;}
.footer-1item .h3 a{font-size:14px;font-weight:400;color:#fff;}
.footer-1item .h3:hover{transform:translateY(-3px);}
.footer-1item ul{width:100%;overflow:hidden;margin-top:20px;}
.footer-1item ul li{width:100%;overflow:hidden;font-size:14px;font-weight:400;line-height:32px;}
.footer-1item ul li a{color:rgba(255,255,255,0.45);}
.footer-1item ul li a:hover{color:#fff;}
.footer-1w{width:auto;overflow:hidden;}
.footer-1wx{float:left;margin-left:40px;width:100px;overflow:hidden;}
.footer-1wx:first-child{margin-left:0px;}
.footer-1wx samp{float:left;width:100%;overflow:hidden;}
.footer-1wx samp img{width:100%;height:auto;}
.footer-1wx span{float:left;width:100%;overflow:hidden;text-align:center;font-size:12px;font-weight:400;color:#fff;margin-top:15px;}
.footer-2{width:100%;overflow:hidden;text-align:center;padding:16px 0px;line-height:20px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.45);}
.footer-2 a{color:rgba(255,255,255,0.45);margin:0px 7px;}
.footer-2 a:hover{color:#fff;}
.section{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;}
.leaf{width:auto;position:fixed;right:32px;bottom:10%;z-index:100;}
.back-top{width:48px;height:48px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,0.65) url("../images/icon-11.svg") no-repeat center;border:1px solid rgba(0,0,0,0.1);box-shadow:0px 1px 4px 0px rgba(0,0,0,0.25);cursor:pointer;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;opacity:0.4;}
.back-top:hover{opacity:1;}
.back-kf{width:48px;height:48px;overflow:hidden;border-radius:50%;background:rgba(255,255,255,0.65) url("../images/300.svg") no-repeat center;border:1px solid rgba(0,0,0,0.1);box-shadow:0px 1px 4px 0px rgba(0,0,0,0.25);cursor:pointer;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;opacity:0.4;margin-top:10px;}
.back-kf:hover{opacity:1;}
.back-kf a{width:100%;height:100%;display:block;overflow:hidden;}
.section2.active .hsolve-item:before{box-shadow:0px 1px 75px 0px rgba(0,0,0,0.4);}
@media screen and (min-width:1921px){.osyj-2{height:1300px;background-size:auto 116%;}
}
@media screen and (min-width:1921px){.case-2,.case-3,.case-4{height:1300px;background-size:auto 116%;}
}
@media screen and (min-width:1921px){.uphz-1{height:680px;background-size:auto 105%;}
}
@media screen and (max-width:1440px){/*header*/
 .header{height:70px;}
.header-center{width:1200px;}
.logo{width:112px;}
.header ul li{margin-left:40px;}
.header ul li span{height:70px;line-height:70px;}
.header ul li span a{font-size:16px;}
.sub-nav{top:70px;}
.sub-2{height:40px;line-height:40px;}
/*footer*/
 .footer-center{width:1200px;margin:50px auto 0px;}
.footer-1{padding-bottom:60px;}
.footer-1logo{width:110px;}
.footer-1item ul{margin-top:15px;}
.footer-1item ul li{font-size:13px;line-height:30px;}
.footer-1wx{width:80px;}
.footer-1wx span{font-size:13px;margin-top:12px;}
.footer-2{padding:14px 0px;font-size:13px;}
.back-top{width:40px;height:40px;}
}
@media screen and (max-width:1366px){/*header*/
 .header{width:calc(100% - 30px*2);height:70px;}
.header-center{width:1000px;}
.header ul li{margin-left:32px;}
.header ul li span{height:70px;line-height:70px;}
.header ul li span a{font-size:15px;}
/*footer*/
 .footer{width:100%;border-radius:0px;}
.footer-center{width:1000px;margin:40px auto 0px;}
.footer-1{padding-bottom:50px;}
.footer-1logo{width:100px;}
.footer-1item ul{margin-top:12px;}
.footer-1item ul li{font-size:12px;line-height:28px;}
.footer-1wx{width:70px;}
.footer-1wx span{font-size:12px;margin-top:10px;}
.footer-2{padding:12px 0px;font-size:12px;}
.back-top{width:36px;height:36px;}
}
@media screen and (max-width:1280px){.header-center,.bread-1{width:900px;}
/*footer*/
.footer-center{width:900px;margin:40px auto 0px;}
.footer-1logo{width:90px;}
.footer-1wx{margin-left:25px;}
}
 body {overflow-x: hidden}
@media screen and (max-width:1366px){.up-1more{margin-top:15px;}
}