/*base*/
h2{color: #303131;}
p{color: #5d5d5d;line-height: 28px;}
ul li{list-style: none;}
.panel{box-shadow:none; margin-bottom:0;border-radius: 0;background: none;padding: 25px 0;}
.panel-content p{line-height:30px ;}
.panel-content h6{color: #b2b2b2;margin-bottom: 30px;}
.panel-tit h2 img{width: 30px;}
.panel-tit h3{font-size: 20px;color: #0056bc;}
.btn{background-color: #bf0808;}
.btn:hover{background-color: #2780ec;}
.btn a{color: #fff;}
.btn a:hover{color: #fff;text-decoration: none;}
.bg{background-color: #f8f8f8;}
.bg01{background-color: #617bd5;}
.footer{    color: #e4e4e4;background-color: #1b1b1b;padding: 20px;text-align: center;}
.panel-dark{background-color: #fafafa;}
/*index*/
.navbar{border: none;}
.navbar-brand img{margin-top: 5px;}
.panel-content .btn{margin-bottom: 30px;}
.panel-tit  h6{height: 3px;width:30px;background-color: #dcdcdc;text-align: center;margin: 10px auto;}  
.panel-service .panel-content h3{    width: 60px;height: 60px;border-radius: 100%;border: 1px solid #d7d7d7;text-align: center;line-height: 60px;margin: 18px auto;}
.panel-service{padding-top: 125px;}
.panel-service .panel-content h3 span{font-size: 28px;color: #989898;}
.panel-service .panel-content h4{font-size: 16px;color: #5d5d5d;}
.panel-service .panel-content p{margin-top: 30px;}
.index-advantage-con{padding: 15px 0;    background-color: #f9f9f9;margin-bottom: 20px;transition:background-color 1s;
-moz-transition:background-color1s;
-webkit-transition: background-color 1s;
-o-transition: background-color 1s;}
.index-advantage-con:hover{background-color: #bcbcbc;cursor: pointer;color: #fff;} 
.index-advantage-con:hover h3 i,.index-advantage-con:hover p,.index-advantage-con:hover h4{color: #fff!important;}
.index-advantage-con h3{    margin-bottom: 20px;}
.index-advantage-con h3 i{font-size: 28px;}
.index-advantage-one h3 i{color: #21a8e0;}
.index-advantage-two h3 i{color: #f9802a;}
.index-advantage-three h3 i{color: #e580b7;}
.index-advantage-four h3 i{color: #e4d480;}
.index-advantage-five h3 i{color: #4a80b9;}
.index-advantage-six h3 i{color: #56b283;}
.index-advantage-con h4{margin-bottom: 0;margin-top: 15px;}
.index-advantage-con p{color: #999;}
.index-partner-con>div>div>div{    background-color: #fff;height: 150px;margin-bottom: 20px;text-align: center;line-height: 150px;}
.index-partner{width:100%;height:auto;background:url(../images/index/index-partner.png) no-repeat center;background-size:auto 100% ;background-color: #242424;}
.index-partner .panel-tit h3{color: #fff;}
.index-partner .panel-tit p{    color: #ababab;}
.index-contact dt{margin-top: 12px;}
.index-contact dt i{    font-size: 30px;color: #757575;margin-right: 20px;}
.index-contact dd p{margin-bottom: 5px;}
.index-nav-b{background-color: #333434;padding: 15px 0;color: #fff;}
.index-nav-b a{color: #fff;}
.index-introduce{position: relative;padding-bottom: 75px;}
.index-introduce-data{position: absolute;width: 100%;box-shadow: 0px 11px 25px #eee;background-color: #fff;}
.index-introduce-data li{width: 24%;border-right: 1px solid #dedede;}
.index-introduce-data li:last-child{border: none;}
.index-introduce-data ul{padding: 40px 15px;}
.index-introduce-data h3{margin: 0;}
.index-introduce-data p{color: #999;    margin: 0;margin-top: 10px;}
.navbar-brand{padding: 0 15px;}

/*service*/
.nav-tabs-service{border-bottom: none;margin-top: 20px;}
.nav-tabs-service li {margin-left: 35px;}
.nav-tabs-service>li.active>a, .nav-tabs-service>li.active>a:focus, .nav-tabs-service>li.active>a:hover{  border: none;  color: #bf0808;}
.panel-tit-service h6{height: 2px;width: 35px;background-color: #999;margin-top: 25px;    margin-bottom: 15px;}
.panel-service-exam h6{margin: 25px auto 35px;}
.panel-service p{font-size: 14px!important;}
/*client*/
.client-banner{width:100%;height:350px;background:url(../images/client/client-banner.png) repeat-x center;background-size: auto 100%;padding: 200px 0 20px;text-align: ;}
.panel-client .panel-tit h6{margin-top: 25px;margin-bottom: 25px;}
.panel-client .panel-tit p{font-size: 16px;}
.panel-content-client div.col-sm-4 div{border: 1px solid #e8e8e8;    padding: 28px 0 5px;height: 200px;margin-bottom: 25px;}
.panel-content-client div.col-sm-4 h6 img{height: 60px; }
.panel-content-client div.col-sm-4:nth-child(2) h6,.panel-content-client div.col-sm-4:nth-child(4) h6,.panel-content-client div.col-sm-4:nth-child(9) h6{height: 60px;padding-top: 15px;}
.panel-content-client div.col-sm-4:nth-child(2) h6 img,.panel-content-client div.col-sm-4:nth-child(4) h6 img,.panel-content-client div.col-sm-4:nth-child(9) h6 img{height: auto;}
.panel-content-client h4{font-size: 16px;}
/*contact*/
.panel-tit01 h3{font-size: 20px;}
.panel-tit01 p{color: #999;}
.contact-phil div p{margin-bottom: 5px;}
.contact-tel{padding: 35px 0;}
.contact-tel h6 img{width: 35px;}
.contact-tel h6{height: 50px;line-height: 50px;}
.contact-tel h4{font-size: 16px;padding-top: 10px;}
.contact-tel .col-sm-4 div{padding: 15px 65px;}
.contact-tel .contact-add div{padding: 15px 0;}
.contact-tel .contact-add>div>p:nth-child(2){font-size: 12px;}
/*business*/
.business-banner{width:100%;height:auto;background:url(../images/business/business-banner-bg.png) repeat-x center;background-size: auto 100%;padding: 50px 15px 0;}

/*Flow*/
.fp-banner{width:100%;height:auto;background:url(../images/bpm/fp-banner.png) repeat-x center;background-size: auto 100%;padding: 40px 15px 0;}
.Flow-BPM-bg .col-sm-6>div h4{color: #4495f0;}
.Flow-BPM-bg .col-sm-6>div h3 img{width: 40px;}
.Flow-BPM-stage h3{color: #4495f0;}
.bpm-nav{height: 70px;line-height: 70px;}
.bpm-nav a{padding: 10px 25px;color: #333;}

/*question*/
.question-banner{width:100%;height:auto;background:url(../images/question/question.png) repeat-x center;background-size: auto 100%;padding: 50px 15px 0;}
.question-con h4{color: #4495f0;margin-bottom: 20px;}
.question-con-panel-one{background-color: #fafafa;margin: 15px 0;padding: 20px;}
.question-con-panel{margin: 30px 0;}
.question-con-panel h4 img,.question-con-panel h5 img{margin-right: 10px;}
.question-con-panel01{border: 8px solid #fafafa;padding: 20px;}

/*bpm*/
.bpm-tab-content{padding-top: 50px;}
.bpm-use-bg{background: url(../images/bpm-bg.png) no-repeat;height: 400px;}
.bpm-use .bpm-use-top h3{margin-top: 90px;color: #fff;text-align: center;}
.bpm-use .bpm-use-top p{text-align: center;color: #fff;width: 1000px;margin:20px auto;}
.bpm-use .row{position: relative;}
.bpm-use .col-sm-3{padding: 10px;color: #333;text-align: center;}
.bpm-use .col-sm-3 div{background-color: #fff;padding: 30px 35px;}
.bpm-use .col-sm-3 div h4{color: #bf0808;margin-bottom: 20px;}
.bpm-use .col-sm-3 div p{color: #333;margin-top: 20px;}
#flow h3{color: #bf0808;}
@media screen and (max-width: 768px){
	.center-block-phone{margin: 0 auto;} 
	.space-phone{margin: 20px 0;}
	.navbar{position: static;}
	.navbar-header{background: #333;}
	.banner{margin-top: -20px;}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{height: 200px;width: auto;margin: 0 auto;max-width: 750px;margin-left: -40%;}
	.index-banner{margin-top: -20px;}
	.index-product .btn,.index-contact .col-md-1,.index-introduce .btn{display: none;}
	.index-business .display-none-phone{display: none;}
	.index-business ul li{     padding: 0 5%;  }
	.index-contact .col-md-7{margin-left: 8%;}
	.panel-content-product-app dl{margin: 10px 0;}
	.panel-content-product-app  dd{padding-right: 0;padding-left: 25px;}
	.product-banner img{height: 200px;}	
	.index-partner-con img{width: 85%;}
}

@media (min-width: 768px) and (max-width: 992px) { 
	.center-block-phone{margin: 0 auto;} 
	.text-center-ipad{text-align: center;}
	.space-phone{margin: 20px 0;}
	.banner{margin-top: -20px;}
	.product-banner img{height: 200px;}
	.index-product .btn,.index-contact .col-md-1,.index-introduce .btn{display: none;}
	.index-contact .col-md-7{margin-left: 30%;}
	.navbar-header{background: #333;}
	.navbar-nav{float: right;}
	}
	
	
@media screen and (min-width: 992px){
	.navbar-nav{float: right;}
	.panel-service .panel-content li{width: 18%;}
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{    background-color: #081027;color: #fff;}
	.mar-left{margin-left: 30px;}
	.mar-top{margin-top: -20px;}
	.navbar-default .navbar-nav>li>a{color: #e4e4e4}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{border-bottom:2px solid #4ff7ff;color: #4ff7ff;font-size: bold;background: none;}
	.navbar-default .navbar-nav>li>a:hover{color: #fff;}
	.index-introduce .row{margin-bottom: 30px;}
	.index-product .col-md-3:hover{background-color: #f8f8f8;}
	.index-contact .col-md-4 img{padding: 20% 0;}
	.index-contact dl{margin-top: 35px;}
	
	.index-nav-b li{    padding: 0 3%;}
	.panel-content{padding: 45px 0;}
	.panel-content p{margin-bottom: 20px;}
	.panel-content-product p{margin-bottom: 10px;}
	.panel-content-product-flow{height: 310px;}
	.panel-content-product-exploit{padding: 50px 20px 20px 50px;}
	.panel-content-product-exploit h3,.panel-content-product-integration h3{margin-bottom: 30px;}
	.panel-content-product-exploit-img{padding: 3% 0;}
	.panel-content-product-integration{padding: 9% 0;}
	.panel-content-product-app{margin-top: 15px;}
	
	.navbar{background: rgba(0,0,0,0.8); }
	.navbar-nav{margin-left: 50px;}
	.navbar-nav li>a{margin:0 15px ;}
	.panel-business-txt p,.panel-business-txt1 p{font-size: 16px;}	
	.bpm-nav{    margin-top: 50px;border-bottom: 1px solid #eee;}
	.banner{margin-top: 50px;}
	.contact-detion{    padding: 30px 95px 45px;box-shadow: 0 0 25px #eee;margin-top: -70px;position: absolute;background-color: #fff;    left: 50%;margin-left: -585px;}
	.contact-phil{padding-top: 250px;background-color: #fafafa;}
	.panel-train-txt{margin-top: 45px;}
	.panel-integration-txt {margin-top: 85px;}
	.panel-adv-txt{margin-top: 55px;}
}
a:active{    border-bottom: 2px solid #fff;
    color: #fff;}