@charset "UTF-8";
body{margin:0;padding:0;font-size:12px; font-family:arial,"宋体",sans-serif; color:#404040; font-weight:normal;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{padding:0;margin:0;}
ul,li,ol{list-style-type:none;}
img{border:0;}
a{color:#404040; text-decoration:none; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; }
i,b{ font-weight:normal; font-style:normal;}
input,select,textarea{outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{ clear:both;}
.clearfix:after, .clearfix:after{ display: block; content: ""; clear:both;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zuanshi:before { content: "\e600"; }
.icon-network:before { content: "\e611"; }
.icon-earth:before { content: "\e601"; }
.icon-search:before { content: "\e602"; }
.icon-data:before { content: "\e603"; }
.icon-zhuanti:before { content: "\e608"; }
.icon-xiangying:before { content: "\e604"; }
.icon-at:before { content: "\e61a"; }
.icon-sousuo:before { content: "\e61b"; }
.icon-stander:before { content: "\e60c"; }
.icon-rank:before { content: "\e618"; }
.icon-ditu:before { content: "\e61c"; }
.icon-schicon:before { content: "\e605"; }
.icon-weixin:before { content: "\e61d"; }
.icon-shouji:before { content: "\e61e"; }
.icon-mima:before { content: "\e607"; }
.icon-hezuo:before { content: "\e60d"; }
.icon-xinwen:before { content: "\e61f"; }
.icon-qq:before { content: "\e620"; }
.icon-follower:before { content: "\e62d"; }
.icon-youjiantou:before { content: "\e62a"; }
.icon-phone:before { content: "\e621"; }
.icon-film:before { content: "\e62f"; }
.icon-editicon:before { content: "\e606"; }
.icon-base:before { content: "\e60e"; }
.icon-mail:before { content: "\e622"; }
.icon-wangzhan:before { content: "\e612"; }
.icon-speed:before { content: "\e613"; }
.icon-working:before { content: "\e614"; }
.icon-receive:before { content: "\e615"; }
.icon-meitizixun:before { content: "\e609"; }
.icon-zuojiantou:before { content: "\e630"; }
.icon-media:before { content: "\e60a"; }
.icon-yidong:before { content: "\e60f"; }
.icon-activate:before { content: "\e616"; }
.icon-account:before { content: "\e60b"; }
.icon-zhuce:before { content: "\e617"; }
.icon-vip:before { content: "\e610"; }
.icon-uarrow:before { content: "\e62c"; }
.icon-darrow:before { content: "\e62b"; }
.icon-accounts:before { content: "\e619"; }
.icon-airs:before { content: "\e623"; }
.icon-discern:before { content: "\e624"; }
.icon-cloudfresh:before { content: "\e625"; }
.icon-website:before { content: "\e626"; }
.icon-respond:before { content: "\e627"; }
.icon-accountdone:before { content: "\e628"; }
.icon-setting:before { content: "\e629"; }
.icon-zuojiantou:before { content: "\e630"; }
.icon-closebtn:before { content: "\e62e"; }

.wrap{ width:100%;}
.main{ max-width:1000px; margin:0 auto; padding:60px 0;}
.main:after, .main:after{ display: block; content: ""; clear:both;}

/*标签属性*/
input{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;-o-border-radius: 2px; border: none; }
.btn{border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;-o-border-radius: 2px; background-color: #00a2ff; display: inline-block;color: #fff;}
.btn:hover{ background-color: #0095eb;}

/*颜色*/
.fcolorb{ color:#0082ff;}
.fcolordb{ color: #186dbf !important;}
.fcoloro{ color: #ff7200;}
.fcolordo{color: #ff7300;}
.fcolorr{ color: #f00;}
.fcolorg{ color:#6caa56;}
.fcolorp{ color:#fc6666;}
.fcolorpp{ color:#8328ff;}
.bgdb{ background-color: #186dbf;}
.bgb{ background:#0082ff;}
.bgdb{ background: #186dbf;}
.bgo{ background: #ff7200;}
.bgdo{background: #ff7300;}
.bgr{ background: #f00;}
.bgg{ background: #6caa56;}
.bgp{ background: #fc6666;}
.bgpp{background: #8328ff;}
.bgpp{background: #8328ff;}
.bgy{ background-color: #ffb800;}
.bgf8{ background-color: #f8f8f8;}

/*验证提示信息*/
.verification{line-height: 24px;margin-right: 25px; color: #FFEA00;}
input{margin: 0px;}
/*外边距*/
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
/*内边距*/
.pl10{ padding-left: 20px;}
/*线*/
.borderl{ border-left: 1px solid #ddd;}

   
/*公用标题*/
.btitle{ display:block; text-align: center; line-height: 50px; font-size:36px; color:#186dbf; font-family:"幼圆","黑体"; margin:10px auto; position:relative; padding:10px 0; font-weight:bold;}
.btitle:after{ content: ""; width:50px; height: 2px; background:#186dbf; position: absolute; bottom:0; left: 50%; margin-left:-25px;}
.btitle h5{ font-size:16px; line-height: 30px;}


/*头部*/
.topbar{ height: 110px; position: relative; z-index: 10; box-shadow:0 2px 3px rgba(0,0,0,.1);}
.topbar .header{ max-width:1000px;  margin:0 auto;}
.topbar .logo{  float:left; width: 100px; height: 100px; }
.topbar .logo a{ display:block; height: 100%;}
.topbar .logo img{width: 100%;}
.topbar .nav{ float: right;  margin:30px 15px; line-height: 30px;}
.topbar .nav a{ display:inline-block; padding:0 10px; border-radius:3px; color:#186dbf; margin:0 5px;}
.topbar .nav a:hover, .topbar .nav a.active{ color:#fff; background:#0082ff;}
.topbar .loginbtn{ float: right; margin:25px auto; position: relative; }
.topbar .loginbtn i.iconfont{ position:relative; z-index: 2; display: block; width:40px; height: 40px; line-height: 40px; border-radius:50%; background:#0082ff; color:#fff; font-size:26px; text-align: center; cursor:pointer;}
.topbar .loginbtn span{ position:absolute; z-index:1; top:20px;  left: 0; width:40px; height:0; border-radius:0 0 25px 25px; background:#0082ff; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; overflow:hidden;}
.topbar .loginbtn span a{ color:#fff; text-align: center; display: block; line-height: 24px; font-size:12px; }
.topbar .loginbtn span a:hover{ background:#3599df;}
.topbar .loginbtn:hover span{ height:80px; padding-top:20px; }
.logined{ float:right; margin:30px 0; line-height: 30px; color:#186dbf;}
.logined a{ color:#ff7200; display:inline-block; margin-right:10px;}
.logined a:hover{ text-decoration: underline;}
.menubtn{ display:none;}
/*banner轮播*/
.imgSwipeMain{
  position: relative;
  }
.swipe {
  overflow: hidden;
  position: relative;
  height: 500px;
  } 
.swipe-wrap,
.sliderTxt {
  overflow: hidden;
  position: relative;
  }
.swipe-wrap .image {
  float: left;
  width: 100%;
  position: relative;
  height: 500px;
  }
.sliderTxt .tabTxtSwipe{
  float: left;
  width: 100%;
  position: relative;
  } 
.swipe-wrap .image a{
  display: block;
  width: 100%;
  height: 100%;
  } 
.swipe-wrap .image .title{
  position: absolute;
  height: 50px;
  line-height: 50px;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  padding: 0 110px 0 20px; 
  width: 100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  } 
.swipe-wrap .image .title p{
  font-size: 2.4rem;
  width: 100%;
  color: #fff;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  } 
#position {
    list-style: none;
    margin: 0 -80px 0 0;
    padding: 0;
    position: absolute;
    right:50%;
    bottom: 14px;
  }

#position .swiper-pagination-switch {
    display: inline-block;
    width: 54px;
    height: 3px;
    background: #a8a8a8;
    margin: 0 2px;
    cursor: pointer
  }
#position .swiper-active-switch {
    background-color: #186dbf;
  } 
.sliderTxt{
  background: #1fc08d;
  overflow: hidden;
  position: relative;
  height: 60px;
  width:100%;
  padding: 5px 0 0 0;
  } 
.sliderTxt .swipeWrap{
  margin-right: 60px;
  } 
.sliderTxt .tabTxtSwipe{
  position: relative;
  margin: 0 20px;
  box-sizing: border-box;
  -moz-sizing: border-box;
  -webkit-sizing: border-box;
  overflow: hidden;
  }
.sliderTxt .tabTxtSwipe a{ color:#fff;
  display: inline-block;
  text-decoration: none;
  margin: 0 18px;
  padding: 0 10px;
  text-align: center;
  font-size: 2.4rem;
  line-height: 60px;
  }
.sliderTxt .tabTxtSwipe li{
  float: left;
  } 
.sliderTxt .tabTxtSwipe .current a{
  background: #fff;
  color: #23a77d;
  } 
.sliderTxt .nextBtn{
  display: block;
  text-align: center;
  width: 50px;
  height: 65px;
  position: absolute;
  z-index: 2;
  background: #1fc08d;
  right: 0px;
  top: 0px;
  }
.sliderTxt .lastPage{
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  }
.sliderTxt .nextBtn .iconfont{
  font-size: 3.6rem;
  color: #fff;
  line-height: 70px;
  }

.imgSwipeMain .swipe-rap .image{
  display: block;
  height: 300px;
  background-size: cover; 
  }
/*banner轮播结束*/


/*轮播*/
.flexslider {margin: 0px auto; position: relative; width: 100%; height: 500px; overflow: hidden; zoom: 1;}   
.flexslider .slides li {width: 100%; height: 100%;} 
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0;} 
.flex-direction-nav .flex-prev {left: 0；} 
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25);} 
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25);} 
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; -webkit-transition-duration:0s; -moz-transition-duration:0s;}
.flex-control-paging li a.flex-active, .flex-control-paging li.active a {background-position: 0 0;} 
.flexslider .slides a img { width: 100%; height: 500px; display: block; background-size:100% 100%; }

.banner .downloadbtn{ position:absolute; width:400px;  top:400px; left: 50%;   z-index: 2; margin-left:-10px;}
.banner .downloadbtn a{ display: inline-block; width:180px; height: 50px; color:#0082ff; border-radius:3px; border:1px solid #0082ff; text-align: center; font-size:20px; line-height: 50px; margin:8px;}
.banner .downloadbtn a:hover{ background:#0082ff; color:#fff;}
.banner .downloadbtn p{ text-align: right; color:#186dbf; line-height: 20px; padding:0 13px; display:block; width:100%; overflow: hidden;}


/*弹窗开始*/
.open-wind{ display:none; position: fixed; width:100%; height: 100%; z-index: 999;}
.open-wind .mask{ position: absolute; width:100%; height:100%; z-index: 1000; background:url(../images/black80.png) repeat;}
.open-wind .wind-cont{  position: absolute; top:20%; left:50%; width:800px; margin-left:-400px; z-index: 999; z-index:1000; background:#fff; border-radius:5px;}
.open-wind .wind-cont h4{ height: 40px; border-bottom:1px solid #e6e6e6; line-height: 40px; padding:0 10px; text-align: center; font-size:20px; font-family: "幼圆";}
.open-wind .wind-cont .wind-close-btn{ display:inline-block; width:30px; height: 30px; line-height: 30px; font-size:26px; float: right; color:#666; font-weight: normal; margin-top:5px;}
.open-wind .wind-cont .wind-close-btn:hover{ color:#3599df;}
.open-wind .wind-cont .wind-text{ padding:20px; height:280px; margin:10px auto; overflow: auto; line-height: 20px;}
.open-wind .wind-cont .wind-text h4{ font-size:14px; font-weight: bold; border:none; text-align: left; padding:0;}
.open-wind .wind-cont .wind-sure-btn{ display:block; width:120px; height: 30px; line-height: 30px; margin:20px auto; border-radius:3px; color:#fff; font-size:14px; text-align: center; background:#3599df;}
.clause-btn{ margin-left:10px; color:#3599df;}



/*弹窗结束*/

/*以上为公共部分*/


/*五大核心 core*/
.bggray{ background:#f7f7f7;}
.core ul{ width:100%; overflow: hidden; padding:40px 0; text-align: center;}
.core ul li{ float:left; overflow: hidden; width:18%; margin:0 1%; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
.core ul li:hover{-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
transform: translate(0,-10px);}
.core ul li a{ display:block; width:100%; padding:20px 10px;  border:1px solid #186dbf; border-radius:3px; position: relative; overflow: hidden;}
.core ul li a h4{ font-size:16px;  display: block; text-align: center; color:#186dbf; font-family:"幼圆";}
.core ul li a i{  display: block; width:80px; height:80px; line-height: 80px; border-radius: 50%; color:#fff; font-size:50px; text-align: center;  margin:40px auto; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
.core ul li:hover a i{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}

.core ul li a span{  display:block; text-align: center; line-height: 24px; }
.core ul li a:hover{ box-shadow:2px 2px 3px 5px rgba(0,0,0,.2);}
.core ul li a:before{ content:""; display:block; position:absolute; width:0; height:0; top:0; left:0; border-width:24px 24px 0 0;border-style:solid; border-color:#186dbf transparent transparent transparent; opacity:0; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
.core ul li a:after{content:""; display:block; position:absolute; width:0; height:0; bottom:0; right:0; border-width:0 0 24px 24px ;border-style:solid; border-color:transparent transparent #186dbf  transparent; opacity:0;}
.core ul li a:hover:before, .core ul li a:hover:after{ opacity:1;}

/*解决方案 solution*/
.bg1{ background: url(../images/bg1.jpg) center center; padding:30px 0;}
.solution-cont{ overflow: hidden; width:100%; margin:20px auto;}
.solution-cont li{ width:18%; margin: 0 1%; float:left;}
.solution-cont li a{ display:block; width:100%; position: relative;}
.solution-cont li a i{ display:block; width:120px; height: 120px; margin:20px auto; border:2px solid #186dbf; border-radius:50%; font-size:75px; color:#186dbf; line-height: 120px; text-align: center;}
.solution-cont li a span{ display:none; width:90%; margin:10px 5%; height:140px; overflow: auto; background:url(../images/blue80.png) repeat; border-radius:5px; padding:10px; color:#fff; line-height: 20px; text-align: center;}
.solution-cont li a h4{ display:block;  text-align: center; line-height: 30px; font-size:20px; font-family:"youyuan"; color:#186dbf;}
.solution-cont li a:hover i{ display:none;}
.solution-cont li a:hover span{ display:block;}


/*六大独特优势 advantage*/
.advantage-cont{ overflow: hidden; width: 100%; margin:20px auto;}
.advantage-cont li{width:30.3%; float: left; margin:20px 1.5%; border:1px solid #e6e6e6; border-left:3px solid #3599df; padding:30px 0; position: relative; cursor:pointer;}
.advantage-cont li:before{ content: ""; position: absolute; display: block; top:0; left: 0; z-index: -1; width:0; height: 100%; background:#3599df;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;}
.advantage-cont li:hover:before{width:100%;}
.advantage-cont li span{ display:block; float: left; width:40%; text-align: center;}
.advantage-cont li span i{ display:inline-block; font-size:50px; margin-top:15px;}
.advantage-cont li:hover span i{ -webkit-animation:waggle .8s 1 ease;
-moz-animation:waggle .8s 1 ease;
-ms-animation:waggle .8s 1 ease;
-0-animation:waggle .8s 1 ease;
animation:waggle .8s 1 ease;}

@-moz-keyframes waggle{
0%{-moz-transform:translate(0,-5px);}
25%{-moz-transform:translate(0,5px);}
50%{-moz-transform:translate(0,-3px);}
75%{-moz-transform:translate(0,3px);}
100%{-moz-transform:translate(0,0px);}
}

@-webkit-keyframes waggle{
0%{-webkit-transform:translate(0,-5px);}
25%{-webkit-transform:translate(0,5px);}
50%{-webkit-transform:translate(0,-3px);}
75%{-webkit-transform:translate(0,3px);}
100%{-webkit-transform:translate(0,0px);}
}

@-o-keyframes waggle{
0%{-o-transform:translate(0,-5px);}
25%{-o-transform:translate(0,5px);}
50%{-o-transform:translate(0,-3px);}
75%{-o-transform:translate(0,3px);}
100%{-o-transform:translate(0,0px);}
}

@-ms-keyframes waggle{
0%{-ms-transform:translate(0,-5px);}
25%{-ms-transform:translate(0,5px);}
50%{-ms-transform:translate(0,-3px);}
75%{-ms-transform:translate(0,3px);}
100%{-ms-transform:translate(0,0px);}
}

@keyframes waggle{
0%{-moz-transform:translate(0,-5px);}
25%{-moz-transform:translate(0,5px);}
50%{-moz-transform:translate(0,-3px);}
75%{-moz-transform:translate(0,3px);}
100%{-moz-transform:translate(0,0px);}
}


.advantage-cont li:hover span i{ color:#fff!important;}
.advantage-cont li h2{ display:block; width:60%; float: left; padding:5%; line-height: 30px; font-size:20px; text-align: left; color:#186dbf; font-family: "幼圆","黑体"; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.advantage .advantage-cont li:hover h2{ color:#fff;}

/*持续更新的功能 newfunction*/
.bg2{ background: url(../images/bg2.jpg) center center; }
.newfunction .flexslider{ height: 380px;  margin-top:50px;}
.newfunction .slides{ margin-top:40px!important;}
.newfunc-nav { width: 100%; position: absolute; top:0; text-align: center;}
.newfunc-nav li { margin:5px 2px; display: inline-block; zoom: 1; *display: inline;}
.newfunc-paging li a { display: block; height: 25px; line-height: 25px; font-family:arial; width: 100px;  border-radius:3px; border:1px solid #186dbf; color:#186dbf; text-align: center; cursor: pointer; -webkit-transition-duration:0s; -moz-transition-duration:0s; position:relative; }
.newfunc-paging li a.flex-active, .newfunc-paging li.active a {background:#186dbf; color:#fff; }
.newfunc-paging li.active a:after{ content: ""; display: block; position: absolute; bottom:-7px; left: 50%; width:0; height:0; border-width:6px 7px 0 7px; border-color:#186dbf transparent transparent transparent; border-style:solid; margin-left:-7px;} 

.newfunction .slides{ padding:40px 10% 20px; }
.newfunc-pic{ width:50%; float: left; margin-top:60px; margin-left:10%;}
.newfunc-pic img{ display:block; margin:0 auto; width:80%;}
.newfunc-text{ width:35%; float: left; background:url(../images/blue80.png) repeat; border-radius:5px; position: relative; margin-top:80px; height:250px; padding:20px; line-height: 27px; color:#fff; overflow:auto;}
.newfunc-text:after{ position: absolute; content:""; top:90px; left:-12px;  width:0; height: 0; border-width:15px 12px 15px 0; border-style:solid; border-color: transparent #4187c9 transparent transparent;}
.newfunc-text h5{ font-size:20px; font-family: "幼圆"; text-indent:20px; line-height: 40px;}
.newfunc-text ul li{ font-size:12px;}


/*集团简介&公司新闻 brief*/
.brief .main{ margin:30px auto 0;}
.brief-cont{ width:100%; padding:30px 30px 20px; border:2px solid #186dbf; position: relative;}
.brief-title{ position: absolute; top:-40px; left: 20px; padding:10px 20px; background: #fff; float: left;}
.brief-title img{ float: left; width:45px;}
.brief-title h4{ color:#186dbf; font-size:26px; line-height: 40px; float: left; margin-left:10px; font-family: "幼圆";}
.comp-brief, .news{ width: 95%; float: left;}
.comp-pic, .news-pic{ width:40%; height: 130px; float: left;}
.comp-pic img, .news-pic img{ width: 100%; max-height:130px;}
.comp-text, .news-text{ width:60%; height:120px; overflow: hidden; float: left; padding:0 30px; line-height: 24px;}
.comp-brief .checkdt{ float: right; margin-right:30px; line-height: 24px; color:#3599df;}
.comp-brief .checkdt:hover{ color:#ff7200;}
.news-text li{ display:block; margin-bottom:5px; margin-left: 10px; position: relative;}
.news-text li:before{position: absolute; top: 10px; left: -15px; display:block; content: ""; width:5px; height:5px; background:#168dbf;}
.news-text li:after{position: absolute; top: 7px; left: -12px; display:block; content: ""; width:5px; height:5px; background:#168dbf;}
.news-text li span{ display: block; text-align: left;}
.news-text li a{ font-weight: bold; display:block;}
.news-text li a:hover{ color:#0082cf;}

/*收录资源 resource*/
.resource{ margin:20px auto 0; padding:0;}
.resource-cont{ width: 100%; overflow: hidden;}
.resource-cont li{ width:18%; margin:10px 1%; text-align: center; float: left;}
.resource-cont li img{ display:inline-block; border:1px solid #ddd; border-radius: 3px;}
.resource-cont li img:hover{ opacity:0.8; border-color:#bbb; box-shadow:0 0 5px rgba(0,0,0,.1);}

/*底部 Footer*/
.footer{ background: #186dbe; color:#fff; line-height: 24px;}
.footer .main{ padding:20px 0; margin:0 auto;}
.footer .colum{ width:23%; margin:10px 1%; float:left;}
.footer .colum h4{ line-height: 30px; border-bottom:1px solid #1356af;}
.footer .colum .columt{ border-top:1px solid #1d83cd; padding:10px 0;}
.footer .flinks a{ width:50%; float: left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.footer .bottom{ width:100%; padding:10px; line-height:20px; text-align: center;  background-color: #1457b2; color:#fff;}
.footer .bottom br{ display:none;}
.footer .contacts b{ margin-right:5px;}
.footer .services .qrcode{ width:100px; float: left; position:relative;}
.footer .services .qrcode img{ width:80px; height: 80px; border-radius:3px; cursor:pointer;}
.footer .services .qrcode img.bigcode{ position: absolute; top:-40px; right:-104px; display: none; width:120px; height: 120px; border-radius:5px; z-index: 10;}
.footer .services .qrcode:hover img.bigcode{ display:block;}
.footer .services .qrcode i{ display:block; line-height: 20px;}
.footer .download a.downlbtn{ display:block; margin-bottom:10px; width:90%; padding:0 10px; line-height: 40px; height: 40px; border-radius: 3px; background:#1e76cd; color:#fff; text-align: left; border-width:1px; border-style:solid; border-color: #3685d2 #114a99 #114a99 #3685d2;}
.footer .download a.downlbtn:hover{ background:#146dc4;}
.footer .download a.downlbtn:active{ background:#1457b2; border-color:#114a99 #3685d2 #3685d2 #114a99;}
.footer .download a.downlbtn:nth-child(3){ background:none; border-color:#186DBE;}
.footer a{ color:#cadae9;}
.footer a:hover{ color: #fff;}

/*回到顶部*/
.cd-top {
display: inline-block;  
height: 40px; 
width: 40px; 
position: fixed; 
bottom: 40px; 
right: 10px;
border-radius:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden; 
text-indent: 100%; 
white-space: nowrap;
background: rgba(24,109,191,.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0; -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;
color:#f00;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #0082ff;
  opacity: 1;
}
.icon-uarrow:before{ color:red;}

/*五大核心页面*/
.bgsky{ width:100%; height: auto; background:url(../images/bgsky.jpg) no-repeat center center; position: relative; }
.bgsky:after{ content:""; width:100%; height:1px; background:#186dbf; position: absolute; left: 0; bottom:0px;}
.core-head .main{ padding:20px 0 0;}
.core-tag{ margin-top:40px; overflow: hidden; position: relative; z-index: 2px; z-index: 2;}
.core-tag a, .core-tag a h4, .core-tag a i, .logined{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; 
}
.core-tag a{ display: block; width:18%; margin:20px 1% 0; float: left; border:1px solid #186dbf; border-radius:5px 5px 0 0; background:rgba(255,255,255,.8);  padding-top:15px;}
.core-tag a h4{ display: block; text-align: center; font-size:16px; font-family: "幼圆"; line-height: 30px; color:#186dbf;}
.core-tag a i{ display: block;border-radius:50%; width:60px; height: 60px; line-height: 60px; font-size:40px; text-align: center; color:#fff;margin:0 auto; 
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);}
.core-tag a.hover{ margin:0 1% -1px; background:#fff; border-bottom-color:#fff;}
.core-tag a:hover{ background:#fff;}
.core-tag a.hover i{ margin:10px auto;
-webkit-animation:tagwaggle 1s 1 ease forwards;
-moz-animation:tagwaggle 1s 1 ease forwards;
-ms-animation:tagwaggle 1s 1 ease forwards;
-0-animation:tagwaggle 1s 1 ease forwards;
animation:tagwaggle 1s 1 ease forwards;
}
.core-tag a.hover h4{ -webkit-transform: translate(0, 75px);
-moz-transform: translate(0, 75px);
-ms-transform: translate(0, 75px);
-o-transform: translate(0, 75px);
transform: translate(0, 75px);}

@-moz-keyframes tagwaggle{
0%{-moz-transform:scale(0.8) translate(0,0);}
40%{-moz-transform:scale(1) translate(0,-45px);}
100%{-moz-transform:scale(1) translate(0,-35px);}
}

@-webkit-keyframes tagwaggle{
0%{-webkit-transform:scale(0.8) translate(0,0);}
40%{-webkit-transform:scale(1) translate(0,-45px);}
100%{-webkit-transform:scale(1) translate(0,-35px);}
}

@-o-keyframes tagwaggle{
0%{-o-transform:scale(0.8) translate(0,0);}
40%{-o-transform:scale(1) translate(0,-45px);}
100%{-o-transform:scale(1) translate(0,-35px);}
}

@-ms-keyframes tagwaggle{
0%{-ms-transform:scale(0.8) translate(0,0);}
40%{-ms-transform:scale(1) translate(0,-45px);}
100%{-ms-transform:scale(1) translate(0,-35px);}
}

@keyframes tagwaggle{
0%{transform:scale(0.8) translate(0,0);}
40%{transform:scale(1) translate(0,-45px);}
100%{transform:scale(1) translate(0,-35px);}
}

.core-cont iframe{ }


/*登录页面Login*/
.Loginbanner .main{ position: relative; padding:0;}
.LoginBg{ width:340px; height: 350px; position: absolute; right:20px; top: 80px;z-index: 2;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px; background:url(../images/alphablue.png);}
.Loginbox{ background:url(../images/blue80.png); width: 320px; height: 330px;position: absolute;top:10px; right:10px; z-index:3; border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;}
.LoginTitle{ margin-top: 30px; font-size: 28px; text-align: center; color: #fff; font-family: "黑体";}
.LoginInput{ width: 270px; height: 36px; background-color: #fff; border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px; margin-top: 20px;margin-left: 25px; position: relative;}
.Loginbox .text_input{ float:right;height: 36px; width: 270px; padding-left: 40px;}
.Loginbox .text_input:focus{border:1px solid #3599df;  box-shadow:0 0 3px rgba(53,153,233,.9);-webkit-box-shadow:0 0 3px rgba(53,153,233,.9);-ms-box-shadow:0 0 3px rgba(53,153,233,.9); -moz-box-shadow:0 0 3px rgba(53,153,233,.9); -o-box-shadow:0 0 3px rgba(53,153,233,.9);  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;-o-border-radius: 4px; border: none;}
.Loginbox .icon-account:before,.Loginbox .icon-mima:before{ color:#3e3e3e;display:block; width: 24px; height: 24px; line-height: 24px;text-align:center; border-radius: 50%; -webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; border: 1px solid #3e3e3e; position: absolute; top: 6px;left: 10px;}
.Loginbox .checkbox{padding:0 25px;margin-top: 20px; color: #fff;}
.Loginbox .checkbox input{ margin:2px 8px 0 0;}
.Loginbox .btnlogin{ margin:0 25px;width: 270px; height: 36px; text-align: center;margin-top: 20px; font-size: 14px; line-height: 36px;}
.Login a{ margin-right: 25px;color:#fff;margin-top: 20px;}
.Login a:hover span{ color: #00a2ff;}
.Loginbox .verification{ text-align: right;}



/*注册页面Register*/
.Registerbox{ background:url(../images/registerbg.jpg); width: 100%;  background-repeat:no-repeat;padding:38px 0; background-position: top center;}
.Registerbox .Registerbg{ background-color: #fff;background:url(../images/alphawhite.png);padding:50px 0px; border-radius: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px; border-top:3px solid #2291fc;}
.RegisterTitle{margin-top: 30px; font-size: 28px; text-align: center; font-family: "黑体";}
.RegisterInputbox{ font-size: 14px;margin-top:30px; margin-left: 24%;}
.RegisterInputbox li{ line-height: 36px; margin-top: 10px;}
.RegisterInputbox li span.userMessages{ text-align: right; width: 100px;}
.RegisterInputbox li span.userMessages em{ margin-right:10px;}
.RegisterInputbox li span .text_input{ font-size: 12px; height: 36px; width: 320px; border: 1px solid #ddd;padding:0 10px;}
.RegisterInputbox li span .text_input:focus{border:1px solid #3599df; box-shadow:0 0 3px rgba(53,153,233,.9);-webkit-box-shadow:0 0 3px rgba(53,153,233,.9);-ms-box-shadow:0 0 3px rgba(53,153,233,.9); -moz-box-shadow:0 0 3px rgba(53,153,233,.9); -o-box-shadow:0 0 3px rgba(53,153,233,.9); border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius:4px; -ms-border-radius: 4px;-o-border-radius: 4px; border:1px solid #2291fc;}
.RegisterInputbox li span select{ line-height: 36px; height: 36px; width: 158px; border: 1px solid #ddd;}
.RegisterInputbox li span select.service{ width: 322px;}
.RegisterInputbox .verification{ color: #f00; display:inline-block;padding-left:10px; font-size: 12px; line-height: 36px;}
.RegisterInputbox li.Registertip{ font-size: 12px; line-height: 20px;}
.RegisterInputbox li.Registertip input{ margin:4px 10px 0px 0px; float:left;} 
.RegisterInputbox li.Registertip,.RegisterInputbox li.btnRegister{ padding-left: 100px;}
.btnRegister a{ width: 320px; text-align: center;}
.Registerlogin{ font-size: 12px; text-align: center; padding-left: 100px; width:420px;}
.Registerlogin span{ display:inline-block; padding:0!important;}


/*收录网站Include*/
.Include{ font-size:36px; text-align: center; font-family: "幼圆","黑体"; font-weight: bold;margin-top: 30px;}
/*联盟网站*/
.IncludeTitle{ width:100%; text-align: left; font-size: 20px; line-height: 44px; height: 44px; color: #fff; margin-top:10px;}
/*标题字体*/
.icon-hezuo:before,.icon-zhuanti:before,.icon-wangzhan:before{margin-right: 10px; font-size: 24px;margin-left: 20px;}
.icon-zhuanti:before{ font-size: 30px;}
.IncludeContainer{width:100%; border: 1px solid #ddd; border-top-color: #fff;padding: 10px;}
.IncludeContainer li{ width:20%; text-align: left; float: left; line-height: 30px; height: 30px;padding-left: 20px;border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-moz-border-radius:2px;-o-border-radius:4px;white-space: nowrap; text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis; overflow: hidden; margin:2px auto;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.IncludeContainer li a,.IndustryContainer li a{ width: 100%; display: inline-block; color: #666;white-space: nowrap; text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis; overflow: hidden;}
.IncludeContainer li.line{ border: 1px dashed #0082ff; }
.IncludeContainer li:hover a{ color:#fff; }
.IncludeContainer li:hover{ background:#3599df;}
.IndustryContainer li a:hover{ color:#fff; }
/*垂直行业网站Industry*/
.IndustryContainer{ width: 100%;}
.IndustryContainer li{ width: 20%; height:380px; overflow:hidden; float: left;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.IndustryContainer li:first-child{ border-left: 1px solid #ddd;}
.IndustryContainer li:hover{ box-shadow: 0 1px 10px #ddd;-moz-box-shadow: 0 0 10px #ddd;-o-box-shadow: 0 0 10px #ddd;-ms-box-shadow: 0 0 10px #ddd;-webkit-box-shadow: 0 0 10px #ddd;border-left: 1px solid #ddd;}
.IndustryContainer li .IndustryTitle{ display: block; background-color: #f2f2f2; height: 40px; line-height: 40px;padding-left: 40px; font-weight: bold; border-bottom: 1px solid #ddd; }
.IndustryContainer li a{padding-left: 40px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow:ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis; overflow: hidden; position: relative; float: left;}
.IndustryContainer li a:hover{ background:#3599df;}


.pages{width:100%; border:1px solid #e6e6e6; border-top:none; text-align: center; padding:10px;}
.pages a{ display:inline-block; line-height: 20px; font-size:12px; padding:2px 10px; border:1px solid #ddd; border-radius:3px; margin:0 5px;}
.pages a:hover, .pages a.current{ border-color:#0082df; color:#0082cf;}


/*更新日志 UpdateLogo*/
/* history */
#history{width:1000px;height:760px;position:relative;margin:50px auto 0 auto; overflow: hidden;}
.title{height:95px;line-height:95px; text-align: right;}
.title .updatelog{ font-size:30px; font-weight: bold;color:#186dbf; font-family: "幼圆","黑体" }
#circle{
  width:90px;height:90px;position:absolute;top:0;left:300px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
} 
#circle .cmsk{height:90px;position:absolute;width:90px;top:0;left:0;}
#circle:hover{
  transform:rotate(-360deg);
  -ms-transform:rotate(-360deg);
  -moz-transform:rotate(-360deg);
  -webkit-transform:rotate(-360deg);
  -o-transform:rotate(-360deg);
  border-color:rgba(0,0,0,0);
}
.clock{display:block;}
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#186dbf;}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
  background:url(../images/clock.png) no-repeat 0 0;width:70px;height:70px;position:absolute;top:4px;left:4px;display:none;
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
  transition:all 0.5s linear;
  border-radius:0;
}
#circle:hover .clock{border-radius:83px;}
.timeyear{color:#d7d9d9;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height:355px;width:1000px;overflow:hidden;background:url(../images/vertical.png) no-repeat 340px 0px;padding-top:10px;}
.list{overflow:hidden;position:relative;}
.list li{ height: 220px; vertical-align:bottom;overflow:hidden;position:relative; font-size: 14px;}
.liwrap{height:55px;margin-top:28px;}
.lileft{position:absolute;top:0;left:0px;height:55px;width:310px;line-height:55px;text-align:right;}
.liright{position:absolute;top:10px;right:0px;height:55px;width:652px;z-index: -1;}
.histt{height:36px;line-height:36px; background-color:#ddd;padding-left: 20px;}
.hisct{font-size:14px; line-height: 30px; text-indent: 26px;margin: 10px 30px; }
.md{font-size:18px;color:#AEAEAE;}
.year{font-size:20px;color:#666;margin-right:10px; font-family:Arial;}
.point{width:55px;height:55px;position:absolute;top:0;left:315px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
.point b{
  height:22px;width:22px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #186dbf;
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  -o-transition:all 0.1s linear;
  transition:all 0.1s linear;
  position:absolute;
  top:0;left:0;
}
.thiscur .point b{height:28px;width:28px;border:6px solid rgba(24,109,191,1);margin:10px 0px 0px 14px;border-radius:52px;}
.thiscur .histt a{color:#186dbf;}
.histt a{
  font-size:22px;color:#186dbf;font-family:"黑体";
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
#arrow{position:absolute;top:50%;right:30px; margin-top:-60px; z-index: 3;}
*html #arrow{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:350px;}


#arrow ul li{
  display:block;height:50px;width:50px; border-radius: 5px; border:1px solid #d9d9d9; background:#ffffff; cursor:pointer; color:#f00; font-size:30px; overflow: hidden;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

#arrow ul li.arrowup{ margin-bottom:20px;}
#arrow ul li.arrowup:after, #arrow ul li.arrowdown:after{ font-family:"iconfont"; line-height: 50px; text-align: center; color:#666; display:block; width:50px; height: 50px;}
#arrow ul li.arrowup:after{content:"\e62c"; }
#arrow ul li.arrowdown:after{ content:"\e62b";}

#arrow ul li:hover:after{ background: #f2f2f2; color:#3599df; }
#arrow ul li:active:after{ background:#fff;}
#arrow ul .arrow_active{
  background-color:#000;
  -webkit-transition:all 0.1s ease-in;
  -moz-transition:all 0.1s ease-in;
  -o-transition:all 0.1s ease-in;
  transition:all 0.1s ease-in;
}
/*更新日志结束*/


/*五大核心-超级商务网站Business*/
.BusinessBox{padding:80px;}
.BusinessTitle{ font-family: "黑体"; font-size: 34px; color: #333; line-height: 50px; width:48%; margin:0 1%;}
.BusinessBox img{ width:44%; margin:0 3%;}
.BusinessTitle h5{ font-size: 18px; line-height: 30px; font-weight: normal;}
.BusinessTitle.b1{ margin-top: 30px;}
.BusinessBox.b2box{ padding:80px;}
.BusinessTitle.b2{ margin-top: 20px;}
/*五大核心-超级商务网站Messages*/
.BusinessTitle.MessagesTitle{ font-size: 28px; font-family: "幼圆"; font-weight: bold;}
.BusinessTitle.MessagesTitle h5{ font-weight: normal; font-size: 20px; color: #333; margin:20px auto;}
/*五大核心-大数据精准营销 BigDate*/
.BigDateBox{ position: relative; height:460px;}
.BigDateBox.db2Box{ height: 530px;}
.BigDateBox img{ position: absolute;}
.BigDateBox .imgbd1-01{ left: 50%; margin-left: -280px; top: 50%; margin-top: -148px;}
.BigDateBox .imgbd1-02{ left: 142px; top: 200px;}
.BigDateBox .imgbd1-03{ left: 0px; top: 0px;}
.BigDateBox .imgbd1-04{right: 232px; top: 170px;}
.BigDateBox .imgbd1-05{ right: 0; top: 50px;}
.BigDateBox .imgbd1-06{ right: 104px; top: 246px;}
.BigDateText{ font-size: 28px; font-family: "幼圆"; font-weight: bold; left: 40px;}
.BigDateText h5{font-weight: normal; font-size: 18px; color: #333; line-height: 30px;}
.BigDateText.bd1{width:60%; padding-bottom: 40px;}
.BigDateText.bd2{ position: absolute; bottom:80px; left:540px; width: 40%;}
.BigDateBox .imgbd2-01{ left: 70px;top:0px;}
.BigDateBox .imgbd2-02{ left: 410px; top:134px;}
.BigDateBox .imgbd2-03{ right: 164px; top: 110px;}
.imgbd1,.imgbd2{ display: none;}

/*五大核心-新媒体营销 NewMarketing*/
.NewMkicons{ width:100%; margin:20px auto; overflow: hidden;}
.NewMkicons li{ width:14.6%; margin:10px 1%; float: left;}
.NewMkicons li img { display:block; width:100px; height:100px; margin:0 auto;}
.NewMkicons li span{ display:block; line-height: 24px; text-align: center; margin-top:10px; font-family:"幼圆"; font-size:16px; font-weight:bold;}
.hold-cont{ width:100%; height:400px; position: relative; margin:40px auto; background:url(../images/holdp.png) center no-repeat;}
.hold-l, .hold-r{ width:35%;  padding:60px 10px;}
.hold-l{ padding-left:40px;}
.hold-text{ width:100%; font-size:16px; font-weight:bold; font-family: "幼圆";  line-height: 30px; margin:20px auto;  color:#666; position: relative;} 
.hold-text .bluedot{ float: left; margin-right:10px;}
.hold-text p:before, .namecd-text p:before, .poster-text h5:before, .rich-b h5:before{ content: ""; width:10px; height: 10px;  position: absolute; top:12px; left:-20px; background:#186dbf ; border-radius:50%;}
.thisicon{ width:100%; overflow:hidden; margin:20px auto; overflow: hidden;}
.thisicon span{ display:block; width:50px; height:50px; border-radius:50%; font-size:30px; text-align: center; line-height: 50px; color:#fff; float: left; position: relative; margin-right:40px;}
.thisicon span:after{ content: "\e62a"; font-family: "iconfont";  color:#666; position: absolute; top:0; right:-26px; font-size:24px;}
.hold-r .thisicon span{margin:0 0 0 40px;}
.hold-r .thisicon span:after{ content: "\e630"; font-family: "iconfont";  color:#666; position: absolute; top:0; right:55px; font-size:24px;}

.namecd-cont{ width:100%; height:500px; position: relative; margin:0 auto 40px; background:url(../images/namecard.png) center no-repeat; display:block; padding:0 10px;}
.namecd-l, .namecd-r{ width:30%; margin:90px auto 0;}
.namecd-text{ width:100%; font-size:16px; font-weight:bold; font-family: "幼圆";  line-height: 30px; margin:20px auto;  color:#666; position: relative;}
.namecd-l .namecd-text{ text-align: right;}
.namecd-l .namecd-text p:before{ display:none;}
.namecd-l .namecd-text p:after{  content: ""; width:10px; height: 10px;  position: absolute; top:12px; right:-20px; background:#186dbf ; border-radius:50%;}
.namecd-text h5, .poster-text h5, .rich-text h5, .rich-b h5{ font-size:18px; line-height: 30px; font-weight: bold; color:#333; font-family: "幼圆";}
.namecd-text p{ margin-top:10px;}

.namecd-m{ width:600px; left:50%; margin-left:-300px; height: 100%; position: absolute; z-index: 2;}
.namecd-m span{ display:block; width:50px; height: 50px; border-radius:50%; color:#fff; font-size:30px; line-height: 50px; text-align: center; position: absolute;}
.namecd-m span.po1{ bottom:50px; left:0;}
.namecd-m span.po2{ bottom:-10px; left:17%;}
.namecd-m span.po3{ bottom:-40px; left:35%;}
.namecd-m span.po4{ bottom:-40px; right:35%;}
.namecd-m span.po5{ bottom:-10px; right:17%;}
.namecd-m span.po6{ bottom:50px; right:0;}

.poster-cont{ width:100%; height:400px; margin:20px auto; position: relative;}
.poster-l{ position: absolute; top:0; left: 0; width:335px;}
.poster-l img{ width:100%; height: auto;}
.poster-m{ width:339px; height:383px; background:url(../images/phonebox.png) center no-repeat; margin:0 auto; overflow: hidden; }
.poster-m .phonebox{ width:170px; height: 304px; margin:40px auto; position: relative;}
.poster-m .phonebox .phonetop{ width:100%; height:22px; background: url(../images/phonetop.png) no-repeat center; position: absolute; top:0; left: 0; display:block;}
.poster-r{ position: absolute; top:100px; right:50px; width:300px;}
.poster-r .poster-text p{ font-size:16px; font-weight:bold; font-family: "幼圆";  line-height: 30px; margin:20px auto;  color:#666; position: relative;}

.rich-m .platform{ margin:20px auto; text-align: center;}
.rich-m .platform img{ display:inline-block;}
.rich-m .platform .pic{ display:none;}
.rich-b{ text-align: center; width:100%;}
.rich-b h5{ display:inline-block;}

.rich-m .platform{ width:90%; margin:30px auto;}
.rich-m .platform img{ width:100%;}

.NewMkicons li img{ -webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);}



/*投放流程*/
.BDflow{ margin-top: 30px;}
.BDflow li{ font-size: 18px; font-family: "黑体"; color: #333; line-height: 30px; text-align: center;}
.BDflow li.BDicon{ width: 19%;}
.BDflow li span{ font-size: 12px; display:block; font-family: "宋体"; color: #666;}
.icon-accountdone:before,.icon-setting:before,.icon-website:before,.icon-respond:before{background-color: #0d7ae4; display:block; width: 120px; height: 120px;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; text-align: center; line-height: 120px; color: #fff; font-size: 70px; margin:0 auto 10px;}
.BDright i{ font-size: 50px; display: block; margin-left: 20px; margin-top: 40px; color: #666;}

/*常见问题 faq*/
.faq .main{ border:1px solid #ddd; border-radius:3px; position: relative; margin:20px auto; padding:0;}
.faq .faq-tag{ position: absolute; top: 0; left:0; width:200px; height: 100%; border-right:1px solid #ddd; background:#fafafa;}
.faq .faq-tag h4{ font-size:18px; text-align: center; line-height: 40px; color:#186dbf; font-family: "幼圆"; border-bottom:1px solid #ddd;}
.faq .faq-tag a{ display:block; height: 40px; line-height: 20px; padding:10px; color:#666; border-bottom:1px solid #e6e6e6; }
.faq .faq-tag a.hover{ color:#186dbf; background:#fff; width:201px;}
.faq .faq-tag a:hover{ background:#fff; color:#186dbf;}

.faq .tabs_box{ width:100%; padding-left:200px; min-height:500px;}
.faq .tabs_box h4{ width:100%; display:block; height:41px; border-bottom:1px solid #ddd; line-height: 40px; font-size:18px; font-family:"幼圆"; color:#186dbf; padding:0 20px; box-sizing:border-box;}
.faq .faq-cont{ padding:20px; overflow: hidden; }
.faq .faq-cont .faq-title{ width:100%; height: 30px; border-bottom:1px solid #e6e6e6; line-height: 30px; font-size:14px; padding:0 10px; cursor:pointer;}
.faq .faq-cont .faq-title h5{ display:inline-block; float: left;}
.faq .faq-cont .faq-title:hover h5{ color:#3599df;}
.faq .faq-cont .faq-title i{ float: right; cursor:pointer; padding:0 10px;}
.faq .faq-cont .faq-title i.icon-darrow{ display:block;}
.faq .faq-cont .faq-title i.icon-uarrow{ display:none; }
.faq .faq-cont .faq-title i:hover{ color:#186dbf;}
.faq .faq-cont .faq-text{ display:none; line-height: 24px; text-indent:25px; padding:10px;}
.faq .faq-cont .faq-text p{ margin:5px auto;}

/*在线购买 buy*/
.bgsky2{ background:url(../images/bgsky2.jpg) no-repeat center;}
.buy-cont{ width:50%; padding:50px 20px;  margin:0 auto; text-align: center; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.1); background: #fff; position: relative; margin:20px auto;}
.buy-cont:before{ content: ""; width:10px; height: 10px; border-radius: 50%; position: absolute; top:10px; left: 10px; background: #c8dae5; border:1px solid #e6e6e6; box-shadow: inset 0 0 5px rgba(0,0,0,.1); }

.buy-cont .price{ display:block; font-size:24px; font-family:"幼圆"; font-weight:bold; margin:20px auto;}
.buy-cont .price b i{ color:#f00; font-size:16px; }
.buy-cont .price em{ font-style:normal; font-family: "arial"; font-weight: normal; }

.buy-cont .logintip a.btn{ padding:10px 30px; font-size:20px; font-family: "幼圆"; margin:20px 10px 0;}

.buy .core-cont{ width:100%; overflow: hidden; margin:50px auto 30px;}
.buy .core-cont li{ width:18%; float: left; margin:0 1%; }
.buy .core-cont li a{ width:100%; display:block; text-align: center;}
.buy .core-cont li a i{ width:80px; height: 80px; display:inline-block; border-radius:50%; color:#fff; font-size:50px; line-height: 80px; text-align: center;}
.buy .core-cont li h4{ line-height: 40px;}

 /*独特优势 solo-adv*/

.solo-adv .advantage-cont li{ width:97%; margin:10px 1.5%; padding:0; border-radius:5px; border-width:1px; border-style:solid; border-color:#ddd; position: relative;}
.solo-adv .advantage-cont li:hover{ background:#fafafa; box-shadow:0 0 5px rgba(0,0,0,.1);}
.solo-adv .advantage-cont li:before{ content: ""; position: absolute; top:0; left: 0; width:2px; height: 100%; background:#186dbf;  z-index: 0; -webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
.solo-adv .advantage-cont li:hover:before{ width:20%;}
.solo-adv .advantage-cont li.adv1:before{ background:#0082ff;}
.solo-adv .advantage-cont li.adv2:before{ background:#ff7200;}
.solo-adv .advantage-cont li.adv3:before{ background:#6caa56;}
.solo-adv .advantage-cont li.adv4:before{ background:#8328ff;}
.solo-adv .advantage-cont li.adv5:before{ background:#186dbf;}
.solo-adv .advantage-cont li.adv6:before{ background:#fc6666;}

.solo-adv .advantage-cont li .ad-icon{ float:left; width:20%; height:100%; display: block; text-align: center;}
.solo-adv .advantage-cont li .ad-icon i{ font-size:60px; margin-top:20px; display:inline-block; position: relative; z-index: 2; 
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}
.solo-adv .advantage-cont li:hover .ad-icon i{ color:#fff!important;}

.solo-adv .advantage-cont li .ad-cont{ width: 80%; float: right; padding:20px}
.solo-adv .advantage-cont li .ad-cont h2{ margin:0 auto; padding:0;width:100%;}
.solo-adv .advantage-cont li .ad-cont .ad-text{ line-height: 24px; text-indent: 25px}

/*-----------------------@media screen width(1000px-768px)------------------------------*/
@media screen and (max-width: 1000px) {

/*首页*/
.topbar .header{ padding:0 20px;}
.topbar .nav a{ padding:0 8px; margin:0 3px;}
.brief-cont{ width:96%; margin:0 auto;}

.flexslider .slides a img { background-size:120%; }


/*注册页面*/
.Registerbox .Registerbg{ width:90%;}
.RegisterInputbox{ margin-left: 19%;}
.wrap.bgf8{ padding: 20px;}

.faq .main{ width:98%; margin:10px 1%;}

/*弹窗*/
.open-wind .wind-cont{width:80%; margin-left:-40%; top:10%; }


}


/*-----------------------@media screen width(768px-750px) ipadmini------------------------------*/
@media screen and (max-width: 768px) {

/*首页*/
.btitle{ font-size:26px; margin:0 auto; padding:0;}
.main{ padding:40px 0;}
.topbar{ position: fixed; top:0; left:0; z-index: 99; background:#fff;}


.topbar .nav a{ padding:0 4px; margin:0;}
.core ul li{ display:inline-block;}
.core ul li.col2{ width:30.3%; margin:20px 1.5% 20px; float: none;}
.core ul li.col3{ width:30.3%; margin:0 1.5%;}
.core ul li a i{ margin:20px auto;}

.brief-title{ left:50%; margin-left:-100px;}
.comp-brief, .news{ width:100%; overflow: hidden;  margin:10px auto;}
.comp-pic, .news-pic{ width:30%; margin-top:6px;}
.comp-text, .news-text{ width:70%; padding:0 0 0 30px;}
.comp-brief .checkdt{ margin-right:0;}
.poster-cont{ height: 370px;}

.newfunc-pic{ margin-top:110px;}
.newfunc-text{ height: 290px;}

.newfunction .flexslider{ margin-top:30px;}

.resource-cont li{ width:31.3%;}
.footer .colum{ width:46%; margin:5px 2%;}

/*首页导航*/

.topbar{ height:70px;}
.banner, .Registerbox, .Loginbanner, .core-head, .buy{ margin-top:70px;}
.topbar .logo { height:50px; width:auto; margin:10px auto;}
.menubtn{ display:block; position: relative; top:20px; right:20px; z-index: 99; float:right; width:30px; height: 30px; cursor:pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.menubtn i{ display:block; width:100%; height:4px; margin:6px auto; border-radius:2px; background:#0082ff; 
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.rheader{ width:70%; height:100%; position: fixed; top:0; right:0; z-index: 10; background: #fafafa;
-webkit-transform: translate(100%,0);
-moz-transform: translate(100%,0);
-ms-transform: translate(100%,0);
-o-transform: translate(100%,0);
transform: translate(100%,0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}

.rheader .nav{ width:100%; margin:0 auto; border-top:1px solid #0082ff; }
.rheader .nav a{ width:100%; padding:5px 10px 5px 20px; border-bottom:1px solid #f5f5f5; }
.rheader .nav a:hover, .rheader .nav a.active{ border-radius: 0; box-shadow:0 0 3px rgba(0,0,0,.1);}
.rheader.showmenu{ width:70%; box-shadow:-5px 0 5px rgba(0,0,0,.1); overflow:auto; -webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);}
.menumask{ display:none; content:""; background:rgba(0,0,0,.3); position: fixed; width:100%; height: 100%; top:0; left:0;}
.hidebtn{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);}
.hidebtn i:nth-child(2){ opacity:0;}
.hidebtn i:first-child{ -webkit-transform: rotate(405deg);
-ms-transform: rotate(405deg);
-o-transform: rotate(405deg);
transform: rotate(405deg);}
.hidebtn i:last-child{-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
-o-transform: rotate(-225deg);
transform: rotate(-225deg);}

.rheader .loginbtn{ float: left; margin:15px 5px 15px 10px; }
.rheader .loginbtn span{ display:block; width:200px; top:0; left:50px;  height: 50px; background:none; border-radius: 0; -webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;}
.topbar .loginbtn:hover span{ padding-top:0; height:40px; border-radius: 0;}
.rheader .loginbtn span a{ width:60px; height:30px; line-height: 30px; margin:5px 10px 0 0; float:left; background:#0082ff; border-radius:3px;}
.rheader .loginbtn span a:hover{ background:#186dbf;}
.logined{ float: left; margin:20px;}

.core-tag a h4{ font-size:12px; font-family:"宋体"; padding:0 5px;}


/*超级商务网站*/
.BusinessBox{padding: 30px; text-align: center;}
.BusinessTitle{ width:90%; margin:20px 5%;}
.BusinessBox img{ display: inline-block; float: none; width: 100%;}
.BusinessBox img.imgb1{ max-width: 400px; margin-top: 20px;}
.BusinessBox img.imgb2{ max-width: 400px; margin-top: 30px;}
.BusinessBox img.imgb3{ max-width: 400px; margin-top: 20px;}
.BusinessBox img.imgb4{ max-width: 400px; margin-top: 30px;padding-right: 30px;}
.BusinessBox .BusinessTitle{ float: none; margin-top: 10px;}
/*商贸平台信息覆盖*/
.BusinessBox img.imgm1,
.BusinessBox img.imgm2,
.BusinessBox img.imgm3,
.BusinessBox img.imgm4{ max-width: 400px; margin-top: 30px;}
.BusinessBox.b2box{ padding:20px 0;}
/*搜索引擎双端优化*/
.BusinessBox img.imgs1{ max-width: 310px;}
.BusinessBox img.imgs2{ max-width: 351px; margin-top: 30px;}
.BusinessBox img.imgs3{ max-width:295px;}
.BusinessBox img.imgs4{ max-width: 334px;margin-top: 30px;}
.SeoBox.b2box{ padding: 0px;}
/*大数据精准营销*/
.imgbd1box,.imgbd2box{ display: none;}
.imgbd1,.imgbd2{ display:inline-block; width: 90%;padding-left: 50px;}
.BigDateBox{ height: 260px;}
.BigDateText.bd1{ width: 70%; margin:20px auto;}
.BigDateText.bd2{ left: 420px;}
.BDright{ display: none;}
.BDflow li.BDicon{ width: 24%;}

.footer .colum:nth-child(even){ display:none;}


/*新媒体营销*/
.NewMkicons li{ width:31.33%;}
.hold-cont{ background-size:35%; height:350px;}
.hold-text{ font-size:14px; font-family: "宋体";}
.thisicon span{ -webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);}
.hold-r .thisicon span{ margin:0 0 0 20px;}
.thisicon span{ margin-right:15px;}

.namecd-text p{ font-size:14px;}
.namecd-text p br{ display:none;}
.namecd-cont{ background-size:35%; height:430px;}
.namecd-m{ width:410px; margin-left:-205px; height:87%;}
.namecd-l, .namecd-r{width:33%;}

.poster-m{-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);} 

.poster-l{ width:250px; top:50px;}
.poster-r{ top:60px; right:0;  width:250px;}
.poster-r .poster-text p{ font-size:14px;}

.rich-m .platform{ width:80%;}

/*banner*/
.swipe,.swipe-warp{ height: 200px;}
.banner .flexslider .slides a img{ background-size:170%!important; height:340px;}
.banner .flexslider{ height: 340px;}
.banner .downloadbtn{ top:275px; width:290px;}
.banner .downloadbtn a{ width:125px; line-height: 30px; height:30px; font-size:16px;}

/*注册页面*/
.RegisterInputbox{ width:60%; margin:20px 0 20px 12%}
.RegisterInputbox li{ width:100%; position: relative;}
.RegisterInputbox li span.userMessages{ position: absolute; top:0; left: 0;}
.RegisterInputbox li span .text_input, .RegisterInputbox li span select.service{ width:100%; margin:0;}
.RegisterInputbox li span select{ width:48%;}
.RegisterInputbox li span select:first-child{ margin-right:2%;}
.RegisterInputbox li>span:last-child{ width:100%; padding:0 0 0 100px;}
.RegisterInputbox li>span .verification{ display:block; width:100%; overflow: hidden; line-height: 26px;}
.btnRegister a{ width: 100%;}


/*更新日志*/
#history{ width: 768px;}
#content{ width: 768px;background:url(../images/vertical.png) no-repeat 148px 0px;}
.lileft{ width: 120px; }
.point{ left: 122px;}
.liright{ width: 616px;}
#circle{ left: 106px;}
.title .updatelog{padding-right:30px;}
.hisct{margin: 10px; }

}

/*-----------------------@media screen width(750px-640px) iphoen6 ------------------------------*/
@media screen and (max-width: 750px) {

/*首页*/
.advantage-cont li{ width:44%; margin:10px 3%;}

/*注册页面*/
.RegisterInputbox .verification{  display: block;}

/*banner*/
.swipe, .swipe-warp{ height:195px;}

.hold-l, .hold-r{ padding:10px;}
.poster-l{ width:250px; top:50px;}

.banner .flexslider .slides a img{ background-size:173%!important;}
}


/*-----------------------@media screen(640px-480px) iphone5s------------------------------*/
@media screen and (max-width: 640px) {

.newfunc-pic{ display:none;}
.newfunc-text{ width:80%; float: none; margin:90px auto 0;}
.newfunc-text:after{ top:0; left:50%;}

/*banner*/
.swipe,.swipe-warp{ height: 166px;}

/*响应640-登录页面*/
.Loginbanner.flexslider{display: none;}
.LoginBg{ background-image: none; background-color:#fff; width: 100%; height: 100%;top: 0px;right: 0; position: relative;}
.Loginbox{ width: 100%;border-radius:0px;-webkit-border-radius:0px; -moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;right: 0px;padding-bottom: 20px; }
.LoginInput{ width: 80%; margin-left: 10%}
.Loginbox .text_input{ width:100%;padding-left: 10%;}
.Loginbox .btnlogin{ width: 80%;margin: 20px 10% 0 10%;}
.Login a{ margin-right: 10%;}
.Loginbox .checkbox{ padding:0 10%;}
.Loginbox .verification{ margin-right: 10%;}
.Loginbox{ padding: 40px 0; position: relative; top:0; height:auto;}


  /*响应640-注册页面*/
.RegisterInputbox{ margin-left: 5%;}
.RegisterInputbox .verification{  display: block;}
.RegisterInputbox li span{ width:70%}
.RegisterInputbox .verification{ line-height: 24px;}
.Registerbox{ padding-top:30px;}
.Registerbox .Registerbg{ padding:0;}

  /*响应640-收录网站*/
.IndustryContainer li{ width: 50%;}
.IndustryContainer li a,.IndustryContainer li .IndustryTitle{ padding-left: 30px;} 
.IncludeContainer li{ width: 50%;}

/*五大核心*/
.core-tag a{ height:70px; margin-top:20px; padding-top:5px;}
.core-tag a i{ display:none;}
.core-tag a h4{ line-height: 20px;}
.core-tag a.hover{ height: 90px;}
.core-tag a.hover h4{ margin-top:-65px;}

/*大数据精准营销*/
.BigDateText.bd2{ left: 360px;}

.resource-cont li{ width:48%;}

.buy .buy-cont{ width:80%; }
.buy .core-cont{ margin:20px auto;}
.buy .core-cont li{ width:80%; margin:5px 10%; position: relative; background:url(../images/alphawhite.png) repeat; padding:10px 10px 15px; border-radius:5px;}
.buy .core-cont li a i{ float: left; position: absolute; top:15px; left: 20%; width:60px; height: 60px; line-height: 60px; font-size:30px;}
.buy .core-cont li a h4, .buy .core-cont li a span{ display:block; width:100%; padding-left:40%; text-align: left;}
.buy .core-cont li a h4{ line-height: 30px;}
.hold-cont{ height:300px;}
.hold-l, .hold-r{ padding:10px;}
.hold-r .thisicon span{ margin:0px 0px 0px 12px;}
.thisicon span{ margin-right:10px;}
.thisicon span:after{ display:none;}

.poster-r{ width:190px; top:40px;}
.poster-r p br{ display:none;}
.poster-l{ width:200px;}

/*banner*/
.banner .flexslider .slides a img{ height:290px;}
.banner .flexslider{ height: 290px;}
.banner .downloadbtn{ top:255px; width:290px; margin-left:-20px;}
.banner .downloadbtn a{ width:110px; font-size:14px;}
.banner .downloadbtn p{ display:none;}

/*弹窗*/
.open-wind .wind-cont{width:100%; height:100%; border-radius:0; margin-left:0; top:1px; left:0; }
.open-wind .wind-cont .wind-text{ height:-webkit-calc(100% - 180px); height:-moz-calc(100% - 180px); height:calc(100% - 180px); }

/*注册页面*/
.RegisterInputbox{ width:80%; margin:10px 10%;}


}


/*-----------------------@media screen(480px)------------------------------*/
@media screen and (max-width: 480px) {

/*首页*/
.topbar{ height:60px;}
.banner, .Registerbox, .Loginbanner, .core-head, .buy{margin-top:60px;}
.topbar .logo { height:40px; width:auto; margin:10px auto;}
.menubtn{ top:18px; right:10px; width:26px; height: 26px; }
.menubtn i{ margin:4px auto;}

.main{ padding:20px 0;}
.btitle{ font-size:24px;}
.core ul li.col2, .core ul li.col3{ width:90%; margin:10px 5%;}
.core ul li a{ padding:10px;}
.core ul li a i{ float: left; margin:10px 0 0 6%;}
.core ul li a h4{ width:60%; float: right; text-align: left; line-height: 40px;}
.core ul li a span{ width:60%; float: right; text-align: left;}

.advantage-cont li{ width:90%; margin:5px 5%; padding:0; }
.advantage-cont li span i{ margin-top:25px;}

.brief-cont{ padding:20px 15px 15px;}

.resource-cont li img{ width:90%;}

.footer .colum{ width:94%; margin:5px 3%;}

.buy .core-cont li a i{left: 15%;}

.footer .bottom br{ display:block;}

/*banner*/
.swipe,.swipe-warp{ height: 125px;}

/*注册登录*/
.Loginbox .text_input{ padding-left: 50px;}



/*商贸平台信息覆盖*/
.BusinessTitle.MessagesTitle{ font-size: 24px; line-height: 50px;}
.BusinessTitle.MessagesTitle h5{ font-size: 14px; line-height: 24px; font-family: "宋体"; margin:10px auto;}
/*超级商务网站*/
.BusinessTitle{font-size: 30px;line-height:40px;}
.BusinessTitle h5{ font-size: 14px; line-height: 24px; font-family: "宋体"; margin-top:10px; }
/*大数据精准营销*/
.BDflow li.BDicon{ width: 49%;}
.icon-accountdone:before,.icon-setting:before,.icon-website:before,.icon-respond:before{ }
.BigDateText.bd2{ width: 80%; left: 50px; bottom:40px;}
.BigDateBox.db2Box{ height: 400px;}
.BigDateText h5{ font-size:14px; margin-top:10px; font-family: "宋体";}
.BigDateBox{ height: 190px;}

/*新媒体营销*/
.NewMkicons li{ width:48%;}
.BDflow li{ font-size:14px;}

.hold-cont{ background-size:60%; background-position: top center;}
.hold-l, .hold-r{ width:90%; margin:10px auto; float:none;}
.hold-l{ padding-top:300px;}
.thisicon{ margin:0 auto; text-align: center;}
.thisicon span{ display:inline-block; float: none; margin:0 20px;}
.hold-r .thisicon span{ margin:0 20px;}
.hold-text p{ text-align: center; font-family: "宋体";}

.namecd-m span.po1, .namecd-m span.po2,.namecd-m span.po3,.namecd-m span.po4,.namecd-m span.po5,.namecd-m span.po6{
  bottom:0;}
.namecd-cont{ background-size:75%}
.namecd-m{ height: 105%}
.namecd-l .namecd-text{ margin:470px auto 10px; clear:both;}
.namecd-l, .namecd-r{ margin:10px auto; text-align: left; width:80%; float:none;}
.poster-m{-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
.poster-l{ display:none;}
.poster-cont{ height:500px;}
.poster-r{ width:80%; right:30px; top:390px;}
.rich-b h5 br{ display:none;}
.poster-r .poster-text p, .namecd-text p{ font-weight: normal; font-family: "宋体";}
.rich-b{ width:80%; float: none; margin:10px auto;}

.thisicon, .namecd-m{ display:none;}
.poster-m{ width:300px;}
.hold-cont{ background-size:90%;}
.namecd-cont{ background-size:95%; height:320px;}
.namecd-l .namecd-text{ margin:340px auto 10px;}
.poster-cont{ height: 570px;}
.hold-text p br{ display:none}
.hold-text{ margin:0 auto;}
.BigDateText.bd1{ width:80%; margin:0 auto;}


/*banner*/
.banner .flexslider .slides a img{ height:217px;}
.banner .flexslider{ height: 217px;}
.banner .downloadbtn{ display:none;}
.flex-direction-nav a{ -webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);}

/*注册页面*/
.RegisterInputbox{ width:80%; margin:10px 10%;}
.RegisterInputbox li{ width:100%; position: relative; margin:5px 0 0; line-height: 30px; }
.RegisterInputbox li span.userMessages{ position: relative; display:block; width: 100%; text-align: left;}
.RegisterInputbox li > span:last-child{ padding:0;}
.RegisterInputbox li.Registertip, .RegisterInputbox li.btnRegister,.Registerlogin{ padding:0;}


/*常见问题*/
.faq .faq-tag{ position: relative; width:100%;}
.faq .faq-tag a.hover{ width:100%;}
.faq .tabs_box{ padding:5px; border-top:10px solid #ddd;}
.solo-adv .advantage-cont li .ad-icon i{ font-size:40px;}


}

/*-----------------------@media screen(414px) iphone4s------------------------------*/
@media screen and (max-width: 414px) {
.banner .flexslider .slides a img{ height:188px;}
.banner .flexslider{ height: 188px;}
.banner .downloadbtn{ display:none;}

/*更新日志*/
#circle,#arrow,.point{ display:none;}
#content{background:none; width: 414px; height: auto !important;}
#history{ margin: 0px; width: 414px; height: auto;}
.lileft .date span{ display: block; line-height: 30px;}
.liright{ width: 336px;}
.lileft{ width: 70px;}
.list{ height: auto !important;}
.list li{ height: 270px;}
.list li:first-child{ margin-top: 0px !important;}


}

/*-----------------------@media screen(375px) iphone4s------------------------------*/
@media screen and (max-width: 375px) {
.banner .flexslider .slides a img{ height:171px;}
.banner .flexslider{ height: 171px;}
.banner .downloadbtn{ display:none;}

/*更新日志*/
#content,#history{width: 375px;}
.liright{ width: 296px;}
.list li{ height: 330px;}
.liright .histt a{ font-size: 20px; line-height: 36px;}


}

/*-----------------------@media screen(360px) iphone4s------------------------------*/
@media screen and (max-width: 360px) {
.banner .flexslider .slides a img{ height:163px;}
.banner .flexslider{ height: 163px;}
.banner .downloadbtn{ display:none;}

/*更新日志*/
#content,#history{width:360px;}
.liright{ width:286px;}


}
/*-----------------------@media screen(320px) iphone4s------------------------------*/
@media screen and (max-width: 320px) {

/*首页*/
.rheader .loginbtn span a{ width:50px; margin:5px 5px 0 0;}
.hidebtn{ right:10px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);}
.menubtn{ right:10px;}

.brief-cont{ padding:5px 0 0 10px;}
.comp-text, .news-text{ padding:0 15px; height:145px;}

.RegisterInputbox li span.agree{ width: 90%;}
.RegisterInputbox li span.userMessages{ width:100%; text-align: left;}
.RegisterInputbox li span{ width: 100%;}
.RegisterInputbox li.Registertip, .RegisterInputbox li.btnRegister{ margin-left: 0px;}
.RegisterTitle{ margin-top:10px; font-size:22px;}
.RegisterInputbox{ margin-top:0;}
.RegisterInputbox li{ margin-top:0;}

/*收录网站*/
.IndustryContainer li{ width: 100%;}
/*超级商务网站*/
.BusinessTitle{font-size: 22px;line-height:30px;}
.BusinessTitle h5{ font-size: 12px; line-height: 24px; font-family: "宋体";}
.b2text{ padding-left:20px;}
/*商贸平台信息覆盖*/
.BusinessBox img.imgm4{ width:80%;}
.BusinessTitle.MessagesTitle{padding: 0px;}
.MessagesBox.b2box{padding:10px}
/*大数据精准营销*/
.icon-accountdone:before,.icon-setting:before,.icon-website:before,.icon-respond:before{margin-left: 20px;}
.imgbd1, .imgbd2{ width: 99%; padding-left: 10px;}
.BigDateBox{ height: 160px;}
.BigDateText{ font-size: 20px;}
.BigDateText.bd2{ left: 30px;}
.BigDateText h5{ font-size: 12px; line-height: 20px; font-family: "宋体"; margin-top:10px;}
.BigDateBox.db2Box{ height: 334px;}

.buy-cont .price{ font-size:18px;}
.buy-cont .logintip a.btn{ padding:5px 30px;}
.buy .core-cont li a i{left: 10%;}
/*banner*/
.swipe,.swipe-warp{ height:120px;}

.banner .flexslider .slides a img{ height:145px;}
.banner .flexslider{ height: 145px;}
.banner .downloadbtn{ display:none;}

/*更新日志*/
#content,#history{width:320px;}
.liright{ width:240px;}
.liright .histt a{ font-size: 18px;}

}


.active .BigDateBox{-webkit-animation:tagwaggle 1s ease forwards;
-moz-animation:tagwaggle 1s ease forwards;
-ms-animation:tagwaggle 1s ease forwards;
-0-animation:tagwaggle 1s ease forwards;
animation:tagwaggle 1s ease forwards;}



.lanrenzhijia{ width:700px;margin:0 auto; }
.lanrenzhijia .tab{ overflow:hidden; width: 430px; margin-top:40px;margin-bottom: 30px;}
.lanrenzhijia .tab a{   text-align: center; display: block; float: left; border: 1px solid #186DBF; border-radius: 3px; width: 100px; line-height: 22px; margin:0 2px;}
.lanrenzhijia .tab a:hover{  color:black; text-decoration:none;}
.lanrenzhijia .tab a.on{  color:black; text-decoration:none; background: #186DBF; color: white }
.lanrenzhijia .content{ overflow:hidden; width:700px;  position:relative; margin-top: 8px; height: 300px;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0;}
.lanrenzhijia .content li{ width:700px;  float:left;  height: 300px; position: relative;}