*{ margin:0; padding:0; list-style:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a{text-decoration:none;color: #333;}
html{overflow-x: hidden; font-family:"微软雅黑","arial";
	-moz-user-select:none;/*禁止复制*/
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
      user-select:none;}
body{ background-color: #f5f5f5; overflow: hidden;}
#header{background-color: #fff;text-align: center;height: 96px;line-height: 96px;color: #333;position: relative; position:fixed;top:0;left:0; width: 100%; z-index: 999;}
#header span.right{width: 96px;height: 96px;position: absolute;right: 0;top: 0;background:url("../M-img/index-nav-icon-1.png") no-repeat center center;background-size: 80%;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#header span.right.on{background: url("../M-img/index-nav-icon-3.png") no-repeat center center;background-size: 80%;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#header h1{font-size:32px;font-weight: normal; border-bottom: 2px solid #f0f0f0; }
#header a.left{position:absolute;left:0;top:0;display: block;width: 96px;height: 96px; background: url("../M-img/index-nav-icon-2.png") no-repeat center center;background-size: 70%;}
.menu{overflow: hidden;background-color: #fff;width: 100%;position: fixed;left: 0;top: 96px;right: 0;z-index: 9999;height: 0;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
box-shadow:rgba(0,0,0,.1) 0 4px 6px;
}
.menu li{width: 100%;text-align: center;border-bottom: 2px solid #f5f5f5;font-size:28px;height:70px;line-height:70px; }
.menu li a{color: #333;display: inline-block;width: 100%;text-align: center; text-decoration:none;}
/*index主页轮播*/
.flexslider {position: relative;width: 100%;height: 360px;overflow: hidden;zoom: 1; margin-top: 96px;}    
.flexslider .slides li {width: 100%; }    
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}    
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}    
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50); cursor:pointer;}    
.flex-control-nav { width: 100%;position: absolute;bottom: 10px; text-align: center;}    
.flex-control-nav li { margin: 0 2px;display: inline-block; zoom: 1;*display: inline;}  
.flex-control-paging li a {background:url(../img/dot.png) no-repeat 0 -16px;display: block; height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}   
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}    
.flexslider .slides li>div>img {width: 100%;height:360px;display: block;}
/*子banner*/
.banner{margin-top: 96px;display: flex; justify-content: center; align-items: center;-webkit-display: flex; -webkit-justify-content: center; -webkit-align-items: center;}
/*调价通知*/
.tongzhi{position: fixed;top: 10%;left: 0;right: 0;margin:0 auto; width: 618px;z-index: 9999;}
.tongzhi p{ position:absolute;  top:30px; right: 30px;  z-index: 9999; cursor: pointer; background-color: #333; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff;}
.tongzhi img{box-shadow: #666 0px 4px 10px 5px;}
/*主页子导航*/
.index-nav{ height:80px; width: 100%; background-color: #fff; margin-bottom:2px;}
.index-nav ul{display:flex;-webkit-display:flex;}             
.index-nav ul li{ line-height: 80px; flex:1; -webkit-flex:1; text-align: center;}
.index-nav ul li a{ width: 100%; height: 100%; display: inline-block;font-size: 24px;}
/*权威可信赖*/
.index-section-brief,.index-section-case,.index-section-user{ background-color: #fff;margin-bottom:10px; padding-top: 1px;}
.index-section-brief h2,.index-section-case h2,.index-section-user h2{ font-size: 32px; line-height: 40px; margin:40px 30px 20px 30px; border-left:6px solid #0bb9f8; padding-left: 20px; }
.index-section-brief article{ margin:0 30px;display:block; height: 420px;}
.index-section-brief article p{color: #666; font-size: 24px; line-height: 50px; padding-bottom: 50px;}
/**/
.index-about-img{ padding: 20px 0; background-color: #fff;}
.index-about-img ul{width:750px; margin: 0 auto; display: -webkit-flex; /* Safari */display: flex;  justify-content:space-around; flex-wrap:wrap;}
.index-about-img ul li{ width: 360px; height: 400px; margin:10px 0;}
.index-about-img ul li:nth-child(1){background-image: url(../../img/index-main-about-img-1.jpg);}
.index-about-img ul li:nth-child(2){background-image: url(../../img/index-main-about-img-2.jpg);}
.index-about-img ul li:nth-child(3){background-image: url(../../img/index-main-about-img-3.jpg);}
.index-about-img ul li:nth-child(4){background-image: url(../../img/index-main-about-img-4.jpg);}
.index-about-img ul li p{ background-color: rgba(0,0,0,0.3); text-align: center; font-size: 24px; line-height: 40px; color: #fff; margin-top:360px;}
/*index案例*/
.index-section-case h2 a{ font-size: 24px; font-weight: 400; float: right; color: #ccc; line-height: 40px;}
.index-section-case ul {margin:10px 30px 0px 30px; display: flex;-webkit-display:flex; flex-direction: row; flex-wrap:wrap;}
.index-section-case ul li{ margin-bottom: 20px;}
.index-section-case ul li:nth-child(2n){ margin-left: 20px;}
/*滑动CSS配合owl.js*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:none;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
/*四合一*/
.index-main{ background-color: #fff;}
.index-main ul{ display: flex;-webkit-display:flex;  height: 100px;}
.index-main>ul>li{flex:1; -webkit-flex:1; text-align: center; line-height: 100px; font-size: 28px;}
.index-main>ul>li:hover{color:#0bb9f8;}
.index-main>ul>li.clickStyle{color:#0bb9f8;}
.index-main-video{ background-color: #fff;}
.index-main-video ul{height:346px;}
.index-main-video ul li{ width: 360px; height: 345px; position: relative;}
.index-main-video>a{ width: 100%;  display: inline-block;}
.index-main-video ul li span{ position: absolute; bottom: 0px; overflow:hidden;text-overflow:ellipsis;  display: block; font-size: 24px; text-align: left; padding-left: 10px; height: 70px; line-height: 70px;}
.index-main-certified ul li span{ text-align: center; width: 360px;}
a.index-main-more{ line-height: 80px; color: #ccc; width: 100%; text-align: center; font-size: 24px; border-top: 1px  solid #f5f5f5;}
/*隐藏*/
.index-main-new,.index-main-know,.index-main-certified{display: none;} 
/*我们的用户*/
.index-section-user{ margin-top: 10px; height: 540px;}
.index-section-user-centre{ width: 100%; text-align: center;  padding-top: 100px ;}
.index-section-user-centre p{ font-size: 54px; line-height: 96px; font-weight: bold; color: #666;}
.index-section-user-centre span{ display: block; font-size: 28px; color: #ccc;}
.index-section-user-left{ text-align: center; padding: 30px 0;width:calc(50% - 75px); width:-webkit-calc(50% - 75px); float: left; margin:50px 45px 50px 30px; border-top:2px solid #f0f0f0; border-bottom:2px solid #f0f0f0;}
.index-section-user-right{text-align: center; padding: 30px 0;width:calc(50% - 75px); float: right;margin:50px 30px 50px 45px;width:-webkit-calc(50% - 75px);  border-top:2px solid #f0f0f0; border-bottom:2px solid #f0f0f0;}
.index-section-user-left p,.index-section-user-right p{ font-size: 42px; font-weight: bold; line-height: 80px; color: #666;}
.index-section-user-left span,.index-section-user-right span{display: block; font-size: 20px; color: #ccc;}
/*底部*/
footer{ background-color: #373d41; color: #8d9499;max-height:100%;}
footer .footer-nav{ padding: 50px 0; display: flex; -webkit-display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
footer .footer-nav a{color: #8d9499; display: inline-block; width:25%; text-align: center; line-height:50px; font-size: 20px;}
footer .footer-hotline { padding: 40px 30px; border-top:1px solid #4d565b; border-bottom:1px solid #4d565b;}
footer .footer-hotline article p{ color: #0bb9f8; font-size: 32px;}
footer .footer-hotline article a{ color: #fff; font-size: 28px;}
footer .footer-phone{ padding: 30px 30px 50px 30px; color: #606366; font-size: 20px; line-height: 40px;}
/*企业简介*/
.aboutus-intro,.aboutus-list,.aboutus-case,.aboutCulture,.aboutHistory,.aboutCertified,.aboutInternational,.aboutNews,.ServeCommitment{max-height:100%;background-color: #fff; margin-top: 20px; padding-top: 1px;}
.aboutus-intro h2,.aboutus-list h2,.aboutus-case h2,.aboutCulture h2,.aboutHistory h2,.aboutCertified h2,.aboutInternational h2,.aboutNews h2,.ServeCommitment h2{font-size: 32px; line-height: 60px; margin: 30px;  border-left:6px solid #0bb9f8;padding-left: 20px;}
.aboutus-intro article,.aboutus-list ul li{ margin: 0 30px; font-size: 24px; line-height: 48px; color: #666;}
.aboutus-case{ margin-bottom: 10px; padding-bottom: 30px; }
.aboutus-case ul{ margin:0 30px; display: flex; -webkit-display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.aboutus-case ul li{ margin-right: 20px;}
.aboutus-case ul li:nth-child(2n){ margin-right:0;}
.aboutus-case ul li article{height: 364px; width: 335px;position: relative;}
.aboutus-case ul li.aboutus-case-1 article{ background-image: url("../M-img/aboutus-case-img-1.jpg"); }
.aboutus-case ul li.aboutus-case-2 article{ background-image: url("../M-img/aboutus-case-img-2.jpg"); }
.aboutus-case ul li.aboutus-case-3 article{ background-image: url("../M-img/aboutus-case-img-3.jpg"); }
.aboutus-case ul li.aboutus-case-4 article{ background-image: url("../M-img/aboutus-case-img-4.jpg"); }
.aboutus-case ul li article p{ background: rgba(0,0,0,.3); height:160px; color: #fff; padding: 10px; font-size: 20px; line-height: 36px; position: absolute; bottom: 0;}
.aboutus-case ul li>p{ line-height: 90px; color: #333; font-size:28px;}
/*企业文化*/
.aboutCulture{ width: 100%; max-height:100%; padding-bottom: 1px;margin-bottom: 10px;}
.aboutCulture img{ margin:0 auto;display: flex; justify-content: center; align-items: center;-webkit-display: flex; -webkit-justify-content: center; -webkit-align-items: center; }
.aboutCulture article{ margin: 0 30px 30px 30px; }
.aboutCulture article h3{color:#d80e0e; font-size: 28px; line-height: 54px; font-weight: normal;}
.aboutCulture article p{ color: #999; font-size:24px; line-height: 48px;}
/*发展历程*/
.aboutHistory{ padding-bottom: 10px;margin-bottom: 10px;max-height:100%; }
.aboutHistory article{ background-color:#f8f8f8; border-left:3px solid #0bb9f8; margin:0 30px 20px 30px; padding: 10px;}
.aboutHistory article h3{ color: #0bb9f8; font-weight: bold; font-size: 28px;}
.aboutHistory article p{ color: #666666; font-size: 24px; line-height: 48px;}
/*企业认证*/
.aboutCertified article{ margin: 0 30px;}
.aboutCertified article h3{ color:#0bb9f8; font-size: 28px; line-height: 56px; font-weight: normal; }
.aboutCertified article ul{ display: flex;-webkit-display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.aboutCertified article ul li{ width: 170px;padding-bottom: 20px; }
.aboutCertified article ul li img{margin:0 auto; width: 90%; display: flex; justify-content: center; align-items: center;-webkit-display: flex; -webkit-justify-content: center; -webkit-align-items: center;}
/*国际关系*/
.aboutInternational .aboutInternational-map{  background-image: linear-gradient(to bottom , #ebfaff , #f5f5f5);}
.aboutInternational .aboutInternational-map h4{ font-size: 28px;color:#0bb9f8; font-weight: normal; padding:30px 0 30px 30px;}
.aboutInternational .aboutInternational-map img{padding-bottom: 30px;}
.aboutInternational-img{height: 780px;}
.aboutInternational-img ul{position:absolute; padding:30px 15px 30px 30px; display: flex;-webkit-display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.aboutInternational-img ul li{ width:220px; height: 180px;}
.aboutInternational-img ul li{ margin-right:15px;}
.aboutInternational-img ul li img{width: 220px; display: flex; justify-content: center; align-items: center;-webkit-display: flex; -webkit-justify-content: center; -webkit-align-items: center;}
.aboutInternational-img ul li p{ font-size: 24px; position:relative; bottom:80px; left:0; color: #fff; text-align: center;line-height: 60px; background-color: rgba(0,0,0,.4);}
/*新闻资讯*/
.aboutNews{ padding-bottom: 30px;}
.aboutNews-list{ height: 280px; border-bottom: 2px solid #f5f5f5; margin: 0 30px; padding:30px 0;}
.aboutNews-list-left{float: left;}
.aboutNews-list-right{float: right;}
.aboutNews-list-left h5{ font-size: 28px; line-height: 56px;max-width: 400px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.aboutNews-list-left p{padding-top: 20px; font-size: 24px; line-height: 36px; max-width: 400px; color: #666; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.aboutNews-list-left span{ font-size: 20px; line-height: 40px; display: inline-block; padding-top: 40px; color: #999;}
/*联系我们*/
.contact-map{ background-color: #fff; width:750px;margin:96px auto 0 auto;}
.contact-map img{ padding: 30px;}
.contact{ background-color: #fff; padding-top: 1px; padding-left: 30px; margin-top: 10px;}
.contact h2{ font-size: 28px; line-height: 56px;padding-top: 20px;}
.contact article{ font-size: 24px; line-height: 48px; color: #666;}
.contact article:nth-child(2n){padding-bottom: 20px;}
.contact-list li{ background-color: #fff; margin:10px 0;}
.contact-list li h5{ font-size: 28px; font-weight: normal; height:90px; line-height: 90px; padding-left: 20px; margin:0 20px; border-bottom: 2px solid #f0f0f0; }
.contact-list li div{padding:20px 40px;}
.contact-list li div p{ font-size: 24px; color: #666; line-height: 48px;}
/*服务承诺*/
.ServeCommitment article{ padding:0 30px;}
.ServeCommitment article h4{ color: #005c99; font-size: 28px; line-height: 56px;}
.ServeCommitment article h5,.ServeCommitment article span{font-size: 24px; line-height: 48px; }
.ServeCommitment article p{ color: #666; font-size: 24px;line-height: 48px;}
/*相关下载*/
.ServeDown article{ font-size: 52px; text-align: center; padding: 60px 0; color: #ccc;}
/*常见问题*/
.ServeQuestion ul{ padding: 0 30px 30px 30px;}
.ServeQuestion ul li{ border-bottom: 2px solid #f0f0f0; padding: 30px 0;}
.ServeQuestion ul li>p{ font-size: 28px; line-height: 60px; color: red;}
.ServeQuestion ul li>p>b{ padding-right: 10px;}
.ServeQuestion ul li>div{ font-size: 24px; color: #666; line-height: 48px;}
/*巡更产品*/
.product h5{ color: #cf1414; margin: 30px 0 30px 30px; padding-left: 10px; border-left: 6px solid #cf1414; font-size: 28px;  }
.product ul{display: flex;-webkit-display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.product ul li{background-color: #fff; width:335px; margin-left: 30px; margin-bottom: 30px;}
.product ul li:nth-child(2n){ margin-left:20px;}
.product ul li img{ width: 335px;}
.product ul li p{ background-color: #f5f5f5; line-height: 90px; font-size: 24px; text-align: center; border:4px solid #fff;}
/*详情小导航*/
.nav-hint{ height: 82px; background-color: #fff;}
.nav-hint p{ font-size: 24px; line-height: 82px; color: #333; padding-left: 30px;}
.nav-hint p span:last-child{ color: #3dc2ff;}
/*视频内容*/
.ServeVideos-content{ padding-bottom:30px; display:none;}
.ServeVideos-content-title{ margin:30px auto 0 auto; width: 750px;}
.ServeVideos-content-title h3{ text-align: center; font-size: 28px; line-height: 50px;}
.ServeVideos-content-title p{ font-size: 24px; line-height: 48px;color: #999; text-align: center;}
.ServeVideos-content-title p a{ padding-right: 20px; font-size: 20px; color: #999;}
.ServeVideos-content-video{margin: 0 auto; width: 750px;}
/*知识*/
.ServeKnow-content article{ max-height: 100%; margin: 0 auto; width: 750px; color: #4c4c4c; line-height: 48px; font-size: 24px; background-color: #fff; padding: 30px; margin-top: 10px;}
.ServeKnow-content article img{ padding: 10px 0;}
/*产品详情*/
.product-img{ display: none;}
.product-img img{ margin:0 auto; padding: 0; display: block; width: 100%;}
/*工业钥匙柜*/
.productYs,.productK26{ background-color: #fff; margin: 0 auto;}
.productYs article>p,.productK26 article>p{ font-size: 20px;padding: 20px 0 0 10px;}
.productYs article ul,.productK26 article ul{margin: 0 auto 20px auto; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.productYs article ul li,.productK26 article ul li{ width: 355px; margin:18px 9px 18px 9px; border: 1px solid #f5f5f5;transition-duration: 0.3s; transition-property: transform;} 
.productYs article ul li img,.productK26 article ul li img{width:353px;} 
.productYs article ul li p,.productK26 article ul li p{ color: #3DC2FF; padding-left: 20px;font-size: 24px;}
.productK26 article ul li p{ color: #3fad86;}
.productYs article ul li span,.productK26 article ul li span{color:#999;line-height: 40px; display: block;padding:0 0 20px 20px;}
.productYs article ul li:hover,.productK26 article ul li:hover{ transform: translateY(-3px);box-shadow: 0px 3px 6px #ccc; z-index: 999; cursor: pointer;}
/*钥匙产品内页*/
.productYs-main{ margin:30px auto 80px auto; width:750px;  background-color: #fff; display: none;}
.productYs-main-img{ width: 750px;}
.productYs-main .productYs-main-img-big{width:750px;  height:750px;}
.productYs-main .productYs-main-img-big ul li{text-align: center; } 
.productYs-main .productYs-main-img-big ul li img{width:750px;  height:750px;}
.productYs-main .productYs-main-img-big ul li video{ background-color: #000000;}
.productYs-main .productYs-main-img-small{ width:750px; display:flex; -webkit-display:flex; -webkit-justify-content:flex-start; justify-content:flex-start;}
.productYs-main .productYs-main-img-small img{margin: 10px; width: 6.7rem; height: 6.7rem; border: 1px solid #f0f0f0; display: block;}
.productYs-main .productYs-main-img-small img:hover{ border: 1px solid #0bb9f8; cursor: pointer;}
.productYs-main-text{ width: 730px; padding-left: 20px; }
.productYs-main-text h4{ font-size:36px; line-height: 72px; margin-top: 40px;}
.productYs-main-text h4 a{ color: #0bb9f8; font-size: 28px;}
.productYs-main-text>p{ font-size: 28px; line-height: 56px; width: 710px;}
.productYs-main-text h5{ color: #f9b41e;font-size:36px; line-height: 72px; margin-top:30px;}
.productYs-main-text ul li p{ font-size: 28px; line-height: 56px;}
.productYs-main-text ul li p span{ color: #999;font-size: 28px;  width:220px; display: inline-block;}
.productYs-main-sup h1{color: #0bb9f8;font-size: 30px; line-height: 80px; padding-top: 20px;}
.productYs-main-sup-2{padding: 20px; background-color: #fafdff;}
.productYs-main-sup-2 p{ font-size: 24px; line-height:60px; }
.productYs-main-sup-1 img{ width: 750px;}
.productYs-main-anli div h1{ font-size: 24px; font-weight: normal; color: #fff;  line-height: 80px; background-color: #0bb9f8; display: inline; border-radius: 20px; padding: 5px 10px;}
.productYs-main-anli div img{ width: 750px;}
.productYs-main-anli-1 p{padding: 20px 0;}
.productYs-main-anli-2{ margin-top: 20px;}
.productYs-main-anli div h4{ font-size: 20px; line-height: 40px;}
.productYs-main-anli div p{line-height: 40px; font-size: 20px; color: #666;}
/*K26*/
.productK26-logo{ padding: 40px;}
.productK26-logo p{ font-size: 28px; line-height: 56px;padding-top: 40px;}
.productK26-img{ font-size: 0;}
.productK26-img p{font-size: 40px; line-height: 80px; padding-left: 40px;}
.productK26-img img{width: 750px;}
.productK26-main{ display: none;}
.productK26-main article{  padding:0  20px;}
.productK26-main article h1{font-size: 36px; line-height: 72px; text-align: center;padding: 20px;}
.productK26-main article p{font-size: 28px; line-height: 72px; padding: 10px 0; }
.productK26-main article img{ width: 710px;  margin: 40px 0;}