@charset "utf-8";

/*index主页轮播*/
.flexslider {position: relative;width: 100%;height: 400px;overflow: hidden;zoom: 1;}    
.flexslider .slides li {width: 100%; }    
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background:url(../img/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px; }   
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}    
.flex-direction-nav .flex-prev {left: 0;}  
.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;}  
.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: 400px;display: block; }
/*调价通知*/
.tongzhi{position: fixed;top: 10%;left: 0;right: 0;margin:0 auto; width: 618px; z-index: 9999;}
.tongzhi p{ position:absolute;top:20px; right: 20px; z-index: 9999; cursor: pointer; background-color: #333; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff;}
.tongzhi img{box-shadow: #666 0px 4px 10px 5px;}
/*权威可信赖*/
.main-box{ width:75rem; margin:0 auto;}
.title{ width:75rem; text-align:center;margin:4rem  auto 0 auto;}
.title h3{ color:#0bb9f8; font-size:2rem; font-weight:normal; margin-bottom:1rem; letter-spacing:.1rem;}
.title span{ color:#666;font-size:1rem;}
.main-box .main-us{ width:75rem; margin:2rem 0;  height:370px;}
.main-box .main-us ul{ float:left; background-image: url(../img/index-main-img-1.jpg); width: 320px;height: 370px;}
.main-box .main-us ul li{margin-left:110px; line-height: 3.4rem; font-size: .8rem; font-weight: bold;}
.main-box .main-us ul li:nth-child(1){margin-top: 18px;}
.main-box .main-us>span{ float:left; background-color:#fff; color: #666;}
.main-box .main-us>span>h4{  padding-bottom:1rem;font-size: 1.2rem;  width:16rem; border-bottom: 2px solid #e6e6e6;color:#0bb9f8;margin:1.5rem 0 .5rem 3rem;}
.main-box .main-us>span>span{ margin-left:3rem; display:block; color:#666; line-height:2.6rem; font-size:.8rem; width: 40rem;}
.main-box .main-us>span>span a{font-size:.8rem; color: #000; margin-right: 5px; width: 96px; display: inline-block;}
/*主页关于我们*/
.main-about{width: 1920px; height: 370px; padding: 1rem 0;  margin-left: -200px;}
.main-about-left{ background-color: #0bb9f8; width: 520px; height: 370px; float: left;}
.main-about-left p{ font-size: 1rem; line-height: 370px;  color: #fff; text-align: center;}
.main-about-right{ background-color: #fafafa; width: 1400px; height: 370px; float:left;}
.main-about-right h4{padding-bottom:1rem;font-size: 1.2rem; color: #0bb9f8; width:16rem; border-bottom: 2px solid #e6e6e6; margin: 1.5rem 0 .5rem 3rem;}
.main-about-right p{margin: 0 0 0 3rem; font-size: .8rem; line-height: 2.6rem;}
.main-about-img{ margin: 3rem 0;}
.main-about-img ul{width:75rem; margin: 0 auto; display: -webkit-flex; /* Safari */display: flex;  justify-content:space-between;}
.main-about-img ul li{ width: 360px; height: 400px; }
.main-about-img ul li:nth-child(1){background-image: url(../img/index-main-about-img-1.jpg);}
.main-about-img ul li:nth-child(2){background-image: url(../img/index-main-about-img-2.jpg);}
.main-about-img ul li:nth-child(3){background-image: url(../img/index-main-about-img-3.jpg);}
.main-about-img ul li:nth-child(4){background-image: url(../img/index-main-about-img-4.jpg);}
.main-about-img ul li p{ background-color: rgba(0,0,0,0.3); text-align: center; line-height: 2rem; color: #fff; margin-top:18rem;}
/*主页产品种类*/
.main-product{ margin:2rem 0 0 0;width: 1920px; margin-left: -200px;}
.main-product2{ padding: 2rem 0;}
.main-product div{ width: 75rem; margin: 0 auto;}
.main-product div h4{ font-size: 2rem; line-height: 8rem; text-align: center; color:  #0bb9f8; font-weight: 400;}
.main-product div p{ font-size: .7rem;}
.main-product h3{ text-align: center; font-size: 2rem;color: #0bb9f8;  line-height: 8rem;}
.main-product ul{display: -webkit-flex; /* Safari */display: flex;  justify-content:flex-start;  flex-wrap:wrap;margin-left:200px;}
.main-product ul li{ width: 17.2rem; height: 30rem; margin-top: 1rem;margin-right: 1rem; border: 3px solid #fafbfc; background-color: #fafbfc; }
.main-product2 ul li{border: 3px solid #fafbfc;background-color: #fafbfc;}
.main-product ul li:nth-child(4n){margin-right: 0rem;}
.main-product ul li a{position: relative; display: inherit; height: 30rem;}
.main-product ul li img{ width: 17.2rem; height:17.2rem;}
.main-product ul li h5{ color: #0bb9f8; font-size: 1rem; margin:1.5rem 0 .5rem 1rem; font-weight: normal;}
.main-product ul li p{font-size: .7rem; margin:0 0 0 1rem; width: 320px; color: #999; line-height: 1.2rem; }
.main-product ul li p i{ font-size: .8rem; color: #000;font-style: normal;}
.main-product ul li font{ font-size: .8rem; color: #c21c19; padding-left: .5rem;}
.main-product ul li span{position: absolute; bottom:1rem; left: 1rem; color: #000000;}
.main-product ul li{transition-duration: 0.5s; transition-property: transform;}
.main-product ul li:hover{transform: translateY(-6px);box-shadow: 0px 5px 20px #ccc;}
.main-product ul li:hover span{transform: translateX(5px);transition-duration: 0.5s;}
/*主页发展历程*/
.main .History,.main-box .History{background-color: #fafafc; margin: 1.5rem 0 .5rem -200px; list-style: none; width: 1920px; height: 220px;}
.main .History ul,.main-box .History ul{ margin:0 auto;width: 1180px; padding: 1.5rem 0 0 0;}
.main .History ul li,.main-box .History ul li{display: inline-block; width: 3rem; height: 3rem; border-radius: 50%; border:2px solid #0bb9f8; text-align: center; font-weight: bold; color: #0bb9f8; line-height: 3.1rem; margin:.5rem; cursor: pointer;}
.main .History ul li.Ul-clickStyle,.main-box .History ul li.Ul-clickStyle{background-color:#0bb9f8; color: #fff;}
.main .History ol li,.main-box .History ol li{display: none; text-align: center; font-size: 1rem; line-height: 1.6rem; font-weight: 100; padding: 1rem 0; color: #666;}
.main .History{background-color: #f5f5f5; margin: 0 auto; padding-bottom: 4rem;}
/*主页案例*/
.main-case{ height:25rem; margin-top:1.5rem;}
.main-case-left{ width:75rem; float:left;}
.main-case-left ul{ display:flex;-webkit-display:flex; flex-direction: row; flex-wrap:wrap;}
.main-case-left ul li{ width:23.5rem; display:block; height:7.35rem; position:relative; margin:0 1.5rem 1.5rem 0;}
.main-case-left ul li a{ width:23.5rem; display:block; height:7.35rem; }
.main-case-left ul li img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.main-case-left-list1 a{ background-image:url(../img/index-main-case-1.jpg);}
.main-case-left-list2 a{ background-image:url(../img/index-main-case-2.jpg);}
.main-case-left-list3 a{ background-image:url(../img/index-main-case-3.jpg);}
.main-case-left-list4 a{ background-image:url(../img/index-main-case-4.jpg);}
.main-case-left-list5 a{ background-image:url(../img/index-main-case-5.jpg);}
.main-case-left-list6 a{ background-image:url(../img/index-main-case-6.jpg);}
.main-case-left-list7 a{ background-image:url(../img/index-main-case-7.jpg);}
.main-case-left-list8 a{ background-image:url(../img/index-main-case-8.jpg);}
.main-case-left-list9 a{ background-image:url(../img/index-main-case-9.jpg);}
.main-case-left ul li a:hover{ background-position:bottom;}
.main-case-left ul li a:hover img{ display:block;}

.main-case-right{ width:18.8rem; height:21rem; float:left; border:1px solid #0473bd;}
.main-case-right ul{ margin-top:0.6rem;}
.main-case-right ul li{ height:2rem;margin:0 1rem; border-bottom: 1px solid #eee;}
.main-case-right ul li a{color:#999;font-size:.8rem; line-height:2rem;  }
.main-case-right ul li a:hover{ color:#0bb9f8;}
.main-case-right ul li a .text{display: inline-block; width:250px; height: 2rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; width:12rem; float:left;}
.main-case-right ul li a .time{ float:right; color: #ccc;}
.main-case-more{ width:18.9rem; margin-top:0.4rem; height:3.6rem; background-color:#0473bd;}
.main-case-more>p{ height:.8rem;}
.main-case-more a{ display:block;}
.main-case-more a:hover p{ background-color:#fff; color:#0473bd;}
.main-case-more a p{ border:1px solid #fff; color:#fff; font-size:.7rem; line-height:2rem; width:14rem; margin:0 auto; text-align:center; }

/*主页，新闻，知识，认证，视频*/
.main-team{ margin:4rem 0 0 0; }
.main-team-title{ margin:0 auto; width:32rem;}
.main-team-title li{ font-size:0.9rem; color:#666; height:2.5rem; width:6.7rem; margin:0 .5rem; display:inline-block; line-height:2.5rem; text-align:center;}
.main-team-title li:hover{ background-color:#0bb9f8; border-radius:3%; color:#fff; cursor:pointer;}
.main-team-title li.clickStyle{ background-color:#0bb9f8; border-radius:3%; color:#fff; cursor:pointer;}

.main-team-box{ background-image:url(../img/index-team-bg.jpg); height:26rem; margin-top:2rem; }
.main-team-box-new,.main-team-box-know,.main-team-box-prove,.main-team-box-video{ width: 60rem; overflow: hidden; margin: 0 auto;}
.main-team-box-style{display: flex; -webkit-display: flex; flex-wrap:no-wrap; -webkit-flex-wrap:no-wrap; margin:0 auto;  padding-top:4rem;  }
.main-team-box-style li{ margin: 0 .6rem; width:13.8rem; height: 16rem; display: inline-block; cursor:pointer;}
.main-team-box-style-text{ width:13.8rem;background-color:#fafafa;font-size:.7rem; height:7rem;}
.main-team-box-style-img{height:9rem;width:13.8rem;}
.main-team-box-style-text h5{color:#333;  margin:0 1rem; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main-team-box-style-text p{ height: 2rem; color:#666; margin:0 1rem; line-height:1rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main-team-box-style-text span{color:#666; margin-left:1rem; line-height:2.5rem; font-size:.5rem;}
.main-team-box-more{ margin: 2rem auto; width: 10rem;}
.main-team-box-more a{border: 1px solid #fff; color: #fff; text-align: center; line-height:2rem; display: block; width: 8rem; margin: 2rem auto rem auto;}
.main-team-box-more a:hover{background-color:#fff; color: #0bb9f8; cursor:pointer;}
.main-team-box-style li:hover .main-team-box-style-text{background-color:#0bb9f8;}
.main-team-box-style li:hover .main-team-box-style-text h5,
.main-team-box-style li:hover .main-team-box-style-text p,
.main-team-box-style li:hover .main-team-box-style-text span{ color: #fff;}
.main-team-box-position{ position: relative; width: 60rem; margin: 0 auto;}
.main-team-box-position-left{ position: absolute; top:4rem; left: -2.5rem; background: url(../img/index-team-new-left.jpg) no-repeat left; height:16rem; width:2.5rem; overflow:hidden;}
.main-team-box-position-right{position: absolute; top:4rem; right: -2.5rem; background: url(../img/index-team-new-right.jpg) no-repeat left; height:16rem; width:2.5rem; overflow:hidden;}
.main-team-box-position-left:hover,
.main-team-box-position-right:hover{background-position:right; cursor:pointer;}
.ServeVideos-main-icon{ background:url(../img/ServeVideos-icon-1.png) ; width: 2.5rem; height: 2.5rem;}
.main-team-box-style li:hover .ServeVideos-main-icon{display:black;position: absolute; top:65px; left:113px; }
/*隐藏*/
.main-team-box-new,.main-team-box-know,.main-team-box-prove{ display: none;}

/*我们的用户*/
.main-user{ width: 60rem; margin: 0 auto; display:flex; -webkit-display:flex; justify-content:space-around; -webkit-justify-content:space-around; }
.main-user>div{ width:18rem; margin:4rem 2rem; border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;padding:1.5rem 0;}
.main-user>div p{ font-size:1.8rem; text-align:center; color:#666; font-weight:bold; line-height:3rem;}
.main-user>div span{ display:block;font-size:.8rem; text-align:center; color:#999; line-height:2rem;}
/*企业图片logo*/
.main-company{ padding-bottom:5rem;}
.main-company ul{width:60rem; margin: 0 auto; display:flex;-webkit-display:flex; flex-direction:row;-webkit-flex-direction:row; flex-wrap:wrap;}
.main-company ul li{ border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5; height:5rem; width:9.9rem; overflow:hidden; position:relative;}
.main-company ul li:nth-child(1),
.main-company ul li:nth-child(6n+1){ border-left:1px solid #e5e5e5;}
.main-company ul li:nth-child(25),
.main-company ul li:nth-child(26),
.main-company ul li:nth-child(27),
.main-company ul li:nth-child(28),
.main-company ul li:nth-child(29),
.main-company ul li:nth-child(30){ border-bottom:1px solid #e5e5e5;}
.main-company ul li img{ transition:0.6s;-moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; -webkit-transition:0.6s;}
.main-company ul li:hover img{position:absolute; bottom:0px; left:0;transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}

/*子页main*/
.main-nav{border-bottom: 2px solid #e6e6e6;  margin:1rem auto 0 auto; width:60rem; height:2.2rem;}
.main-nav ul{  margin:0 auto;  display:flex; -display:flex; -webkit-justify-content:center; justify-content:center; }
.main-nav ul li a{ width:6rem; display:inline-block; text-align:center; font-size:.9rem; color:#333; padding-bottom:1rem; margin:0 .2rem;}
.main-nav ul li a:hover{ border-bottom:2px solid #1fa2ff; color:#1fa2ff;}
/*关于我们标题*/
.About-title{ margin: 1rem 0;}
.About-title h5{border-bottom: 1px solid #ccc; padding-bottom:1rem;}
.About-title h5 a{border-bottom: 3px solid #000000; color:#000000;  font-weight: 400; font-size:1.2rem; padding:0 .5rem 0.95rem 0;}
/*公司简介*/
.AboutUs{width:60rem; margin:0 auto;}
.AboutUs-jianjie ul{ display:flex; -display:flex; -webkit-justify-content:center; justify-content:center;}
.AboutUs-jianjie ul li p{ padding-left:1rem; line-height:1.2rem; color:#333; font-size:.7rem;}
/*企业认证*/
.AboutUs-zizhi>p{ color:#000; font-size:.9rem; padding:.5rem 0;} 
.AboutUs-zizhi-main-box{ display:flex; -webkit-display:flex; justify-content:flex-start; -webkit-justify-content:flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.AboutUs-zizhi-main-box div{ margin: .5rem 0 ;}
.AboutUs-zizhi-main-box div img{width: 6.6rem;}
/*国际关系*/
.AboutUs-guoji-box{display:flex; -webkit-display:flex; justify-content:flex-start; -webkit-justify-content:flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; width:60rem; margin:0 auto; background-color:#fff;}
.AboutUs-guoji-box>div{margin:.725rem; position:relative;}
.AboutUs-guoji-box>div>p{ position:absolute; bottom:1rem; left:0; font-size:.8rem; width:18.5rem; background-color:rgba(0,0,0,.3); line-height:3rem; text-align:center; color:#fff;}

/*新闻资讯*/
.ServeNews-main{width: 60rem;  display: flex; -webkit-display: flex;flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 auto;  padding-top:1rem;  }
.ServeNews-main li{ margin:0.5rem; width:13.8rem; display: inline-block; cursor: pointer;}
.ServeNews-main-text{ width:13.8rem;background-color:#fafafa;font-size:.7rem; height:7rem;}
.ServeNews-main-img{height:9rem;width:13.8rem;}
.ServeNews-main-text h5{color:#333;  margin:0 1rem; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ServeNews-main-text p{ height: 2rem; color:#666; margin:0 1rem; line-height:1rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ServeNews-main-text span{ text-align: left; display: block;  color:#666; margin-left:1rem; line-height:2.5rem; font-size:.5rem;}
.ServeNews-main li:hover .ServeNews-main-text{background-color:#0bb9f8;}
.ServeNews-main li:hover .ServeNews-main-text h5,
.ServeNews-main li:hover .ServeNews-main-text p,
.ServeNews-main li:hover .ServeNews-main-text span{ color: #fff;}
/*服务中心*/
/*服务承诺*/
.ServeCommitment-main{ width: 60rem; margin: 1rem auto 0 auto;}
.ServeCommitment-main h4{ color: #005c99; font-size: .8rem; line-height: 1.6rem;}
.ServeCommitment-main h5{ line-height: 1.4rem;}
.ServeCommitment-main span{color: #005c99;line-height: 1.4rem;}
.ServeCommitment-main p{ color: #666;line-height: 1.4rem;}
/*视频中心*/
.ServeVideos-main{width: 60rem;  display: flex; -webkit-display: flex;flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 auto;  padding:1rem 0 5rem 0;  }
.ServeVideos-main li{ margin:0.5rem; width:13.8rem; display: inline-block;}
.ServeVideos-main-text{ width:13.8rem;background-color:#fafafa;font-size:.7rem; height:6rem;}
.ServeVideos-main-img{height:9rem;width:13.8rem; position: relative;}
.ServeVideos-main-icon{ background:url(../img/ServeVideos-icon-1.png) ; width: 2.5rem; height: 2.5rem;}
.ServeVideos-main li:hover .ServeVideos-main-icon{display:black;position: absolute; top:65px; left:113px; }
.ServeVideos-main-text h5{color:#333;  margin:0 1rem; line-height:2.5rem; height:2rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.ServeVideos-main-text p{color:#666; margin:0 1rem; height: 3rem; line-height:1rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.ServeVideos-main-text span{ text-align: left; display: block;  color:#666; margin-left:1rem; line-height:2.5rem; font-size:.5rem;}
/*巡更知识*/

/*常见问题*/
.ServeQuestion-main{padding-bottom: 5rem; height: 30rem;}
.ServeQuestion-main ul{ background-color: #fff; padding-bottom: 2rem;}
.ServeQuestion-main ul li{ padding: 1rem 0 .5rem .5rem ; margin: 0 1rem; border-bottom: 1px solid #ebebeb;}
.ServeQuestion-main ul li>p{ color: #666; }
.ServeQuestion-main-ul-li-main{ display: none;}
.ServeQuestion-main ul li:hover .ServeQuestion-main-ul-li-main{ display: block; cursor: pointer;}
.ServeQuestion-main ul li:hover p.ServeQuestion-main-title{ color: red;font-weight: bold; cursor: pointer;}
/*联系我们*/
.contact-main{ width: 60rem; margin: 0 auto; margin-top: 1rem; display: flex; -webkit-display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.contact-main-left{ background-color: #fff; height:26rem; width: 14rem;}
.contact-main-left h4{padding: .8rem 0 0 1rem; font-size: .8rem;}
.contact-main-left p{padding: .5rem 0 0 1rem; color: #666; line-height: 1rem;}
.contact-main-right{ margin-left: 1rem;  position: relative; background-color: #fff; width: 45rem; height: 26rem; }
/*.contact-main-right img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}*/
.contact-main-right div{background: url(../img/contact-img-1.jpg) no-repeat center; width: 45rem; height: 26rem;}
.contact-main-right div:hover{background: url(../img/contact-img-2.jpg) no-repeat center;-webkit-transition: all 1s ease;transition: all 1s ease; cursor: pointer;}
.contact-main-list{ background-color: #fff; padding-bottom: 1.5rem; margin:1rem 0 5rem 0; width: 60rem; display: flex; -webkit-display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.contact-main-list li{width:13.7rem; height: 16rem; border:1px solid #e6e6e6; margin:1rem 0 0 1rem;}
/*.contact-main-list li:nth-child(4n){ margin:1rem 1rem 0 1rem ;}
.contact-main-list li:nth-child(even){ margin:1.5rem 0 0 0;}*/
.contact-main-list li h5{ display: block; padding-left: .5rem; margin:0 1rem; line-height: 4rem; border-bottom:1px solid #e6e6e6; font-size: .9rem; font-weight: normal; }
.contact-main-list li>div{ margin-top: .5rem;}
.contact-main-list li>div>p{padding-left: .5rem; margin:0 1rem; line-height: 1.2rem; color: #666;}
.contact-main-list li>div>p>span{ color: #271eda;}
/*案例实录*/
.Case-main{ width: 60rem; margin: 0 auto;}
.Case-main-ul-1{margin:1.5rem auto 0 auto; width:60rem;  display: flex; -webkit-display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.Case-main-ul-1 li{ width: 18.5rem; height: 10.5rem; display: inline-block; margin:0rem .75rem 1.5rem .75rem;}
.Case-main-ul-1 li a{width: 18.5rem; height: 10.5rem; display: inline-block;}
.Case-main-ul-1 li a:hover{ background: url(../img/look.png) no-repeat center;}
.Case-main-ul-1 li a p{ font-size: .8rem; color: #fff; background-color: rgba(0,0,0,0.3); line-height: 2.5rem; text-align: center; margin-top: 8rem;}

.Case-main-ul-2 li{ width: 58.5rem; height: 10rem; display: inline-block; background-color: #fff; margin: 0 .75rem 1rem .75rem;}
.Case-main-ul-2 li img{ float: left;}
.Case-main-ul-2 li div{ width: 43.5rem; float: left;padding-left: 1rem;}
.Case-main-ul-2 li div h5{ font-size: .8rem; line-height:2.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.Case-main-ul-2 li div p{ height: 2.4rem; padding-right: 1rem; font-size: .7rem; color: #666; line-height: 1.2rem;  font-weight: normal; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.Case-main-ul-2 li div a{ border-radius: 3px; background-color: #cccccc; line-height: 1.5rem; text-align: center; padding:0 .8rem; font-size: .6rem;font-weight: normal; color: #fff; display: inline-block; }
.Case-main-ul-2 li div span{ font-weight: normal; color: #999; font-size: .6rem; display: block; float: right; padding:2rem .8rem 0 .8rem;}
.Case-main-ul-2 li:hover{ background-color:#3DC2FF; color: #fff; cursor: pointer;}
.Case-main-ul-2 li:hover div p{color: #fff;}
.Case-main-ul-2 li:hover div span{color: #fff;}
.Case-main-ul-2 li:hover div a{ background-color: #fff; color: #3DC2FF;}
/*隐藏，第二页案例列表*/
.a2{ display: none;}
/*产品页*/
.product-main{ margin: 0 auto; width: 60rem;}
.product-main h5{border-left:3px solid #3DC2FF;  color:#333; padding: 0 .4rem; display: inline-block; line-height: 1.5rem; font-size: 1rem; font-weight: 400; margin-bottom: .6rem;}
.product-main ul{display: flex; -webkit-display: flex; -webkit-justify-content: flex-start;justify-content: flex-start; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.product-main ul li{ cursor:pointer; background-color: #fff;margin:0 2rem 1.5rem 0; border: 1px solid #fafafa;}
.product-main ul li:nth-child(5n){ margin-right:0 ;}
.product-main ul li:hover{ box-shadow: 0 5px 14px rgba(0,0,0,0.2);}
.product-main ul li p{  background-color: #fafafa; line-height: 2.5rem; text-align: center; color: #333; }
/*产品内容页*/
.product-1 img{ width: 100%; height: auto; display: block;}
.product-1{ position: relative; left: 50%; width: 1920px; margin-left: -960px; overflow: hidden; display: none;}
.product-2{width: 1200px; margin: 2rem auto; margin-left: -600px;}
.product-2 div{ background-color: #0c1229; color: #fff; border-top: 1px solid #000;}
.product-2 div p{margin: 2rem 0 2rem 2rem; line-height: 1.6rem; font-size: .8rem;}
.product-2 div ul{margin: 0 0 2rem 2rem; padding-bottom: 4rem;}
.product-2 div ul h5{font-size: 1rem; line-height: 2rem;}
.product-2 div ul li{ line-height: 1.6rem; font-size: .8rem;}
/*钥匙柜产品页*/
.maincommon{margin:0 auto 3rem auto; width: 60rem;}
.maincommon div.product-shuoming{ padding: 1rem; border-bottom: 1px solid #0BB9F8;}
.maincommon div.product-shuoming dl{ padding: .3rem 0; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.maincommon div.product-shuoming dl dd{ font-size: .8rem; padding:0.3rem .5rem 0.3rem 0;}
.maincommon div.product-shuoming dl dd:hover{ color: #005c99; font-weight:900;}
.maincommon div.product-shuoming dl dt{color: #0BB9F8; font-size: .8rem; font-weight:900; padding:0.3rem .5rem 0.3rem 0; }
.maincommon article>p{margin:1.5rem 0 .5rem .5rem; font-size: 1rem;}
.maincommon h1{margin-bottom: 3rem;  color: #333; font-size:1.8rem; text-align: center; margin: 5rem 0 4rem 0;}
.maincommon article>h5,.maincommon>h5{font-size: 2rem; margin: 3rem 0 2rem 0; color: #0BB9F8; text-align: center; font-weight: 400;}
.maincommon article>div.product-jianjie{ padding: 1rem; background-color: #f7f8fa;}
.maincommon article>span{ text-align: center; display: block; margin-top: .5rem;}
.maincommon article>div span{ display: block; font-size: 0.9rem;  color: #000;}
.maincommon article>div span p{ font-size: 0.7rem; }
.maincommon article>div p{ font-size: .7rem; line-height: 1.6rem; }
.maincommon article ul{margin: 0rem 0 1rem 0; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.maincommon article ul li{ width: 284px; margin:18px 18px 0 0; border: 1px solid #f5f5f5;transition-duration: 0.3s; transition-property: transform; position: relative;} 
.maincommon article ul li:nth-child(4n){margin-right: 0;}
.maincommon article ul li img.new{position: absolute; width: 42px; left: 0;}
.maincommon article ul li img{width:284px;} 
.maincommon article ul li p{ padding-left: 1rem; color: #0BB9F8; font-size: .8rem;}
.maincommon article ul li span{color:#666;line-height: 1.2rem; font-size: .7rem; display: block;padding:.3rem 0 1rem 1rem;}
.maincommon article ul li span a{color:#c21c1f;line-height: 1.2rem; font-size: .7rem; padding:.3rem 0 1rem 0.2rem;}
.maincommon article ul li p a{ color: #333;}
.maincommon article ul li:hover{ transform: translateY(-3px);box-shadow: 0px 5px 10px #ccc; z-index: 999; cursor: pointer;}
.product-key{ width: 60rem; overflow: hidden; margin: 0 auto;}
.product-main-key-1{ height: 520px; background: url(../img/pro/pro-img-bj-1.jpg) no-repeat; background-size:100% 100%; }
.product-main-key-1-text{ margin: 0 auto; text-align: center;}
.product-main-key-1-text h1{margin-top: 4rem;font-size: 2.4rem;color:#000;}
.product-main-key-1-text h2{margin-top: 1.5rem;font-size: 1.2rem;color:#3d3a3a;}
.product-main-key-1-text p{margin-top: .5rem;font-size: .8rem;color:#3d3a3a;}
.product-main-key-2{ background-color:#000; height: 25rem; }
.product-main-key-2 h1{ color: #fff; font-size: 2.4rem;text-align: center;padding-top: 5rem; font-weight: 400;}
.product-main-key-2 p{ color: #ebebeb; font-size: .8rem; width: 50rem; margin: 3rem auto 0 auto; line-height: 1.6rem;}
.product-main-key-3 ul{margin: 2rem auto;}
.product-main-key-3 ul li{ width: 17rem; display: inline-block; margin: 2rem 1rem; }
.product-main-key-3 ul li h3{ font-size: 1.2rem; line-height: 2.4rem; font-weight: 400; color: #4ca6ff;}
.product-main-key-3 ul li p{ font-size: .8rem; line-height: 1.6rem;}
.product-main-key-4 div{width: 60rem; margin: 0 auto;}
.product-main-key-4 div h1{ text-align: center; line-height: 8rem; margin-bottom: 2rem; font-size: 2.4rem;}
.product-main-key-4 div ul{display: flex; flex-wrap:wrap;}
.product-main-key-4 div ul li{width: 30rem; height: 18rem;}
.product-main-key-4 div ul li:nth-child(1){background-color: #f4f4f4; border-radius: 1.5rem 0 0 0;}
.product-main-key-4 div ul li:nth-child(4){background-color: #f4f4f4; border-radius: 0 0 1.5rem 0 ;}
.product-main-key-4 div ul li p{ margin: 0 auto; width: 16rem; margin-top:8rem; font-size: .8rem; line-height:1.6rem; }
.product-main-key-4 div ul li p a{ color: #7d6b57; font-size: 1.8rem;}
.product-main-key-5{margin-top: 6rem; }
.product-main-key-5 div h1{font-size: 2.4rem; text-align: center;}
.product-main-key-5 div p{ font-size: 1.2rem; line-height: 2.4rem; text-align: center; margin-bottom: 3rem;color: #ccc;}
.product-main-key-6{background: url(../img/pro/pro-img-bj-6.jpg) no-repeat; height: 28rem; margin-top: 5rem;}
.product-main-key-6 p{ color: #fff; font-size: 2.4rem; line-height: 4.8rem; margin:9rem auto 0 auto; width: 40rem;}
.product-main-key-7{background: url(../img/pro/pro-img-bj-7.jpg) no-repeat;height: 28rem;}
.product-main-key-7 p{ color: #333; font-size: 1.8rem; line-height: 2.4rem; margin: 15% 0 0 10%;}
.product-main-key-7 font{ font-size: .8rem; line-height: 1.6rem; color: #666;margin: 1% 0 0 10%;; display: block;}
.product-main-key-8{background: url(../img/pro/pro-img-bj-8.jpg) no-repeat;height: 28rem;}
.product-main-key-8 p{ color: #fff; font-size: 1.8rem; line-height: 2.4rem; margin: 15% 0 0 10%;}
.product-main-key-8 font{ font-size: .8rem; line-height: 1.6rem; color: rgba(255,255,255,.8);margin: 1% 0 0 10%; display: block;}
.product-main-key-9{background: url(../img/pro/pro-img-bj-9.jpg) no-repeat;height: 28rem;}
.product-main-key-9 p{ color: #666; font-size: 1.8rem; line-height: 2.4rem; margin: 15% 0 0 12%;}
.product-main-key-9 p a{ font-size: .8rem;}
.product-main-key-10{ background-color: #f5f9fa; padding-bottom: 4rem; margin-bottom: 4rem; }
.product-main-key-10 div h1{ text-align: center; font-size: 1.2rem; line-height:1.8rem; margin: 4rem 0 2rem 0; }
.product-main-key-10 div ul{ display: flex; flex-wrap:wrap; justify-content:space-between;width: 51rem; margin:0 auto;}
.product-main-key-10 div ul li{ text-align: center; width: 16.9rem;}
.product-main-key-10 div ul li h3{ color: #c9d9f2; font-size:2rem; font-weight: normal; line-height: 4rem; }
.product-main-key-10 div ul li p{ font-size: .8rem; }  
/*K26产品页*/
.product-key-k26 h6{ font-size: .9rem; font-weight: normal;  color: #34ae89; }
.product-key-k26>img{margin-bottom: 1rem;}
.product-key-k26 p{ margin-bottom: 1rem; padding-left: .5rem; font-size: .8rem; }
.product-k26-img{font-size: 0; margin: 0 auto 2rem auto; width: 60rem;}
.product-k26-img p{ font-size: 1.2rem; font-weight: 900; color: #666; line-height: 4rem; padding-left: 1rem; }
.product-key-k26-ul li  p{color: #34ae89 !important;}
/*K26产品详情页*/
.product-k-content-sup h1{ font-size: 1.5rem; line-height: 4rem; padding-top: 1rem; color: #0BB9F8; letter-spacing:5px; padding-left: 1rem;  font-weight: normal;}
.product-k26-main{ width: 27rem; float: left; height: 42rem; }
.product-k26-main h2{font-size: 1.2rem;padding: 1rem 0.5rem;  font-weight: normal;}
.product-k26-main p{font-size: .8rem; line-height: 2rem; padding: 0 0.5rem; width: 25rem;}
.product-k26-main img{ margin: .5rem ; height:120px;}

/*钥匙产品内页*/
.product-k-content{ margin:0 auto 4rem auto;   width:55rem; display: none;}
.product-k-content-title h1{ font-size: 1.5rem; line-height: 4rem; color: #000; letter-spacing:5px; padding-left: 1rem;  font-weight: normal;}
.product-k-content-title{ border-bottom: 2px solid #F0F0F0;margin-bottom: 1rem;}
.product-k-content-img{ width: 25rem;float: left;}
.product-k-content .product-k-content-img-big{width: 25rem;  height: 25rem; border: solid 1px #f5f5f5; }
.product-k-content .product-k-content-img-big ul li{text-align: center; height: 25rem; background-color: #000;} 
.product-k-content .product-k-content-img-big ul li img{width: 25rem;  height: 25rem;}
.product-k-content .product-k-content-img-small{ width: 25rem; display:flex; -webkit-display:flex; -webkit-justify-content:flex-start; justify-content:flex-start;}
.product-k-content .product-k-content-img-small img{margin: 1rem .5rem; width: 4rem; height: 4rem; border: 1px solid #f0f0f0; display: block;}
.product-k-content .product-k-content-img-small img:hover{ border: 1px solid #0bb9f8; cursor: pointer;}
.product-k-content-text{ width: 26rem; height: 31.5rem;  float: right;}
.product-k-content-text h4{ font-size:1rem; line-height: 2rem; margin-top: .5rem; }
.product-k-content-text h5{ color: #f9b41e;font-size:.8rem; line-height: 1.6rem; margin-top: .5rem; font-weight: normal;}
.product-k-content-text ul li p{ font-size: .8rem; line-height: 2rem;}
.product-k-content-text ul li p span{font-size: .8rem; color: #999; width:9rem; display: inline-block;}
.product-k-content-text>a{ width: 5rem; line-height: 1.5rem;background-color:#333; display: block; text-align: center; font-size: .7rem; color: #fff; border-radius:3px; margin-top: 6px; cursor: pointer;}
.product-k-content-text>a:hover{background-color: #000;}
.clear{ clear: both; background-color:#fff!important;}
.product-k-content-sup{ width: 55rem;  border-top: 2px solid #f0f0f0; margin-top: 1rem;}
.product-k-content-sup-1 img{vertical-align: bottom;}
.product-k-content-sup-2{padding: 1rem; background-color: #fafdff;}
.product-k-content-sup-2 p{ font-size: 1rem; line-height: 3rem; }
.product-k-content-anli div h1{ font-size: 1.2rem; font-weight: normal; color: #fff;  line-height: 4rem; background-color: #0bb9f8; display: inline; border-radius: 20px; padding: 5px 10px;}
.product-k-content-anli div img{ width: 1100px;}
.product-k-content-anli-1 p{padding: 1rem 0;}
.product-k-content-anli-2{ margin-top: 3rem;}
.product-k-content-anli div h4{ font-size: .9rem; line-height: 2.4rem;}
.product-k-content-anli div p{line-height: 2rem; font-size: .8rem; color: #666;}
/*产品返回列表页*/
.return-btn{ position: fixed; right: 5%;bottom:10% ; }
.return-btn a{ padding: 5px 10px; background-color: #000000; color: #fff;}
/*内页标题*/
.title p{ font-size: .7rem;font-weight: 400;  color: #999;margin-bottom: 1.5rem;}
.title p a{padding-right: .5rem;}
/*视频内页*/
.main .main-video{ width: 60rem;margin: 0 auto;   height: 26rem; padding-bottom: 5rem;}
.main-video video{ display:block; margin: 0 auto;}
/*巡更知识内页*/
.main-ServeKnow{ background-color: #fff; width: 60rem; margin: 0 auto; line-height: 1.2rem; color: #4c4c4c; padding: 1rem 0;  }
.main-ServeKnow h3{padding:.5rem 1rem; font-size: 1rem;}
.main-ServeKnow p{ padding:.5rem 1rem; font-weight:400;}
.main-ServeKnow p b{ line-height: 1.6rem; font-size: .8rem;}
.main-ServeKnow img{ padding: 0 0 0 1rem;  display: block;}
.main-ServeKnow video{padding: 0 0 0 1rem;}
.placeholder{ height: 4rem;}
/*Case-2多案例详情*/
.Case-2-main{ display: none; background-color:#f5f5f5; padding-top:1rem;}

/*APP下载*/
.down{  width: 750px; min-height: 1344px; margin: 0 auto; display: block; position: relative; letter-spacing:0px;}
.down-title{padding: 50px 0 30px 0;  text-align: center;}
.down-title img{margin-bottom: 10px;}
.down-title p{ font-size: 28px; color: #fff;}
.down ul{display: flex; flex-wrap:wrap; justify-content:center; }
.down ul li{width: 278px; height: 62px; line-height: 62px;   border-radius: 32px;text-align: center; display: inline-block; }
.down ul li:nth-child(1){ margin-right: 50px;}
.down ul li a{padding:3px 0 10px 48px; no-repeat; font-size:28px;color: #fff; }
.down ul li.android {background-color: #00d5ff; }
.down ul li.ios {background-color: #00bfff;}
.down ul li.huawei {background-color: #00aaff;}
.down ul li.sl,.down ul li.sl2 {background-color: #0095ff;}
.down ul li.android a{background: url(../img/down-android.png) no-repeat; }
.down ul li.ios a{background: url(../img/down-iphone.png) no-repeat; }
.down ul li.huawei a{background: url(../img/down-huawei.png) no-repeat; }
.down ul li.sl a{background: url(../img/down-google.png) no-repeat; }
.down ul li.sl2 a{background: url(../img/down-360.png) no-repeat; }
.down>p{ color: #fff; padding: 30px 0; margin-left: 76px; font-size: 18px;}
.down>img{ position: absolute; bottom: 0; left: 0; right: 0; width: 570px; margin: 0 auto;}