/**导航条**/
 .navbar-nav > li{position: relative; }
 .navbar-nav > li a.navA{text-align: center;}
.navlink{background:none;border-radius: 30px; color: #fff;padding: 2px 0;}
.navbar-nav li a.navlink:focus,.navbar-nav li a.navlink:active,.navbar-nav li a.navlink:hover{
    background: url("../images/bavBg.png") repeat; color: #fff;
}
#solutionNav:hover,#cloudServiceNav:hover{ background: #fff; cursor: default;}
#solutionNav:hover a.navA,#cloudServiceNav:hover a.navA{ color: #000;}
.navlink:hover{background: url(../images/bavBg.png) repeat;}
.leaveTopA{ color: #2aadeb; 
    -webkit-transition:all 0.5s;   
    -moz-transition:all 0.5s;  
    -o-transition:all 0.5s;   
    transition:all 0.5s; 
}
 
.navLi{background: none;}

.leaveTopNav{ background:#fff; cursor: pointer;
    -webkit-transition:all 0.5s;   
    -moz-transition:all 0.5s;  
    -o-transition:all 0.5s;   
    transition:all 0.5s;  
}
.navbar-nav li span.borderLine{position: absolute; top:0;left: 0; right: 0; height: 3px;
    background: #015077;display:none;
    -webkit-transition:all 0.5s;   
    -moz-transition:all 0.5s;  
    -o-transition:all 0.5s;   
    transition:all 0.5s; 
}
.navbar-nav li.leaveTopNav:hover{background:#18A5EA;}
.navbar-nav li.leaveTopNav:hover a.navA{color: #fff; background: none;}
.navbar-nav li.leaveTopNav:hover span.borderLine{display: block;}

.arrowLeft{text-align: left; padding-left:5px;}
.arrowRight{text-align: right; padding-right:5px;}

/***导航条菜单***/
.libg{position: absolute; left: 0; right: 0;height: 10px; bottom: -5px;background: #fff; z-index: 10000;
    display: none;
    -webkit-transition:all 0.5s;   
    -moz-transition:all 0.5s;  
    -o-transition:all 0.5s;   
    transition:all 0.5s;
}
.navMenu{  z-index: 3000; 
    display: none;
}

.navMenuBg1{ position: absolute;left: -8px; right: -8px; top:-8px; bottom: -8px;
    background: #000; border-radius: 6px;
    opacity: 0.1;filter: alpha(opacity=10); z-index: 0;
/*    box-shadow: 0 0 15px #000;*/
}
.navMenuBg2Bar{ position:relative;width: 100%; height: 100%; border-radius: 6px; background: #fff; z-index: 3; overflow: auto;}
.navMenuBg2{padding: 10px 0 5px;}
.navMenuBg2 h3{ color: #2a2a2a; padding: 18px 0 0px 0px; }

.navMenuBg2 .row{ width: 95%; margin:0 auto 0px;}
.navMenu a{ display: block;margin:5px 8px; border-radius: 5px; background: #3598DC;
    -webkit-transition:all 0.3s;   
    -moz-transition:all 0.3s;    
    -o-transition:all 0.3s;    
    transition:all 0.3s;  
}
.navbar-nav>li a.menuIcon{margin-top: 15px;}

.navMenu a:hover{background: #1266a0;}

.navMenu a img{ display: block; margin: auto; padding-top: 10px;
    
    -webkit-transition:all 0.2s;   
    -moz-transition:all 0.2s;  
    -o-transition:all 0.2s;   
    transition:all 0.2s;
}
.navMenu a:hover img{ 
/*
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
*/
}

.navMenu a span{ display: block; margin: 10px auto 0; color: #fff; text-align: center;
     margin-top: 5px;padding-bottom: 5px;}

#cloudService{}

/**关闭弹出**/
.closeMenu{ position: absolute; right: -15px; top: -25px; z-index: 100; cursor: pointer;}
.navShelter{position: fixed; top: 0;bottom: 0;left: 0; right: 0; background: #000; z-index: 1;
    opacity: 0.6;filter: alpha(opacity=60); }

/****行业洞察****/
#pcTradNav{position: absolute; z-index: 20; right: 10px;top: 20px; display: none; cursor: pointer;}
.tradTitle{font-size: 30px;font-weight: bold;color: #fff; position: absolute; top: 15px; left: -50%; right: -50%; 
    margin: auto; z-index: 10; text-align: center; display: none;} 
/**电脑端导航条**/
.tradPcNavOne{position: absolute; right: -50px; top: 75px; width: 200px; border-radius: 5px;
    background: #17130B; z-index: 3; display: none;}
.tradPcNavOne li{float: none; text-align: center; height: 40px; width: 100%; }
.tradPcNavOne li a{border-radius: 0; display: block; text-align: center;height: 40px; font-size: 16px; line-height: 35px; margin-top: 0;}
.PcNavArrow{position: absolute; top: -8px; right: 65px; z-index: 0; }
.tradShelter{position: fixed; top: 0;left: 0; right: 0; bottom: 0; background: none; z-index: 0; display: none;}
/**banner**/
.bannerBar{position: relative; z-index: -1;}
.banner{display: block;position: fixed; width: 100%; top: 0; z-index:0;}
.banner a{cursor: default;}
/**banner箭头**/
.left,.right{ position: fixed; }
.left{left:0;}
.right{right:0;}
.arrow{  }

/**白云**/
.cloudBar{
    position:absolute;
    width: 100%;
	bottom: -1px;
}
.homeMainContent{background:#fff; position:relative;z-index:100;}
/**首页服务块**/
.serviceBlock{position: relative;}
.imgaBar{
    margin: auto;
    border: solid #00a0e9 1px;
}
.imga{
    margin: 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;
   opacity: 1;
   filter: alpha(opacity=100);
}
.imgaBar:after {
  content: '';
  display: block;
  margin-top: 10%; /* margin 百分比相对父元素宽度计算 */
}

.imga img{ display: block; width: 60%;  margin:15px auto;}
.imga span{ display: block; text-align: center;margin:auto;}
.serviceBlock:hover .imgaBar{border: solid #fff 1px;}
.serviceBlock:hover .imga{ 
    -webkit-transform:scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
    -ms-transform:scale(1.3,1.3);
    -o-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3);
    opacity: 0;
    filter: alpha(opacity=0);
    
}
.serviceBlockBig{
    background:#000;
    position: absolute; 
    top: 0;bottom:0;left:0; right: 0;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;

    opacity: 0;
    filter: alpha(opacity=0);
}
.serviceBlock:hover .serviceBlockBig{ 
    top: -8px;bottom:-8px;left:-8px; right: -8px;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 100;
}
.serviceBlockBig h3{  border-bottom: solid #A6A6A6 1px; margin-left: auto;margin-right: auto; color: #A6A6A6;}
.serviceBlockBig h3 span{color: #A6A6A6;}
.serviceBlockBig span{ display: block; margin-left: auto;margin-right: auto;  color: #67c3ff;}

.serviceBlockBig h3,.serviceBlockBig span{
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;
    -ms-transition:all 0.1s;
    -o-transition:all 0.1s;
    transition:all 0.1s;
    
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.serviceBlock:hover .serviceBlockBig h3,.serviceBlock:hover .serviceBlockBig span{
    opacity: 1;
    filter: alpha(opacity=100);
}
.shopCode{width: 50%; margin-top: 15px;
     -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
    
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
    opacity: 0;
    filter: alpha(opacity=0);  
}
.serviceBlockBig span.shopCodeText{ color: #fff; font-size: 13px; padding-top: 15px;}

.serviceBlock:hover .serviceBlockBig img.shopCode{
    opacity: 1;
    filter: alpha(opacity=100);
}
.line{height: 1px; background: #DFDFDF;}

/**行业洞察**/
.details h3,.details p{ width: 90%;margin: auto;}

.tradeTitle h2{ color: #000; font-weight: bold;}
.tradeTitle h1{ display: block; text-align: center; color: #000;}
/*.tradeTitle span{ display: block; text-align: center; color: #000;}*/
.tradeBar{ width: 92%; margin:0 auto;cursor: pointer; background: #fff;
    position: relative; overflow: hidden;}

.tradeBar h3{ font-weight: bold; margin-top: 18px; margin-bottom: 12px; line-height: 25px;}

.tradImgBar{ position: absolute; left: 0; right: 0; top: 0; z-index: 1;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}
.tradeBar:hover .tradImgBar{
    top: -40px;
}

.tradContentBar{ position: absolute;left: 0; right: 0; background: #fff; z-index: 2; height: 278px;}

.tradContent{ position: absolute; top: 0;left: 0;right: 0; background: #fff;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.tradeBar:hover .tradContent{
    top: -80px;
}

.tradeBar img{ max-width: 100%; min-width: 100%; }

.tradmoreBar{ background: #fff; width: 92%; margin: auto;margin-bottom: 30px;padding-top:15px; }
.tradmore{ min-width: 25px; max-width: 25px; }

.tradImgBar span{ display: block; background: #000; position: absolute; left: 0;right: 0; top: 0; bottom: 0;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}
.tradeBar:hover .tradImgBar span{
    opacity: 0.15;
   filter: alpha(opacity=15);
} 

.tradeBar p{ line-height: 25px;letter-spacing: 1px; padding-bottom: 10px;
    text-align:Justify;
    text-justify:inter-ideograph;
}

.more{ border-radius: 40px; height: 30px; line-height: 30px; text-align: center;font-size: 15px; background: #000; color: #fff;}

.more:hover{ color: #fff; }

/*****行业洞察详情*****/
.tradDetails{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:1034; display: none;}
.tradDetailsBg{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; 
    opacity: 0.8;
   filter: alpha(opacity=80); z-index: 0; display: none;
}
.tradDetailsBar{position: relative; z-index: 3; width: 100%; height: 100%; display: none;}
.tradContentDetials{ position: relative;width: 80%;height: 90%; margin: auto; border: solid #030303 8px; border-radius: 10px; background: #fff; margin-top: 20px;
/*    overflow-y: auto; overflow-x:hidden;*/
    z-index: 99;
}



.closeDetail{ position: absolute; top: -10px; right: -10px; z-index: 100;}
.tradContentDetials article{ width: 80%; height: 100%; text-align: left; background: #F3EAD1; color: #373737;
    overflow-y: auto;
    padding-top: 80px;
}
.articleTitle{ position: absolute; top: 0; width: 80%;}
.tradDetailsBar div.articleTitle h3{ font-size:28px; font-weight: bold;
    border-bottom: solid #000 1px; 
    padding: 20px 0;
    background: #F3EAD1;
    margin: 0 80px; position: relative;}
.tradContentDetials article h3 span{position: absolute; bottom: -41px; display: block; width: 100%; height: 40px;
    background: url(../images/scrollBg.png) repeat-x; }
.tradContentDetials article p{ font-size:16px; line-height: 32px; text-indent: 2em;
    margin:10px 80px;
    text-align:Justify;
    text-justify:inter-ideograph;
}

.tradContentDetials article img{ display: block; margin: auto;}
.tradContentDetials article img.picture{ width: 40%;margin-bottom: 5px;}
.tradContentDetials article span.picNum{ display: block; text-align: center; font-size: 14px; color: #222222; margin: 10px auto 40px;}
.tradDetailsBar h4{text-indent: 1.8em; font-size: 18px; font-weight: bold;margin:20px 80px 10px; }
.tradDetailsBar h5,.tradDetailsBar h6{text-indent: 2em; font-size: 16px; font-weight: normal;margin:20px 80px 5px;}

.tradContentDetials article p.sarticalBar{display: block; margin: 30px 80px 15px; text-indent: 0; }
.stitle{color: #2056a8;font-size: 14px;margin-bottom: 55px; margin-left: 80px; }
.sartical{ font-weight: bold;color: #2056a8;font-size: 14px; }
.sartical:hover{text-decoration: underline;color: #2056a8;}


.tradContentDetials nav{ width: 20%; height: 100%; }
.tradContentDetials nav ul{ width: 70%; margin-left: 10px;}
.tradContentDetials nav span{font-size: 14px; font-weight: bold; font-style: italic; color: #0093E6; display: block; text-align: center;}
.tradContentDetials nav h5{font-size: 30px; font-weight: bold;  color: #010101;text-shadow: 0 2px 0px #c7c7c7; text-align: center; margin: 0;text-indent:0;}
/*.tradContentDetials nav h3{font-size: 13px; color: #6B6B6B; margin: 15px 0 5px;}*/

.tradContentDetials nav ul li{ height: 50px; border-top: solid #E5E5E5 1px;}
.tradContentDetials nav ul li a{ height: 30px; line-height: 30px;  position: relative; z-index: 20;
     width: 80px; float: none; display: block;background: none; margin-top: 10px;
}
.tradContentDetials nav ul li span{ display: block; margin-left: 45px;height: 30px; line-height: 30px;
    color: #acacac;position: relative; z-index: 1; margin-top: -35px; font-style: normal; font-weight: normal;
font-size: 14px;}

.tradContentDetials nav img{ width: 55%; margin:20px auto 5px; display: block;  }


.tradContentDetials nav ul li a img{ margin-right: 5px; 
/*    position: absolute; left: 0; top: 0px;*/
}
/*
.tradContentDetials nav ul,.tradContentDetials nav span,.tradContentDetials nav h1,.tradContentDetials nav h2{
margin-left: 35px;}
*/

/**手机版文章**/
.articlePhone{position: relative;padding-top: 50px;}
.articlePhone h2{font-size: 18px;background: #F3EAD1; text-align: center;
    position: fixed;top: 50px; left: 0;right: 0;padding-top: 10px;
    min-height: 40px;  border-bottom: solid #000 1px;
}
.articlePhone h2 span{position: absolute; bottom: -40px; display: block; width: 100%; height: 40px;
    background: url(../images/scrollBg.png) repeat-x; }

.articleContent{ width: 95%; margin:20px auto;}
.articleContent p{font-size: 16px; text-indent: 2em;color: #373737;letter-spacing: 1px; line-height: 25px;margin-bottom: 15px;
    text-align:Justify;
    text-justify:inter-ideograph;
}
.articleContent h3{text-indent: 1.8em; 
    font-size: 18px; 
    font-weight: bold;
    margin:20px 0px 10px;
}
.articleContent h4,.articleContent h5{text-indent: 2em; 
    font-size: 16px; 
    font-weight: normal;
    margin:20px 0px 10px;
}

.articleContent img{ display: block; margin-left: auto; margin-right: auto;}
.stitleP{color: #2056a8;font-size: 14px;text-indent: 2.5em; }
.articleContent img.picture{ width:80%;margin-bottom: 5px;}
.articleContent span.picNum{font-size: 15px; display: block; text-align: center; margin: 5px auto 10px;}


.share{background: #fff; padding: 20px 0; }
.share h2{font-size: 14px; font-weight: bold; font-style: italic; color: #0093E6; text-align:center;}
.share h3{font-size: 30px; font-weight: bold;  color: #010101;text-shadow: 0 2px 0px #c7c7c7; margin: 5px 0;text-align: center;}
.share h4{font-size: 13px; color: #6B6B6B;  text-align: center; padding: 10px 0; border-bottom: solid #ccc 1px;}

.share ul li{ float: left; width: 20%;}
.share ul li a{display: block;text-align: center; font-size: 12px; color: #A3A3A3; }
.share ul li a img{display: block; margin:15px auto 5px;  }

 .back{ width: 30px;}

/**页脚**/
.foot{ background: #000; position: relative;z-index: 99; }

.call h2{font-size: 18px; color: #b4b4b4;font-weight: bold; margin-bottom: 20px;}
.call span{font-size: 14px; color: #b4b4b4;display: block; line-height: 25px;}
.call a{font-size: 14px; color: #b4b4b4;line-height: 25px; margin-right: 10px;}

.slogan{ display: block;}
.codeText{ color: #b4b4b4; display: block; text-align:center; margin-top: 13px;}

.copyright{ margin-top: 10px; padding-top: 5px;}
.copyright span{font-size: 13px; color: #6e6e6e; }

/****内页样式****/
/**客户案例**/
.inpageTitle{ font-weight: bold; color: #000; text-align: center;}
.customerTitle{ border-bottom: dashed #E3E3E3 1px;}
.customer{cursor: default;}

.customer img{position: relative; z-index: 1; margin: auto;  }
.customerOne{
    display: block;    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
 }
.customerTwo{
    display: none;    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.customer span{ display: block; margin:0px auto 0;padding-top: 5px;  text-align: center; 
    color: #4b4b4b;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.customerBar{ background: #fff;border: solid #EAEAEA 6px; position: relative;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.customer:hover .customerBar{
    background: #18A6EA;border: solid #0E99DC 6px;
    box-shadow: 0 0 20px #6d6d6d;
}

.customer:hover .customerOne{display: none;}
.customer:hover .customerTwo{display: block;}
.customer:hover span{color: #fff;}



.caseTitle{ border-top: solid #E3E3E3 1px; }
.case{overflow: hidden; position: relative; border-bottom: solid #fff 1px; border-right: solid #fff 1px;}
.case img,.case .caseShelter{ cursor: pointer;}
.caseImg{  width: 100%; position:relative;z-index: 0;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);  
    -ms-transform:scale(1,1);  
    -o-transform:scale(1,1);
    transform: scale(1,1);
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.case:hover img.caseImg{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);  
    -ms-transform:scale(1.1,1.1);  
    -o-transform:scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.caseShelter{ display: block; background: #000; position: absolute; left: 0;right: 0; top: 0; bottom: 0;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -ms-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
    
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
}
.case:hover .caseShelter{
    opacity: 0.85;
   filter: alpha(opacity=85);
}
.caseShelter h5{color: #fff; line-height: 0px;}
.caseShelter p{color: #ffd800; }
.arrow{ display: block; border-radius: 50%;background: #fff;
    margin-left:auto; margin-right: auto;
    margin-top: -10px;
    opacity: 0.85;
   filter: alpha(opacity=85);
}

.arrow,.caseShelter h5,.caseShelter p{
    -webkit-transition:all 0.1s;
    -moz-transition:all 0.1s;
    -ms-transition:all 0.1s;
    -o-transition:all 0.1s;
    transition:all 0.1s;
}

.case:hover .caseShelter h5{line-height: 25px; }
.case:hover .caseShelter .arrow{margin-top: 10px; }

/**解决方案**/
.carousel-inner a{cursor: default;}
.solutionMenu{background: #fff; padding:0 15px;}
.solutionMenu dl{margin-bottom: 15px;}
.solutionMenu dl dt{cursor: default; }

.solutionMenu dl dd{color: #404040; }
.solutionMenu dl dd>a{ cursor: pointer;
/*    padding-left: 12px;*/
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.solutionMenu dl dd > a.twoNoLink{ background: url("../images/solutionMenuIcon1.png") left no-repeat;
padding-left: 12px;
}
.solutionMenu dl dd:hover >a.twoHaveLink{ padding-left: 16px;color: #18ADF1;}
.solutionMenu dl dd:hover >a{color: #18ADF1;}
.twoNoLink{cursor: default;}
.twoHaveLink{}
/**第三级目录**/
.solutionMenu dl dd ul{margin-bottom:8px;margin-top: 5px; display: none;}
.solutionMenu dl dd ul li{margin-left: 12px;}
.solutionMenu dl dd ul li a{  padding-right: 2px; padding-top: 1px; padding-bottom: 2px;
    border-radius: 4px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}


.solutionMenu dl dd ul li a:hover{margin-left: 5px; color: #2aa8d0; background: #3495D6;color: #fff;}

.solutionContent{background: #fff; border-left: solid #EBEBEB 1px; margin-bottom: 50px; }
.solutionContent img{ display: block; margin-left: auto; margin-right: auto;}

/**方案内容**/
.solutionContent h1{color: #000; font-weight: bold;}
.solutionContent h2{background: #0075CF; color: #fff;text-align: center;display: inline;}
.solutionContent p{
    text-align:Justify;
    text-justify:inter-ideograph;
    color: #2d2d2d; text-indent: 2em;}
.solutionContent h3{ background: #CF5800; color: #fff;display: inline;text-align: center; }
.solutionContent h4{  background: #D5D5D5;border-left: solid #CF5800 5px; display: inline;}
.solutionContent h5{  background: #D5D5D5;border-left: solid #0075CF 5px; display: inline;}
.solutionContent h6{  color: #0075CF; font-weight: bold; margin-bottom: 8px;}
/*.solutionBigImg{ max-width: 100%; min-width: 100%;}*/


.smallImg{ margin-bottom: 10px; margin-left: auto; margin-right: auto; display: block;}
/*.smallImg img{max-width: 100%; min-width: 100%;}*/
.solutionContent p.listP{margin: 0;}
.solutionContent p.endP{font-size:14px;}
.solutionContent span{ display: block; text-align: center; font-size: 13px; margin: 5px auto;}
.solutionContent dl dt,.solutionContent dl dd{ color: #2d2d2d;  }
.solutionContent dl dt{ text-indent: 1.8em; }
.solutionContent dl dd{ text-indent: 2em; }

.solutionContent dl dd{margin-bottom: 10px;}
/*****服务*******/
.tabBg{background-color: #5FDFEA; margin-top: -28px;}
.tabBg ul li{
    position: relative;
    display: block;
    float: left;
    width: 25%;
    height: 100%;
    color: #fff;
}
.tabBg ul li a{ position: absolute; left: 0; right: 0; bottom: 0;
    color: #fff; text-align: center;
     -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.tabBg ul li a:hover{top:-10px;border-top: solid #174E5B 4px;}
.tabBg ul li a img{ display: none;position: absolute;left: -50%; right: -50%;  bottom: 0;  z-index: 100; margin-left: auto;margin-right: auto;}

.tabWaite{top: 0; border-top: solid #174E5B 0px;}
.tabActive{top:-10px; border-top: solid #174E5B 4px;}

.navlink1{background: #00C8E8;}
.navlink2{ background: #01A9C3;}
.navlink3{background: #05B7C5;}
.navlink4{background: #05A6B3;}

.tabContent{border-bottom: 1px solid #E0E0E0;}

/*.leftCol{margin-left: auto; margin-right: auto;border: 1px solid #E0E0E0;padding:4px;}*/
.leftCol img{ display: block;margin-left: auto; margin-right: auto;margin-bottom: 10px; border: 1px solid #E0E0E0;padding:4px;}

.rightCol h2{
    font-weight: bold;
    color: #01a9c3;
}
.rightCol p{
    letter-spacing: 1px;
    text-align:Justify;
    text-justify:inter-ideograph;
}
.rightCol table{width: 100%; border: solid #9d9d9d 1px;}
.rightCol table thead tr th{text-align: center;border: solid #9d9d9d 1px;}
.tdContent{text-align: left;border: solid #9d9d9d 1px;}
.tdItem{text-align: center;padding: 0;border: solid #9d9d9d 1px; width:25%;}



/****关于我们****/
/**简介资质**/
.aboutTab p{text-align:Justify;text-justify:inter-ideograph;
    letter-spacing:1px;line-height: 32px; text-indent: 2em;width: 95%; margin: auto;
}
.aboutLogo{display: block;}
#introduction span{display: block; width: 95%; margin: auto;
    letter-spacing:1px;line-height: 32px; 
}

.introduct_pic {width:95%;overflow: hidden;white-space: nowrap;background:#ffffff;
     margin:30px auto;
 }
.introduct_pic1 img{margin-left: 2px;width:266px;height:221px; border: 0;margin: auto 2px;
}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li {
    display:inline;
}

.qualifyImg{ width: 80%;  margin:10px auto; border: solid #ccc 1px; border-radius: 5px; overflow: hidden;}
.qualifyImgBar{overflow: hidden;}
.qualifyImgBar img{ width:95%;display: block; margin: 5px auto 0;
    background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;
    transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
}
.qualifyImg:hover .qualifyImgBar img{
    transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    
    -webkit-transform:scale(1.12);
    -moz-transform:scale(1.12);
    -o-transform:scale(1.12);
    -m-transform:scale(1.12);
    transform:scale(1.12);
}

.qualifyImg span{ display: block;text-align: center; color: #010101; font-size: 14px; margin:5px auto;}
#qualifications h1{width: 98%;margin:25px auto 5px;color: #02a0ea;font-weight: bold;}
.engName{ display: block;width: 98%;margin:5px auto 15px;color: #010101;}

/***发展历程***/
/***科进历程***/
.courseBar{  position: relative; }
.courseLine{ width: 2px; height:100%; background: #A2DA9A;
    top: 0; left: -50%;right: -50%; margin: auto; position: absolute;}

.clock{position: absolute; top: -5px; left: -16px;}

/*.course{position: absolute;}*/
.crouseLeft{ position: relative; width: 50%; height: 100%; margin-top: 40px;  }
.crouseRight{ position: relative; width: 50%; height: 100%;margin-top: 40px;}

.newProduct{padding-top: 8px; padding-bottom: 8px;}
.newProduct span{ display: block;line-height: 22px;color: #40a337;}
.newProduct img{position: absolute;}

.success span{display: block; font-weight: bold; line-height: 30px;color: #2c2c2c; }
.success span.year{font-size: 23px;color: #02a0ea; margin-bottom: 10px;}

.year2015,.year2014,.year2013,.year2012,.year2011,.year2010,.year2009{position: relative;top: 40px;z-index: 99;}

.year2015 .newProduct{border-top: solid #A2DA9A 2px;border-left: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2014 .newProduct{border-top: solid #A2DA9A 2px;border-right: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2013 .newProduct{border-top: solid #A2DA9A 2px;border-left: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2012 .newProduct{border-top: solid #A2DA9A 2px;border-right: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2011 .newProduct{border-top: solid #A2DA9A 2px;border-left: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2010 .newProduct{border-top: solid #A2DA9A 2px;border-right: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}
.year2009 .newProduct{border-top: solid #A2DA9A 2px;border-left: solid #A2DA9A 2px;border-bottom: solid #A2DA9A 2px;}

.Timecircle{position: absolute;top:-20px;right:-7px; }

/***人才招聘***/

.recruitTitle{ font-weight:bold;color:#000;margin-top:5px; margin-bottom: 8px;padding-bottom:5px; }
.classify{ display: block;font-size: 14px;padding: 5px 5px;
    color: #0146AD;margin: 20px 0 15px; }
.circle{ float: left; width: 4px; height: 4px; background: #6C6C6C; border-radius: 50%;
    vertical-align:middle;margin-right:8px;margin-left:8px; margin-top: 21px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.job{ height:46px;background:#F3F3F3;line-height:46px;margin-right:15px;margin-bottom:15px;padding-left:8px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 4px;
}

.job a{margin-left: 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;
}
.job a:hover{ cursor:default;}
.job:hover{background: #009FE9;}
.job:hover a{margin-left: 10px; color:#fff;}
.job:hover span.circle{background: #fff;}

.contact{margin-top: 20px;}
.contact h2{ color: #000; margin: 15px 0;}
.contact span{ color: #000; margin-right: 30px; display: block; line-height: 30px;}


/****悬浮回到顶部****/
.suspend{ width: 60px;height: 130px; position: fixed; right: 15px; top: 40%;z-index: 999; }

#toTop{ display: none; cursor: pointer; position: relative; padding: 20px 0;}
#toTop img{display: block; margin: auto; position: relative; z-index: 2; width: 30px;}
.topTopBg{position: absolute; background: #009ED2; border-radius: 4px;
    top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
    opacity: 0.81;
   filter: alpha(opacity=81);
}

.messageImgBar{ cursor: pointer;position: relative;padding: 15px 0; }
.messageImgBar img{ display: block; margin: auto; position: relative; z-index: 2; }
.messageImgBarBg{ position: absolute; background: #8D7402;   
    top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
    opacity: 0.6;
   filter: alpha(opacity=60);
}
.twoRadius{border-top-left-radius: 4px; border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.fourRadius{border-top-left-radius: 4px; border-top-right-radius: 4px;
/*    border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;*/
}


#cantant{ cursor: pointer;}

.suspendCantant{ position: absolute; top: 65px; width: 100%; }

.cantantTypeBar{  position: absolute; top: 55px;left: 0px;right: 0;}
.cantantType{display:block; position: relative; z-index: 2;}
.cantantTypeBg{ position: absolute;top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
    border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
    background: #000;
    opacity: 0.6;
   filter: alpha(opacity=60);
}
.cantantType li{ padding-top: 10px; padding-bottom: 10px; position: relative; cursor: pointer;}
.cantantType li:hover{background: #29a5e2;}
.bottomRadius:hover{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.cantantType li img{ display: block; margin:auto;}


/***弹出联系方式***/
.suspendCall{ position: absolute; left: -225px; top:0px; width: 220px; background: #29a5e2;
    border-radius: 4px;}
.callBar{ width: 220px; line-height: 40px; margin: auto; }
.callBar span{ display: block;width: 190px; font-size: 14px;text-align: center; color: #fff; border-bottom: solid #49bff9 1px; margin: auto;}
.suspendCall img.suspendArrow{ position: absolute; right: -4px; top:13px;}
/***弹出微信***/
.suspendWx{ position: absolute; left: -175px; top:-50px; width: 170px; background: #29a5e2;
    border-radius: 4px;}
.wxBar{ width: 170px; padding-top: 10px; padding-bottom: 10px; margin: auto;}
.wxBar img{ width: 150px;}
.wxBar span{ display: block; text-align: center; color: #fff; margin: 5px 0;}
.suspendWx img.suspendArrow{ position: absolute; right: -4px; top:65px;}

.toTopline{height: 1px;background: #949494;width: 30px; margin:20px auto 0;}

/**banner尺寸**/
.bannerImg img{max-width: 100%; min-width: 100%;}
/*.bannerImg img{ position: absolute; }*/


.follow{margin: auto; display: block; 
    font-size: 12px !important;
    color: #292929 !important;
    font-style: normal !important;
    font-weight: normal !important;
}