@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;position: relative;}
.nav_bot {position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(36, 70, 161, .8); height: 68px; z-index: 9999; }
.nav_bot_la {height: 80px; transition: all 0.3s linear; }
.nav_bot_la .logo {width: 20% !important; height: 80px !important; transition: all 0.3s linear; }
.nav_bot_la .mainlevel .subnav {top: 78px !important; background-color: #3f5ef3 !important; transition: all 0.3s linear; }
.nav_bot_la .nav_list {margin-left: 8% !important; transition: all 0.3s linear; }
.nav_bot_la .nav_list>li {line-height: 80px !important; height: 78px !important; transition: all 0.1s linear; }
.nav_bot_la .nav_list>li>a {height: 78px !important; transition: all 0.3s linear; }
.nav_bot_la .right {height: 80px !important; transition: all 0.3s linear; }
.nav_bot .logo {float: left; width: 20%; height: 68px; display: flex; justify-content: center; align-items: center; }
.nav_bot .logo>img {}
.nav_bot .nav_list {width: 77%; float: left; margin-left: 3%; }
.nav_bot .nav_list>li {position: relative; width: calc(100%/10); height: 68px; float: left; text-align: center; line-height: 68px; }
.nav_bot .nav_list>li>a {color: #fff; height: 68px; font-size: 14px; display: inline-block; }
.nav_bot .nav_list>li:hover {background-color: #3f5ef3; transition: all 0.3s linear; }
.nav_bot .nav_list>li.active{background-color: #3f5ef3; transition: all 0.3s linear; }
.nav_bot .nav_list>li:hover a {color: #fff; transition: all 0.3s linear; }
.nav_bot .nav_list>li.active a {color: #fff; transition: all 0.3s linear; }
.nav_bot .nav_list .ative {background-color: #3f5ef3; }
.nav_bot .nav_list .ative>a {color: #fff; }
.nav_bot .mainlevel .subnav {display: none; position: absolute; top: 68px; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.4); margin-left: -0%; z-index: -1; }
.nav_bot .mainlevel .subnav li {width: 100%; height: 50px; line-height: 50px; position: relative; margin-right: 30px; float: left; text-align: center; }
.nav_bot .mainlevel .subnav li a {display: block; font-weight: normal; font-size: 14px; color: rgba(256, 256, 256, 0.9); margin: 0; padding: 0; border: none; text-align: center; border-bottom: 1px solid rgba(256, 256, 256, 0.4); }
.nav_bot .mainlevel .subnav li:hover {background-color: #fff; transition: all 0.3s linear; }
.nav_bot .mainlevel .subnav li:hover a {color: #3f5ef3; transition: all 0.3s linear; }
.nav_bot .right {width: 16%; float: right; display: flex; justify-content: center; align-items: center; height: 100px; }
.nav_bot .right .img {float: left; }
.nav_bot .right .txt {float: right; margin-left: 10px; }
.nav_bot .right .txt a {font-size: 24px; color: #3f5ef3; }
.nav_bot .right .txt p {font-size: 14px; color: #666; }

.fullSlide{ width:100%;  position:relative;  height:550px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:550px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:10px; line-height:10px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:8px; margin:4px; overflow:hidden; background:#fff; line-height:999px;    opacity: .3;
    filter: Alpha(opacity=30); }
.fullSlide .hd ul .on{    opacity: 1.0;
    filter: Alpha(opacity=100); }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:4%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:4%; background-position:-6px -137px; }

.com_til{text-align: center;}
.com_til h2{font-size: 36px;color: #333333;line-height: 1.5;font-weight: normal;}
.com_til span{font-size: 16px;color: #999999;line-height: 1.5;}

.main1{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.m1_box{width: 100%;padding-top: 40px;}
.f-fl {float: left; }
.m-new-ul li.f-fl {cursor: pointer; margin-right:20px; width: 285px; background: #FFF; border-radius: 3px; box-shadow: 0 5px 10px 0 rgba(2,31,65,.05); }
.m-new-top {height: 80px; background-repeat: no-repeat; background-size: 100% auto; overflow: hidden; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.m-new-top1 {background-image: url(../images/m1_til1.jpg); }
.m-new-top2 {background-image: url(../images/m1_til2.jpg); }
.m-new-top3 {background-image: url(../images/m1_til3.jpg); }
.m-new-top4 {background-image: url(../images/m1_til4.jpg); }
.m-new-child {height: 390px; }
.g-mt10 {margin-top: 10px; }
.m-new-up {position: relative; visibility: hidden; height: 40px; line-height: 40px; margin: 0 20px; border-top: 1px solid #f2f3f5; font-size: 12px; color: #979ba5; letter-spacing: 0; }
.m-new-up.visible {visibility: visible; }
.m-new-up::after {display: block; width: 6px; height: 6px; content: ''; position: absolute; top: 14px; right: 2px; border-bottom: 2px solid #d7dae1; border-left: 2px solid #d7dae1; transform: rotate(315deg); transition: transform .3s ease-out,top .2s ease-out; }
.m-new-child li {position: relative; cursor: default; }
.m-new-child li.active .m-new-childli {height: 70px; background-image: url(../images/m1_bg.jpg); background-repeat: no-repeat; background-size: 100% auto; position: relative; }
.s-fs16 {font-size: 16px; }
.m-new-child h5 {color: #70747d; letter-spacing: 0; line-height: 24px; font-size: 16px; }
.m-new-child p {font-size: 12px; color: #979ba5; letter-spacing: 0; line-height: 20px; padding-left: 20px; }
.m-new-child li .index-show {display: block; padding-top: 6px; }
.m-new-child li .index-hide {display: none; color: #73767c; }
.m-new-childli {display: block; padding: 20px; height: 50px; cursor: default; }
.m-new-child li.active .index-hide {display: block; }
.m-new-child li.active .index-show {display: none; }
.m-new-child li.active .m-new-a {display: block; }
.m-new-a {font-size: 14px; color: #4098ff; letter-spacing: 0; text-align: center; line-height: 20px; padding: 5px 12px; background: #fbfbfd; box-shadow: 11px 3px 19px 0 rgba(0,0,0,.08); border-radius: 3px; position: absolute; display: none; top: 18px; right: 20px; font-weight: 700; }
.m-new-a:hover {background: #4299ff; color: #fff; }
.m-new-ul li.f-fl:hover {box-shadow: 0 15px 20px 0 rgba(2,31,65,.1); }
.m-new-top .til{border-left: 2px solid #fff; padding-left: 10px; height: 40px; margin-left: 20px; margin-top: 15px; }
.m-new-top h5{font-size: 18px; color: #FFF; font-weight: 700; }
.m-new-top span{text-transform: uppercase; font-size: 12px; color: #9cd2fb; }


.main2{width: 100%;background: #f6f6f6;padding-top: 50px;padding-bottom: 50px;}
.m2_box{width: 100%;padding-top: 40px;}
.f4-ul>li {display: inline-block; width: 248px; height: 340px; border: 1px solid #e3e2e5; margin-right: -1px; position: relative; vertical-align: top; overflow: hidden }
.f4-ul>li.active {width: 448px; border: 1px solid #1d77ff; z-index: 1; box-shadow: 0 0 20px 0 rgba(34,33,53,.1) }
.f4-ul>li.active .f4-h {opacity: 1; filter: Alpha(opacity=100) }
.f4-in {height: 40px; line-height: 40px; margin-top: 40px }
.f4-h {width: 408px; opacity: 0; filter: Alpha(opacity=0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 20px; transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; -o-transition: opacity .3s }
.f4-h-hd {font-size: 18px; margin-top: 0; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #e3e2e5 }
.f4-h-bd {font-size: 14px; line-height: 27px; color: #9797a1 }
.f4-h-lnk {position: absolute; bottom: 32px; left: 20px; color: #2589ff; font-size: 14px }
.f4-in>i {display: inline-block; vertical-align: middle; background-image: url(../images/f4_icns.png); background-repeat: no-repeat }
.f4-i1 {background-position: 0 0; height: 36px; width: 36px }
.f4-i1h {background-position: 0 -41px; height: 36px; width: 36px; margin-right: 14px }
.f4-i2 {background-position: 0 -82px; height: 40px; width: 40px }
.f4-i2h {background-position: 0 -127px; height: 40px; width: 40px; margin-right: 14px }
.f4-i3 {background-position: 0 -172px; height: 50px; width: 62px }
.f4-i3h {background-position: 0 -220px; height: 50px; width: 62px; margin-right: 14px }
.f4-i4 {background-position: 0 -222px; height: 50px; width: 124px }
.f4-i4h {background-position: 0 -247px; height: 5px; width: 116px; margin-right: 14px }
.f4-i5 {background-position: 0 -271px; height: 43px; width: 52px }
.f4-i5h {background-position: 0 -315px; height: 43px; width: 52px; margin-right: 14px }
.f4-hr {border: none; width: 52px; height: 1px; font-size: 1px; background-color: #e3e2e5; margin: 22px auto }
.f4-sul>li {font-size: 14px; color: #9797a1; margin-bottom: 16px }
.g-tac {text-align: center; }
.f4-ul {font-size: 0; }
.g-mt8 {margin-top: 8px; }

.main3{width: 100%;background: #fff;}
.m3_box1{width: 100%;background: #fff;padding-top: 75px;}
.m3_box2{width: 100%;background: #ececec;padding-top: 65px;padding-bottom:65px }
.m3_box3{width: 100%;background: #fff;padding-top: 90px;padding-bottom:90px }

.m3_box1 .picwrap {
	vertical-align: middle;
	display: inline-block;
    width: 520px;
    height: 333px;
    background: url(../images/m3_pic1.jpg) center no-repeat;
}
.m3_box1 .fontwrap {
    vertical-align: middle;
    display: inline-block;
    width: 550px;
    margin-left: 80px;
}
.m3_box2 .picwrap {
	vertical-align: middle;
	display: inline-block;
    width: 500px;
    height: 300px;
    background: url(../images/m3_pic2.jpg) center no-repeat;
}
.m3_box2 .fontwrap {
    vertical-align: middle;
    display: inline-block;
    width: 550px;
    margin-right: 80px;
}
.m3_box3 .picwrap {
	vertical-align: middle;
	display: inline-block;
    width: 520px;
    height: 333px;
    background: url(../images/m3_pic3.jpg) center no-repeat;
}
.m3_box3 .fontwrap {
    vertical-align: middle;
    display: inline-block;
    width: 550px;
    margin-left: 80px;
}
.fontwrap h5{
	font-size: 32px;
	font-weight: normal;
	line-height: 1.5;
}
.fontwrap span{
	font-size: 32px;
	font-weight: normal;
	line-height: 1.5;
}
.fontwrap .nr{
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.5;
}


.main4{width: 100%;background: #e7ecf0;padding-top: 50px;padding-bottom: 50px;}
.m4_box{width: 100%;padding-top: 40px;}
.m4_box ul li {
    cursor: pointer;
    width: 25%;
    height: 300px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    float: left;
    text-align: center;
    padding-top: 150px;
}
.m4_box ul .li1{
    background: url(../images/m4_bg1.jpg) center no-repeat;
}
.m4_box ul .li2{
    background: url(../images/m4_bg2.jpg) center no-repeat;
}
.m4_box ul .li3{
    background: url(../images/m4_bg3.jpg) center no-repeat;
}
.m4_box ul .li4{
    background: url(../images/m4_bg4.jpg) center no-repeat;
}

.transition600 {
    transition: all .5s cubic-bezier(0,0,.36,1.06) 0s;
    -o-transition: all .5s cubic-bezier(0,0,.36,1.06) 0s;
    -moz-transition: all .5s cubic-bezier(0,0,.36,1.06) 0s;
    -webkit-transition: all .5s cubic-bezier(0,0,.36,1.06) 0s;
    transform-origin: center;
}
.m4_box ul li i.h_icon {
    display: block;
    margin: auto;
    position: relative;
    z-index: 0;
    top: 0;
}
.m4_box ul li p.text {
    font-size: 24px;
    color: #fff;
    height: 60px;
    padding-top: 15px;
    position: relative;
    top: 0;
}
.m4_box ul li p.text {
    padding-bottom: 15px;
}
.m4_box ul li div.text {
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
    top: 0;
    line-height: 25px;
    padding-bottom: 40px;
    margin: 0 40px;
}
.m4_box ul li p.bg {
    padding: 10px 0;
    background: #1991EB;
    z-index: -1;
    top: -10px;
}

.m4_box ul li .center .bg,.m4_box ul li p.bg, .home_solution>.bg, .home_top .bg {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: #37a6fb;
    opacity: .7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
}
.m4_box ul li p.bg ,.m4_box ul li div.text{
    opacity: 0;
    filter: alpha(opacity=0);
}
.m4_box ul li.active .text, .m4_box ul li.active a, .m4_box ul li.active i.h_icon {
    z-index: 999999;
    top: -80px;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
}
.m4_box ul li.active p.bg {
    opacity: 0.7;
    filter: alpha(opacity=70);
}




.main5{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.m5_box{width: 100%;padding-top: 40px;}
.m5_box ul li {position: relative; float: left; overflow: hidden; margin: 0 10px 20px; width: 180px; height: 102px; }
.m5_box ul li img {border: 1px solid #ddd; -ms-interpolation-mode: bicubic; /* border: 0; */ vertical-align: bottom; width: 176px; height: 100px; }
.m5_box ul li span {position: absolute; background: #1caaf5; -webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94); -moz-transition: all .3s cubic-bezier(.25,.46,.45,.94); -o-transition: all .3s cubic-bezier(.25,.46,.45,.94); transition: all .3s cubic-bezier(.25,.46,.45,.94); }
.m5_box ul li .wk_span_1 {top: 0; left: 0; width: 0; height: 2px; }
.m5_box ul li .wk_span_2 {top: 0; right: 0; width: 2px; height: 0; }
.m5_box ul li .wk_span_3 {right: 0; bottom: 0; width: 0; height: 2px; }
.m5_box ul li .wk_span_4 {bottom: 0; left: 0; width: 2px; height: 0; }
.m5_box ul li:hover .wk_span_1, .m5_box ul li:hover .wk_span_3 {width: 100%; }
.m5_box ul li:hover .wk_span_2, .m5_box ul li:hover .wk_span_4 {height: 100%; }


.main6{width: 100%;background:url(../images/m6_bg.jpg) center no-repeat;padding-top: 50px;padding-bottom: 50px;}
.m6_box{width: 100%;padding-top: 40px;}
.m6_box .form {align-items: center; display: flex; }
.form .input{flex: 2;margin-right: 10px;position: relative;}
.form .input img{position: absolute;top: 15px;right: 15px;}
.form .input input{padding-left: 5%; }
.form input {outline: none; height: 52px; border: 0; width: 95%; }
.form input.submit {cursor: pointer; border-radius: 5px; background: #20aef4; color: #fff; flex: 1; }
.footer {width: 100%; background: #333333; padding-top: 40px; }
.ft1 {float: left; width: 50%; }
.ftt dt {font-size: 16px; color: #ebebeb; line-height: 2; margin-bottom: 15px; }
.ftt dd {font-size: 14px; color: #999999; line-height: 2; }
.ftt dd a{color: #999999; }
.ft2 {float: left; width: 20%; }
.ft2 dd {float: left; font-size: 14px; color: #999999; line-height: 2; width: 50%; }
.ft3 {float: right; width: 132px; text-align: center; font-size: 14px; color: #fff; line-height: 3;padding-top: 20px;margin-right: 10px;}
.ft3 img {width: 100%; }
.ft_bot {padding-top: 15px; padding-bottom: 15px; line-height: 1.5; width: 100%; text-align: center; font-size: 14px; background: #212123; color: #999999; }
.ft_top {padding-bottom: 40px; }

/* B站 */
.main-a-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-a-01-box{width: 100%;padding-top: 40px;}
.main-a-01-bbox{box-shadow: 0 3px 20px #ddd;}
.main-a-01-left{float: left;width: 500px;padding-top: 30px;padding-left: 30px;}
.main-a-01-left ul li{font-size: 16px;color: #4a4a4a;line-height: 35px;padding-left: 20px;background: url(../images/main-a-01-li.jpg) left center no-repeat;}
.main-a-01-right{float: right;width: 626px;}
.main-a-01-right img{width: 100%;}

.main-a-02{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-a-02-box{width: 100%;padding-top: 40px;}
.main-a-02-bbox{box-shadow: 0 3px 20px #ddd;}
.main-a-02-right{float: right;width: 530px;padding-top: 30px;padding-left: 30px;}
.main-a-02-right ul li{font-size: 16px;color: #4a4a4a;line-height: 35px;padding-left: 20px;background: url(../images/main-a-01-li.jpg) left center no-repeat;}
.main-a-02-left{float: left;width: 587px;}
.main-a-02-left img{width: 100%;}

.main-a-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-a-03-box{height: 270px;}
.main-a-03-bbox{width: 100%;padding-top: 40px;height: 200px;}
.main-a-03-bbox > ul > li{float:left;width: 258px;margin-right: 32px;height: 200px;}
.main-a-03-bbox > ul > li.li1{background: url(../images/main-a-03-box-li1.jpg) center no-repeat;}
.main-a-03-bbox > ul > li.li2{background: url(../images/main-a-03-box-li2.jpg) center no-repeat;}
.main-a-03-bbox > ul > li.li3{background: url(../images/main-a-03-box-li3.jpg) center no-repeat;}
.main-a-03-bbox > ul > li{padding-top: 50px;padding-left: 120px;color: #fff;}
.main-a-03-bbox > ul > li h5{font-size: 24px;color: #fff;font-weight: normal;line-height: 40px;}
.main-a-03-bbox > ul > li ul{padding-top: 10px;}
.main-a-03-bbox > ul > li ul li{font-size: 14px;line-height: 25px;color: #fff;}

.main-a-04{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-a-04-box{width: 90%;padding-top: 40px;padding-left: 5%;padding-right: 5%;}
.slideTxtBox .hd {width: 220px; line-height: 55px; position: relative; float: left; }
.slideTxtBox .hd li{background: #9bbbdc;color: #fff;text-align: center;margin-bottom: 30px;font-size: 18px;}
.slideTxtBox .hd li.on{background: #509eeb;}
.slideTxtBox .bd{float: right; width: 800px; text-align: center; }
.slideTxtBox .bd ul li{width:33.33%;float: left;}
.slideTxtBox .bd ul li img{}
.slideTxtBox .bd ul li{font-size: 14px;line-height: 3;font-weight: bold;}




.main-a-05{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-a-05-box{padding-top: 40px;}
.main-a-05-bbox{box-shadow: 0 3px 20px #ddd;}
.main-a-05-bbox-left{float: left;width: 60%;}
.main-a-05-bbox-right{float: right;width: 40%;}
.main-a-05-bbox{padding-top: 20px;padding-left: 20px;}
.main-a-05-bbox h5{font-size: 24px;color: #333;line-height: 2.5;font-weight: normal;}
.main-a-05-bbox span{font-size: 16px;line-height: 2;color: #686868;}


.main-a-06{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-a-06-box{padding-top: 40px;font-size: 0;text-align: center;}
.main-a-06-bbox{box-shadow: 0 3px 20px #ddd;text-align: center;}
.main-a-06-box > ul > li{width: 335px;height: 160px;background: #fff;margin-right: 20px;margin-bottom: 20px;display: inline-block;padding-top: 30px;position: relative;vertical-align: top;}
.main-a-06-box > ul > li{text-align: left;padding-left: 50px;}
.main-a-06-box > ul > li i{position: absolute;right:10px;bottom: 10px;font-size: 38px;color: #dfdfdf;font-weight: bold;}

.main-a-06-box > ul > li  h5{font-size: 20px;line-height: 45px;font-weight: normal;color: #333333;padding-left: 50px;}
.main-a-06-box > ul > li ul{padding-left: 50px;padding-top: 10px;}

.main-a-06-box > ul > li li{font-size: 14px;line-height: 2;color: #666666;padding-left: 15px;}
.main-a-06-box .li1 h5{background: url(../images/main-a-06-box-li1.jpg) left center no-repeat;}
.main-a-06-box .li2 h5{background: url(../images/main-a-06-box-li2.jpg) left center no-repeat;}
.main-a-06-box .li3 h5{background: url(../images/main-a-06-box-li3.jpg) left center no-repeat;}
.main-a-06-box .li4 h5{background: url(../images/main-a-06-box-li4.jpg) left center no-repeat;}
.main-a-06-box .li5 h5{background: url(../images/main-a-06-box-li5.jpg) left center no-repeat;}
.main-a-06-box > ul > li li.a{background: url(../images/main-a-06-box-li01.jpg) left center no-repeat;}
.main-a-06-box > ul > li li.b{background: url(../images/main-a-06-box-li02.jpg) left center no-repeat;}
.main-a-06-box > ul > li li.c{background: url(../images/main-a-06-box-li03.jpg) left center no-repeat;}


.main-a-07{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-a-07-box{padding-top: 40px;}

.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd{ padding: 10px 20px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:558px; height:319px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:50px;font-size: 16px;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=100);opacity:1;   }
.picScroll-left .next{ left:auto; right:0%; background-position:8px 5px; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }




/*小米*/
.main-m-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-m-01-box{padding-top: 40px;}
.main-m-01-box-left{float: left;width: 550px;padding-top: 50px;}
.main-m-01-box-right{float: right;width: 550px;margin-right: 80px;}
.main-m-01-box-left h5{font-size: 18px;color: #4a4a4a;line-height: 35px;}
.main-m-01-box-left ul{padding-top: 20px;}
.main-m-01-box-left ul li{font-size: 16px;color: #4a4a4a;line-height: 2;}

.main-m-02{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-m-02-box{padding-top: 40px;}
.main-m-02-box ul li{float: left;width: 20%;text-align: center;}
.main-m-02-box ul li h4{font-size: 36px;color: #239dfc;line-height: 40px;font-weight: normal;}
.main-m-02-box ul li em{font-size: 16px;}
.main-m-02-box ul li span{font-size: 14px;line-height: 25px;color: #666666;}

.main-m-03{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-m-03-box{padding-top: 40px;}

.picScroll-left5{ overflow:hidden; position:relative;}
.picScroll-left5 .bd{ padding:10px 70px;   }
.picScroll-left5 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left5 .bd ul li{ margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left5 .bd ul li .pic{ text-align:center; }
.picScroll-left5 .bd ul li .pic img{ width:215px; height:460px; display:block;}
.picScroll-left5 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left5 .bd ul li .title{ line-height:45px;font-size: 14px;   }


.main-m-04{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-m-04-box{padding-top: 40px;text-align: center;}
.main-m-04-box .bbox h6{font-size: 24px;color: #333333;font-weight: normal;}
.main-m-04-box .bbox h6 b{font-size: 48px;font-weight: normal;}
.main-m-04-box .bbox span{font-size: 14px;color: #808080;line-height: 2;}
.main-m-04-box .bbox p{font-size: 20px;color: #333333;}
.main-m-04-box ul  li{float: left;width: 33.33%;}

.main-m-05{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-m-05-box{padding-top: 40px;}
.main-m-05-box ul li{float: left;width: 20%;text-align: center;}
.main-m-05-box ul li h4{font-size: 24px;color: #333333;line-height: 2;font-weight: normal;}
.main-m-05-box ul li p{font-size: 14px;color: #666666;line-height: 2;}


.main-m-06{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-m-06-box{padding-top: 40px;}
.picScroll-left8{ overflow:hidden; position:relative;}
.picScroll-left8 .bd{ padding: 10px 20px;   }
.picScroll-left8 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left8 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left8 .bd ul li .pic{ text-align:center; }
.picScroll-left8 .bd ul li .pic img{ width:558px; height:319px; display:block;}
.picScroll-left8 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left8 .bd ul li .title{ line-height:50px;font-size: 16px;}
.picScroll-left8 .prev,
.picScroll-left8 .next{ position:absolute; left:0%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=100);opacity:1;   }
.picScroll-left8 .next{ left:auto; right:0%; background-position:8px 5px; }
.picScroll-left8 .prev:hover,
.picScroll-left8 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left8 .prevStop{ display:none;  }
.picScroll-left8 .nextStop{ display:none;  }


/* oppo */
.main-op-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-op-01-box{padding-top: 40px;}
.main-op-01-box ul li{float: left;width: 14.285%;text-align: center;}
.main-op-01-box ul li h4{font-size: 36px;color: #239dfc;line-height: 40px;font-weight: normal;}
.main-op-01-box ul li em{font-size: 16px;}
.main-op-01-box ul li span{font-size: 14px;line-height: 25px;color: #666666;}


.main-op-02{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-op-02-box{padding-top: 40px;}
.picScroll-left33{ overflow:hidden; position:relative;}
.picScroll-left33 .bd{ padding:10px 20px;   }
.picScroll-left33 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left33 .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left33 .bd ul li .pic{ text-align:center; }
.picScroll-left33 .bd ul li .pic img{ width:140px; height:250px; display:block;}
.picScroll-left33 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left33 .bd ul li .title{ line-height:45px;font-size: 14px;   }

.main-op-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-op-03-box{height: 526px;width: 1062px;margin: 40px auto 0 auto;background: url(../images/main-op-03-box-bg.jpg) center no-repeat;position: relative;}
.main-op-03-box .box{width: 275px;height: 221px;position: relative;}
.main-op-03-box .box .sbox{background: #e1f1fd;width: 240px;height: 168px;position: absolute;left: 10px;top: 0;padding-left: 35px;padding-top: 40px;position: relative;}
.main-op-03-box .box1{position: absolute;left: 0;top: 0;}
.main-op-03-box .box2{position: absolute;right: 0;top: 0;}
.main-op-03-box .box3{position: absolute;left: 0;bottom: 0;}
.main-op-03-box .box4{position: absolute;right: 0;bottom: 0;}

.main-op-03-box .box .sbox h5{font-size: 20px;font-weight: normal;color: #333333;line-height: 20px;border-left: 3px solid #007dff;padding-left: 10px;margin-bottom: 20px;}
.main-op-03-box .box .sbox ul li{font-size: 14px;line-height:1.5;}
.main-op-03-box .box .sbox span{font-size: 14px;line-height:1.5;}
.main-op-03-box .box .dd{position: absolute;background: #f3f7fe;left: 0;bottom: 0;width: 260px;height: 208px;}

.main-op-04{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-op-04-box{padding-top: 40px;}
.main-op-04-box ul li{float: left;width: 278px;height: 270px;background: #fff;margin-right: 27px;margin-bottom: 27px;text-align: center;padding-top: 35px;}
.main-op-04-box ul li dt{margin-bottom: 20px;}
.main-op-04-box ul li dd{float: left;width: 50%;font-size: 14px;line-height: 30px;}
.main-op-04-box ul li dd .s1{color: #ff6a6d;}
.main-op-04-box ul li dd .s2{color: #76d065;}
.main-op-04-box ul li dd .s3{color: #3387ca;}
.main-op-04-box ul li dd .s4{color: #8366ff;}
.main-op-04-box ul li dd .s5{color: #e1af6d;}

.main-op-05{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-op-05-box{padding-top: 40px;}
#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 238px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

/*OTT/OTV*/
.main-ot-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-ot-01-box{width: 100%;padding-top: 40px;}
.main-ot-01-bbox{box-shadow: 0 3px 20px #ddd;}
.main-ot-01-left{float: left;width: 500px;padding-top: 30px;padding-left: 30px;}
.main-ot-01-left ul li{font-size: 16px;color: #4a4a4a;line-height: 35px;padding-left: 20px;background: url(../images/main-a-01-li.jpg) left center no-repeat;}
.main-ot-01-right{float: right;width: 626px;}
.main-ot-01-right img{width: 100%;}

.main-ot-02{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-ot-02-box{width: 100%;padding-top: 40px;}

.main-ot-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-ot-03-box{width: 100%;padding-top: 40px;}

.main-ot-04{width: 100%;background: #f0f0f0;padding-top: 50px;padding-bottom: 50px;}
.main-ot-04-box{width: 100%;padding-top: 40px;}
.main-ot-04-box ul li{float: left;width: 20%;text-align: center;margin-bottom: 40px;}
.main-ot-04-box ul li h4{font-size: 36px;color: #239dfc;line-height: 40px;font-weight: normal;}
.main-ot-04-box ul li em{font-size: 16px;}
.main-ot-04-box ul li span{font-size: 14px;line-height: 25px;color: #666666;height: 50px;display: block;}

.main-ot-05{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-ot-05-box{width: 100%;padding-top: 40px;}
.main-ot-05-box ul li{float: left;width: 282px;margin-right: 20px;margin-bottom: 40px;text-align: center;}
.main-ot-05-box ul li h5{font-size: 18px;color: #333333;font-weight: normal;line-height: 40px;}
.main-ot-05-box ul li p{font-size: 14px;line-height: 25px;color: #666666;}

.main-ot-06{width: 100%;background: #f0f0f0;padding-top: 50px;padding-bottom: 50px;}
.main-ot-06-box{width: 100%;padding-top: 40px;}


/*支付宝*/
.main-z-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-z-01-box{width: 100%;padding-top: 40px;}
.main-z-01-box ul li{float: left;width: 16.6666%;text-align: center;}
.main-z-01-box ul li h4{font-size: 36px;color: #239dfc;line-height: 40px;font-weight: normal;}
.main-z-01-box ul li em{font-size: 16px;}
.main-z-01-box ul li span{font-size: 14px;line-height: 25px;color: #666666;}

.main-z-02{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-z-02-box{background: #f5f5f5;}
.main-z-02-left{float: left;width: 554px;}
.main-z-02-right{float: right;width: 560px;margin-right: 50px;padding-top: 50px;}
.main-z-02-right h4{font-size: 24px;font-weight: normal;color: #333333;line-height: 35px;margin-bottom: 30px;}
.main-z-02-right p{font-size: 14px;color: #666666;line-height: 2;}

.main-z-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-z-03-box{width: 100%;padding-top: 40px;text-align: center;}
.main-z-03-box ul li{display: inline-block;margin: 0 50px;font-size: 14px;line-height: 50px;font-weight: bold;}

.main-z-04{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-z-04-box{width: 100%;padding-top: 40px;text-align: center;}
.picScroll-left6{ overflow:hidden; position:relative;}
.picScroll-left6 .bd{ padding:10px 0px;   }
.picScroll-left6 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left6 .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left6 .bd ul li .pic{ text-align:center; }
.picScroll-left6 .bd ul li .pic img{ width:383px; height:347px; display:block;}
.picScroll-left6 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left6 .bd ul li .title{ line-height:45px;font-size: 14px;font-weight: bold;   }


/*vivo*/
.main-v-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-v-01-box{width: 100%;padding-top: 40px;}
.main-v-01-bbox{box-shadow: 0 3px 20px #ddd;}
.main-v-01-left{float: left;width: 500px;padding-top: 30px;padding-left: 30px;}
.main-v-01-left ul li{font-size: 16px;color: #4a4a4a;line-height: 35px;}
.main-v-01-left ul li b{font-size: 24px;color: #239efd;}
.main-v-01-right{float: right;width: 626px;}
.main-v-01-right img{width: 100%;}

.main-v-02{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-v-02-box{width: 100%;padding-top: 40px;}
.main-v-02-box>ul>li{float: left;width: 384px;margin-right: 24px;text-align: center;}
.main-v-02-box>ul>li ul{margin-top: 5px;}
.main-v-02-box>ul>li h4{height: 52px;background: #2b7fe3 url(../images/main-v-02-bg.jpg) center no-repeat;color: #fff;font-weight: bold;font-size: 16px;line-height: 52px;}
.main-v-02-box>ul>li li{display: inline-block;font-size: 14px;line-height: 40px;}
.main-v-02-box>ul>li li img{width: 189px;height: 416px;}

.main-v-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-v-03-box{width: 100%;padding-top: 40px;}
.main-v-03-left{float: left;width: 340px;height: 445px;background: #f1f7fc;padding-top: 30px;padding-left: 30px;}
.main-v-03-left h5{font-size: 18px;color: #000;font-weight: normal;line-height: 35px;margin-bottom: 10px;}

.main-v-03-right{float: right;width: 756px;height: 445px;background: #f1f7fc;padding-top: 30px;padding-left: 30px;padding-right: 30px;}
.main-v-03-right h5{font-size: 18px;color: #000;font-weight: normal;line-height: 35px;margin-bottom: 10px;}
.main-v-03-right ul li{float: left;}


.main-v-04{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-v-04-box{width: 100%;padding-top: 40px;}
.main-v-04-box img{width: 100%;}


/*huawei*/
.main-h-01{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-h-01-box{width: 100%;padding-top: 40px;}
.main-h-01-bbox{box-shadow: 0 3px 20px #ddd;}
.main-h-01-left{float: left;width: 500px;padding-top: 30px;padding-left: 30px;}
.main-h-01-left ul li{font-size: 16px;color: #4a4a4a;line-height: 45px;}
.main-h-01-left ul li b{font-size: 24px;color: #239efd;}
.main-h-01-right{float: right;width: 626px;}
.main-h-01-right img{width: 100%;}

.main-h-02{width: 100%;background: #f4f4f4;padding-top: 50px;padding-bottom: 50px;}
.main-h-02-box{width: 100%;padding-top: 40px;}
.picScroll-left24{ overflow:hidden; position:relative;}
.picScroll-left24 .bd{ padding:10px 120px;   }
.picScroll-left24 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left24 .bd ul li{ margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left24 .bd ul li .pic{ text-align:center; }
.picScroll-left24 .bd ul li .pic img{ width:188px; height:380px; display:block;}
.picScroll-left24 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left24 .bd ul li .title{ line-height:45px;font-size: 14px;   }

.main-h-03{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-h-03-box{width: 100%;padding-top: 40px;}
.main-h-03-left{float: left;width: 590px;height: 465px;background: #e7f3fe;text-align: center;padding-top: 30px;}
.main-h-03-left h5{font-size: 18px;line-height: 35px;color: #000;font-weight: normal;margin-bottom: 20px;}
.main-h-03-right{float: right;width: 590px;height: 465px;background: #e7f3fe;text-align: center;padding-top: 30px;}
.main-h-03-right h5{font-size: 18px;line-height: 35px;color: #000;font-weight: normal;margin-bottom: 20px;;}

.main-h-04{width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.main-h-04-box{width: 100%;padding-top: 40px;}
.main-h-04-left{float: left;width: 580px;}
.main-h-04-right{float: right;width: 580px;}