/*body{ padding-top:73px;}*/
.font{font-family: 苹方;}
.fontC{font-family:"PingFang SC Medium";
    font-weight: bold;}
#xuan2 {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
}
.select{background:rgba(51,136,255,.7)!important;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.wrap{ width:1200px; margin:0 auto;}
.top{ position:fixed; left:0; top:0; width:100%; transition:all 0.5s ease;
    z-index:10;}
.ny-top{ background:#fff;}
.T-nav{ }
.T-nav > li{ float:left; position:relative;}
.T-nav > li:after{ content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.5s ease;width:0;
height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff; opacity:0;}
.T-nav > li > a{ display:block; color:#fff; padding:0 12px; line-height:73px; height:73px; font-size:16px; text-align:center; transition:all 0.5s ease; position:relative;}
.T-nav > li .gdlt{ position:absolute; width:140px; left:50%; margin-left:-70px; top:73px;text-align:center; background:#fff;}
.T-nav > li .gdlt a{ display:block; color:#666; line-height:20px; padding:10px 0; transition:all 0.5s ease;}

#vodlc{ display:block;}
.ind-01{ background:#fbfbfb; padding:5% 0;}
.tb-con .d1{ line-height:40px; font-size:32px; color:#0097f9; background:url(../images/sd02.png) no-repeat center center; position:relative;}
.tb-con .d2{ font-size:16px; color:#999; margin-top:15px;}
.blbaoc{ margin-top:5%;}
.blbaoc span{ float:left; margin-right:270px; width:220px; line-height:64px; border-radius:32px; background:#fff no-repeat 40px center; padding-left:100px; font-size:18px; color:#666; cursor:pointer;}
.blbaoc span.cur{ box-shadow:0 0 15px rgba(0,0,0,0.2);}
.blbaoc span.s1{ background-image:url(../images/c1-1.png);}
.blbaoc span.s2{ background-image:url(../images/c2-1.png);}
.blbaoc span.s3{ background-image:url(../images/c3-1.png); margin-right:0;}
.blbaoc span.s1.cur{ background-image:url(../images/c1-2.png);}
.blbaoc span.s2.cur{ background-image:url(../images/c2-2.png);}
.blbaoc span.s3.cur{ background-image:url(../images/c3-2.png);}
.blbaoc .line{ height:4px; width:150px; position:absolute; top:30px; background:url(../images/dx.png) repeat-x left center;}
.blbaoc .line:after{ content:''; position:absolute; left:0; top:0; height:4px; width:0px; background:#3681ff;}
.blbaoc .line01.on:after{ width:100%; transition:all 5s linear;}
.blbaoc .line02.on:after{ width:100%; transition:all 5s linear 5s;}
.blbaoc .line01{ left:275px;}
.blbaoc .line02{ left:765px;}

.casenc{ margin-top:5%;}
.lbein{ width:480px;}
.lbein .sect{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.05); transition:all 0.5s ease;}
/*.lbein li{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.05); transition:all 0.5s ease;}*/
/*.lbein li:hover .fontC{color:#3681ff;}*/
.font_selc{color:#3681ff!important;}
.lbein li{padding:15px 45px 15px 90px; margin-bottom:20px;  position:relative; }
.lbein li .d1{ font-size:20px;color: #494d5a;}
.lbein li .d2{ font-size:14px; line-height:24px; height:50px; overflow:hidden; color:#494d5a; margin-top:5px;}
.lbein li .d0{ width:40px; height:40px; border-radius:50%; background:#e7e7e8 no-repeat center center; position:absolute; left:30px; top:15px; transition:all 0.5s ease;}
.lbein li .d0.s1{ background-image:url(../images/a1-1.png);}
.lbein li .d0.s2{ background-image:url(../images/a2-1.png);}
.lbein li .d0.s3{ background-image:url(../images/a3-1.png);}
.lbein li .d0.s4{ background-image:url(../images/a4-1.png);}
.lbein li .d0.s5{ background-image:url(../images/a5-1.png);}
.lbein li .d0.s6{ background-image:url(../images/a6-1.png);}
.lbein li .d0.s7{ background-image:url(../images/a7-1.png);}
.lbein li .d0.s8{ background-image:url(../images/a8-1.png);}
.lbein li .d0.s9{ background-image:url(../images/a9-1.png);}

.ind-02{ background:url(../images/ybg.png) no-repeat top center; background-size:100% auto; padding:6% 0;}
.eaolc .d1{ color:#fff; background:url(../images/sd01.png) no-repeat center center;}
.eaolc .d2{ color:#fff;}

.lbmealc{ padding-top:60px;}
.lbmealc li{ padding:75px 35px 35px; float:left; width:23.5%; background:#fff; margin-right:2%; margin-top:2%; box-shadow:0 0 10px rgba(0,0,0,0.05); transition:all 0.5s ease;}
.lbmealc li:nth-child(4n){ margin-right:0;}
.lbmealc li .pic img{ transition:all 0.5s ease;}
.lbmealc li .tit{ font-size:20px; margin-top:20px;color:#494d5a;}
.lbmealc li .con{ font-size:15px; color:#494d5a; margin-top:15px; line-height:22px; height:66px; overflow:hidden;}
.lopaeca{ background:url(../testimg/t2.jpg) no-repeat center center; background-size:cover; padding-top:6%;}
.beobma{ padding-top:60px;}
.beobma li{ float:left; width:32%; margin-right:2%; margin-top:2%;}
.beobma li:nth-child(3n){ margin-right:0;}
.beobma li a{ display:block; padding:75px 35px 35px; background:#f9faff; transition:all 0.5s ease;}
.beobma li a .d1{ font-size:20px; transition:all 0.5s ease;color: #494d5a;}
.beobma li a .d2{ color:#494d5a; line-height:25px; margin-top:30px; height:175px; overflow:hidden; font-size:15px; transition:all 0.5s ease;}
.beobma li a .d3{ color:#fff; opacity:0; margin-top:10px; transition:all 0.5s ease;}

.ind-03{ background:#f7f8fb;}
.cbvnre{ height:636px; background:url(../images/dyq.png) no-repeat center center; background-size:100% auto; padding:110px 0 6%;}
.cbvnre a{ border-radius:50%; padding:6px; background:rgba(255,255,255,0.15); display:block; position:absolute;}
.cbvnre a img{ display:block; transition: all 0.5s ease;}
.cbvnre a.a1{ right:210px; top:260px;}
.cbvnre a.a2{ right:0px; top:440px;}
.cbvnre a.a3{ right:210px; top:600px;}
.cbvnre a.a4{ left:522px; top:440px;}
.cbvnre a.a5{ left:210px; top:260px;}
.cbvnre a.a6{ left:0px; top:440px;}
.cbvnre a.a7{ left:210px; top:600px;}
.cbvnre a.a8{ left:522px; top:700px;}

.foot{ color:#fff; background:#292c33; line-height:25px; padding:15px 0;}
.foot a{ margin:0 10px; color:#fff;}

.lbmealc_buttom li{ float:left; width:25%; background:#fff;  margin-top:2%; box-shadow:0 0 10px rgba(0,0,0,0.05); transition:all 0.5s ease;text-align: center;}
.isTop li{margin-top: 0!important;}
.nones{display: none;}
.xuan {
    /*width: 327px;*/
    height: 335px;
    margin: -95px 0 0 -196px;
    position: absolute;
    left: 50%;
    top: 50%;
    animation: huxi 8s ease infinite;
    -moz-animation: huxi 8s ease infinite;
    -o-animation: huxi 8s ease infinite;
    -webkit-animation: huxi 8s ease infinite;
    text-align: center;
}
@keyframes huxi {
    0% {
        transform: scale(1.00, 1.00);
    }
    50% {
        transform: scale(0.85, 0.85);
    }
    100% {
        transform: scale(1.00, 1.00);
    }
}





@media (min-width: 1201px){
.T-nav > li .gdlt{ visibility:hidden; opacity:0;transform:translateY(30px); transition:all 0.8s ease;}
.T-nav > li .gdlt a:hover{background:#3681ff; color:#fff; transition:all 0.5s ease;}
.T-nav > li > a.cur,.T-nav > li > a.on,.T-nav > li > a:hover{ transition:all 0.5s ease;}
.T-nav > li:hover .gdlt{visibility: visible; opacity:1;transform:translateY(0px); transition:all 0.8s ease;}
.T-nav > li:hover:after,.lbuoa li a:hover .pic:after{ opacity:1; transition:all 0.5s ease;}
.lbmealc li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.15); transition:all 0.5s ease;}
.lbmealc li:hover .pic img{ transform:rotateY(180deg); transition:all 0.5s ease;}
.lbein li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1); transition:all 0.5s ease;}
.lbein li:hover .d0{ background-color:#e6f0ff; transition:all 0.5s ease;}
.lbein li:hover .d0.s1{ background-image:url(../images/a1-2.png);}
.lbein li:hover .d0.s2{ background-image:url(../images/a2-2.png);}
.lbein li:hover .d0.s3{ background-image:url(../images/a3-2.png);}
.lbein li:hover .d0.s4{ background-image:url(../images/a4-2.png);}
.lbein li:hover .d0.s5{ background-image:url(../images/a5-2.png);}
.lbein li:hover .d0.s6{ background-image:url(../images/a6-2.png);}
.lbein li:hover .d0.s7{ background-image:url(../images/a7-2.png);}
.lbein li:hover .d0.s8{ background-image:url(../images/a8-2.png);}
.lbein li:hover .d0.s9{ background-image:url(../images/a9-2.png);}
.beobma li a:hover{ background:#3884ff; transform:translateY(-20px); box-shadow:0 15px 10px rgba(56,132,255,0.2); transition:all 0.5s ease;}
.beobma li a:hover .d1,.beobma li a:hover .d2{ color:#fff; transition:all 0.5s ease;}
.beobma li a:hover .d3{ opacity:1; transition:all 0.5s ease;}
.cbvnre a:hover img{ transform:rotateY(180deg); transition:all 0.5s ease;}
.lbmealc li:nth-child(2),.beobma li:nth-child(2){ transition-delay:0.2s;}
.lbmealc li:nth-child(3),.beobma li:nth-child(3){ transition-delay:0.4s;}
.lbmealc li:nth-child(4){ transition-delay:0.6s;}
    .panel-change{display: block;}
    .model,.is_imgmodel{display: none;}
    .swiper-container{display: none;height: 800px;}
    .pc_1,.is_imgR{display: block;}
}


@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; padding:0 3%;}
.top{ position:fixed; height:50px;}
.top .logo{ padding:0;}
.top .logo img{ height:50px;}
.mob-nav{ display:block; width:50px; height:50px; position:relative; float:right;}
.mob-nav span{ display:block; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-1px; background:#fff; transition:all 0.5s ease ;}
.mob-nav:before{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-11px; background:#fff; transition:all 0.5s ease ;}
.mob-nav:after{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:10px; background:#fff; transition:all 0.5s ease;}
.mob-nav.on span{ width:0; transition:all 0.5s ease;}
.mob-nav.on:before{ transform:rotate(45deg); margin-top:-1px; transition:all 0.5s ease;}
.mob-nav.on:after{ transform:rotate(-45deg); margin-top:-1px; transition:all 0.5s ease;}
.T-nav{ display:none; position:fixed; margin:0; top:50px; left:0; height:calc(100% - 50px); overflow:auto; margin:0; width:100%; background:#fff;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; color:#666; font-size:15px;}
.T-nav > li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; left:0; margin-left:0; top:0; padding:0; display:none; background:#fff;}
.T-nav li .gdlt a{ padding:0 5%; color:#666; height:35px; line-height:35px; margin:0; font-size:14px; background:none;}
.blbaoc{ text-align:center;}
.blbaoc span{ float:none; display:inline-block; margin:0; text-align:left; margin:0 5px;}
.blbaoc .line{ display:none;}
.lbein{ width:100%;}
.beowl{ width:100%; text-align:center;}
.lbmealc li{ width:49%;}
.lbmealc li:nth-child(2n){ margin-right:0;}
.cbvnre a{ float:left; position:relative; left:0 !important; top:0 !important; right:0 !important; margin:12px;}
.aeopco{ padding:6% 0;}
.cbvnre{ height:auto; padding-top:5%;}
}
.activert{color: #3884ff!important;}




@media (max-width: 768px){
.tb-con .d1{ font-size:24px;}
.blbaoc span{ float:left; width:29.3%; margin:0 2%; background:#fff !important; text-align:center; padding:0; font-size:15px; line-height:40px;}
.lbein li{ padding:15px 15px 15px 55px; margin-bottom:2%;}
.lbein li .d0{ left:9px; top:10px;}
.lbmealc li{ padding:15px;}
.lbmealc li .pic img{ height:60px;}
.lbmealc li .con{ height:88px;}
.foot .text{ width:100%;}
.foot .link{ text-align:center; width:100%;}
.beobma,.lbmealc{ padding-top:20px;}
    .swiper-container{display: block;    height: 400px!important;}
    .panel-change-img img{min-height: 280px!important;}
}

















.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}
.big_font{font-size: 68px;color: white;}
.samml_font{font-size: 30px;color: white;margin-top: 15px}

.casenc_box{margin-left: 112px;}
.casenc_box1{margin-left: 22px;width: 468px;}
.beowl_img{margin-left: 155px;}
@media (max-width: 1200px) {
    .top {
        background: #3388ff;
    }
    .casenc_box{margin-left: 20px!important;}
    .beowl_img{margin-left: 10px!important;}
    .casenc_box1{margin-left: 22px;width: auto;}
    .data_ik .hieght_io{
        height: 0px!important;}
    .panel-change-img img {height: 230px!important;width: 100%!important;margin-top: 10px!important;}
    .panel-change,.is_imgR{display: none;}
    .swiper-container{display: block;height: 560px!important;}
    .is_imgmodel{display: block;}
}
@media (max-width: 640px){
    .beobma li{ width:100%; margin-right:0;}
    .beobma li a{ padding:15px;}
    .beobma li a .d2{ height:auto; margin-top:15px;}
    .beobma li a .d3{ opacity:1; color:#0097f9;}
    .cbvnre a{ float:left; width:23%; margin:1%;}
    .cbvnre a img{ width:100%;}
    .swiper-container{display: block;    height: 430px!important;}
    .msin_img{height: 282px;}
}
@media (max-width: 375px){
    .swiper-container{display: block;height:430px!important;}
}
/*应用场景*/
.panel-change {height: 580px;border: 1px solid #e9ebf3;margin-top: 45px;}
.panel-change-wrap {height: 100%;overflow: hidden;}
.panel-change-left {float: left;width: 200px;height: 100%;background: #f7f8fb;border-right: 1px solid #e9ebf3;}
.panel-change-left-item {text-align: center;font-size: 16px;color: #737c8b;border-bottom: 1px solid #e9ebf3;height: 60px;
    line-height: 60px;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;}
.panel-change-left-item.active {color: #4285f4;background: #fff;position: relative;}
.panel-change-left-item.active:before {content: "";width: 4px;height: 60px;background: #4285f4;position: absolute;left: 0;top: 0;}
.panel-change-left-item.active:after{content:"";width: 1px;height: 60px;background: #fff;position: absolute;right: -1px;top: 0;}
.panel-change-img img {min-height: 400px;max-width: 800px;display: block;margin: 0 auto;margin-top: 40px;}
.show{display: block!important;}
.panel-change-right-wrap li{display: none;}
.lopaeca{background: none;padding-top: 0;}
.beobma li a{padding: 35px 25px;min-height: 200px;margin-top: 20px;background: white;}
.beobma li a .d2{margin-top: 0;height: auto;}
.beobma{padding-top: 20px;}
.swiper-slide div p{width: 100%;text-align: center;    font-size: 17px;
    color: #666;margin-top: 25px;}
.swiper-container {
    width: 100%;
    height: 400px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    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;
}