@charset "utf-8";

@font-face {
  font-family: 'HanHei-SC';
  font-style: normal;
  src: url(/skin/images/HanHei-SC-thin.woff) format("woff");  

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

@font-face {font-family: "iconfont";
          src: url('/skin/images/iconfont.eot'); /* IE9*/
          src: url('/skin/images/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/skin/images/iconfont.woff') format('woff'), /* chrome, firefox */
          url('/skin/images/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('/skin/images/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
{ width:88px; border:1px solid #0a84c9; background:#fff; right:0px;  z-index: 999;}
.float_qq ul
{ margin:0; padding:0;}
.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)"; }

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>.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 li
{ width:12.5%;text-align:center; float:left;list-style: none; margin: 0px; padding: 0px;line-height:80px; color:#FFFFFF; font-size:16px}
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:0px;}
.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%; 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%}

}



/*平板小屏幕样式 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;}

.bqsy .lxfs{float:left; width:70%}
.bqsy .bzdh{ float:right; width:30%}


}