html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "microsoft yahei";}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400; font-family: "microsoft yahei"; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{list-style:none; margin:0; padding:0;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color:#333;border:0;}
a:focus{outline:none;}
a:hover{ background: none;}
a:focus, a:hover{ color: #666;}
ul,ul li{list-style:none}
fieldset,img,input,button
 {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: 500; }
a{text-decoration:none;cursor: pointer;color:#666;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}

a:visited{text-decoration:none; /*指已经访问过的链接*/}

a:hover{text-decoration:none;/*指鼠标在链接*/}

a:active{text-decoration:none;/* 指正在点的链接*/ }

.clearfix::after{ display: block; content: ' '; height: 0; clear: both; overflow: hidden; }
.clearfix{ zoom: 1; z-index: 1; }

 /* 行内元素居中 */
 em{ display: table-cell;  vertical-align: middle; text-align: center;}  
.bgfff{ background-color: #fff; }
.bgf4f4f4{ background-color: #f4f4f4;}
em{ display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; }

body{ width: 100%; overflow-x: hidden;}
header{ position: fixed; z-index: 100;top:0; left:0;width:100%;}
.main{ position: relative; z-index: 1;}
.wrapper{ width: 1300px; margin: 0 auto;}
.headerBox{ width: 88%; margin: 0 6%; height: 100px;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center;}
.headerBox .logo img{ height: 64px; }
.headerBox .menu{ display: block;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.headerBox .menu li{ margin: 0 5px;}
.headerBox .menu li a{display: block; line-height: 32px;  padding: 0 10px; font-size: 14px; color: #333;  }
.headerBox .menu li.active a{ border-bottom:2px solid #0da6e6; color: #0da6e6;  }
.headerBox .topContact{ vertical-align: middle; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.headerBox .topContact img{ height: 30px; vertical-align: middle;}
.headerBox .topContact .call{ font-size: 22px; color: #0da6e6; font-weight: 600;  }
.headerBox .topContact .apply{ display: inline-block; margin-left: 10px; padding: 8px 28px; font-size: 16px; color: #555; border: 1px solid #eee; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
 header .nav{ display: none;}
@media screen and (max-width:1200px){
  .wrapper{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 15px; }
  .headerBox{ height: 80px; padding-bottom: 80px; position: relative; border-bottom: 1px solid #ececec;}
  .headerBox .logo img{ height: 50px;}
  .headerBox .menu{ width: 100%; position: absolute; bottom: 20px; left: 0%;  justify-content:center;}
}
@media screen and (max-width:768px){
  .wrapper{ padding: 0 10px; }
  .headerBox{ width: 100%; box-sizing: border-box; padding:0 5px; margin: 0 ; height: 70px; position:fixed; top: 0 ; left: 0;  padding-bottom: 0; background-color: #fff;}
  .headerBox .logo img{ height: 35px;}
  .headerBox .topContact{ margin-right: 50px;}
  .headerBox .topContact .call{ display: block; display: none; width: 100%; padding: 10px 0; position: absolute; top: 71px; left: 0; background-color: #fff; line-height: 40px;}
  .headerBox .menu{ flex-wrap: wrap; background-color: #fff; position: absolute; top: 70px; left: 0; bottom: initial; transform: translateX(102%); z-index: -1; transition: all 0.65s ease-in-out 0s;}
  .headerBox .menu.move{ transform: translateX(0); z-index: 2; transition: all 0.65s ease-in-out 0s;}
  .headerBox .menu li{ width: 160%; border-bottom: 1px solid #ececec;}
  .headerBox .menu li a{ line-height: 36px; }
  .headerBox .menu li.active a{ border: none; font-size: 16px; }
  .headerBox .topContact .apply{ padding: 5px 16px; font-size: 15px;}
  
  /* 手机端菜单 */
  header .nav{width:30px;height:20px;display:block;position:absolute;top:5px;right:0px;cursor:pointer;padding:20px 10px;}
  header .nav span{width:26px;height:3px;background:#699dec;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
  header .nav span:nth-child(2){top:29px;}
  header .nav span:nth-child(3){top:37px;}
  header .nav span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
  header .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}

/*内容部分 */
.banner{ width: 100%; overflow: hidden;}
.banner img{ display: block; width: 100%;}
.section1 ul{ padding: 28px 140px; box-sizing: border-box; background-color: #fff; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between; 
  align-items:center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; box-shadow: 0 0 40px #cccccc; position: relative; z-index: 100; transform: translateY(-50%);}
.section1 ul li { display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center;}
.section1 ul li div.left1 img{ height: 55px; margin-right: 10px; }
.section1 ul li div.right1 h5{ font-size: 28px; color: #0da6e6; text-align: center;}
.section1 ul li div.right1 p{ text-align: center; font-size: 16px; color: #666;}
@media screen and (max-width:1280px){
  .section1 ul{width: 96%; }
  .section1 ul li div.left1 img{ height: 48px;}
  .section1 ul li div.right1 h5{ font-size: 24px; }
  .section1 ul li div.right1 p{ font-size: 14px;}
  .wrapper{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 15px; }
}
@media screen and (max-width:1000px){
  .section1 ul{ padding: 24px 80px;}
}
@media screen and (max-width:768px){
  .banner img{ /* margin-top: 70px; */ width: 144%; transform: translateX(-15%);}
  .section1 ul{ flex-wrap: wrap; padding: 20px 32px; transform: translateY(-20px);}
  .section1 ul li{ width: 49%;}
   .section1 ul li:nth-of-type(1), .section1 ul li:nth-of-type(2){ margin-bottom: 20px;}
  .section1 ul li div.left1 img{ height: 32px;}
  .section1 ul li div.right1 h5{ font-size: 20px; }
  .section1 ul li div.right1 p{ font-size: 12px;}
}


/* 百度SEO排名 */
.SROranking{ padding-top: 60px;}
.SROranking .title h2{ font-size: 32px; color: #000; text-align: center; }
.SROranking .title h4{ color: #0da6e6; font-size: 24px;text-align: center; line-height: 4; }
.SROranking .title p{width: 84%; margin:0 auto; font-size: 16px; color: #666; line-height: 1.8; text-align: center;}
dl.circle0{ position: relative; margin: 80px auto; margin-bottom: 50px; }
dt.circle1{ margin: 0 auto; text-align: center; 
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite; }
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}    
dd.circle2{ width: 410px; height: 410px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;box-shadow: 0 0 40px #eee; background-color: #fff;  position: absolute; top:50%; left: 50%; 
  transform: translate(-50%,-50%); z-index: 2; text-align: center; vertical-align: middle; }
dd.circle2 img{ display: block; margin: 0 auto; margin-top: 40px; width: 80%;   }
dd div.fun1{ position: absolute; top: 40px; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun2{ position: absolute; top: 40px; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun3{ position: absolute; bottom: 40px; left: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}
dd div.fun4{ position: absolute; bottom: 40px; right: 10%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:flex-start;align-items:center; z-index: 3;}

dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 30px; text-align: right;}
dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 30px;}
.circleFun div p{width: 260px;}
.circleFun div.funText h4{ font-size: 24px; color: #333; font-weight: 600; line-height: 2;}
.circleFun div.funText p{ line-height: 1.8; font-size: 14px; color: #909090;}

@media screen and (max-width:1280px){
  .SROranking .title h2{ font-size: 26px; }
  .SROranking .title h4{ font-size: 20px; }
  .SROranking .title p{ width: 90%;}
  dt.circle1 img{ width: 580px;}
  dd.circle2{ width: 390px; height: 390px;}
  .circleFun div p{width: 230px;}
  dd div.fun1 .funText,dd div.fun3 .funText{ margin-right: 20px; text-align: right;}
  dd div.fun2 .funText,dd div.fun4 .funText{ margin-left: 20px;}
  dd div.fun1, dd div.fun3{ left: 12%; }
  dd div.fun2, dd div.fun4{ right: 12%; }

}
@media screen and (max-width:1150px){
   dt.circle1 img{ width: 560px;}
   dd.circle2{ width: 360px; height: 360px;}
   .circleFun div p{width: 200px;}
  dd div.fun1, dd div.fun3{ left: 6%; }
  dd div.fun2, dd div.fun4{ right: 6%; }
}
@media screen and (max-width:950px){
   dt.circle1 img{ width: 540px;}
   dd.circle2{ width: 350px; height: 350px;}
   .circleFun div p{width: 140px;}
  dd div.fun1, dd div.fun3{ left: 0%; }
  dd div.fun2, dd div.fun4{ right: 0%; }
  .circleFun div.funText h4{ font-size: 18px; }
  .circleFun div.funText p{ line-height: 1.6; font-size: 12px;}
}

@media screen and (max-width:768px){
  .SROranking{ padding-top: 20px; width: 100%; overflow: hidden;}
  .SROranking .title h2{ font-size: 20px; }
  .SROranking .title h4{ font-size: 16px; line-height: 4; }
  .SROranking .title p{ font-size: 12px; width: 98%; text-align: center; }
  dl.circle0{ margin-bottom: 120px;}
  dt.circle1 img{ width: 98%;}
  dd.circle2{ width: 250px; height: 250px;}
  dd.circleFun div>img{ width: 70px;}
  dd div.fun1 .funText{ position: absolute; top: -90px; left: 8px; text-align: left;}
  dd div.fun2 .funText{ position: absolute; top: -90px; right: 8px; text-align: right;}
  dd div.fun3 .funText{ position: absolute; bottom: -90px; left: 8px; text-align: left;}
  dd div.fun4 .funText{ position: absolute; bottom: -130px; right: 2px; text-align: right;}
  dd.circle2 img{margin-top: 20px;}

}

.advantage{margin-top: 20px; }
.advantage .wrapper{padding-top: 70px; border-top: 1px solid #eee;}
.advantage .title h2{ font-size: 32px; color: #333; line-height: 1.8; text-align: center; font-weight: 400;}
.advantage .title h6{ font-size: 16px; color: #0da6e6; line-height: 1.5; text-align: center; font-weight: 600;}
.advantageUl{ padding: 50px 0; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.advantageUl li{ width: 24%; height: 310px; box-sizing: border-box; padding: 20px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #f2f2f2; }
.advantageUl li h5{ font-size: 16px; text-align: center; line-height: 1.6; color: #333;}
.advantageUl li p{ font-size: 14px; line-height: 1.6;color: #666;text-align: center; }
.advantageUl li div{ padding: 30px 0; text-align: center; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.advantageUl li div img{ height: 80px;}
.advantageUl li div:nth-of-type(2){display: none;}

.advantageUl li.active{ background-color: #0da6e6;  }
.advantageUl li.active h5{ color: #fff;}
.advantageUl li.active p{ color: #fff;}
.advantageUl li.active div:nth-of-type(1){ display: none;}
.advantageUl li.active div:nth-of-type(2){ display: block;}

@media screen and (max-width:1100px){
  .advantageUl{ flex-wrap: wrap;}
  .advantageUl li{ width: 32%; margin-bottom: 30px;}
  .advantageUl li div img{ height: 60px;}
}
@media screen and (max-width:768px){
  .advantageUl li{ width: 48%; height: 250px;}
  .advantageUl li div img{ height: 50px;}
  .advantageUl li div{ padding: 20px 0; margin-bottom: 10px;}
  .advantageUl li h5{ font-size: 14px; }
  .advantageUl li p{ font-size: 12px;}

}


/* 云推广优势 */
.wayAdvan{ width: 100%; padding: 70px 0; background:-webkit-linear-gradient(top,#158efb,#1ef0ef);
    background:-o-linear-gradient(top,#158efb,#1ef0ef);         
    background:-moz-linear-gradient(top,#158efb,#1ef0ef);           
    background:linear-gradient(top,#158efb,#1ef0ef);}
.wayAdvan .title h2{ font-size: 36px; color: #fff; text-align: center; line-height: 1.8;}
.wayAdvan .title h6{ font-size: 16px; font-weight: 600; color: #fff; text-align: center; line-height: 1.8;}


/* .strengthen{ display: flex; display:-webkit-flex;flex-wrap: nowrap; justify-content:space-between;align-items:center; } */
.strengthen{ position: relative; width: 100%; overflow: hidden;}
.strengthen .strangLeft{width: 570px; position: absolute; top: 70px; right: 50%; margin-right:50px; color: #fff; }
.strengthen .strangLeft h3{ font-size: 30px; font-weight: 600; line-height: 2;}
.strengthen .strangLeft p{ font-size: 18px; line-height: 1.8;}
.strengthen .strangLeft a{ display: inline-block; padding: 6px 40px; color: #fff; font-size: 18px; margin-top: 120px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
 border: 1px solid #fff; }
.strengthen .strangRight{ width: 820px; position: relative; top: -30px; left: 50%; margin-left: 20px;}
.strengthen .strangRight img{ width: 100%;}
.wayAdvan{ width: 100%; overflow: hidden;}
.wayNode{margin-top: 40px; display: flex; display:-webkit-flex;flex-wrap:nowrap; justify-content:space-between;align-items:center; }
.wayNode div{ width: 48%;height: 550px; box-sizing: border-box; padding: 30px;  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #fff; }
.wayNode div>img{ display: block; margin: 40px auto; width: 72%; }
.wayNode div h4{ font-size: 24px; color: #0da6e6; line-height: 2; text-align: center; font-weight: 600;}
.wayNode div p{ font-size: 16px; color: #666666; line-height: 1.8;}

@media screen and (max-width:1280px){
  .strengthen .strangLeft{ width: 40%; left: 10px; top: 30px; margin: 0; right: initial;}
  .strengthen .strangRight{ width: 58%; position: relative; left:44%;margin: 0;}
  .strengthen .strangLeft h3{ font-size: 26px;}
  .strengthen .strangLeft p{ font-size: 15px;}
  .wayNode div{ height: 510px;}
}
@media screen and (max-width:768px){
  .wayAdvan{ padding: 30px 0;}
  .wayAdvan .title h2{ font-size: 24px;}
  .wayAdvan .title h6{ font-size: 14px;}
  .strengthen{display: flex; display:-webkit-flex;flex-wrap: wrap; justify-content:space-between;align-items:center;  }
  .strengthen .strangRight{ width: 100%; position: relative;; top: -10px; left: 0; margin: 0 auto; order: 1;}
  .strengthen .strangLeft{position: relative; left: 0; top:0; right: 0; width: 100%;  order: 2; margin: 20px 10px;}
  .strengthen .strangLeft a{ display: block; width: 5em;  margin: 0 auto; text-align: center; margin-top: 40px;}
   .strengthen .strangLeft h3{ font-size: 22px;}
  .strengthen .strangLeft p{ font-size: 14px;}
  .wayNode{  flex-wrap: wrap;}
  .wayNode div{ width: 100%; height: 380px; box-sizing: border-box; padding: 20px 15px; margin-bottom: 30px;}
  .wayNode div>img{ width: 85%; margin: 20px auto 10px;}
  .wayNode div h4{ font-size: 20px; }
  .wayNode div p{ font-size: 14px;}
}


.Table1{ background-color: #fff; padding: 50px 0; }
.Table1 div.wrapper h2{ font-size: 33px; color: #333; text-align: center; line-height: 2; }
.Table1 table{width: 100%; margin-top: 40px;  border-collapse: collapse; border: none; outline: none; }
.Table1 table tr th{ border-right: 1px solid #fff; color: #fff; font-size: 16px;padding: 12px 8px; line-height: 1.4; text-align: center; background-color:#0eaaf3; }
.Table1 table tr td{ color: #555; font-size: 14px; line-height: 1.4; text-align: center; padding: 12px 8px; border-bottom: 1px solid #f8f8f8;}
.Table1 table tbody tr:nth-child(odd){background-color: #f3fdfd;} 
.Table1 table tbody tr:nth-child(even){background-color: #e3feff;} 
.moreCase{ margin: 20px auto; margin-top: 60px; text-align: center;}
.moreCase  a{ display: inline-block;padding: 10px 80px; color: #fff;font-size: 16px; background-color: #0da6e6; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}

.trust0{ width: 100%;  padding:50px 0;  background-image: url(../images/bg.png); background-repeat: repeat;   
    background:url(../images/bg.png) repeat top left, -webkit-linear-gradient(top,#3f84e5,#6f57d6);
    background:url(../images/bg.png) repeat top left, -o-linear-gradient(top,#3f84e5,#6f57d6);         
    background:url(../images/bg.png) repeat top left,-moz-linear-gradient(top,#3f84e5,#6f57d6);           
    background:url(../images/bg.png) repeat top left, linear-gradient(top,#3f84e5,#6f57d6);
  }
.trust0 .wrapper h2{ font-size: 32px; color: #fff; line-height: 2; text-align: center;}
.trust1{width: 90%; box-sizing: border-box; margin: 20px 5%; display: flex; display:-webkit-flex;flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.trust1 li{ width: 31%; height: auto; padding: 20px 0 40px 0; background-color: #fff;  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.trust1 li>img{ display: block; margin: 10px auto; width: 140px;}
.trust1 li h5{ font-size: 22px; color: #444; line-height: 1.6; text-align: center;}
.trust1 li p{ font-size: 14px; color: #888; line-height: 1.6; text-align: center;}
@media screen and (max-width:900px){
  .wrapper{ padding: 0 8px;}
  .Table1{ padding: 30px 0;}
  .Table1 table{ margin-top: 20px;}
  .Table1 div.wrapper h2{ font-size: 18px; }
  .Table1 table tr th,.Table1 table tr td{ padding: 10px 6px;}
  .trust0{ padding: 30px 0;}
  .trust1{ width: 100%; margin: 15px 0;}
  .trust0 .wrapper h2{ font-size: 24px;}
  .trust1 li{ padding: 10px 0 20px 0;}
  .trust1 li>img{ width: 60%;}
  .trust1 li h5{ font-size: 20px};
  .trust1 li p{ font-size: 13px;}
}


@media screen and (max-width:768px){ 
  .trust1 li>img{ width: 50%;}
  .trust1 li h5{ font-size: 15px};
  .trust1 li p{ font-size: 10px;}
}


/* 底部 */
footer{ background-color: #f5f5f5; }
.footerNav{padding-top: 40px; padding-bottom: 30px; display: flex; display:-webkit-flex;flex-wrap: nowrap; justify-content:space-between;align-items:flex-start; }
.footerNav dl dt a{ color: #323232; font-size: 16px; line-height: 2.2;}
.footerNav dl dd a{ color:#646464; font-size: 14px; line-height: 2.2;}
.footerNav dl{ position: relative;}
.footerNav dl::before{ content: " "; height: 120px;display: block;border-left: 1px solid #ccc; position: absolute; top: 10px ; left: -46px;}
.footerNav dl:nth-of-type(1)::before{border: none;}
.teldiv dd{ text-align: center;}
.teldiv dd span{ font-size: 26px; color: #333; font-weight: 600;}
.teldiv dd p{ font-size: 15px; color: #646464; line-height: 1.5;}
.footerNav dl.teldiv dd a{ display: inline-block; padding: 4px 15px; margin-top: 10px; color: #fff; background-color: #ff6400; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.copyBorder{ border-top: 1px solid #ccc;}
.copyRight{ padding: 20px 10px}
.copyRight p{ color:#323232; font-size: 12px; line-height: 2.2;}
.investment{ width: 100%; overflow: hidden;}
.investment img{ width: 100%; display: block;}

@media screen and (max-width:900px){
  .teldiv dd{width: 100%;}
  .footerNav{ flex-wrap: wrap;}
  .footerNav dl{ width:100%; margin-bottom: 6px; display: flex; display:-webkit-flex;flex-wrap: wrap; justify-content:flex-start;align-items:flex-start;}
  .footerNav dl dt a{ font-size: 14px; display: block; padding: 0 8px; margin: 0 4px; font-weight: 600;}
  .footerNav dl dd a{ display: block; padding: 0 8px; margin: 0 4px; min-width: 4em;}
  .investment img{ display: block; height: 176px; width: auto;  transform: translate(-22%,0);}
  .copyRight p{ text-align: center;}
}