body {
  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000000;
  padding-top: 100px;
}

.navbar-inverse {
    background-color: #f7f7f7;
    border-color: #5f5d5d;
}

.navbar {
    position: relative;
    min-height: 100px;
    margin-bottom: 0px;
    border-bottom: 1px solid #bebcbc;
}

.navbar-brand {
   margin-top:10px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
    line-height: 80px;
}

.nav {
    padding-left: 20px;
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFF;
	background-color:#ba292e;
}

.navbar-nav a {
    color: #5f5d5d;
}



.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 28px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color:#000000;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar {position: fixed; top:0px;}

/*关于我们*/
.kuanping {
   width:100%;
   padding-right: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   }
   
.juzhong {
   margin:0 auto;
   }
.tp {
   margin-top:20px;
   }

.gsnr {
   line-height:25px;
   }
.gsnr h2 {
   font-size:36px;
   font-weight:bold;
   font-family:Microsoft YaHei;
   margin-bottom:20px;
   }
.kq1 {-webkit-animation-delay: 1s;}
.kq2 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;}
.kq3 {-webkit-animation-delay: 3s; -webkit-animation-duration: 3s;}   
.bnav {
    position:relative;
    top: 0px;
    left: 0px;
    z-index: 99;
	font-size:36px;
	font-family:Microsoft YaHei;
}

.bn00 {
    position: absolute;
    width:20%;
	left:43%;
	margin-top:7%;
}

.bn01 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:20%;
}

.bn02 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:45%;
}

.bn03 {
    position: absolute;
    width:20%;
	left:43%;
	margin-top:57%;
}

.bn04 {
    position: absolute;
    width:20%;
	left:20%;
	margin-top:45%;
}

.bn05 {
    position: absolute;
    width:20%;
	left:20%;
	margin-top:20%;
}

.youshi {
   padding:20px;
   line-height:27px;
   font-size:16px;
   color:#FFFFFF;
   margin-top:20px;
   }
   
.ysbj6 {
  background-color:#ff4074;
  }
.ysbj1 {
  background-color:#408eff;
  }
.ysbj2 {
  background-color:#40c855;
  }
.ysbj3 {
  background-color:#d77319;
  }
.ysbj4 {
  background-color:#b811dc;
  }
.ysbj5 {
  background-color:#000000;
  }
   
   
.shoutu {
   margin-top:50px;
   }
   
/* 切换图 */

#slidingy {
    width:100%;
}

#slidingy span {
    float:left; width:100%; font-weight:bold; text-align:center; over-flow:hidden;
}
#slidingy span.menuNo {
    font-weight:normal; color:#000000; text-align:center;
}
#slidingy span.menuOn {
    font-weight:normal; color:#0087EB; text-align:center; background:url(../images/huan.jpg) center; background-repeat:no-repeat;
}
#slidingy DIV.slidingList_none {
    display:none
}
#slidingy DIV.slidingList {
    margin:0px; padding:0px; height:auto; overflow:hidden;
}



#slidingk {
    width:100%;
}

#slidingk span {
    float:left; width:100%; height:32px;line-height:32px; font-weight:bold; text-align:center; font-size:14px; over-flow:hidden;
}
#slidingk span.menuNo {
    font-weight:normal; width:90%; height:32px; line-height:32px; color:#000000; border:1px solid #000000; text-align:center;
}
#slidingk span.menuOn {
    font-weight:normal; width:90%; height:32px; line-height:32px; color:#ffffff; text-align:center; background-color:#000000;
}
#slidingk span.menuOn a { color:#ffffff;}

#slidingk DIV.slidingList_none {
    display:none
}
#slidingk DIV.slidingList {
    margin:0px; padding:10px; height:auto; overflow:hidden;
}


.tiaotu {
   width:100%;
   height:auto; overflow:hidden;
   font-size:16px;
   padding-top:10px; padding-bottom:10px;
   color:#FFFFFF;
   background:url(../images/tiaobj.jpg);
   }
.dazi {
  font-size:25px;
  }
.dahong {
   color:#d6080a;}
   
.liuyan {
   width:100%;
   height:auto; overflow:hidden;
   }
.kongxi {
   padding-top:30px;
   padding-bottom:30px;
   } 
.form-control {
    height: 30px;
	}
	
.btn-primary {
    width: 100%;
    height: 40px;
    color: #FFF;
    background-color: #2a2a2a;
    border-color: #000000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #000000;
    border-color: #000000;
	}
	
.bd {
   border:1px solid #e6e6e6;
   }
   
#slidingBlock {
    width:100%;
}

#slidingBlock span {
    float:left; width:100%; height:32px;line-height:32px; font-weight:bold; text-align:center; font-size:14px; over-flow:hidden;
}
#slidingBlock span.menuNo {
    font-weight:normal; width:90%; height:32px; line-height:32px; color:#000000; border:1px solid #000000; text-align:center;
}
#slidingBlock span.menuOn {
    font-weight:normal; width:90%; height:32px; line-height:32px; color:#ffffff; text-align:center; background-color:#000000;
}
#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
    margin:0px; padding:0px; height:auto; overflow:hidden;
}

.lxwm-lan {
   height:32px;
   }
.lxwm-lan li {
   width:25%;
   float:left;
   list-style-type:none;
   }
   
.kktt {
   padding-top:15px;
   padding-bottom:15px;
   }
   

   
#slidingBlock DIV.slidingList {
    margin: 0px;
    padding: 10px;
    height: auto;
    overflow: hidden;
}


.bottom {
   width:100%;
   height:auto; overflow:hidden;
   background:url(../images/anbj.jpg);
   }
   
.foot {
   width:80%;
   height:auto; overflow:hidden;
   color:#FFFFFF;
   padding:20px;
   margin:0 auto;
   }
.foot a {
   color:#FFFFFF;
   }
   
.foot h1 {
   font-size:16px;
   font-weight:bold;
   margin-top:0px;
   }
   
.tanchu {
    box-sizing: none;
}

/*服务范围*/

.juzhongx {
   text-align:center;}
.fuwubt {
    font-size:30px;
	font-weight:bold;
}
.fubiaoti {
    font-size:18px;
	}
.hongzi {
   color:#f0000b;
   }
   
.fwfw {
   padding:15px;
   }
.fw-zuo {
   width:20%;
   float:left;
   }
.fw-you {
   width:80%;
   float:right;
   }
.fw-you h2 {
   font-size:20px;
   margin-top:0px;
   font-weight:bold;
   font-family: Microsoft YaHei;
   }
.kkt {
   padding-top:15px; padding-bottom:15px;
   height:auto; overflow:hidden;
   }  
.kkt:hover {
   background-color:#eeeeee;
   }
.kkt a {
   color:#000000;}
.kkt a:hover {
   color:#ff0000;}
   
/*网站设计建设*/

.sjkuan {
   width:1245px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
.kuo {
   padding-left:15px; padding-right:15px;}
.fenlan {
   padding-top:35px; padding-bottom:35px;
   }

.dnk {
   font-size:30px;
   line-height:50px;
   font-weight:bold;
   }
.hongt { color:#FF0000;}

.kpq { height:125px;}
.xxb {
   font-size:14px;
   font-weight:bold;
   padding:10px;
   color:#FFFFFF;
   margin-top:0px;
   border-radius: 5px;
   }
.xxb-1 { background-color:#ab1c4c;}
.xxb-2 { background-color:#1362b9;}
.xxb-3 { background-color:#619535;}
.xxb-4 { background-color:#d3870b;}
   
.fenlan li {
   width:30.3%;
   float:left;
   list-style-type:none;
   margin-right:3%;
   margin-top:10px;
   }
.fenlan li.on a {
    color: #FFF;
    background-color: #3a647a;
   }
   
.fenlan li a {
    display: block;
    height: 40px;
    line-height: 40px;
	text-align:center;
    text-decoration: none;
	border:1px solid #cccccc;
}

.fenlan li a:hover {
    color: #FFF;
    background-color: #3a647a;
   }
   
.ti {
   padding-left:15px; padding-right:15px;
   margin-bottom:20px;
   }
.ti h2 {
   font-size:24px;
   font-weight:bold;
   margin-top:0px;
   font-family: Microsoft YaHei;
   }
.xiahua {
   border-bottom:5px solid #f2f2f2;
   padding-top:20px;
   padding-bottom:20px;
   }
   
.sousuolan {
   width:60%;
   height:50px;
   text-align:center;
   color:#FFFFFF;
   font-size:24px;
   background-color:#000000;
   border:5px solid #c7c7c7;
   border-radius: 15px;
   padding-left:15px; padding-right:15px;
   margin:auto; overflow:hidden;
   margin-bottom:20px;
   }
   

   
.whtiao h2 {
   font-size:30px;
   color:#264256;
   font-weight:bold;
   font-family: Microsoft YaHei;
   margin-top:0px;
   margin-bottom:20px;
   }
   
.whtiao li{
   height:40px;
   line-height:40px;
   border-radius: 15px;
   padding-left:20px;
   background-color:#264256;
   list-style-type:none;
   margin-top:10px;
   color:#ffffff;
   }
   
.xybt-h {
   font-size:50px;
   font-weight:bold;
   color:#e90505;
   }
.xybt {
   font-size:16px;
   text-align:center;
   }
   
.xysj h2 {
   font-size:22px;
   color:#e90505;
   font-family: Microsoft YaHei;
   margin-top:0px;
   margin-bottom:20px;
   }
   
   
.xiangying {
   padding-top:60px; padding-bottom:60px;
   background-color:#1b1b27;
   margin-top:20px;
   color:#FFFFFF;
   }
   
.xiangying h2 {
   font-size:36px;
   font-weight:bold;
   color:#FFFFFF;
   margin-top:0px;
   margin-bottom:20px;
   font-family: Microsoft YaHei;  
   } 


/*手机网站建设*/
.juzz {
   font-weight:bold;
   text-align:center;
   }   
   
/*网站推广营销*/
.soso {
   padding-top:15px; padding-bottom:15px;
   background-color:#000000;
   margin-top:20px;
   }
.soso h2 {
   font-size:30px;
   font-weight:bold;
   margin-top:0px;
   text-align:center;
   color:#e60604;
   font-family: Microsoft YaHei; 
   }   

dl {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    vertical-align: baseline;
	list-style: outside none none;
    font: inherit;
}

.feature-content dd.vborder {
    background: url("../images/v_spliter.jpg") no-repeat scroll right center transparent;
	text-align:center;
}

.feature-content dd.vborder h3 {
   font-weight:bold;
   }

.line {
    height: 1px;
    background: url("../images/line.png") no-repeat scroll center 0px transparent;
}

.feature-content dd {
    float: left;
    width: 20%;
    height: 176px;
    margin-top: 20px;
    margin-bottom: 10px;
}
   
.feature-content a {
    color: #000;
    text-decoration: none;
}  
.feature-content .icon {
    background: url("../images/icon.png") no-repeat scroll center 17px transparent;
}

.feature-content dd.vborder p {
   color:#787878;
   }
   
   
/*商城装修*/  
.shop1 {
    background: url("../images/con-radius2.png") no-repeat scroll 0% 0% transparent;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #FFF;
    line-height: 70px;
    font-size: 48px;
    margin-right: 20px;
    float: left;
    display: block;
}

.jukoo {
   text-align:center;
   padding-left:45px;
   padding-right:45px;
   }
   
.jukoo h2 {
   font-size:30px;
   font-weight:bold;
   color:#da2419;
   font-family: Microsoft YaHei;
   margin-top:5px;
   }

.xuhao {
   width:70px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.h-bt {
   font-size:30px;
   font-weight:bold;
   text-align:center;
   color:#da2419;
   margin-top:40px;
   font-family: Microsoft YaHei;
   }
   
.h-btk {
   font-size:24px;
   font-weight:normal;
   }

.yykk {
   width:1600px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
     
.yykk h2 {
   font-size:24px;
   color:#da2419;
   font-family: Microsoft YaHei;
   }
   
.fuwubj {
   background:url(../images/fuwubj.jpg); background-repeat:repeat-y;
   }
   
.jutu {
   width:70%;
   height:120px;
   margin:0 auto;
   }
.jututp {
   margin-top:50px;
   }
   
/*app*/ 

.sousuolan2 {
   width:60%;
   height:50px;
   text-align:center;
   color:#FFFFFF;
   font-size:24px;
   background-color:#3a82a8;
   border:5px solid #c7c7c7;
   border-radius: 15px;
   padding-left:15px; padding-right:15px;
   margin:auto; overflow:hidden;
   margin-bottom:20px;
   }
.zkzhong {
   text-align:center;
   }
.lyou-zuo {
   width:20%;
   float:left;
   }
.lyou-you {
   width:80%;
   height:40px;
   line-height:40px;
   float:right;
   }
   
.gongneng {
   width:140px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.mokuai-zuo {
   width:20%;
   float:left;
   margin-top:20px;
   }
.mokuai-you {
   width:80%;
   float:right;
   }
   
.ktt {
   height:150px;
   }
   
/*联系我们*/ 
.pzi {
   text-align:center;
   }
.ditu {
   margin-bottom:20px;
   }
   
.hover {
    color: #FFF;
    background-color: #3A647A;
}

.hover a{
    color: #FFF;
}

a {
    color: #000000;
    text-decoration: none;
}

/*新闻中心*/
.news li {
   list-style-type:none;
   height:auto; overflow:hidden;
   padding-top:10px; padding-bottom:10px;
   border-bottom:1px solid #555555;}

.news li:hover {
   background-color:#eeeeee;
   }
   
.news h2 {
   font-size:20px;
   font-weight:bold;
   margin-top:0px;
   font-family: Microsoft YaHei;
   }
   
.newstime {
   margin-top:40%;
   }

.newsti {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.fenye { text-align:center;}


/*新增*/
.ttc {
   font-size:36px;
   font-weight:bold;
   color:#e90505;
   }
.tck li {
   width:33%;
   float:left;
   list-style-type:none;
   }
.tck li div {
    display: block;
	width:40%;
	margin:0 auto;
}
.tck li p {
   text-align:center;
   width:100%;
   line-height:22px;
   }
.ggn li {
   width:50%;
   float:left;
   text-align:center;
   list-style-type:none;
   }
.newstit {
   height:32px;
   }
.news-lan {
   width:85%;
   float:left;
   height:32px;
   line-height:32px;
   }
.news-more {
   width:15%;
   float:right;
   height:32px;
   line-height:32px;
   text-align:center;
   }

.news-lan li {
   width:33.3%;
   float:left;
   list-style-type:none;
   }
.nn li {
   width:100%;
   list-style-type:none;
   }  
.nn-zuo {
   width:65%;
   float:left;
   }
.nn-you {
   width:30%;
   float:right;
   text-align:right;
   }
 
.xsx {
    background-color: #E60303;
    color: #FFF;
    padding: 5px;
} 
.xsx a { color:#FFFFFF;} 

.quan { border-radius: 50%;}

.nnt { padding:10px;}

.xyyt { border-bottom:1px solid #999999;}

.xmtt p { text-align:center; margin-top:10px;}
.xm-zi {
   font-size:20px;
   font-weight:bold;}
   
   
.im-yy {
    border: 0px solid #98B9A2;
    padding: 0px;
}

.imdd img {
    width:151px;
}

.imdd img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.imdd:hover img { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); }


@media (min-width: 980px) and (max-width: 1280px) {
.bn00 {
    position: absolute;
	left:40%;
	margin-top:10%;
}
.bn01 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 25%;
}
.bn02 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 55%;
}
.bn03 {
    position: absolute;
    width: 20%;
    left: 40%;
    margin-top: 70%;
}
.bn04 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 55%;
}
.bn05 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 25%;
}
.yk { display:block;} 
}

@media (min-width: 1280px) and (max-width: 1440px) {
.bn00 {
    position: absolute;
	left:40%;
	margin-top:10%;
}
.bn01 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 25%;
}
.bn02 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 55%;
}
.bn03 {
    position: absolute;
    width: 20%;
    left: 40%;
    margin-top: 70%;
}
.bn04 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 55%;
}
.bn05 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 25%;
}
.sjkuan {
   width:100%;
   }
.yykk {
   width:100%;}
}  

@media (min-width: 1440px) and (max-width: 1600px) {
.bn00 {
    position: absolute;
	left:40%;
	margin-top:10%;
}
.bn01 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 25%;
}
.bn02 {
    position: absolute;
    width: 20%;
    right: 12%;
    margin-top: 55%;
}
.bn03 {
    position: absolute;
    width: 20%;
    left: 40%;
    margin-top: 70%;
}
.bn04 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 55%;
}
.bn05 {
    position: absolute;
    width: 20%;
    left: 16%;
    margin-top: 25%;
}
.sjkuan {
   width:100%;
   }
.yykk {
   width:100%;}
}

@media (min-width: 0px) and (max-width: 768px) {



.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 20px;
}

/* 固定底 */

.fygnav {
    padding: 0px;
	height:51px; line-height:50px;
	background-color:#000000;
	border-top: 1px solid #979598;
}
.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%;
    text-align: center;
	border-right: 1px solid #3a3a3a;
    float: left;	
}
.fygnav li a { color:#FFFFFF; display: block;}
.fygnav li a:hover {
   background-color:#da251e;
   }
.yk {display:none;}
}

@media (min-width: 768px) and (max-width: 1920px) {
.yc { display:none;}
.yk { display:block;} 
}

@media (min-width: 640px) and (max-width: 1280px) {
.sjkuan {
   width:100%;
   }
.sousuolan {
   width:100%;
   }
.yykk {
   width:100%;}
}

@media (min-width: 360px) and (max-width: 640px) {
.bn00 {
    position: absolute;
	left:41%;
}

.bn01 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:25%;
}

.bn02 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:55%;
}

.bn03 {
    position: absolute;
    width:20%;
	left:43%;
	margin-top:70%;
}

.bn04 {
    position: absolute;
    width:20%;
	left:15%;
	margin-top:55%;
}

.bn05 {
    position: absolute;
    width:20%;
	left:15%;
	margin-top:25%;
}

.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 20px;
}

.sjkuan {
   width:100%;
   }
.sousuolan {
   width:100%;
   }
.yykk {
   width:100%;}
   


@media (min-width: 320px) and (max-width: 360px) {
.bn00 {
    position: absolute;
	left:41%;
}

.bn01 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:25%;
}

.bn02 {
    position: absolute;
    width:20%;
	right:15%;
	margin-top:55%;
}

.bn03 {
    position: absolute;
    width:20%;
	left:43%;
	margin-top:70%;
}

.bn04 {
    position: absolute;
    width:20%;
	left:15%;
	margin-top:55%;
}

.bn05 {
    position: absolute;
    width:20%;
	left:15%;
	margin-top:25%;
}

.navbar-nav > li > a {
    padding: 10px 20px;
    line-height: 20px;
}

.sjkuan {
   width:100%;
   }
.sousuolan {
   width:100%;
   }
.yykk {
   width:100%;}
   

}