
@font-face {font-family: "iconfont2";
  src: url('icon2/iconfont.eot?t=1478599173240'); /* IE9*/
  src: url('icon2/iconfont.eot?t=1478599173240#iefix') format('embedded-opentype'),
  url('icon2/iconfont.woff?t=1478599173240') format('woff'), 
  url('icon2/iconfont.ttf?t=1478599173240') format('truetype'), 
  url('icon2/iconfont.svg?t=1478599173240#iconfont') format('svg');
}
.tabs_box .mainBox{padding:60px 0;}
.iconfont2 {
  font-family:"iconfont2" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -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-close-btn:before { content: "\e62e"; }
.icon-weixin:before { content: "\e61d"; }
.icon-shouji:before { content: "\e61e"; }
.icon-mima:before { content: "\e607"; }
.icon-shouji1:before { content: "\e631"; }
.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-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-airs:before { content: "\e623"; }
.icon-pc:before { content: "\e632"; }

/*五大核心页面*/
.bgsky{ width:100%; height: auto; background:url(http://www.258weishi.com/Public/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 .mainBox{ 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);}
}
.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;
    &:after {content: "";width: 50px;height: 2px;background: #186dbf;position: absolute;bottom: 0;left: 50%;margin-left: -25px;}
}
.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;}
/*五大核心-超级商务网站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(http://www.258weishi.com/Public/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(http://www.258weishi.com/Public/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(http://www.258weishi.com/Public/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(http://www.258weishi.com/Public/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%;}
/*投放流程*/
.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;}





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

/*首页*/
.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%; }
.tabs_box .mainBox{padding:40px 0;}

/*注册页面*/
.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%; }
.guanwangCase .Case_title {width:100%;}
.guanwangCase .Case-title-list li {width:126px;}
.guanwangCase .Case-title-list p {width:126px;}
.product-wrap .product li {width:30.6%;}
}


/*-----------------------@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%;}
.jrjg ul li a .img_rq {height: auto; padding-bottom: 2%;}

.guanwangCase .Case_title {width:100%;}
.product-wrap .product li {width:46%;}

/*首页导航*/

.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%;}
.tabs_box .mainBox{padding:20px 0;}
/*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%;}

/*新闻页面*/
.news_fenlei {margin:0 3%;}
.nei_news .news_line .news_left {width:94%;float: none; margin:0 3% 3%;}
.page {margin:0 3%;}

/*收录网站页面*/
.jrjg_list {padding:3% 0 0;}
.jrjg_list ul li {width: 44%; margin:0 0 20px 4%;}
.jrjg ul li a h1 {padding:0 8px;}
}


/*-----------------------@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;}
.jrjg ul li { min-height: 180px; margin-bottom:5px;}

}

/*-----------------------@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;}

/*新闻中心*/
.nei_news .news_line .news_left { padding: 15px; } 
.nei_news .news_line .news_cont .news_wz { line-height: 19px; height: 40px; }

.jrjg ul li {min-height: 150px;}

}


.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;}







/*-----------------------@media screen(450px) iphone6s------------------------------*/
@media screen and (max-width: 450px) {
.product-wrap {width:100%;}
.guanwangCase .Case_title {width: 100%;}
.product-wrap .product li {width: 90%;margin-left:5%;}
.product {height: auto;}
.guanwangCase .Case-title-list { width: 100%; }
.guanwangCase .Case-title-list span.flagDown {display: block; width: 100%;height:inherit;position: relative;top:0; left: 0; z-index: 99;height: 42px; transform: translateY(-6px);}
.guanwangCase .Case-title-list span.flagDown em {position: relative; top:2px;left:65%; display: inline-block; transition:all .4s ease; -webkit-transition:all .4s ease; transform: rotate(-180deg) scale(.7);-webkit-transform: rotate(-180deg) scale(.7);}
.guanwangCase .Case-title-list span.flagDown em.down {transform: rotate(0deg) scale(.7) translateY(-8px);-webkit-transform: rotate(0deg) scale(.7) translateY(-8px);}
.guanwangCase .Case-title-list span.flagDown i { transform: rotate(-45deg) translateY(2px);-webkit-transform: rotate(-45deg) translateY(2px);
  color:#fff; display: inline-block; width: 18px; height: 2px; background: #fff;}
.guanwangCase .Case-title-list span.flagDown i:last-child {transform: rotate(45deg) translateY(2px);-webkit-transform: rotate(45deg) translateY(2px);    position: relative;left: -3px; }
.guanwangCase .Case-title-list li {width: auto; padding: 0 16px 0;  display: none; line-height: 35px; background:#3599df;width: 100%;color: #fff;border-radius:35px; margin-bottom: 5px; box-shadow: 0 0 4px rgba(0,0,0,.3);}
.guanwangCase .Case-title-list li:first-child {margin-top:0;}
.guanwangCase .Case-title-list li.on {color: #3599df;position: absolute;top: 0;left: 0;background:#3599df;width: 100%;color: #fff;padding-top: 0; display: block; border-radius:35px;}
.guanwangCase .Case-title-list p {display: none;}
.search-max-440px-mar {margin-top:25px;}
.pages a {margin: 0 5px 8px}
.guanwangCase .readmore { background:#3599df; border-radius:28px; padding:7px 0; color:#fff; text-align: center;}
.guanwangCase .readmore:hover {color:#fff;}


}