@charset "utf-8";
@font-face {
  font-family: 'HanHei-SC';
  font-style: normal;
  src: url(../fonts/HanHei-SC-thin.woff) format("woff");  

}
@font-face{
font-family:'bebasregular';
src:url(../fonts/bebas-webfont.woff2)format('woff2'),
	url(../fonts/bebas-webfont.woff) format('woff');
font-style:normal;
font-weight:normal
}

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

.iconfont {
          font-family:"iconfont" !important;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

.yutelblock
{ display:none;}

.clear
{ height:0px; clear:both; }
.text_overflow /*限制文字,文字超出显示冒号*/
{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}



/*qq浮动qq*/
.float_qq
{ right:0px;  z-index: 999;}
.float_qq ul
{ margin:0; padding:0;}
.float_qq ul li{width: 48px;height: 48px;list-style:none;background:#f8f8f8;border-radius: 5px;margin-top: 5px;position: relative;text-align: center;}
.float_qq ul li a{text-decoration: none;color: #848484}
.float_qq ul li p{color: #848484;width: 100%;height: 100%;line-height: 18px;padding-top: 5px;opacity:0;transition: all 0.3s ease}
.float_qq ul li:nth-child(1){background: url("../imges/fd1.png") #0a84c9 no-repeat center}
.float_qq ul li:nth-child(2){background: url("../imges/fd2.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(3){background: url("../imges/fd3.png") #f8f8f8 no-repeat center}
.float_qq ul li:nth-child(1):hover{background: #0a84c9;}
.float_qq ul li:nth-child(1) a{color: #fff}
.float_qq ul li:nth-child(1) p{color: #fff}
.float_qq ul li:hover p{opacity: 1;transition: all 0.3s ease}
.float_qq ul li:hover{background:#f8f8f8;}
.float_qq ul li:nth-child(4){padding-top: 10px;box-sizing: border-box}
.float_qq ul li i{display: block;background: url("../imges/fd4.png") no-repeat center;width: 22px;height: 13px;margin: 0 auto;}
.float_qq ul li:nth-child(4):hover i{background: url("../imges/fd4h.png") no-repeat center}
.float_qq ul li:nth-child(4):hover{background:#0a84c9!important;}
.float_qq ul li:nth-child(4):hover span{color: #fff}
.float_qq ul li .fdtel{position: absolute;top: -25px;right: 67px;width: 260px;background-color: #fff;border: 1px solid #ccc;border-top: 4px solid #0a84c9;
    padding: 15px 20px 5px;text-align: left;display: none;line-height: 1.8}
.float_qq ul li .fdtel label{display: block;width: 13px;height: 60px;background: url(../imges/arrow.png) no-repeat;position: absolute;right: -13px;top: 26px;}
.float_qq ul li .fdtel b{font-size: 22px;color: #0a84c9}
.float_qq ul li .fdtel p{color: #aaa;opacity: 1;margin-bottom: 0;padding-top: 0}
.float_qq ul li dd{float: left;margin-top: 8px}
.float_qq ul li dl{float: right}
.float_qq ul li:nth-child(2):hover .fdtel{display: block}
.float_qq ul li .fdewm{position: absolute;top: -45px;right: 40px;width: 160px;text-align: left;line-height: 1.8;display: none;}
.float_qq ul li:nth-child(3):hover .fdewm{display: block}

/*.float_qq ul li
{ height:72px; padding:0 4px; cursor:pointer; position:relative; z-index:55; list-style:none;}
.float_qq ul li i
{ width:100%; height:46px; display:block; background-repeat:no-repeat; background-position:center center; }
.float_qq ul li p
{ line-height:1; height:25px; border-bottom:1px solid #ddd; text-align:center; font-size:12px;  font-family:"SimSun","宋体","Microsoft YaHei","微软雅黑",sans-serif; color:#0a84c9;}
.float_qq ul .li5 p,.float_qq ul .li4a p
{ border-bottom:none;}
.float_qq ul .li5
{ display:none;}*/

/*.float_qq ul li.onli p
{ color:#fff; border-bottom:none;}*/

.float_qq ul .li1 i
{ background-image:url(../imges/fdqq1a.png);}
.float_qq ul .li1.onli i
{ background-image:url(../imges/fdqq1.png);}
.float_qq ul .li2 i
{ background-image:url(../imges/fdqq2a.png);}
.float_qq ul .li2.onli i
{ background-image:url(../imges/fdqq2.png);}
.float_qq ul .li3 i
{ background-image:url(../imges/fdqq3a.png);}
.float_qq ul .li3.onli i
{ background-image:url(../imges/fdqq3.png);}
.float_qq ul .li4 i
{ background-image:url(../imges/fdqq4a.png);}
.float_qq ul .li4.onli i
{ background-image:url(../imges/fdqq4.png);}
.float_qq ul .li5 i
{ background-image:url(../imges/fdqq5a.png);}
.float_qq ul .li5.onli i
{ background-image:url(../imges/fdqq5.png);}

.float_qq .li4
{ position:relative;}
.float_qq .qq_wxA 
{ width: 142px; height: 144px; padding-right:5px;	position: absolute; right: 88px; top: -38px; z-index: 30; display:none;}
 .qq_slideA 
{ width:88px; height:72px;  background:#0a84c9; position:absolute; left:0px; top:0px; z-index:20; }
/*qq浮动qq——end*/

/*手机底部*/
.footY1
{ height:70px; display:none;}
.footY
{width:100%; height:70px;  line-height:20px; overflow:hidden; margin:0 auto; font-size:14px; text-align:center; background:#00c2de; position:fixed; bottom:0px; z-index:9999;  display:none;}
.footY ul
{ margin:0; padding:0;}
.footY ul li
{ width:33.3%; float:left; text-align:center; margin:10px  0; list-style:none; padding:0;}
.footY ul li img
{ width:20%;display:inline; text-align:center}
.footY ul li span
{ display:block;}
.footY ul li a
{ display:block; color:#FFF;}


header,nav .carousel-inner-fdc{height:640px}

header::before{ height:100%;}
header{ background:#00C1DE; overflow:hidden; }
header::before{content:"";  display: table; 
background:url(../imges/index-banner.png) no-repeat fixed 0px 0px/cover; 
opacity:0.5; filter:"alpha(opacity=5)";  -ms-filter:"alpha(opacity=5)";
width:100%; height:100%;
transition: all 4s 0.5s; -moz-transition: all 4s 0.5s; -ms-transition: all 4s 0.5s; -o-transition: all 4s 0.5s; -webkit-transition: all 4s 0.5s;
transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); -webkit-transform: scale(1,1);

}
.headM.yon::before{
transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -o-transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03);
}

.aboutbanner{ background:#009FD9; text-align:center; overflow:hidden;}
.aboutbanner::before
{ background-image:url(../imges/about-banner.png); }

.casebanner{ background:#FC920E;}
.casebanner::before
{ background-image:url(../imges/banner02.jpg);}

.seobanner{ background:#1AA491;}
.seobanner::before
{ background-image:url(../imges/seo-banner1.png);}

.mobilebanner{ background:#5EA9EE;}
.mobilebanner::before
{ background-image:url(../imges/mobile-banner.png);}

.h5banner{ background:#01E188;}
.h5banner::before
{ background-image:url(../imges/h5-banner.png);
opacity:0.6; filter:"alpha(opacity=6)"; -ms-filter:"alpha(opacity=6)"; }

.dzwzbanner{ background:#0A7BB6;}
.dzwzbanner::before
{ background-image:url(../imges/dz-banner.png); }

.shopbanner{ background:#000000;}
.shopbanner::before
{ background-image:url(../imges/seo-banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)"; }

.idcbanner{ background:#000000;}
.idcbanner::before
{ background-image:url(../imges/idc.jpg);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)"; }

/*================================口碑======================*/
.koubeibanner{ background:#5EA9EE;}
.koubeibanner::before
{ background-image:url(../nimg/koubei/koubei-banner_01.png);}
/*================================ 品牌======================*/
.pinpaibanner{ background:#517bfc;}
.pinpaibanner::before
{ background-image:url(../nimg/pinpai/pinpai_banner.png);
opacity:1; filter:"alpha(opacity=10)"; -ms-filter:"alpha(opacity=10)";}

/*================================ 企业======================*/
.qiyebanner{ background:#4f98ff;}
.qiyebanner::before
{ background-image:url(../nimg/qiye/qiye_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 全网======================*/
.quanwangbanner{ background:#006836;}
.quanwangbanner::before
{ background-image:url(../nimg/quanwang/quanwang_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 搜索======================*/
.sosuobanner{ background:#eb5a35;}
.sosuobanner::before
{ background-image:url(../nimg/sosuo/sosuo_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 外贸======================*/
.waimaobanner{ background:#005021;}
.waimaobanner::before
{ background-image:url(../nimg/waimao/waimao_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 运营======================*/
.yunyingbanner{ background:#106271;}
.yunyingbanner::before
{ background-image:url(../nimg/yunying/yunying_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 公关======================*/
.gongguanbanner{ background:#34142f;}
.gongguanbanner::before
{ background-image:url(../nimg/gongguan/gongguan_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 响应式======================*/
.xiangyingshibanner{ background:#00516b;}
.xiangyingshibanner::before
{ background-image:url(../nimg/xiangyingshi/xiangyingshi_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 营销网站======================*/
.yingxiaobanner{ background:#5b2500;}
.yingxiaobanner::before
{ background-image:url(../nimg/yingxiao/yingxiao_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}

/*================================ 舆情网站======================*/
.yuqingbanner{ background:#0f123c;}
.yuqingbanner::before
{ background-image:url(../nimg/yuqing/yuqing_banner.png);
opacity:0.8; filter:"alpha(opacity=8)"; -ms-filter:"alpha(opacity=8)";}


nav .carousel-inner-fdc{position: absolute;top:0px;}
nav .carousel-inner-fdc>.topbg::before{content:"";  display: table; background:#00C2DE;
opacity:0.6; filter:"alpha(opacity=6)"; -ms-filter:"alpha(opacity=6)"; width:100%; position: relative;}
nav .carousel-inner-fdc>.topbgabout::before{background:#047FBB;opacity:0.5;
filter:"alpha(opacity=5)";
-ms-filter:"alpha(opacity=5)";}

nav .carousel-inner-fdc>.topbgh5::before{background:#01E188;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}

nav .carousel-inner-fdc>.topbgcase::before{background:#FC920E;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}

nav .carousel-inner-fdc>.topbgcasexx::before{background:#000000;opacity:0.6;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}

nav .carousel-inner-fdc>.topbgdzwz::before{background:#0879B6;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}
nav .carousel-inner-fdc>.topbgseo::before{background:#1AA491;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}


nav .carousel-inner-fdc>.topbgmobile::before{background:#5EA9EE;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}

nav .carousel-inner-fdc>.topbgshop::before{background:#000000;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}


nav .carousel-inner-fdc>.topbgidc::before{background:#214656;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgkoubei::before{background:#5EA9EE;opacity:0.8;
filter:"alpha(opacity=8)";
-ms-filter:"alpha(opacity=8)";}

nav .carousel-inner-fdc>.topbgpinpai::before{background:#517bfc;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgqiye::before{background:#4f98ff;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgquanwang::before{background:#00aa58;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgsosuo::before{background:#eb5a35;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgwaimao::before{background:#0ab451;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgyunying::before{background:#10bddc;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbggongguan::before{background:#a23e92;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgxiangyingshi::before{background:#00b2ea;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgyingxiao::before{background:#ff6800;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}

nav .carousel-inner-fdc>.topbgyuqing::before{background:#222a8c;opacity:0.6;
filter:"alpha(opacity=6)";
-ms-filter:"alpha(opacity=6)";}


nav .carousel-inner-fdc>.topbg::before,nav .carousel-inner-fdc .topbg .topnav,nav .carousel-inner-fdc .logo,nav .carousel-inner-fdc>.topbg::before{height:80px; line-height:80px}
nav .carousel-inner-fdc .topbg .topnav{position: absolute;top:0px;}
nav .carousel-inner-fdc .logo{ width:30%; float:left; text-align:left}
nav .carousel-inner-fdc .topcd{ width:70%; float:right; }
nav .carousel-inner-fdc .topcd ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -webkit-box;
    -webkit-box-pack: justify; /* justify-content */
}
nav .carousel-inner-fdc .topcd ul li
{list-style: none;line-height:80px; color:#FFFFFF; font-size:16px;/*width: 12.5%;text-align: right*/}
nav .carousel-inner-fdc .topcd_new ul li{width: 16.5%;}
nav .carousel-inner-fdc .topcd a{ color:#FFFFFF}
nav .carousel-inner-fdc .ss{ display:none; line-height:80px; font-size:16px; color:#FFFFFF; text-align:right;  float:right;}


nav .carousel-inner
{ overflow: inherit;}
nav .carousel-inner-fdc .topbg
{ position:fixed; z-index:100; top:0;}


/*banner*/
nav  .carousel-inner-fdc .banner{color: #FFFFFF; line-height:180%; font-size:34px;font-family: 'HanHei-SC'; position:relative;}

nav .carousel-inner-fdc .banner h1{ font-size:74px;font-family: 'HanHei-SC';}
nav  .carousel-inner-fdc .banner strong{ color:#FFFF00; font-size:46px;font-family: 'HanHei-SC';}
nav .carousel-inner-fdc .banner span{ color: #FFFF00;font-family: 'HanHei-SC';}
nav .carousel-inner-fdc .banner .pzx{ font-size:20px;font-family: 'HanHei-SC';}
nav .carousel-inner-fdc .banner .idclr{ font-size:16px;font-family: 'HanHei-SC'; line-height:180%;padding-right:40%}

nav .carousel-inner-fdc .banner i{padding-left:30px}
nav .carousel-inner-fdc .banner .pzx .pdw{padding-left:0px}
.footjz{ background:#00C1DE; color:#FFFFFF; font-size:16px; line-height:80px}
.footjz i{ font-size:30px; padding-left:30px}
.footjz .zbw{ padding-left:0px}
.footjz button{ margin-left:110px;border-radius:50px;font-family: 'HanHei-SC'; background:#00C1DE; color:#FFFFFF; border:1px solid #FFFFFF;padding:10px 30px} 
.footjz .btn-xs{ display:none}
.bqsy{background:#212929; padding:20px 0px 20px; color:#FFFFFF;}

.bqsy h4{font-size:40px;font-family: 'bebasregular';}
.bqsy .lxfs{float:left; width:70%}
.bqsy .lxfs .btn1{ display:none;}
.bqsy a{ margin-right:20px; }
.bqsy p{ clear:both}
.bqsy .dz{padding:10px 0px}
.bqsy .dz a{ color:#fff;margin-right: 4px}
.bqsy address{padding:20px 0px; display: inline}
.bqsy .bzdh{ float:right; width:24%; background:url(../imges/bottom.gif) no-repeat right 12px; height:130px; text-align:left;padding-top:20px}
.bqsy .bzdh p{font-size:14px; line-height:220%;padding-left:8px; padding-top:10px}
.headM2
{ height:80px; background:#202020;}
.headM2:before
{ background:none;}
.headM2 nav .carousel-inner-fdc .topbg
{ position:static; background:#202020;} 
.headM2 nav .carousel-inner-fdc > .topbg::before 
{ background:none;}

/*底部链接*/
.linkbg{ background:#F4F4F4; padding:30px 0px; line-height:30px}
.linkbg a{color: #333333;}


@media (max-width: 991px){

/*菜单改为下拉*/
nav .carousel-inner-fdc .topcd
{ width:100%; padding:15px 0; background:#0879b6; overflow:hidden; position:absolute; top:80px; left:0px; z-index:8000;}
nav .carousel-inner-fdc .topcd ul
{ padding:0; margin:0; display:block; }
nav .carousel-inner-fdc .topcd ul li
{ width:50%!important; padding:0 5% 10px; box-sizing:border-box; float:left; list-style:none;}
nav .carousel-inner-fdc .topcd li a
{ height:30px; line-height:30px; display:block; font-size:14px; color:#fff; text-align:center; border:1px solid #fff; text-decoration:none; }


/*下拉背景*/
.fdnav_index
{ background:#00C2DE !important;}
.fdnav_about
{ background:#047fbb !important;}
.fdnav_case
{ background:#fc920e !important;}
.fdnav_case1
{ background:#000000 !important;}
.fdnav_h5
{ background:#01e188 !important;}
.fdnav_mobile
{ background:#5ea9ee !important;}
.fdnav_seo
{ background:#1aa491 !important;}
.fdnav_shop
{ background:#000000 !important;}
.fdnav_wangzhandingzhi
{ background:#0879b6 !important;}
}


/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width: 300px) and (max-width: 766px){
.yutelnone
{ display:none;}
.yutelblock
{ display:block;}

header,nav .carousel-inner-fdc{height:440px; }
nav .carousel-inner-fdc .topcd,.footjz,.bqsy .nonea,.bqsy span,.bqsy .bzdh{ display:none}
nav .carousel-inner-fdc .ss{ display: block;}

nav .carousel-inner-fdc .banner{ font-size:18px;}
nav .carousel-inner-fdc .banner h1{ font-size:22px;}
nav .carousel-inner-fdc .banner strong{  font-size:32px;}

.bqsy h4 a{ font-size:22px; color:#fff;}
.bqsy a{margin-right:10px; font-size:12px}
.bqsy{ padding:20px 0px 60px;}
.bqsy .lxfs{float:left; width:100%}
.bqsy .lxfs .btn{ display:none;}
.bqsy .lxfs .btn1{ display: inline-block;}
.bqsy .dz{ font-size:12px}


.bqsy address{ padding:0px 0px; display:block}


/*浮动qq*/
.float_qq
{ display:none;}

/*手机底部*/
.footY,.footY1
{ display:block;}


nav .carousel-inner-fdc .banner .idclr{ font-size:14px;padding-right:0%}

nav .carousel-inner-fdc .banner i:nth-child(1){padding-left: 0}

}



/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){

nav .carousel-inner-fdc .topcd,.footjz .btn-lg,.bqsy .nonea,.bqsy span{ display:none}
nav .carousel-inner-fdc .ss{ display: block;}

nav .carousel-inner-fdc .banner{ font-size:20px;}
nav .carousel-inner-fdc .banner h1{ font-size:36px;}
nav .carousel-inner-fdc .banner strong{  font-size:32px;}

.footjz{font-size:12px; line-height:50px}
.footjz i{ font-size:20px; padding-left:8px}
.footjz button{ margin-left:50px} 
.footjz .btn-xs{ display: inline-block}
.bqsy .lxfs{float:left; width:100%}
.bqsy h4{ font-size:30px}

.bqsy address{ padding:0px 0px; display:block}
.bqsy .lxfs{float:left; width:60%}
.bqsy .bzdh{ float:right; width:40%}
.bqsy .dz{ font-size:12px}
nav .carousel-inner-fdc .banner .idclr{ font-size:14px;padding-right:20%}

}


/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){
	
nav .carousel-inner-fdc .banner{ font-size:22px;}
nav .carousel-inner-fdc .banner h1{ font-size:54px;}
nav .carousel-inner-fdc .banner strong{  font-size:46px;}
	
.bqsy .nonea,.bqsy span{ display:none}
.footjz i{ font-size:20px; padding-left:10px}
.footjz button{ margin-left:0px} 

nav .carousel-inner-fdc .topcd ul li
{ width:auto; padding:0 5px;}
nav .carousel-inner-fdc .topcd_new ul li{padding:0 3px;}
.bqsy .lxfs{float:left; width:70%}
.bqsy .bzdh{ float:right; width:30%}


}