/*reset*/
html,body{width:100%;min-height: 100%;}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif';margin-left: auto;margin-right: auto;max-width: 2800px;}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color:inherit;}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
pre{     overflow-x: auto;
    white-space: pre;
    padding: 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
}

code{   overflow-x: auto;
    white-space: pre;
    padding: 5px;
    background-color: #f6f6f7;
    border-radius: 3px;
    color: #055aff;
}

img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;pointer-events: none;}
i{font-style: normal;}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #2669ec;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
.sjdbh{display: none;}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff2') format('woff2'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*@font-face {
    
    src: url('Affogato-Bold.woff.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('Affogato-Bold.woff.woff') format('woff'),
    url('Affogato-Bold.woff.ttf') format('truetype'),
    url('Affogato-Bold.woff.svg#fontName') format('svg');
}*/
.dg{display: none !important;}
/*70周年*/
.htmleaf-container{position: fixed;top:0;left: 0;width:100%;height: 100%;z-index: 59999;overflow: hidden}
.logo70{position: absolute;top:40px;left: 60px;z-index: 29999;height: 40px;}
.close70{position: absolute;right: 60px;top:40px;z-index: 29999;color: #fff;padding:5px 20px;border: 1px solid #fff;cursor: pointer;border-radius: 5px;font-size: 14px;}
#banner1{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 9999}
.banner-view{position: relative;height: 100%;z-index: 999;background-color: #090b22;background-repeat: no-repeat;}
.banner-view i{position: relative;display: block; float: left; background-repeat: no-repeat;}
/*条幅*/

.tf{position: fixed;top:0;left: 0;z-index: 1001;display: none;width:100%;height: 120px;background: no-repeat center;background-size: cover;}

/*头部*/
.header{position: fixed;top:0;left: 0;width:100%;z-index: 999;transition: .9s}
.header.act{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.1)}
.header.phonebg{background: #fff;}
.header .header-cont{padding:0 60px;box-sizing: border-box;position: relative;z-index: 2}
.header .header-l{float: left;padding:20px 0;position: relative;z-index: 3}
.header .header-l a{display: block}
.header .header-l img{height: 40px;display: block}
.header .header-r{float: right;}
.header .header-r .header-list{float: left;position: relative;z-index: 3}
.header .header-r .header-list li{float: left;line-height: 80px;font-size: 15px;color: #363636}
.header .header-r .header-list .cpjjjfa{font-weight: bold}
.header .header-r .header-list li>a{display: block;padding:0 20px;}
.header .header-r .header-list li>a>i{display: inline-block;vertical-align: middle;position: relative;transition: .3s;}
.header .header-r .header-list li>a>i:after{content: "";position: absolute;top:65%;left: 50%;width: 0;height: 2px;background:#0052d9;transition: .3s;}

.header .header-r .header-list li>a:hover>i{color: #0052d9}
.header .header-r .header-list li>a:hover>i:after{width: 100%;left: 0}
.header .header-r .header-list li>a>span{display: inline-block;vertical-align: middle;width: 3px;height: 3px;border: 2px solid #363636;border-radius: 50%;margin-left: 40px;}
.header .header-r .header-phone{float: left;line-height: 75px;}
.header .header-r .header-phone img{}
/*.header .header-r .search{float: left;width:40px;height: 40px;background:url("../images/search.png") no-repeat center;cursor: pointer;margin-top: 22px;margin-left: 20px;}*/

/*头部导航*/
.header .header-navs{display: none;position: fixed;top:80px;left: 0;width: 100%;padding: 60px 100px 70px;box-sizing: border-box;background: #fff;max-height: 100%;overflow-y: auto;overflow-x: hidden;line-height: normal;font-weight: normal;background: url(../images/home_point_bg.jpg) left top/100% 100% no-repeat;}
.header .header-navs div{float: left;}
.header .header-navs div h3{font-size: 22px;color: #0052d9;padding-bottom: 30px;}
.header .header-navs div dl{position: relative}
.header .header-navs div dl:before{content: "";display: block;;width: 1px;height: 366px;background: #eeeeee;position:absolute;top:0;right: 0}
.header .header-navs div dl dd{font-size: 16px;color: #363636;margin-bottom: 30px;transition: .3s}
.header .header-navs div dl dd a{display: block;padding:5px 0;position: relative}
.header .header-navs div dl dd:hover{color: #0052d9}


.header .header-navs .header-navs-jjfa{width: 30%;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-jjfa dl dd{float: left;width: 45%;}
.header .header-navs .header-navs-jjfa dl dd a{padding-left: 20px;}
.header .header-navs .header-navs-jjfa dl dd a:before{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #363636;position: absolute;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-jjfa dl dd:hover a:before{border-color: #0052d9}
.header .header-navs .header-navs-jjfa dl dd a span{position: relative;}
.header .header-navs .header-navs-jjfa dl dd a span:after{content: "";width: 0;height: 2px;background: #0052d9;position: absolute;bottom:-10px;left: 50%;transition: .3s;}
.header .header-navs .header-navs-jjfa dl dd:hover a span:after{width: 100%;left: 0}

.header .header-navs .header-navs-cp{width: 30%;padding-left: 90px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-cp dl dd{float: left;width: 45%}
.header .header-navs .header-navs-cp dl dd a{}
.header .header-navs .header-navs-cp dl dd a span{padding-left: 40px;}
.header .header-navs .header-navs-cp dl dd a i{position: absolute;font-size: 24px;color: #363636;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-cp dl dd a:hover i{color: #0052d9}

.header .header-navs .header-navs-al{width: 22%;padding-left: 120px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-al dl:before{display: none}
.header .header-navs .header-navs-al dl dd a{padding-left: 20px;}
.header .header-navs .header-navs-al dl dd a:before{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #363636;position: absolute;left: 0;top:50%;transform: translateY(-50%);transition: .3s;}
.header .header-navs .header-navs-al dl dd a span{position: relative;}
.header .header-navs .header-navs-al dl dd a span:after{content: "";width: 0;height: 2px;background: #0052d9;position: absolute;bottom:-10px;left: 50%;transition: .3s;}
.header .header-navs .header-navs-al dl dd:hover a:before{border-color: #0052d9}
.header .header-navs .header-navs-al dl dd:hover a span:after{width: 100%;left: 0}


.header .header-navs .header-navs-dh{width: 13%;padding-left: 70px;box-sizing: border-box;opacity: 0;transform: translateX(200px)}
.header .header-navs .header-navs-dh img{display: block;margin-bottom: 25px;}
.header .header-navs .header-navs-dh h5{font-size: 22px;color: #181818;line-height: 0.9}

.header .header-navs.act .header-navs-jjfa{opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.2s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-cp{opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.3s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-al{opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.4s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}
.header .header-navs.act .header-navs-dh{opacity: 1;transform: translateX(0);transition: .3s;transition-delay: 0.5s;transition-timing-function:cubic-bezier(0.680, 1.415, 0.495, 1.330)}


.header .phone-btn{display: none}
.phone-nav{display: none}

/*右侧快速导航*/

.rightfast{position: fixed;right:25px;z-index: 555;bottom:320px;width: 40px;padding:10px 0;border-radius: 20px;text-align: center;transition: .3s;transform: scale(0);}
.rightfast li{position: relative;padding:10px 0;transition: .3s;}
.rightfast li a{font-size: 24px;color: #9c9fa4;transition: .3s;}
.rightfast li img{position: absolute;top:-25px;right:50px;max-width: none;transition: .3s;transform: scale(0);transform-origin: right;}
.rightfast li:hover a{color: #333399}
.rightfast li:hover img{transform: scale(1)}

.rightfast .gotop{transform: scale(0);transform-origin: top;}
.rightfast .gotop a{color: #0052d9}
.rightfast.act{background: #f1f3f6;transform: scale(1);}
.rightfast.act .gotop{transform: scale(1)}

/*banner*/
.banner{height: 100vh;width:100%;background: #f1f3f6;}
.banner-media{position: absolute;top:0;left: 0;width:100%;height: 100%;overflow: hidden}
.banner-media video{width: 100%;}
/*.banner-media-b{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #f1f3f6;opacity: 1;display: none;background: no-repeat center;background-size: cover;}*/
.banner-media-b{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #f1f3f6;opacity: .7;}
/*.banner-media-b{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url(../images/20210101.jpg) no-repeat center;
    background-size: cover;}*/
.banner-media-pcb{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #f1f3f6;opacity: 1;background: url("../images/beijing.jpg") no-repeat center;background-size: cover}
/*.banner .banner-cont{background: rgba(255, 255, 255, .5);}*/
.banner .banner-info{position: absolute;left: 50%;top:50%;transform: translateX(-50%) translateY(-50%);text-align: center;}
.banner .banner-tit{font-size: 100px;color: #000000;font-weight: 100}
.banner .banner-5g{font-size: 120px;color: #000066;font-weight: bold;white-space: nowrap;position: relative;object-fit: cover;-webkit-filter: url(#signal);filter: url(#signal);padding:0 100px;overflow: hidden}
.banner .banner-5g em{font-style: normal;}
.banner .banner-5g i{position: absolute;left: -2px;top:0;width: 100%;color: #c50046;z-index: -1}
.banner .banner-5g span{position: absolute;left: 2px;top:0;width: 100%;color: #83f9dd;z-index: -1}

.banner .banner-wenzi{color: #000;}
.banner .banner-wenzi h1{font-size: 36px;line-height: 30px;}
.banner .banner-wenzi h2{font-size: 20px;line-height: 20px;}
.banner .banner-wa{font-size: 18px;color: #000000;padding-top: 20px;}

.banner .banner-news{position: absolute;bottom:10vh;left: 60px;background: #fff;padding:20px;z-index: 3}
.banner .banner-news h3{font-size: 20px;color: #000066;padding-bottom: 10px;}
.banner .banner-news p{padding:10px 0;}
.banner .banner-news p a{display: block}
.banner .banner-news p a span{font-size: 14px;color: #363636;display: inline-block;vertical-align: middle;}
.banner .banner-news p a i{font-size: 14px;color: #363636;padding-left: 25px;vertical-align: middle;display: inline-block;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner .banner-news-close{position: absolute;right:-32px;top:0;width:30px;height: 30px;background: #fff;}
.banner .banner-news-close span{position: absolute;transform: rotate(-45deg);width: 20px;height: 2px;background: #363636;top:15px;left: 5px;}
.banner .banner-news-close span:nth-child(2){transform: rotate(45deg)}
.banner .mouse{position: absolute;bottom:50px;left: 50%;margin-left: -12px;cursor: pointer;}


/*互联网营销*/
.hlwyx{padding-bottom:100px;overflow: hidden}
/*.hlwyx .swiper-hlwyx .swiper-wrapper{transition-delay: .2s;}*/
.hlwyx .hlwyx-cont{padding:100px 120px 0 120px;box-sizing: border-box;border-bottom: 1px solid #eeeeee;position: relative;}
.hlwyx .hlwyx-l{float: left;width:72%;}
.hlwyx .hlwyx-l .hlwyx-tit{}
.hlwyx .hlwyx-l .hlwyx-tit h4{font-size: 26px;color: #181818;font-weight: normal;margin-bottom: 25px;}
.hlwyx .hlwyx-l .hlwyx-tit p{color: #555555;font-size: 14px;line-height: 1.6}
.hlwyx .hlwyx-l .hlwyx-tit p span:last-child{display: block}

.hlwyx .swiper-hlwyx{height: 700px;overflow: hidden}
.hlwyx .swiper-hlwyx-l{position: absolute;left: 0;top: 0;width: 30%;height:100%;display: table}
.hlwyx .swiper-hlwyx-l .swiper-hlcell{display: table-cell;vertical-align: middle}

.hlwyx .swiper-hlwyx-l h5{font-size: 22px;color: #999999;padding-bottom: 25px;text-transform: uppercase;transform: translateX(-500px);}
.hlwyx .swiper-hlwyx-l h1{font-size: 48px;color: #0052d9;padding-bottom: 10px;transform: translateX(-500px);opacity: 0;}
.hlwyx .swiper-hlwyx-l h3{width:6px;height: 6px;border: 5px solid #0052d9;border-radius: 50%;transform: translateX(-500px);}
.hlwyx .swiper-hlwyx-l h4{font-size: 26px;color: #181818;font-weight: normal;padding-top: 60px;transform: translateX(-500px);}
.hlwyx .swiper-hlwyx-l p{font-size: 14px;color: #555555;padding-top: 20px;transform: translateX(-500px);}

.hlwyx .ani-slide .swiper-hlwyx-l h5{transform: translateX(0);opacity: 1;transition: 1s;}
.hlwyx .ani-slide .swiper-hlwyx-l h1{transform: translateX(0);opacity: 1;transition: 1s;transition-delay: .1s;}
.hlwyx .ani-slide .swiper-hlwyx-l h3{transform: translateX(0);opacity: 1;transition: 1s;transition-delay: .2s;}
.hlwyx .ani-slide .swiper-hlwyx-l h4{transform: translateX(0);opacity: 1;transition: 1s;transition-delay: .3s;}
.hlwyx .ani-slide .swiper-hlwyx-l p{transform: translateX(0);opacity: 1;transition: 1s;transition-delay: .4s;}

.hlwyx .swiper-hlwyx .swiper-hlwyx-r{position: absolute;left:30%;top:0;width: 70%;height:100%;max-width: 850px;}
.hlwyx .hlwyx-f1 .yxf1img{position: absolute;transition: .2s;}
.hlwyx .hlwyx-f1 .yxf11{top:5%;left: 40%;z-index: 4;transform: translateX(-200px) scale(0);opacity: 0}
.hlwyx .hlwyx-f1 .yxf12{top:32%;left: 23%;z-index: 5;transform:scale(0)}
.hlwyx .hlwyx-f1 .yxf13{top:16%;left:14%;z-index:3;transform:scale(0)}
.hlwyx .hlwyx-f1 .yxf14{top:42%;left: 11%;z-index: 2;transform:scale(0)}
.hlwyx .hlwyx-f1 .yxf15{top:22%;left: 5%;z-index: 1;transform: translateX(-100px);opacity: 0;}

.hlwyx .animated .ani-slide .hlwyx-f1 .yxf1img{position: absolute;}
.hlwyx .animated .ani-slide .hlwyx-f1 .yxf11{transform-origin: left;transform: translateX(0) scale(1);opacity: 1;transition: 1s;transition-delay: 1.2s;}
.hlwyx .animated .ani-slide .hlwyx-f1 .yxf12{transition: .8s;transform:scale(1);transition-delay: 1.15s;}
.hlwyx .animated .ani-slide .hlwyx-f1 .yxf13{transition: .8s;transform:scale(1);transition-delay: 1.1s;}
.hlwyx .animated .ani-slide .hlwyx-f1 .yxf14{transition: .8s;transform:scale(1);transition-delay: 1.05s;}
.hlwyx .animated .ani-slide .hlwyx-f1 .yxf15{transition: .8s;transform: translateX(0);opacity: 1;transition-delay: 1.0s;}

.hlwyx .hlwyx-f2 .yxf2img{position: absolute;transition: .2s;opacity: 0;}
.hlwyx .hlwyx-f2 .yxf21{top:8%;left: 0%;z-index: 7;opacity: 0;transform-origin: top right;transform:translateX(100px) scale(.6)}
.hlwyx .hlwyx-f2 .yxf22{top:64%;left: 47%;z-index: 6;}
.hlwyx .hlwyx-f2 .yxf23{top:60%;left:61%;z-index:5;}
.hlwyx .hlwyx-f2 .yxf24{top:42%;left: 43%;z-index: 4;transform-origin: bottom;}
.hlwyx .hlwyx-f2 .yxf25{top:0%;left: 62%;z-index: 3;transform-origin: bottom left;}
.hlwyx .hlwyx-f2 .yxf26{top:0%;left: 45%;z-index: 2;transform-origin: bottom right;}
.hlwyx .hlwyx-f2 .yxf27{top:5%;left: 45%;z-index: 1;transform: scale(0);}

.hlwyx .ani-slide .hlwyx-f2 .yxf21{transition: 2s;transform:translateX(0) scale(1);opacity: 1;transition-delay: 1.9s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf22{transition: .8s;opacity: 1;transition-delay: 2.6s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf23{transition: .8s;opacity: 1;transition-delay: 2.2s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf24{transition: .8s;opacity: 1;transition-delay: 1.9s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf25{transition: .8s;opacity: 1;transition-delay: 1.85s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf26{transition: .8s;opacity: 1;transition-delay: 1.8s;}
.hlwyx .ani-slide .hlwyx-f2 .yxf27{transition: .8s;transform: scale(1);opacity: 1;transition-delay: 1.0s;}


.hlwyx .hlwyx-f3 svg{position: absolute;top:30%;display: none}
@keyframes green {0% {stroke-dasharray: 0 749;}100% {stroke-dasharray: 749 749;}}
.hlwyx .ani-slide .hlwyx-f3 .green{stroke-dasharray: 749 749;stroke-dashoffset: 0;animation: green 2s forwards linear 1;}
@keyframes purple {0% {stroke-dasharray: 0 853;}100% {stroke-dasharray: 853 853;}}
.hlwyx .ani-slide .hlwyx-f3 .purple{stroke-dasharray: 853 853;stroke-dashoffset: 0;animation: purple 2s forwards linear 1;}


.hlwyx .hlwyx-r{position: absolute;width: 28%;height: 100%;right:0;top:0;border-left:  1px solid #eeeeee;padding-top: 100px;box-sizing: border-box}

.hlwyx .swiper-pagination-bullet{width: auto;height: auto;background: none;opacity: 1;text-align: left;padding-left: 30px;box-sizing: border-box;position: absolute;padding-right: 120px;top:150px;left: 0;}
.hlwyx .swiper-pagination-bullet:nth-child(1){}
.hlwyx .swiper-pagination-bullet:nth-child(2){top:50%;)}
.hlwyx .swiper-pagination-bullet:nth-child(3){bottom:10%;top:auto;}

.hlwyx .swiper-pagination-bullet h2{font-size: 26px;color: #181818;font-weight: normal;padding-bottom: 15px;}
.hlwyx .swiper-pagination-bullet p{font-size: 14px;color: #555555;}
.hlwyx .swiper-pagination-bullet:before{content: "";position: absolute;width:5px;height: 5px;border: 3px solid #0052d9;border-radius: 50%;top:10px;left: -4px;opacity: 0;transition: .3s;}
.hlwyx .swiper-pagination-bullet-active:before{opacity: 1}
.hlwyx .swiper-pagination-bullet:hover:before{opacity: 1}
/*案例*/

.anli{padding:0 120px;box-sizing: border-box}
.anli .anli-top{}
.anli .anli-top .anli-top-l{float: left;font-size: 26px;color: #181818;line-height: 30px;}
.anli .anli-top .anli-top-r{float: right;}
.anli .anli-top .anli-top-r li{float: left;line-height: 30px;padding-left: 50px;font-size: 14px;color: #555555;position: relative;transition: .3s}
.anli .anli-top .anli-top-r li:before{content: "";width: 3px;height: 3px;border-radius: 50%;border:2px solid #0052d9;transition: .3s;opacity: 0;position: absolute;left: 30px;top:50%;transform: translateY(-50%)}
.anli .anli-top .anli-top-r li:hover{color: #0052d9;}
.anli .anli-top .anli-top-r li:hover:before{opacity: 1;}
.anli .anlimore{display: none}

.anli .anli-bot{padding-top: 50px;}
.anli .anli-bot ul{padding-bottom: 45px;}
.anli .anli-bot li{float: left;width:32%;margin-right: 2%;margin-bottom: 55px;}
.anli .anli-bot li:nth-child(3n){margin-right: 0}
.anli .anli-bot li a{display: block;}
.anli .anli-bot .anli-bot-bg{overflow: hidden;position: relative}
.anli .anli-bot .anli-bot-bg:after{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);content: '';transition: transform .6s;transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);}
.anli .anli-bot li:hover .anli-bot-bg:after{transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);}
.anli .anli-bot .anli-bot-pic{background: url("../images/anlilist.jpg") no-repeat center;background-size: cover;height: 330px;transition: .6s;}
.anli .anli-bot li:hover .anli-bot-pic{transform: scale(1.1)}
.anli .anli-bot .anli-bot-info{padding:5px 30px;box-sizing: border-box;border: 1px solid #eeeeee;border-top: none;}
.anli .anli-bot .anli-bot-info h1{font-size: 22px;color: #181818;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:30px 0;border-bottom: 1px solid #eeeeee}
.anli .anli-bot .anli-bot-info div{padding:15px 0;}

.anli .anli-bot .anli-bot-info div h2{float: left;color: #555555;font-size: 14px;}
.anli .anli-bot .anli-bot-info div h2 span{font-weight: normal}

.anli .anli-bot .anli-bot-info div h3{float: right;margin-top: -4px;}
.anli .anli-bot .anli-bot-info div h3 span{font-size: 12px;color: #cccccc;display: inline-block;vertical-align: middle;margin-right: 10px;}

/*解决方案*/

.jjfa{overflow: hidden}
.jjfa .jjfa-t{}
.jjfa .jjfa-t .jjfa-t-l{float: left;width: 48%;padding:100px 0;box-sizing: border-box}
.jjfa .jjfa-t .jjfa-t-l-cont{background: #f1f3f6;padding:80px 0 80px 120px;box-sizing: border-box}
.jjfa .jjfa-t .jjfa-t-l-tit{}
.jjfa .jjfa-t .jjfa-t-l-tit h3{font-size: 26px;color: #181818;font-weight: normal;line-height: 50px;}
.jjfa .jjfa-t .jjfa-t-l-tit p{font-size: 14px;color: #555555;line-height: 20px;}
.jjfa .jjfa-t .jjfa-t-l ul{padding-top: 50px;}
.jjfa .jjfa-t .jjfa-t-l li{float: left;width:33%;padding:40px 0;}
.jjfa .jjfa-t .jjfa-t-l li h1{line-height: 70px;height: 70px;}
.jjfa .jjfa-t .jjfa-t-l li i{display: inline-block;font-size: 60px;color: #181818;}
.jjfa .jjfa-t .jjfa-t-l li span{display: inline-block;font-size: 40px;}
.jjfa .jjfa-t .jjfa-t-l li .nian{font-size: 22px;font-weight:normal}
.jjfa .jjfa-t .jjfa-t-l li p{font-size: 14px;color: #555555;line-height: 20px;}

.jjfa .jjfa-t .jjfa-t-r{float: right;width: 52%;padding:100px 120px;box-sizing: border-box;background: url("../images/jjfabg.jpg") no-repeat center;background-size: cover;height: 820px;}
.jjfa .jjfa-t .jjfa-t-r-tit h3{font-size: 26px;color: #fff;font-weight: normal;line-height: 50px;}
.jjfa .jjfa-t .jjfa-t-r-tit p{font-size: 14px;color: #fff;line-height: 20px;}
.jjfa .jjfa-t .jjfa-t-r ul{padding-top: 60px;}
.jjfa .jjfa-t .jjfa-t-r ul li{float: left;margin-right: 40px;color: #ffffff;padding:13px 0;position: relative;}
.jjfa .jjfa-t .jjfa-t-r ul li:after{content: "";position: absolute;width:3px;height: 3px;border-radius: 50%;border: 2px solid #fff;left: 0;top:50%;transform: translateY(-50%)}
.jjfa .jjfa-t .jjfa-t-r ul li a{padding-left: 15px;}

.jjfa .jjfa-t .jjfa-t-r-more{display: block;width: 200px;line-height: 46px;border: 2px solid #d90000;font-size: 18px;color: #d90000;text-align: center;margin-top: 70px;}
.jjfa .jjfa-t .jjfa-t-r-more i{display: inline-block;vertical-align: middle;padding-right: 8px;}


.jjfa .jjfa-b{position: relative}
.jjfa .jjfa-b .jjfa-b-l{margin-top: -100px;float: left;width:60%;background: #f1f3f6;box-sizing: border-box}
.jjfa .jjfa-b .jjfa-b-l-cont{position: relative;overflow: hidden;padding-left: 120px;padding-top: 200px;padding-bottom: 100px;box-sizing: border-box;}
.jjfa .jjfa-b .jjfa-b-l .jjfa-b-l-bg{background: url("../images/zqjzbg.jpg") no-repeat center;background-size: cover;object-fit: cover;
/* -webkit-filter: url(#water);filter: url(#water);*/

position: absolute;height: 120%;width: 120%;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

.jjfa .jjfa-b .jjfa-b-l-info{position: relative;z-index: 2}
.jjfa .jjfa-b .jjfa-b-l-info h1{font-size: 50px;color: #fff;line-height: 60px;padding-bottom: 60px;}
.jjfa .jjfa-b .jjfa-b-l-info p{font-size: 18px;color: #ffffff;line-height: 35px;}
.jjfa .jjfa-b .jjfa-b-l-info p span{display: block}

.jjfa .jjfa-b .jjfa-b-r{margin-top: -100px;float: right;width:40%;background: #fff;padding:60px 60px 0 60px;box-sizing: border-box}
.jjfa .jjfa-b .jjfa-b-r h5{font-size: 22px;color: #181818;font-weight: normal}
.jjfa .jjfa-b .jjfa-b-r h1{font-size: 50px;color: #181818;text-transform: uppercase;padding-top: 30px;}
.jjfa .jjfa-b .jjfa-b-r h1 span{line-height: 0.9;display: block;}
.jjfa .jjfa-b .jjfa-b-r h3{width: 8px;height: 8px;border: 6px solid #0052d9;border-radius: 50%;margin-top: 10px;}
.jjfa .jjfa-b .jjfa-b-r h4{font-size: 14px;color: #555555;font-weight: normal;line-height: 20px;padding-top: 25px;}
.jjfa .jjfa-b .jjfa-b-r ul{padding-top: 50px;}
.jjfa .jjfa-b .jjfa-b-r li{float: left;text-align: center}
.jjfa .jjfa-b .jjfa-b-r li img{height: 60px;}
.jjfa .jjfa-b .jjfa-b-r li p{font-size: 14px;color: #555555;padding-top: 50px;}
.jjfa .jjfa-b .jjfa-b-r li:nth-child(1){padding-right: 60px;border-right: 1px solid #eeeeee;}
.jjfa .jjfa-b .jjfa-b-r li:nth-child(2){padding-left: 60px;}

/*新闻*/
.news{padding-top: 150px;overflow: hidden;padding-bottom: 100px;}
.news .news-cont{padding:0 120px;box-sizing: border-box}
.news .news-t{}
.news .news-t .news-t-l{float: left;font-size: 26px;color: #181818;line-height: 30px;}
.news .news-t .news-t-r{float: right;font-size: 14px;color: #888888;font-weight: bold;}
.news .news-t .news-t-r i{display: inline-block;vertical-align:middle;padding-left: 10px;}
.news .news-b{padding-top: 25px;}
.news .news-b .news-page{position: static;text-align: left}
.news .news-b .news-page span{position: relative;width: auto;height: auto;background: none;font-size: 14px;color: #555555;padding-right: 30px;opacity: 1;padding-left: 20px;transition: .3s;}
.news .news-b .news-page span:after{content: "";width: 3px;height: 3px;border-radius: 50%;border: 2px solid #0052d9;position: absolute;top:50%;left: 2px;transform: translateY(-50%);opacity: 0;transition: .3s;}
.news .news-b .news-page .swiper-pagination-bullet-active{color: #0052d9}
.news .news-b .news-page .swiper-pagination-bullet-active:after{opacity: 1}
/*新闻轮播部分*/
.news .news-b-sw{padding-top: 60px;}
.news .news-b-sw .swiper-news{overflow: hidden}
.news .news-b-sw .swiper-wrapper{transition-delay:.3s;}
.news .news-b-l{float: left;width:32%;transition: .2s;transform: translateX(200px);opacity: 0;}
.news .ani-slide .news-b-l{transform: translateX(0);opacity: 1;transition: .8s;}

.news .news-b-l a{display: block}
.news .news-b-l-bg{overflow: hidden;position: relative}
.news .news-b-l-bg:after{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);content: '';transition: transform .6s;transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);}
.news .news-b-l:hover .news-b-l-bg:after{transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);}
.news .news-b-l-pic{background: url("../images/zxgg.jpg") no-repeat center;background-size: cover;height: 300px;transition: .6s;}
.news .news-b-l:hover .news-b-l-pic{transform: scale(1.1)}
.news .news-b-info{padding:0 30px;box-sizing: border-box;border: 1px solid #eeeeee;}
.news .news-b-info h3{padding:30px 0;line-height: 30px;color: #888888;border-bottom: 1px solid #eeeeee;transition: .3s;}
.news .news-b-info h3 i{float: left;font-size: 24px;}
.news .news-b-info h3 span{float: right;font-size: 18px;}
.news .news-b-info div{padding:25px 0;}
.news .news-b-info div h1{font-size: 18px;color: #181818;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-bottom: 25px;transition: .3s;}
.news .news-b-info div p{font-size: 14px;color: #555555;line-height: 24px;height:48px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .news-b-info div span{display: block;text-align: right;font-size: 12px;color: #cccccc;font-weight: bold;margin-top: 25px;padding-right: 40px;line-height: 20px;position: relative;transition: .3s;}
.news .news-b-info div span i{position: absolute;height: 2px;width: 26px;background: #cccccc;right:5px;top:50%;transform: translateY(-50%);transition: .3s;}
.news .news-b-info div span i:after{content: "";width:0;height:0;border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #cccccc;position: absolute;right:0;top:50%;transform: translateY(-50%);transition: .3s;}
.news .news-b-l:hover .news-b-info h3{color: #181818}
.news .news-b-l:hover .news-b-info div h1{color: #0052d9}
.news .news-b-l:hover .news-b-info div span{color: #0052d9}
.news .news-b-l:hover .news-b-info div span i{background: #0052d9}
.news .news-b-l:hover .news-b-info div span i:after{border-color:transparent transparent transparent #0052d9;}

.news .news-b-r{float: right;width: 65%;transform: translateX(200px);opacity: 0;transition: .2s;}
.news .news-b-r li{float: left;width:48%;margin-bottom: 15px;transition: .2s;transform: translateX(200px);opacity: 0}
.news .news-b-r li a{display: block;transition: .3s;}
.news .news-b-r li:nth-child(even){float: right;}
.news .ani-slide .news-b-r{transform: translateX(0);opacity: 1;transition: .8s;}
.news .ani-slide .news-b-r li{transform: translateX(0);opacity: 1;transition: .8s;}
.news .ani-slide .news-b-r li:nth-child(even){transition-delay:.3s; }

.news .news-b-r li:hover a{box-shadow: 0 0 5px rgba(0,0,0,.1)}
.news .news-b-r li:hover .news-b-info h3{color: #181818}
.news .news-b-r li:hover .news-b-info div h1{color: #0052d9}
.news .news-b-r li:hover .news-b-info div span{color: #0052d9}
.news .news-b-r li:hover .news-b-info div span i{background: #0052d9}
.news .news-b-r li:hover .news-b-info div span i:after{border-color:transparent transparent transparent #0052d9;}

/*bottom*/
.bottom{overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;}
.bottom .bottom-line{position: relative;}
.bottom .bottom-line:after{content: "";width: 100%;height: 2px;background: #eeeeee;position: absolute;left: 0;top:50%;margin-top: -1px;}
.bottom .bottom-line img{margin: 0 auto;display: block;position: relative;z-index: 2}
.bottom .bottom-t .bottom-t-cont{padding:70px 120px;box-sizing: border-box;background-color: aliceblue;}
.bottom .bottom-t h1{font-size: 26px;color: #181818;font-weight: normal;padding-bottom: 45px;}
.bottom .bottom-t label{display: block;float: left}
.bottom .bottom-t input{font-size: 14px;color: #555555;height: 50px;padding:15px 18px;box-sizing: border-box;border: 1px solid #888888;width: 100%;}
.bottom .bottom-t .xm{width: 16%;margin-right: 1%;}
.bottom .bottom-t .lxdh{width: 16%;margin-right: 1%;}
.bottom .bottom-t .xq{width: 53%;margin-right: 1%;}
.bottom .bottom-t .submit{width: 12%;}
.bottom .bottom-t #submit{color: #0052d9;border-width: 2px;border-color: #0052d9;background: none;cursor: pointer;}
.bottom .bottom-t p{color: #888888;padding-top: 20px;}

.bottom .bottom-b{padding:0 120px;box-sizing: border-box;background: #181818}
.bottom .bottom-b-t{padding:50px 0;border-bottom: 1px solid rgba(255,255,255,.1)}
.bottom .bottom-b-t-l{float: left;}
.bottom .bottom-b-t-r{float: right}
.bottom .bottom-b-t-r li{float: left;line-height: 45px;font-size: 14px;transition: .3s;}
.bottom .bottom-b-t-r li a{display: block;position: relative;padding-left: 20px;margin-left: 40px;color: #a8b1bc;}
.bottom .bottom-b-t-r li a:before{content: "";position: absolute;left: 0;top:50%;transform: translateY(-50%);width: 3px;height:3px;border: 2px solid #0052d9;border-radius: 50%;opacity: 0;transition: .3s;}
.bottom .bottom-b-t-r li:hover a{color:#0052d9 }
.bottom .bottom-b-t-r li:hover a:before{opacity: 1}

.bottom .bottom-b-b{padding:50px 0;border-bottom: 1px solid rgba(255,255,255,.1)}
.bottom .bottom-b-b1{float: left;width: 30%;}
.bottom .bottom-b-b1 .bottom-b-b1-t{font-size: 14px;font-weight: bold;}
.bottom .bottom-b-b1 .bottom-b-b1-t a{margin-right: 50px;color: #a8b1bc;}
.bottom .bottom-b-b1 .bottom-b-b1-t a:last-child{margin-right: 0;}

.bottom .bottom-b-b1 .bottom-b-b1-c{padding-top: 50px;padding-bottom: 5px;}
.bottom .bottom-b-b1 .bottom-b-b1-b{font-size: 16px;color: #a8b1bc;font-weight: bold;}

.bottom .bottom-b-b2{float: left;width: 50%;}
.bottom .bottom-b-b2 li{width: 40%;}
.bottom .bottom-b-b2 h3{font-size: 16px;color: #565b62;padding-top: 15px;line-height: 24px;}
.bottom .bottom-b-b2 h1{font-size: 24px;color: #f1f3f6;padding-top:10px;}
.bottom .bottom-b-b2 h5{color: #565b62;line-height: 24px;padding-top:10px;}
.bottom .bottom-b-b2 h4{font-size: 14px;color: #a8b1bc;line-height: 24px;padding-top:15px;}
.bottom .bottom-b-b2-l{float: left;}
.bottom .bottom-b-b2-r{float: right;}

.bottom .bottom-b-b3{float: right;}

.bottom .bottom-beian{font-size: 12px;color: #a8b1bc;padding:50px 0 80px;line-height: 2}
.bottom .bottom-beian i{font-weight: bold;font-size: 14px;}
.bottom .bottom-beian em{color: #0052d9;font-style: normal}
.bottom .bottom-beian-l{float: left}
.bottom .bottom-beian-r{float: right}

@media screen and (max-width: 1880px) {
    /*头部*/
    .header .header-navs .header-navs-cp{padding-left: 60px;width: 34%}
    .header .header-navs .header-navs-al{padding-left: 60px;width: 18%;}
    .header .header-navs .header-navs-dh{padding-left: 45px;}

    /*互联网营销*/
    .hlwyx .swiper-hlwyx{height: 595px;}
    .hlwyx .hlwyx-f1 .yxf11{width: 347px;}
    .hlwyx .hlwyx-f1 .yxf12{width: 226px;}
    .hlwyx .hlwyx-f1 .yxf13{width: 300px;}
    .hlwyx .hlwyx-f1 .yxf14{width: 180px;}
    .hlwyx .hlwyx-f1 .yxf15{width: 306px;}

    .hlwyx .hlwyx-f2 .yxf21{width:425px;top:10%;}
    .hlwyx .hlwyx-f2 .yxf22{width: 50px;top:66%;}
    .hlwyx .hlwyx-f2 .yxf23{width: 40px;top:62%;}
    .hlwyx .hlwyx-f2 .yxf24{width: 230px;top:44%;}
    .hlwyx .hlwyx-f2 .yxf25{width: 268px;top:2%;}
    .hlwyx .hlwyx-f2 .yxf26{width: 102px;top:2%;}
    .hlwyx .hlwyx-f2 .yxf27{width: 210px;top:7%;}

    .hlwyx .hlwyx-f3 svg{width: 100%;}

    /*bottom*/
    .bottom .bottom-b-b1{width: 35%}
    .bottom .bottom-b-b2{width: 45%;}
}
@media screen and (max-width: 1570px){
    .logo70{left: 40px;}
    .tf{height: 91px;}
    /*右侧快速导航*/
    .rightfast{right: 25px;}
    /*头部*/
    .header .header-cont{padding:0 40px;}
    .header .header-navs{padding:50px 60px 50px;}
    .header .header-navs div dl:before{height: 290px;}
    .header .header-navs div dl dd{font-size: 14px;margin-bottom: 20px;}
    .header .header-navs .header-navs-jjfa{width: 32%;}
    .header .header-navs .header-navs-cp{padding-left: 40px;width: 33%}
    .header .header-navs .header-navs-cp dl dd a span{padding-left: 30px;}
    .header .header-navs .header-navs-cp dl dd a i{font-size: 20px;}
    .header .header-navs .header-navs-al{padding-left:40px;}
    .banner .banner-news{left: 40px;}

    /*互联网营销*/
    .hlwyx .hlwyx-cont{padding: 100px 90px 0 90px;}
    .hlwyx .swiper-hlwyx{height: 525px;}

    .hlwyx .hlwyx-f1 .yxf11{width: 328px;}
    .hlwyx .hlwyx-f1 .yxf12{width: 213px;}
    .hlwyx .hlwyx-f1 .yxf13{width: 280px;}
    .hlwyx .hlwyx-f1 .yxf14{width: 170px;}
    .hlwyx .hlwyx-f1 .yxf15{width: 288px;}

    .hlwyx .hlwyx-f2 .yxf21{width:375px; }
    .hlwyx .hlwyx-f2 .yxf22{width: 45px; }
    .hlwyx .hlwyx-f2 .yxf23{width: 32px; }
    .hlwyx .hlwyx-f2 .yxf24{width: 204px;}
    .hlwyx .hlwyx-f2 .yxf25{width: 200px;}
    .hlwyx .hlwyx-f2 .yxf26{width: 90px; }
    .hlwyx .hlwyx-f2 .yxf27{width: 187px;}

    .hlwyx .hlwyx-f3 svg{top:20%;}


    .hlwyx .hlwyx-r{padding-right: 90px;}
    .hlwyx .swiper-pagination-bullet{padding-right: 90px;}
    /*案例*/
    .anli{padding: 0 90px;}

    /*解决方案*/
    .jjfa .jjfa-t .jjfa-t-l-cont{padding: 80px 0 80px 90px;}
    .jjfa .jjfa-t .jjfa-t-r{padding: 100px 90px;}
    .jjfa .jjfa-b .jjfa-b-l{width: 56%;}
    .jjfa .jjfa-b .jjfa-b-r{padding: 60px 40px 0 40px;width: 44%;}
.jjfa .jjfa-b .jjfa-b-l-cont{padding-left: 90px;}
    /*新闻*/
    .news{padding-top:120px; }
    .news .news-cont{padding: 0 90px;}
    .news .news-b-l-pic{height: 290px;}
    .news .news-b-info h3{padding:25px 0;}

    /*bottom*/
    .bottom .bottom-t .bottom-t-cont{padding: 70px 90px;}
    .bottom .bottom-b{padding: 0 90px;}

}
@media screen and (max-width: 1400px){
    .tf{height: 70px;}
    .logo70{top:25px;}
    /*头部*/
    .header .header-l{padding:25px 0;}
    .header .header-r .header-list li{line-height: 90px;}
    .header .header-r .header-phone{line-height: 90px;}
    .header .header-r .search{margin-top: 28px;}
    .header .header-navs{top:91px;}
    .header .header-navs .header-navs-jjfa{width: 30%;}
    .header .header-navs .header-navs-al{width: 18%;}

    /*右侧快速导航*/
    /*banner*/
    .banner .banner-tit{font-size: 70px;}
    .banner .banner-5g{font-size: 100px;}

    /*互联网营销*/
    .hlwyx{padding-bottom: 60px;}
    .hlwyx .hlwyx-cont{padding: 60px 60px 0;}
    .hlwyx .swiper-hlwyx{height: 490px;}

    .hlwyx .swiper-hlwyx-l h1{font-size: 40px;}

    .hlwyx .hlwyx-f1 .yxf11{width: 300px;}
    .hlwyx .hlwyx-f1 .yxf12{width: 190px;}
    .hlwyx .hlwyx-f1 .yxf13{width: 270px;}
    .hlwyx .hlwyx-f1 .yxf14{width: 160px;}
    .hlwyx .hlwyx-f1 .yxf15{width: 270px;}

    .hlwyx .hlwyx-f2 .yxf21{width:375px}
    .hlwyx .hlwyx-f2 .yxf22{width: 45px}
    .hlwyx .hlwyx-f2 .yxf23{width: 32px}
    .hlwyx .hlwyx-f2 .yxf24{width: 204px}
    .hlwyx .hlwyx-f2 .yxf25{width: 200px}
    .hlwyx .hlwyx-f2 .yxf26{width: 90px}
    .hlwyx .hlwyx-f2 .yxf27{width: 187px}

    .hlwyx .hlwyx-f3 svg{top:20%;}

    .hlwyx .hlwyx-r{padding-right: 60px;}
    .hlwyx .swiper-pagination-bullet{padding-right: 60px;}

    /*案例*/
    .anli{padding: 0 60px;}
    .anli .anli-bot li{margin-bottom: 35px;}
    .anli .anli-bot ul{padding-bottom: 25px}
    /*解决方案*/
    .jjfa .jjfa-t .jjfa-t-l{padding:60px 0;}
    .jjfa .jjfa-t .jjfa-t-l-cont{padding:60px 0 60px 60px;}
    .jjfa .jjfa-t .jjfa-t-l ul{padding-top: 35px;}
    .jjfa .jjfa-t .jjfa-t-l li{padding:25px 0;}

    .jjfa .jjfa-t .jjfa-t-r{padding: 60px;height: 645px;}
    .jjfa .jjfa-b .jjfa-b-r h1{font-size: 40px;}
    .jjfa .jjfa-b .jjfa-b-l{padding-left: 60px;margin-top: -60px;}
    .jjfa .jjfa-b .jjfa-b-r{margin-top: -60px;}

    /*新闻*/
    .news{padding-top: 80px;padding-bottom: 70px;}
    .news .news-cont{padding:0 60px;}

    /*bottom*/
    .bottom .bottom-t .bottom-t-cont{padding:60px}
    .bottom .bottom-b{padding: 0 60px;}
    .bottom .bottom-b-t{padding:35px 0;}
}
@media screen and (max-width: 1270px){

    /*头部*/
    .header .header-l{padding:15px 0;}
    .header .header-r{display: none}
    .header .header-navs{display: none !important;}
    .header .phone-btn{display: block;margin-top: 22px;float: right;height: 25px;width:30px;position: relative;}
    .header .phone-btn span{width:100%;height: 2px;position: absolute;top:0;left:0;background: #363636;transition: .3s;}
    .header .phone-btn span:nth-child(2){top:50%;}
    .header .phone-btn span:nth-child(3){top:100%;}

    .header .phone-btn.act span:nth-child(1){transform: rotate(-45deg);top:50%}
    .header .phone-btn.act span:nth-child(2){opacity: 0}
    .header .phone-btn.act span:nth-child(3){transform: rotate(45deg);top:50%}

    .phone-nav{display: block;position: fixed;top: 0;left: 0;z-index: 888;width: 100%;}
    .mobile-inner-nav{background-color: rgba(255,255,255,1);width: 100%;position: fixed;top: 0;left: 0px;padding: 70px 40px;display: none;height: 100%; box-sizing: border-box;overflow-y: auto;z-index: 999;}
    .mobile-inner-nav ul{overflow-y: auto;}
    .mobile-inner-nav li{font-size: 20px;padding: 20px 20px;box-sizing: border-box;position: relative;color: #363636;border-bottom: solid 1px rgba(0,0,0,0.1);transition: all 0.5s;font-weight: bold}
    .mobile-inner-nav li a{color: #363636;display: inline-block;min-width: 200px;}
    .mobile-inner-nav li span{position: absolute;width: 32px;height: 32px;top: 20px;right: 20px;line-height: 32px;text-align: center}
    .mobile-inner-nav li span img{width: 50%;transition: .5s;}
    .mobile-inner-nav li .subnav-ani img{transform: rotate(180deg);}
    .mobile-inner-nav li dl{padding-top: 10px;display: none;}
    .mobile-inner-nav li dd{line-height: 30px;font-size: 14px;text-indent: 20px;}
    .mobile-inner-nav li dd a{font-weight: normal;padding-left: 20px;position: relative}
    .mobile-inner-nav li dd a:before{content: "";position: absolute;width: 3px;height: 3px;border: 2px solid #0052d9;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%}

    /*右侧快速导航*/
    .rightfast{width: 30px;}
    .rightfast li{padding:5px 0;}
    .rightfast li a{font-size: 20px;}


    /*banner*/
    .banner .banner-news{display: none}
    .banner-media{}
    .banner-media video{height: 100%;width: auto;}

    /*互联网营销*/
    .hlwyx .hlwyx-l .hlwyx-tit h4{font-size: 22px;}
    .hlwyx .hlwyx-l .hlwyx-tit p span{display: block}

    .hlwyx .swiper-hlwyx{height: 430px;}
    .hlwyx .swiper-hlwyx-l h5{font-size: 16px;}
    .hlwyx .swiper-hlwyx-l h1{font-size: 34px;}
    .hlwyx .swiper-hlwyx-l h4{font-size: 22px;}

    .hlwyx .hlwyx-f1 .yxf11{width: 260px;}
    .hlwyx .hlwyx-f1 .yxf12{width: 168px;}
    .hlwyx .hlwyx-f1 .yxf13{width: 222px;}
    .hlwyx .hlwyx-f1 .yxf14{width: 133px;}
    .hlwyx .hlwyx-f1 .yxf15{width: 227px;}

    .hlwyx .hlwyx-f2 .yxf21{width: 275px;}
    .hlwyx .hlwyx-f2 .yxf22{width: 32px;}
    .hlwyx .hlwyx-f2 .yxf23{width: 26px;}
    .hlwyx .hlwyx-f2 .yxf24{width: 148px;}
    .hlwyx .hlwyx-f2 .yxf25{width: 175px;}
    .hlwyx .hlwyx-f2 .yxf26{width: 66px;}
    .hlwyx .hlwyx-f2 .yxf27{width: 136px;}
    .hlwyx .swiper-pagination-bullet h2{font-size: 22px;}

    /*案例*/

    .anli .anli-bot .anli-bot-pic{height:220px;}
    .anli .anli-bot .anli-bot-info{padding:5px 20px;}
    .anli .anli-bot .anli-bot-info h1{padding:20px 0;font-size: 18px;}

    /*解决方案*/

    .jjfa .jjfa-t .jjfa-t-r{float: none;width: 100%;}
    .jjfa .jjfa-t .jjfa-t-l{float: none;width: 100%;padding:0;}
    .jjfa .jjfa-b .jjfa-b-l{margin-top: 0;float: none;width: 100%;padding-left: 0;}
    .jjfa .jjfa-b .jjfa-b-l-cont{padding-left: 60px;}
    .jjfa .jjfa-b .jjfa-b-r{margin-top: 0;float: none;width: 100%;padding: 60px;border-bottom: 1px solid #eee;}

    /*新闻*/
    .news{padding-top: 60px;padding-bottom: 60px;}
    .news .news-b-sw{padding-top: 40px;}
    .news .news-b-l{float: none;width: 100%;}
    .news .news-b-l-bg{float: left;width:40%;}
    .news .news-b-l-pic{height: 275px;}
    .news .news-b-l .news-b-info{float: right;width: 60%;}
    .news .news-b-r{float: none;width: 100%;padding-top: 20px;}

    /*.bottom*/
    .bottom .bottom-t .xq{width: 50%}
    .bottom .bottom-t .submit{width: 15%}
    .bottom .bottom-b-t-r li a{margin-left: 15px;}
    .bottom .bottom-b-b1{width: 100%;}
    .bottom .bottom-b-b1 .bottom-b-b1-t{float: left}
    .bottom .bottom-b-b1 .bottom-b-b1-gai{float: right}
    .bottom .bottom-b-b1 .bottom-b-b1-c{float: left;padding-top: 0;padding-right: 10px;}
    .bottom .bottom-b-b1 .bottom-b-b1-b{float: right}

    .bottom .bottom-b-b2{width: 70%;padding-top: 40px;}
    .bottom .bottom-b-b3{padding-top: 40px;}

    .bottom .bottom-beian-l{float: none;width:100%;text-align: center}
    .bottom .bottom-beian-r{float: none;width: 100%;text-align: center}


}

@media screen and (max-width: 1400px){

    .banner{    position: relative;
    overflow: hidden;}
}  
    
    
@media screen and (max-width: 1023px){
    .logo70{top:15px;}
    .banner .banner-tit{font-size: 50px;}
    .banner .banner-5g{font-size: 70px;}
    .banner .banner-wa{font-size: 14px;}


    /*互联网营销*/

    .hlwyx .hlwyx-l{float: none;width: 100%;}
    .hlwyx .hlwyx-r{position: static;padding:60px;padding-top: 0;width: 100%;display: block;border: none;}
    .hlwyx .swiper-pagination-bullet{padding:0;width:8px;height: 8px;border: 2px solid #999;border-radius: 50%;margin: 0 10px;position: relative;top:auto;bottom: auto;left: auto}
    .hlwyx .swiper-pagination-bullet-active{border-color: #0052d9}
    .hlwyx .swiper-pagination-bullet:before{display: none}
    .hlwyx .swiper-pagination-bullet h2{display: none}
    .hlwyx .swiper-pagination-bullet p{display: none}

    /*案例*/
    .anli .anli-bot li{width: 49%;margin-right: 0}
    .anli .anli-bot li:nth-child(2n){float: right}
    .anli .anli-bot li:nth-child(9){display: none}

    /*新闻*/
    .news .news-b-info{padding              :0 20px;}
    .news .news-b-l-pic{height              : 212px;}
    .news .news-b-info h3{padding           :15px 0;}
    .news .news-b-info div{padding          :15px 0;}
    .news .news-b-info div h1{padding-bottom: 15px;font-size: 16px;}
    .news .news-b-info div span{margin-top  : 15px;}

    /*bottom*/
    .bottom .bottom-t #submit{padding: 15px 0;text-align: center}
    .bottom .bottom-b-t{display: none}
}
@media screen and (max-width: 767px){
    .logo70{top:5px;left: 20px;height: 30px;}
    .sjdbh {display: block;position: fixed;right: 5px;bottom: 240px;background: #2257b6;width:30px;z-index: 50;text-align: center;padding:5px 0;border-radius: 15px;}
    .sjdbh img{width: 25px;}
    .sjdbh span{display: block;color: #fff;font-size: 12px;}
    /*头部*/
    .header .header-cont{padding:0 20px;}
    .header .header-l{padding:5px 0;}
    .header .header-l img{height: 30px;}
    .header .phone-btn{margin-top: 12px;height: 15px;width: 20px;}

    .mobile-inner-nav{padding: 50px 20px;}
    .mobile-inner-nav li{font-size: 16px;}
    /*右侧快速导航*/
    .rightfast{right:25px;bottom:260px;}

    /*banner*/
    .banner .banner-info{text-align: left;transform: translateX(0) translateY(-50%);left: 0;width: 100%;padding:0 40px;box-sizing: border-box}
    .banner .banner-tit{font-size: 30px;padding-bottom: 15px;}
    .banner .banner-5g{font-size: 70px;padding:0;filter: none;}
    .banner .banner-5g em{display: block;line-height: 60px;}

    .banner .banner-wenzi{margin-top: 15px;}
    .banner .banner-wenzi h1{font-size: 30px;}
    .banner .banner-wenzi h2{font-size:16px;}
    .banner .banner-wa{font-size: 12px;margin-top: 15px;}
    .banner .banner-wa p{display: inline}
    .banner-media{will-change: transform;}
    .banner-media video{display: none;}
    @keyframes bmerun{
        0%{transform:translate3d(0,0,0) scale(2);}
        20%{transform:translate3d(30%,-30%,0) scale(3);  }
        35%{transform:translate3d(90%,-45%,0) scale(4.5);}
        50%{transform:translate3d(150%,-100%,0) scale(5);  }
        65%{transform:translate3d(90%,45%,0) scale(4.5);   }
        80%{transform:translate3d(30%,30%,0) scale(3);   }
        100%{transform:translate3d(0,0,0) scale(2);      }
        }
    .banner-media-b{display: block;background: url("../images/phonebanner.jpg") no-repeat center;background-size: cover;opacity: 1;animation: bmerun linear infinite 50s;}
    /*互联网营销*/
    .hlwyx{padding-bottom: 40px;}
    .hlwyx .hlwyx-cont{padding:40px 20px 0;}
    .hlwyx .hlwyx-l .hlwyx-tit h4{font-size: 18px;}
    .hlwyx .hlwyx-l .hlwyx-tit p{display: none}

    .hlwyx .swiper-hlwyx{height: auto}
    .hlwyx .swiper-hlwyx-l{position: static;width:100%;}
    .hlwyx .swiper-hlwyx-l h1 br{display: none}
    .hlwyx .swiper-hlwyx-l h5{padding-bottom: 10px;}
    .hlwyx .swiper-hlwyx-l h4{padding-top: 20px;}

    .hlwyx .swiper-hlwyx .swiper-hlwyx-r{position: relative;width: 100%;height: 330px;left: 0}
    .hlwyx .hlwyx-f1 .yxf11{width: 190px;}
    .hlwyx .hlwyx-f1 .yxf12{width: 122px;}
    .hlwyx .hlwyx-f1 .yxf13{width: 162px;}
    .hlwyx .hlwyx-f1 .yxf14{width: 97px;}
    .hlwyx .hlwyx-f1 .yxf15{width: 166px;}

    .hlwyx .hlwyx-f2 .yxf21{width: 200px;}
    .hlwyx .hlwyx-f2 .yxf22{width: 23px;}
    .hlwyx .hlwyx-f2 .yxf23{width: 19px;}
    .hlwyx .hlwyx-f2 .yxf24{width: 108.8px;}
    .hlwyx .hlwyx-f2 .yxf25{width: 126px;}
    .hlwyx .hlwyx-f2 .yxf26{width: 48px;}
    .hlwyx .hlwyx-f2 .yxf27{width: 98px;}
    .hlwyx .hlwyx-f3 svg{top:10%;}

    /*案例*/
    .anli{padding:0 20px;}
    .anli .anli-top .anli-top-r{display: none}
    .anli .anlimore{padding-top: 4px;display: block;float: right;  font-size: 14px; color: #888888;font-weight: bold;}
    .anli .anlimore i{display: inline-block;vertical-align: middle; padding-left: 10px;}

    .anli .anli-bot{padding-top: 20px;}
    .anli .anli-bot ul{padding-bottom: 10px;}
    .anli .anli-bot li{width: 100%;}
    .anli .anli-bot li:nth-child(9){display: block}

    /*解决方案*/
    .jjfa .jjfa-t .jjfa-t-r{padding:40px 20px;height: auto}
    .jjfa .jjfa-t .jjfa-t-l-cont{padding:40px 20px;}
    .jjfa .jjfa-t .jjfa-t-l ul{padding-top: 25px;}
    .jjfa .jjfa-t .jjfa-t-l li{padding:15px 0;}
    .jjfa .jjfa-t .jjfa-t-l li i{font-size: 35px;}
    .jjfa .jjfa-t .jjfa-t-l li span{font-size: 18px;}
    .jjfa .jjfa-t .jjfa-t-l li .nian{font-size: 14px;}
    .jjfa .jjfa-t .jjfa-t-l li p{font-size: 12px;}
    .jjfa .jjfa-b .jjfa-b-l-cont{padding:40px 20px;}
    .jjfa .jjfa-b .jjfa-b-l-info h1{font-size: 36px;}
    .jjfa .jjfa-b .jjfa-b-l-info p{font-size: 14px;text-align: justify}
    .jjfa .jjfa-b .jjfa-b-l-info p span{display: inline;}


    .jjfa .jjfa-b .jjfa-b-l .jjfa-b-l-bg{    filter:none}
    .jjfa .jjfa-b .jjfa-b-r{padding:40px 20px;}
    .jjfa .jjfa-b .jjfa-b-r h5{font-size: 14px;}
    .jjfa .jjfa-b .jjfa-b-r h1{font-size: 26px;}
    .jjfa .jjfa-b .jjfa-b-r ul{padding-top: 30px;text-align: center}
    .jjfa .jjfa-b .jjfa-b-r li{float: none;display: inline-block;}
    .jjfa .jjfa-b .jjfa-b-r li:nth-child(1){padding-right: 20px;}
    .jjfa .jjfa-b .jjfa-b-r li:nth-child(2){padding-left: 20px;}

    /*新闻*/
    .news{padding-top: 40px;padding-bottom: 40px;}
    .news .news-cont{padding:0 20px;}
    .news .news-b-sw{padding-top: 20px;}
    .news .news-b-l-bg{float: none;width: 100%;}
    .news .news-b-l .news-b-info{float: none;width: 100%;}
    .news .news-b-r li{float: none;width: 100%;}
    .news .news-b-r li:nth-child(even){float: none}

    /*bottom */
    .bottom .bottom-t .bottom-t-cont{padding: 40px 20px;}
    .bottom .bottom-t h1{padding-bottom: 20px;}
    .bottom .bottom-t input{padding:10px;height: 40px;}
    .bottom .bottom-t .xm{width:48%;margin-right: 2%;}
    .bottom .bottom-t .lxdh{width: 48%;margin-right: 0}
    .bottom .bottom-t .xq{width: 68%;margin-right: 2%;margin-top: 15px;}
    .bottom .bottom-t .submit{width: 30%;margin-top: 15px;}
    .bottom .bottom-t #submit{padding:5px 0;}
    .bottom .bottom-b{padding:0 20px;}
    .bottom .bottom-b-b{padding:40px 0;}
    .bottom .bottom-b-b1 .bottom-b-b1-t{display: none}
    .bottom .bottom-b-b1 .bottom-b-b1-gai{float: left;padding-bottom: 40px;}
    .bottom .bottom-b-b2{float: none;width: 100%;}
    .bottom .bottom-b-b3{float: none;text-align: center}
    .bottom .bottom-beian{padding:20px 0 40px 0;}
}

.cloud-product-box {
  text-align: center;
  	margin: 0 auto;
}

.service-action-title {
	font-weight: 700;
	font-size: 16px;
	color: #fff
}

.service-action-info {
	margin-top: 9px;
	font-size: 14px;
	color: #d2d3d3
}

.service-action-link {
	margin-top: 8px;
	color: #0af;
	font-size: 12px
}



.cloud-product {
	position: relative;
	z-index: 9;
	padding: 5% 4% 7% 4%;

}


.cloud-product-title {
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 32px;
	color: #333;
margin:30px 0px 82px 0px;
}

.color-blue {
	color: #009fd9
}

.cloud-product-explain {
	margin-top: -60px;
	margin-bottom: 80px;
	height: 16px;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
	color: #999
}

.cloud-product-ul {

}

.cloud-product-ul li {
	position: relative;
	width: 16.6%;
	height: 522px;
	float: left;
	background: #fff
}

.cloud-product-ul li:first-child {
	margin-left: 0
}

.cloud-product-single-top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #f2f2f2
}

.cloud-product-name {
	font-size: 18px;
	color: #333;
	font-weight: 700
}

.cloud-product-single-bottom {
	width: 100%;
	height: 340px
}

.empty-space {
	width: 100%;
	height: 99px
}

.single-bottom-item {
	height: 340px;
	width: 100%
}

.single-bottom-item:first-child {
	border-right: 1px solid #eee
}

.bg-product-pic {
	margin: 48px auto 0;
	width: 100%;
	height: 82px
}

.server-header-01 {
	background: url(../images/product_header_icon_01.png) center no-repeat;background-size: 80px 80px;
}

.server-header-02 {
	background: url(../images/product_header_icon_02.png) center no-repeat;background-size: 80px 80px;
}

.server-header-03 {
	background: url(../images/product_header_icon_03.png) center no-repeat;background-size: 80px 80px;
}

.server-header-04 {
	background: url(../images/product_header_icon_04.png) center no-repeat;background-size: 80px 80px;
}

.server-header-05 {
	background: url(../images/product_header_icon_05.png) center no-repeat;background-size: 80px 80px;
}

.server-header-06 {
	background: url(../images/product_header_icon_06.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-01 {
	background: url(../images/product_header_icon_01.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-02 {
	background: url(../images/product_header_icon_02.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-03 {
	background: url(../images/product_header_icon_03.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-04 {
	background: url(../images/product_header_icon_04.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-05 {
	background: url(../images/product_header_icon_05.png) center no-repeat;background-size: 80px 80px;
}

.server-header-active-06 {
	background: url(../images/product_header_icon_06.png) center no-repeat;background-size: 80px 80px;
}

.product-introduce-title {
	margin-bottom: 14px;
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	text-align: center
}

.product-introduce-title.normal-weight {
	font-weight: 400
}

.product-introduce-content {
	margin: 0 auto 20px;
	line-height: 14px;
	font-size: 14px;
	text-align: center;
	color: #999
}

.product-introduce-list {
	margin: 0 auto;
	padding-top: 28px;
	height: 135px;
	width: 84%;
	border: 1px solid #f1f1f1;
	border-left: none;
	border-right: none
}

.introduce-list-small {
	margin-bottom: 18px;
	line-height: 14px;
	font-size: 14px;
	color: #999;
	text-align: center
}

.product-introduce-price {
	margin: 48px auto 0;
	font-size: 14px;
	text-align: center;
	color: #333
}

.normal-inner {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.active-inner {
	position: relative;
	display: none;
	height: 100%;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.introduce-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px
}
.active-inner-01 {
	background: linear-gradient(#0084ff, #026bbc);
}
.active-inner-02 {
	background: linear-gradient(#0084ff, #026bbc);
}
.active-inner-03 {
	background: linear-gradient(#0084ff, #026bbc);
}
.active-inner-04 {
	background: linear-gradient(#0084ff, #026bbc);
}
.active-inner-05 {
	background: linear-gradient(#0084ff, #026bbc);
}
.active-inner-06 {
	background: linear-gradient(#0084ff, #026bbc);
}
.cloud-product-ul li.active .active-inner {
	display: block;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.cloud-product-ul li.active .normal-inner {
	display: none;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
.cloud-product-ul li {
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, .08);
	-webkit-transition: width .15s linear;
	-o-transition: width .15s linear;
	-moz-transition: width .15s linear;
	transition: width .15s linear
}
.cloud-product-ul li.active {
	z-index: 9;
}
.active .product-introduce-content {
	color: #eff6ff
}
.active-product-introduce-title {
	color: #fff
}
.active .product-introduce-list {
	padding: 22px 0;
	height: auto;
	border-color: #3f9ff9
}
.introduce-list-large {
	margin: 0 auto;
	line-height: 32px;
	color: #fff;
	font-size: 14px;
	text-align:left;
}
.active .product-introduce-price {
	margin-top: 32px;
	color: #fefeff
}



@media only screen and (min-width: 320px) and (max-width: 1024px) {

	.cloud-product-title{
		font-size: 20px;
		line-height:2;

	}
	.cloud-product-explain{
		display: none;
	}
	.cloud-product-ul{
		margin-top: 20px;
	}
	.cloud-product-ul li.active,
	.cloud-product-ul li{
		width: 48%;
		margin: 1% !important;
	}
	.cloud-product-ul li.active .active-inner{
		display: none;
	}
	.cloud-product-ul li.active .normal-inner{
		display: block;
		opacity: 1;
	}
	.cloud-product-single-bottom{
		height: auto;
	}
	.bg-product-pic{
		margin-top: 15px;
		height: 80px;
	}
	.cloud-product-ul li{
		height: auto;
		padding-bottom: 15px;
	}
	.product-introduce-content{
		font-size: 12px;
	}
	.product-introduce-content{
		width: 100%;
	}
	.product-introduce-title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.product-introduce-list{
		display: none;
	}

	.solution-bgcolor{
		display: none ;
	}

	.active .product-introduce-content{
		color: #999;
	}

	.cloud-product-ul li.active, .cloud-product-ul li{
		width: 31.33%;
	}
	.product-introduce-content{
		margin-bottom: 0;
		padding: 0 5px;
	}
}


@media only screen and (min-width: 1201px) and (max-width: 1400px) {

	.product-introduce-content,
	.introduce-list-small{
		line-height: 1.46;
	}
}


.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;

}
.buy-link-btn {
	display: block;
	margin: 30px auto 0;
	line-height: 40px;
	background-color: #000066;
	color: #fff !important;
}

.buy-link-btn-s {
	display: block;
	margin: 30px auto 0;
	width: 50%;
	line-height: 30px;
	background-color: #f7f7f7;
	color: #ff0000 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-weight: 600;
}