@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html,body,nav,header,footer,section,container,blockquote,abbr,aside,hgroup,h1,h2,h3,h4,h5,h6,p,span,strong,ol,ul,li{ margin:0; padding:0;}
html,body{ overflow-x:hidden;}
ol,ul,li{ list-style:none;}
a{ text-decoration:none; outline:none;}
a img{ border:none;}

.clear{ clear:both;}
.clear5{ clear:both; height:5px;} .clear10{ clear:both; height:10px;} .clear15{ clear:both; height:15px;} .clear20{ clear:both; height:20px;} .clear25{ clear:both; height:25px;} .clear30{ clear:both; height:30px;} .clear35{ clear:both; height:35px;} .clear40{ clear:both; height:40px;}
.flr{ float:right;}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/****header*****/
header{ border-top:3px solid #1b62b2;  background:#f5f5f5;  font-family: 'avenirlight'; font-size:18px; color:#000;}
header .logo{ float:left; padding-top:34px; padding-bottom:10px; float:left; width:291px; margin-right:90px;}
header .logo img{ width:100%;}
header .menu-bg{ float:left;}

/*--/header--*/
.banner{ width:100%; margin:0; padding:0; position:relative;}
.banner img{ width:100%;}

/*--block one--*/
#block-one{ width:100%; margin:0; padding:0;}
#block-one .left-block{ float:left; padding:20px 0px; display:block; font-family: 'AvenirLTStdRoman'; font-weight:lighter; width:30%; margin-right:3%; }
#block-one .left-block h5{font-size:34px; line-height:60px; color:#006699;font-family: 'MyriadProRegular'; font-weight:lighter; text-align:right;}
#block-one .left-block .caption{ font-size:18px; color:#3399cc; line-height:35px;  border-top:1px solid #b6b6b6;  border-bottom:1px solid #b6b6b6; text-align:right; text-transform:uppercase; font-family: 'MyriadProRegular';}

#block-one .right-block{float:left; border-left:1px solid #b6b6b6; color:#5e5e5e; font-size:18px;  font-family: 'MyriadProRegular'; font-weight:lighter;
line-height:36px; width:60%;  padding-left:2%;}

/*---block one end --*/

/*-----tab block--*/
#tab-bg{width:100%; padding:15px 0px;
 background-color:#1bddf6;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#1bddf6, endColorstr=#33cc99);
 background-image:-moz-linear-gradient(left, #1bddf6 0%, #33cc99 100%);
 background-image:-webkit-linear-gradient(left, #1bddf6 0%, #33cc99 100%);
 background-image:-ms-linear-gradient(left, #1bddf6 0%, #33cc99 100%);
 background-image:linear-gradient(left, #1bddf6 0%, #33cc99 100%);
 background-image:-o-linear-gradient(left, #1bddf6 0%, #33cc99 100%);
 background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#1bddf6), color-stop(100%,#33cc99)); text-align:center;}

.tab-btn-bg{ width:auto; margin:0 auto; display:inline-block;}
.tab-btn1{font-family: 'MyriadProRegular'; font-size:20px; color:#6699cc; background:#fff; border:2px solid #fff; padding:15px 40px; display:inline-block; cursor:pointer; margin:0; float:left;}
.tab-btn2{font-family: 'MyriadProRegular'; font-size:20px; color:#fff; background:none; border:2px solid #fff; padding:15px 40px; display:inline-block; cursor:pointer; margin:0;  float:left;}

.tab-content-box{ width:100%; height:auto; min-height:300px; padding:65px 0px; background:url(images/tab-box-bg.jpg)top center; position:relative; }
.absolute-box1{ width:100%; position:absolute; top:65px; left:0; z-index:99;}
.absolute-box2{ width:100%; position:absolute; top:65px; left:0; z-index:9;  display:none;}
.tab-box-bg{ width:85%; min-height:246px; margin:0 auto; background:none; text-align:center;}
.tab-box-bg .content-box{ float:left; padding:25px 4% 35px 4%; display:inline-block; text-align:center; width:25%; max-width:25%; position:relative;}

.pink{ background:rgba(132,95,220,0.8); }
.pink:hover{ background:rgba(132,95,220,1.0); -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}
.blue1{ background:rgba(27,220,245,0.8); }
.blue1:hover{ background:rgba(6,164,183,1.0); -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}
.navy{background:rgba(78,156,236,0.8);}
.navy:hover{ background:rgba(6,117,218,1.0); -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}

.sky-blue{background:rgba(51,204,255,0.8);}
.sky-blue:hover{background:rgba(51,204,255,1.0);  -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}
.megenta{background:rgba(255,171,52,0.8);}
.megenta:hover{background:rgba(255,171,52,1.0);  -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}
.green{ background:rgba(0,204,139,0.8);}
.green:hover{ background:rgba(0,204,139,1.0);  -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}

.erp-box{ width:100%; padding-top:0px; position:relative;  }
.erp-box .icon{ width:102px; height:113px;  margin:0 auto;}
.erp-box .icon img{ -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;}
.erp-box .icon:hover img{ -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity:0.7;}  
.erp-box h2{ font-size:26px; line-height:32px; color:#fff; text-align:center; font-family: 'avenirlight'; font-weight:lighter; margin-top:7px;}
.erp-box .caption{ font-size:17px; line-height:28px; color:#fff; font-family: 'avenirlight'; font-weight:lighter;}

.read-more-btn{ font-family: 'avenirlight';  position:absolute; bottom:-50px; width:80%; }
.read-more-btn a{ font-size:16px; color:#fff; line-height:60px; width:100%; display:block; background:rgba(0,153,204,0.8); }
.read-more-btn a:hover{ background:rgba(255,0,0,0.8);  -webkit-transition:all 0.4s ease-in-out 0.4s; -moz-transition:all 0.4s ease-in-out 0.4s; transition:all 0.4s ease-in-out 0.4s;}



#we-are-different{ width:100%; margin:0; padding:0;}
#we-are-different .different-bg{ width:85%;  margin:0 auto; }
#we-are-different .different-bg .left-block{ width:50%; float:left;}
#we-are-different .different-bg .left-block img{ width:100%;}
#we-are-different .different-bg .left-block .cntn-box{ float:left; width:46%; margin:0; padding:0; padding:0 2%;}

.credential-box{ background:#ffab34 url(images/credential-icon.png) no-repeat center center; width:100%; height:208px;}
.credential-box:hover{background:#ffab34; cursor:pointer}
.credential-box h3{font-family: 'avenirlight'; font-size:22px; line-height:50px; color:#fff; display:block; padding-left:20px;}
.credential-box .caption{font-family: 'avenirlight'; font-size:13px; line-height:22px; color:#fff; text-align:left; display:none; padding-top:15px; }
.credential-box .caption .read{ float:right; font-family: 'avenirlight'; margin-top:70px;}
.credential-box .caption .read a{ font-size:13px; color:#f5f5f5; line-height:22px;}
.credential-box .read-more1{ font-size:13px; color:#f5f5f5; line-height:22px; font-family: 'avenirlight'; margin-top:130px; float:right}


.approach-box{ background:#0066cc url(images/approach-icon.png) no-repeat center center; width:100%; height:208px;}
.approach-box:hover{ background:#0066cc; cursor:pointer}
.approach-box h3{font-family: 'avenirlight'; font-size:22px; line-height:50px; color:#fff; display:block; padding-left:20px;}
.approach-box .caption{font-family: 'avenirlight'; font-size:13px; line-height:22px; color:#fff; text-align:left; display:none; padding-top:15px;}
.approach-box .caption .read{ float:right;  font-family: 'avenirlight'; margin-top:70px;}
.approach-box .caption .read a{ font-size:13px; color:#f5f5f5; line-height:22px;}
.approach-box .read-more1{ font-size:13px; color:#f5f5f5; line-height:22px; font-family: 'avenirlight'; margin-top:130px; float:right}




.partner-box{ background:#32cd9d url(images/partner-icon.png) no-repeat center center; width:100%; height:208px;}
.partner-box:hover{ background:#32cd9d; cursor:pointer}
.partner-box h3{font-family: 'avenirlight'; font-size:22px; line-height:50px; color:#fff; display:block; padding-left:20px;}
.partner-box .caption{font-family: 'avenirlight'; font-size:13px; line-height:22px; color:#fff; text-align:left; display:none; padding-top:15px;}
.partner-box .caption .read{ float:right;  font-family: 'avenirlight'; margin-top:90px;}
.partner-box .caption .read a{ font-size:13px; color:#f5f5f5; line-height:22px;}
.partner-box .read-more1{ font-size:13px; color:#f5f5f5; line-height:22px; font-family: 'avenirlight'; margin-top:130px; float:right}



.benefit-box{ background:#0099cc url(images/benifite-icon.png) no-repeat center center; width:100%; height:208px;}
.benefit-box:hover{ background:#0099cc; cursor:pointer}
.benefit-box h3{font-family: 'avenirlight'; font-size:22px; line-height:50px; color:#fff; display:block; padding-left:20px;}
.benefit-box .caption{font-family: 'avenirlight'; font-size:13px; line-height:22px; color:#fff; text-align:left; display:none; padding-top:15px;}
.benefit-box .caption .read{ float:right;  font-family: 'avenirlight'; margin-top:70px;}
.benefit-box .caption .read a{ font-size:13px; color:#f5f5f5; line-height:22px;}
.benefit-box .read-more1{ font-size:13px; color:#f5f5f5; line-height:22px; font-family: 'avenirlight'; margin-top:130px; float:right}

/*------footer------------*/
.footer{ width:100%; min-height:120px; height:auto; background:url(images/footer-bg.jpg) repeat bottom right;  padding-top:25px;}
.footer .inner{ width:85%; margin:0 auto;}
.footer .link-bg{ float:left; width:20%; }
.footer .link-bg h5{color:#fff; font-size:15px; line-height:36px; font-family: 'avenirlight';}
.footer .link-bg ul{ margin:0; padding:0;}
.footer .link-bg ul li{ float:left; width:100%; font-family: 'avenirlight';}
.footer .link-bg ul li a{ font-size:15px; line-height:30px; color:#fff;}
.footer .link-bg ul li a:hover{ color:#f53131 !important;}

.footer .service-bg{ float:left; width:20%; padding:0 2%;}
.footer .service-bg h5{color:#fff; font-size:15px; line-height:36px; font-family: 'avenirlight';}
.footer .service-bg ul{ margin:0; padding:0;}
.footer .service-bg ul li{ float:left; width:auto; min-width:90%; font-family: 'avenirlight'; background:url(images/left-arrow.png) no-repeat 0 5px; padding-left:20px;}
.footer .service-bg ul li a{ font-size:12px; line-height:22px; color:#fff;}

.footer .contact-bg{ width:32%; float:right;}
.footer .contact-bg .social-bg{ width:100%; height:35px; margin:0; padding:0; border-bottom:1px dotted #444444; padding-bottom:15px;}
.footer .contact-bg .social-bg ul{ margin:0; padding:0; font-family: 'ufonts_com_hermes';}
.footer .contact-bg .social-bg ul li{ float:right; margin-left:15px; color:#2c3f52; line-height:35px; text-transform:uppercase; display:block;}
.footer .contact-bg .social-bg ul li a{ color:#444; line-height:35px; font-size:14px;}
.footer .contact-bg .social-bg ul li a:hover{ color:#f53131;}


.logo-footer{ width:294px; height:46px; float:left;}
.footer .contact-bg .contact-caption{ width:230px; float:right;  padding-top:20px; font-family: 'avenirlight'; font-weight:lighter;
font-size:14px; color:#fff; line-height:24px;  border-bottom:1px dotted #444444; padding-bottom:15px; text-align:center;}
.footer .copyright{ font-size:14px; color:#333333; line-height:22px; width:100%; float:left; font-family: 'avenirlight'; font-weight:lighter; padding:10px 0px;}
.footer .copyright a{ color:#333;}












@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}