@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);/********************************Typography********************************/
html{font-size: 14px}
body{background:#fff;font-family:'Open Sans',sans-serif;line-height:22px;}
h1,h2,h3,h4,h5,h6{font-weight:600;font-family:'Open Sans',sans-serif;color:#4e4e4e;}
h1{font-size:36px;color:#fff;}
h2{font-size:20px;}
h3{font-size:16px;color:#787878;font-weight:400;line-height:24px;}
h4{font-size:16px;}
a{display:block;color:#3b3b3b;-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms;}
a:hover,a:focus{color:#d43133;}
ol,ul{list-style:none;padding: 0;}
em{font-style:normal}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid #fff;}
.btn-primary{padding:8px 20px;background:#c52d2f;color:#fff;border-radius:4px;border:none;margin-top:10px;}
.btn-primary:hover,.btn-primary:focus{background:#c52d2f;outline:none;box-shadow:none;}
.btn-transparent{border:3px solid #fff;background:transparent;color:#fff;}
.btn-transparent:hover{border-color:rgba(255,255,255,0.5);}
a:hover,a:focus{color:#111;text-decoration:none;outline:none;}
img{max-width: 100%;}
.dropdown-menu{margin-top:-1px;min-width:180px;}
.center h2{font-size:36px;margin-top:0;margin-bottom:20px;}
.media>.pull-left{margin-right:20px;}
.media>.pull-right{margin-left:20px;}
body > section{padding:70px 0;}
.relative{position:relative;}
.center{text-align:center;padding-bottom:55px;}
.scaleIn{-webkit-animation-name:scaleIn;animation-name:scaleIn;}
.lead{font-size:16px;line-height:24px;font-weight:400;}
.transparent-bg{background-color:transparent !important;margin-bottom:0;}
@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
/********************************Header********************************/

.navbar-inverse{padding:0; max-width:1000px;margin:0 auto;background-color:#fff;border:none;}
.navbar-nav{margin-top:0;}
.navbar-nav>li{margin-left:35px;}
body .navbar-inverse .navbar-nav>.open>a:hover,body .navbar-inverse .navbar-nav>.open>a:focus{color:#3b3b3b;background: #ffffff }
.navbar-inverse .navbar-nav > li > a{padding:0 12px;margin:25px 0;border-radius:3px;color:#3b3b3b;line-height:34px;display:inline-block;}
/*.navbar-inverse .navbar-nav > li > a:hover{background-color:#fff;color:#3b3b3b;margin-left:0;}*/
.navbar-inverse .navbar-brand{font-size:36px;padding: 25px 15px;}
.navbar-inverse .navbar-nav > li > a:link {color: #3b3b3b;background: #ffffff} /* 未访问的链接 */
.navbar-inverse .navbar-nav > li >a:visited {color: #3b3b3b;background: #ffffff} /* 已访问的链接 */
.navbar-inverse .navbar-nav > li >a:hover{color: #3b3b3b;background: #ffffff} /* 鼠标在链接上 */
.navbar-inverse .navbar-nav > li >a:active {color: #3b3b3b;background: #ffffff}
.jtou{background: url("../images/index1/zhankai1.png") no-repeat;display: inline-block;width: 11px;height: 7px;margin-left: 4px}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a{color: #ffffff;background: #41c074}

.navbar-inverse .navbar-nav .dropdown-menu{min-width:100px;background-color:#fff;-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:0 3px 8px rgba(0,0,0,0.125);box-shadow:0 3px 8px rgba(0,0,0,0.125);border:0;padding:0;margin-top:0;border-top:0;border-radius:0;left:0;}
.navbar-inverse .navbar-nav .dropdown-menu:before{position:absolute;top:0;}
.navbar-inverse .navbar-nav .dropdown-menu > li > a{padding:8px 15px;color:#3b3b3b;}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a{border-radius:0 0 3px 3px;}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-top:0;padding-bottom:0;}
/********************************Home Page********************************/
.section{width:100%}
.max-width{max-width: 1000px;margin: 0 auto;overflow: hidden}
.section1 .max-width{overflow: hidden;padding-top: 160px}
.section1 .nav-list .max-width{padding-top: 0}
.section1 .max-width .col-md-6:nth-child(2){text-align: right}
@media (max-width: 750px) {
    .section1 .max-width .col-md-6:nth-child(2){text-align: center}
}
.section2 .max-width{overflow: hidden;text-align: center;padding: 2.6% 0;}
.section2 .max-width .col-md-6:nth-child(2){text-align: right}
@media (max-width: 750px) {
    .section2 .max-width .col-md-6:nth-child(2){text-align: center;margin-top: 10px}
    .section2{padding-bottom: 20px}
}
.section2 .max-width .col-md-6:nth-child(1){padding-top: 10%}
.section2 .max-width .col-md-6:nth-child(1) div:nth-child(1){padding-bottom: 4%}
.section2 .max-width .col-md-6:nth-child(1) div:nth-child(2){padding-bottom: 3%}
.section2 .max-width .col-md-6:nth-child(1) div:nth-child(3){padding-bottom: 10%}
.section2 .fadeInDown{text-align: center;font-size: 18px;color: #666666;font-family: "Microsoft YaHei"}
.banner_bg{
    position: relative;top: 0;left:0;
    width: 100%;
    display: block;background-size: cover;}
.home_banner{background: url(../images/index1/banner-bg.png) no-repeat center 0;height:742px;}
.section1 .load-box{margin-top: 11%;}
.section1 .load-item {display: block;float: left;}
.section1 .load-item .qrcode{margin-bottom:20px;}
.section1 .load-item .load-item-iphone{margin-bottom:27px;}
@media (max-width: 1000px) {
  .carousel-left{display:none}
  body  .nav-list a{margin: 0 4px}
}
.nav-list{width:100%;background:rgba(0,0,0,0.2);height:50px;position: absolute;
    top: 0;}
.nav-list.isfixed{position:fixed;top:0;z-index:10000}
.nav-list a{display:inline-block;line-height:50px;margin:0 20px;text-align:center;color:#fff;}
.nav-list a.active{border-bottom: solid 2px #f9b109;line-height:35px;}
.features .col-md-2 {width:20%; display:block;float:left;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.services-title{text-align:center;padding-top: 10.5%;padding-bottom: 8%;}
.services-desc{text-align:center;padding-top: 70px;padding-bottom: 120px;}

.section3{background: url("../images/index1/shangxian-bg.png") no-repeat;}
.section3 .left-box{    height: 600px;z-index: 1;padding-top: 4%}
.section3 .left-box img{padding:0 0 0 20%}
@media (max-width: 750px) {
    .section3 .left-box img{padding:0}
    .section3 .max-width .col-sm-6:nth-child(1){text-align: center}
    .section3 {background: url("../images/index1/shangxian-bg.png");padding-bottom: 20px}
    body .section3 .max-width .col-sm-6:nth-child(2) div:nth-child(1){padding-top: 10%}
    body .section3 .max-width .col-sm-6:nth-child(2){text-align: center}
    .home_banner{height: auto}
    .section1 .max-width{padding-top: 100px}

}
.section3 .right-box{   height: 600px;}
.section3 .max-width .col-sm-6:nth-child(2) div:nth-child(1){padding-top: 28%}
.section3 .max-width .col-sm-6:nth-child(2) div:nth-child(2){padding-top: 9%}
.section3 .max-width .col-sm-6:nth-child(2) div:nth-child(3){padding-top: 4%}
.section3 .slideInRight{font-size: 18px;color: #666666;font-family: "Microsoft YaHei"}
.section4{}
.section4 .slideInLeft{font-size: 18px;color: #666666;font-family: "Microsoft YaHei"}
.section4 .max-width{height: 600px}
.section4 .max-width .col-sm-6:nth-child(1) div:nth-child(1){padding-top: 28%}
.section4 .max-width .col-sm-6:nth-child(1) div:nth-child(2){padding-top: 9%}
.section4 .max-width .col-sm-6:nth-child(1) div:nth-child(3){padding-top: 4%}
.section4 .max-width .col-sm-6:nth-child(1) div:nth-child(4){padding-top: 4%}
.section4 .max-width .col-sm-6:nth-child(2){text-align: right;padding-top: 4%}

@media (max-width: 750px) {
    .section4 .max-width{height:auto}
    .section4 .max-width .col-sm-6:nth-child(1) div:nth-child(1){padding-top: 10%}
    .section4 .max-width .col-sm-6:nth-child(1) div:nth-child(1){text-align: center}
    .section4 .max-width .col-sm-6:nth-child(2){text-align: center;padding: 4% 0;}
}

@media (min-width:768px ) and (max-width: 1024px) {
	.load-box{float: right;}
}
@media (min-width: 1100px){
    body .mis-nav-buttons a.mis-prev{left: -300px}
    body .mis-nav-buttons a.mis-next{right: -300px}
    .section1 .load-box{margin-left: 30%;}
}
@media (max-width: 768px) {
  .features .col-md-2 {width:33.333%;}
  .navbar-inverse .navbar-brand img{width:160px;    height: 30px;}
  .section1 .load-box{margin-left: 10%;}
}
@media (max-width: 480px) {
  .features .col-md-2 {width:50%;margin-bottom: 25px;}
  .section5-box2 .left-box{height:300px;}
  .section5-box1 .left-box img{margin:18% auto }
  .section5-box1 .right-box img{margin:20% auto 0; }
  .max90{width:90%!important;}
  .max80{width:100%!important;}
  body  .section5-box1 .left-box > .max80{margin: 18% 0 0 0}
  .autoheight{height:auto!important;}
  .section5-box3 .load-item .qrcode{margin-right:0px;margin-bottom:40px;}
  .section5-box3 .load-item{width:100%}
  .clearfix .load-item:first-child{margin-right: 10%;margin-left: 0}
   body .section5-box3 .load-box{width: auto}
    .section>h3{margin-top: 0}
}
.clearfix .bot{margin-right: 12%;margin-left: 10%}
/******************************** Platform ******************************/
.banner-introuce{text-align: right;
    padding-top: 25%;}
.platform_banner{background: url(../images/platform/banner_bg.jpg) no-repeat 30%;height:814px;}

.no-margin{margin-right:0!important}
.projects ul li{position:relative;margin-top:20px;padding:0;width:48.5%;margin-right:2%;}
.projects ul li img{width:100%}
.projects .desc{position:absolute;bottom:0;min-height: 128px;padding:10px;background-color:#323232;color:#fff;opacity:.68; filter:alpha(opacity=68);}
@media (max-width: 768px) {
  .projects ul li{width:96%;margin-left:2%;}
    .projects ul li:nth-child(1){margin-top: 10%}
    .projects ul li:nth-child(5){margin-top: 45%}
    .projects ul li p{font-size: 0.8rem}
}
@media (max-width: 320px){ .section1 .load-box{margin-left:0;}}
/******************************** Company ******************************/

.company_banner,.company_banner2{background: url(../images/company/banner_bg1.jpg) no-repeat 50%;
  background-size:cover;height:814px;}
.company_banner2{background-image: url(../images/company/banner_bg2.jpg)}
.cbanner-title{padding-top: 20%;}
.company_banner .cbanner-title p{padding-top:5%;color:#fff;max-width:515px;line-height:25px}
.company_banner2 .cbanner-title{padding-left:60%}
.company_banner2 .cbanner-title p{color:#fff;line-height:25px}
/******************************** Contact ******************************/
.contact_banner{background: url(../images/contact/banner_bg.jpg) no-repeat 75%;height:814px;}
.banner-process{position:absolute;left:18%;top:30%;}
.contact-content{position:absolute;left:50%;    top: 70%;
    margin-left: -122px;color:#0e0e0e}
.contact-content .contact{font-size:18px;padding-left:36px;}
.contact-content .phone em{font-size:30px;vertical-align: middle;padding-left:8px;}
.contact-content .email{font-size:18px;color:#757575;padding-left:36px;}
.banner-introuce p{width: 50%;margin-left: 50%;text-align: left;font-weight: 600;color: #444444;}
@media (max-width: 768px) {
.banner-process{left:0}
.banner-introuce {
    padding-top: 45%;
    text-align: center;
}
.banner-introuce p{font-size: 12px;text-align: left;padding: 0 10px;width: 100%;margin-left: 0;}
}
@media (max-width: 480px) {
  .company_banner, .company_banner2{height:600px;}
  .cbanner-title{padding:0 10%;padding-top:150px;}
  .cbanner-title img{width:60%!important;}
  .company_banner2 .cbanner-title{padding-left:10%}
  .section5-box3 .load-box .load-item{float: left;width: 50%;margin: 0;margin-top: 20px}
    .section5-box3 .load-box .load-item img{width: 50%;}
    .section5-box3 .load-box .load-item:first-child img{margin-left: 60px}
    .section5-box3 .load-box .load-item:last-child img{margin-right: 60px}
}
@media (max-width: 480px) {
  .section6-box3 .load-box .load-item{float: left;width: 50%;margin: 0;margin-top: 20px}
    .section6-box3 .load-box .load-item img{width: 50%;}
    .section6-box3 .load-box .load-item:first-child img{margin-left: 60px}
    .section6-box3 .load-box .load-item:last-child img{margin-right: 60px}
}

/******************************** Footer ******************************/
.footer{background:#363636;padding:2.5% 0;}
.footer p{color:#878f9a;font-size:1rem;text-align:center;margin-bottom: 0}
@media (max-width: 768px){
    .footer p{font-size: 0.6rem}
}
.weChatHint{width:100%;height:100%;position: fixed;top:0;left:0;background: rgba(0,0,0,0.4);display: none;}
.weChatHint img{width:100%;display: block;}