/* 头部重写样式 */
body{font-family: "微软雅黑";font-size: 16px;color: #747474}
ul ,p{margin:0;padding:0px}
ul li{padding:0px}
@font-face{font-family: 'heeh';
    src:url('bootstrap/font/Desereted.ttf')}
ul,li{list-style:none;}
.my_navbar{background: #efefef;
    border-top:0px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 和 Chrome */
    border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    height:80px;
    padding-right: 0px;
    padding-left: 0px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
@media (max-width: 768px){
    .my_navbar{
        height:50px;
        opacity:1;
    }
}
.my_navbar .navbar-toggle{}
.my_navbar .navbar-toggle .icon-bar {
    background-color: #fff;
    border-bottom: 1px solid #2b2927 ;
}
.my_navbar .navbar-header{height:80px;}

.my_navbar .navbar-brand{margin-left: 50px;}
.my_navbar .navbar > .container .navbar-brand{margin-left:70px}
.my_navbar .navbar-nav{margin-top:8px}
.my_navbar .navbar-nav > li > a {
    padding-top:0px;
    padding-bottom: 0px;
    color: #428bca;
}

.my_navbar .nav > li{margin-right:35px;}
.my_navbar .nav > li:hover{border-bottom: 2px solid #ffa200;transition:border-color 1s ease-out; }
.my_navbar .navbar-nav .active{border-bottom: 2px solid #ffa200}
@media (max-width: 768px){
    .my_navbar .nav > li:hover{border-bottom: 0;transition:border-color 1s ease-out; }
    .my_navbar .navbar-nav .active{border-bottom: 0}
}
.my_navbar .nav > li > a {padding:0px;padding:0 10px;font-size: 16px;text-align: center; line-height: 35px}
.my_navbar .navbar-nav > li > a:hover{background:none}
.my_navbar .language > li > a { color: white}
/* 头部重写样式 变换*/
.my_navbar2{background: #efefef;
    height:80px;
    padding-right: 0px;
    padding-left: 0px;
    border:1px solid #b9b7b8;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 和 Chrome */
    border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
@media (max-width: 768px){
    .my_navbar2{
        background: #fff;
        height:50px;
        opacity:1;
    }
}

@media (max-width: 768px){
    .my_navbar2{
        height:50px;
    }
    .carousel-control{display: none}
    .carousel-indicators{display: none}
}
.my_navbar2 .navbar-toggle{}
.my_navbar2 .navbar-toggle .icon-bar {
    background-color: #fff;
    border-bottom: 1px solid #2b2927 ;
}
.my_navbar2 .navbar-header{height:80px;}
@media (max-width: 768px){
    .my_navbar2 .navbar-header{height:50px;}
}
.navbar-nav li a{color: #428bca;}
.my_navbar2 .navbar-brand{margin:0 50px;}
.my_navbar2 .navbar > .container .navbar-brand{margin-left:70px}
.my_navbar2 .navbar-nav{margin-top:8px}
.my_navbar2 .navbar-nav > li > a {
    padding-top:0px;
    padding-bottom: 0px;
}
.my_navbar2 .nav > li{margin-right:45px;}
.my_navbar2 .nav > li:hover{border-bottom: 2px solid #ffa200;transition:border-color 1s ease-out; }
.my_navbar2 .navbar-nav .active{border-bottom: 2px solid #ffa200}
.my_navbar2 .nav > li > a {padding:0px;padding:0 10px;font-size: 16px;text-align: center; color: #323232; line-height: 35px}
.my_navbar2 .navbar-nav > li > a:hover{background:none}
#responsive-navbar .home{}
#responsive-navbar .service{}
#responsive-navbar .business_scope{}
#responsive-navbar .Business{}
#responsive-navbar .cooperation{}
#responsive-navbar .company{}
#responsive-navbar .lan{ margin-right: 5px;}
#responsive-navbar .lan:hover{border-bottom: 0px;}

.language li > a{line-height: 35px}
@media (min-width: 1202px){
    .navbar > .container .navbar-brand {
        margin-right: 50px;

    }
}

@media (max-width: 1308px){
    .my_navbar .nav > li{margin-right: 0px}
    .my_navbar2 .nav > li{margin-right:0px}
}
@media (max-width: 1018px){
    .my_navbar .nav > li{margin-right: 0}
    .my_navbar2 .nav > li{margin-right:0}
}

@media (max-width: 990px){
    .nav > li{margin-right:5px}
    .navbar-brand{margin:0px 0px;}
    .nav > li{margin-right:5px}
    .nav > li > a {padding:0px;padding:0 5px;font-size: 16px}
    .navbar > .container .navbar-brand{margin-left:0px;}
    .nav > li > a{padding-top:24px;}
    .my_navbar .navbar-brand{margin:0;}

    .my_navbar2 .navbar-brand {
        margin: 0 0;
        margin-right:0px;
    }
}

@media (max-width: 768px){
    .my_navbar #responsive-navbar {background: #2B2C2C}
    .my_navbar2 #responsive-navbar {background: #ffffff}
    .my_navbar2 .navbar-nav .active{ border-bottom: 0}
    .nav > li > a {
        padding-top: 34px;
    }

    .my_navbar .navbar-header {
        height: auto;
    }
    .navbar-brand {
        padding-top: 10px;
    }
    #responsive-navbar .home{float: left; width: 80px}
    #responsive-navbar .service{float: left}
    #responsive-navbar .business_scope{ float: left}
    #responsive-navbar .Business{float: left}
    #responsive-navbar .cooperation{float: left; width: 118px}
    #responsive-navbar .company{ float: left; width: 100px}
}
@media (max-width: 305px){
    .navbar > .container .navbar-brand{margin-left:0px;width:66%}
    .navbar-brand { padding: 6px 5px;}
    .my_navbar{height: 52px;}
    .navbar-header {
        height: 52px;
    }
    .navbar > .container .navbar-brand img{width:70%}
}

/*导航缩小的时候的样式*/
.container > .navbar-header, .container > .navbar-collapse{
    margin-right:0px;
    margin-left: 0px;
}

.lanpadding{display: none}
@media (max-width: 994px){
    .language{padding-left:15px}
    #responsive-navbar{float:left}
    .navbar-brand{padding-left: 0px;}
    .my_navbar .nav > li > a{padding:0 2px}
    .navbar-brand img{width:155px}
}
@media (max-width: 768px){
    .language{display: none}
    #responsive-navbar{float:none}
 /*   .lanpadding{display: block;line-height: 50px; text-align: center} */
}
@media (max-width: 473px){
    .lanpadding{display: none}
}

/*滚动banner样式*/
.carousel-control{width:5%}
.carousel-control.left{left:5%;background-image:none}
.carousel-control.right{right:5%;background-image:none}
.carousel-control .icon-prev, .carousel-control .glyphicon{

    padding: 40px;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 5%;
    background: url(images/left.png) no-repeat;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right {
    right: 5%;
    background: url(images/right.png) no-repeat;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left:hover {
    background: url(images/left2.png) no-repeat;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right:hover {
    background: url(images/right2.png) no-repeat;
}
.carousel-indicators{ text-align: right;margin-left:-16%}
.carousel-indicators li{width:46px;height:26px;border:0px; background: url(images/dotted.png) -60px 0px no-repeat;margin:0}
.carousel-indicators .active {
    width: 46px;
    height: 26px;
    background-color:transparent;
    background:url("images/dotted.png") 0px 0px no-repeat;
}

/*第三部分流程样式*/
#grey{height:81px;max-width:100%;background:#dfdfdf}

.workflow ul{width:100%}
.workflow ul li{width:19%;min-height:400px;float: left;text-align: center;position:relative;margin: 0 3px;}

.blue{height:230px;max-width:230px;margin-bottom: 18px;
}

.blue img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    margin-top:40%
}

.clearfix li:hover{background:white;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;}
.workflow1 .blue{background:url(images/lc1.png) center center no-repeat}
.workflow2 .blue{background:url(images/lc2.png) center center no-repeat}
.workflow3 .blue{background:url(images/lc3.png) center center no-repeat}
.workflow4 .blue{background:url(images/lc4.png) center center no-repeat}
.workflow5 .blue{background:url(images/lc5.png) center center no-repeat}
.clearfix li:hover .blue{background-color: white}
.workflow ul li p{color:#71b6fc;background: url('images/dashed.png') repeat-x center;font-size: 20px }
.workflow ul li span{display: block;width: 80%;margin: 0 auto;color:#323232}
/*
@media (min-width:991px){
       .blue{margin-left: 15%;height: 120px;width: 120px;}
}*/
@media (max-width:991px){
    .blue{height: 120px;}
}

@media (min-width:995px){
    .clearfix{padding-left: 25px}

}

@media (max-width:768px){
    .workflow ul li p{margin: 0 30px}
    .workflow ul li{float:none;width:230px;}
    .workflow ul li span{font-size: 16px;text-align:justify;text-justify:inter-ideograph; font-weight: bold}
    .workflow{  width:230px;
       margin:10px auto;
    }
    ul {padding-left: 0;}
    .blue{
        height: 230px;width: 230px;

    }
}

@media (min-width: 1307px) {
    .container {
        width: 1290px;
    }
}

/*第四部分电脑树改成文章列表 查找bootstrap 两列布局*/
.tree{width:100%; background: #f6f6f6;margin-top:20px}
.row { margin-right: 0px;margin-left: 0px;}
.tree .row img{ margin-top:65px; margin-bottom:38px;}
.tree .row h1 a{font-size: 26px;font-family: "FZHei-B01S";color: rgb(38, 32, 32);}
.tree .row .line{ background-color: rgb(198, 198, 198);max-width: 483px;height: 1px;}
.tree .row a{font-size: 16px;font-family: "Microsoft YaHei";color: rgb(100, 100, 100);}
.tree .row ul{ display: block;  list-style-type: disc;  -webkit-margin-before: 1em;  -webkit-margin-after: 1em;  -webkit-margin-start: 0px;  -webkit-margin-end: 0px;  }
.tree .row li{padding-left:20px;background:url(images/maimpage_yuandian.png) left center no-repeat; line-height:38px;}
.solution{margin-top:-57%;width:12%;min-height:68px;}
.base{margin-top:-47%;width:14%;min-height:90px;}
.tech{margin-top:-48%;width:14%;min-height:90px;}
.marketing{margin-top:-32%;width:15%;min-height:90px;}
@media (min-width: 992px){
    .tree .col-md-offset-9 {
        margin-left: 72%;
    }
}
.fade.in {
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    color: #000000;
    line-height: 27px;
}
@media (min-width: 992px){
    .tree .col-md-offset-8 {
        margin-left: 64.666667%;
    }
}
.popover {max-width:300px}
/*客户展示*/
.partner_show{width:100%;height:90px;background:#ececec;line-height: 90px;font-size: 25px;margin:30px 0px;color: #323232}
@media (min-width: 1307px){
    .partner_show{width:100%;height:60px;background:#ececec;line-height: 60px;font-size: 20px;margin:30px 0px;}
}
@media (max-width: 768px){
    .partner_show{width:100%;height:40px;background:#ececec;line-height: 40px;font-size: 16px;margin:15px 0px;font-weight: bold}
}
.partner_content{margin-bottom:40px; margin-top: 50px}
/*底部样式*/
.footer{width:100%;background:#2b2b2b;color:#b9b9b9;text-align: center;padding-bottom: 50px}
ul.social-icons{width:200px;margin:0 auto;margin-top:50px;text-align: center;}
.footer .row{margin-top:10px}
.footer .code{ padding: 20px 0px;}

/*----------------------------------图片服务与解决方案样式-----------------------------------------*/
.service_banner{
    width:100%;
    position:relative;
    text-align: center;
  }
.service_banner .parallax {
     margin: 0 0;
     padding: 0 0;
     position:absolute;
     top:35%;
 }
@media (max-width: 768px){
    .service_banner .parallax{ width: 100%;top:45%;}
}
.operating ,.brand_control{
    border-radius: 15px;
    color:#ffffff;
    line-height: 110px;
    margin: 25px 0;
    display: inline-block;
    padding: 0;
    background:rgba(114, 169, 230, 0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
    background:#71b6fb;
    filter:Alpha(opacity=80);/*实现IE背景透明*/
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    width:213px;height:219px;
    font-size:35px;
    font-style: normal;
    line-height: 350px;

   }

.operating{margin-right:4%;background-image:url('images/dyy.png') !important;
}
.brand_control{margin-left:4%;background-image:url('images/ppkg.png') !important;}
.operating:hover{background-color:rgb(218,72,46)!important; -moz-transition: all 0.8s ease-in-out;
   }
.brand_control:hover{background-color:rgb(218,72,46)!important; -moz-transition: all 0.8s ease-in-out;
   }
.service_banner i:hover{ -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-box-shadow:0px 0px 30px;
    -moz-box-shadow: 0px 0px 30px;
    box-shadow: 0px 0px 30px;
}
/*代运营样式*/
.dyy{width:71px;height:71px;background:url('images/dyy2.png') center no-repeat #71b6fb;border-radius: 100%;margin:0 auto;margin-top:80px}
.dyy_mbot{margin-bottom: 5%}
.dyytitle{font-size: 40px; font-weight: bold;color: #323232; line-height: 35px}
.dyy_title1{font-size: 18px;color: #323232; font-weight: bold; line-height: 45px; text-align: right}
.dyy_txt1{ font-size: 14px; color: #323232; line-height: 30px; text-align: right}
.dyy_title2{font-size: 18px;color: #323232; font-weight: bold; line-height: 45px; text-align: left}
.dyy_txt2{ font-size: 14px; color: #323232; line-height: 30px; text-align: left}
.dyytxt{text-align: center;color:#949494;margin:2% 0px 2% 0px;font-size: 28px;}
@media (max-width: 768px) {
    .dyytitle{font-size: 30px; font-weight: bold;color: #323232; line-height: 35px}
    .dyytxt{text-align: center;color:#949494;margin:2% 0px 2% 0px;font-size: 18px;}
    .dyy_title1{font-size: 18px;color: #323232; font-weight: bold; line-height: 45px; text-align: left}
    .dyy_txt1{ font-size: 16px; color: #323232; line-height: 30px; text-align: left;text-align:justify;text-justify:inter-ideograph}
    .dyy_title2{font-size: 18px;color: #323232; font-weight: bold; line-height: 45px; text-align: left}
    .dyy_txt2{ font-size: 16px; color: #323232; line-height: 30px; text-align: left;text-align:justify;text-justify:inter-ideograph}
}
.gray_line{border-top: 1px solid #d0d0d0;margin-bottom:3%}
.my_content{min-height:210px;font-size: 14px;color:#323232;line-height:25px;padding:30px 45px;}

.left_num{background:#71b6fb;color:white;text-align: center;padding:27px 6%}
.right_pic{padding-left:0;padding-right:0;}
.right_pic img{width:100%}

.left_num span{ font-family:'heeh'; font-size: 62px}
@media (max-width:1315px){
    .left_num{ padding:23px 11px}
    .my_content{ line-height: 20px;font-size: 13px;padding: 21px 45px;}
    .left_num span{ font-size: 34px}

}
.dyy_content>div{margin:1% 0px}

.my_content{background:url('images/div_dian.png') 4% 19% no-repeat #efefef}
/*品牌控股*/
.brand_title{text-align: center;font-size: 18px;padding-top: 10px;color: #999999}
.brand_content{margin-top:4%;text-align: center;margin-bottom:20px}
.brand_t{width:71px;height:71px;background:url('images/ppkg2.png') center no-repeat #71b6fb;border-radius: 100%;margin:0 auto;margin-top:80px}
.brand_f_content_blue p,.brand_e_content_blue p{line-height:180px;background: #71b6fb;color:white;font-size: 20px;}
.brand_f_content_blue div,.brand_e_content_blue div{padding:80%;text-indent: -9999px}
.brand_content div{padding-left: 0px;padding-right: 0px}
.brandtxt{text-align: center;color:#949494;margin:2% 0px 2% 0px;font-size: 28px;}
.f_r ,.brand_e_content_blue{float:right}
.brand_content .col-md-4 .col-md-8{background: #efefef}
.ul_content{margin:31.7% 0;margin-left:15px}
.ul_content li{margin:5% 0;text-align: left;font-size: 20px;background: url('images/li_dotte.png') left center no-repeat; padding-left: 25px}
@media (max-width:1307px){
    .ul_content{margin:33.5% 0;padding-left:15px;}
    .ul_content li{font-size: 15px;}
    .my_content{background:url('images/div_dian.png') 4% 14% no-repeat #efefef;}
}
@media(min-width: 767px)  {
    .service_banner i{background-repeat: no-repeat !important;
        background-position:center 30px !important;}
}
@media (max-width:768px){
    .left_num{ padding:9% 11px}
    .ul_content{padding:1% 0;margin: 29% 0;}
    .ul_content li{font-size: 12px;}
    .dyytxt,.brandtxt{font-size: 18px}
    .operating ,.brand_control{
        border-radius: 15px;
        color:#ffffff;
        line-height: 110px;
        margin: 15px 0;
        display: inline-block;
        padding: 0;
        background:rgba(114, 169, 230, 0.8) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
        background:#efefef;
        filter:Alpha(opacity=40);/*实现IE背景透明*/
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
        width:80px;height:80px;
        font-size:15px;
        font-style: normal;
        line-height: 130px;
    }
    .operating{margin-right:16%;background-image:url('images/dyy2.png') !important;}
    .service_banner i{background-repeat: no-repeat !important;
        background-position:center 10px !important;}
    .brand_control{margin-left:4%;background-image:url('images/ppkg2.png') !important;}
    .dyy{margin-top: 20px}
    .brand_t{margin-top: 20px}

}
@media (max-width:995px){
    .left_num span{ font-size: 47px}
    .left_num{ padding:8.9% 11px}
    .ul_content{margin:29% 0}
    .brand_e_content_blue{float:left}
}
@media (max-width:768px){
    .ul_content{margin:21% 0px;margin-left:20px;}
    .ul_content li{font-size: 14px}
    .brand_f_content_blue p, .brand_e_content_blue p {
        line-height: 142px;
    }
}
@media (max-width:500px){
    .ul_content{height:100%;margin:0 auto;margin-left:20px}
    .brand_f_content_blue div, .brand_e_content_blue div {padding:38%}
}

.brand_mid_img{margin-top:5% }
.brand_mid_img img{margin-bottom:12% }
.square_f,.square_e{padding:1px 10px;}
.square_f{background: #71b6fb}
.square_e{background:#a7cef6}
.left_bg_f{background:url('images/ppkg3.png') center center no-repeat #a7cef6}
.left_bg_e{background:url('images/ppkg4.png') center center no-repeat #a7cef6}

/*行业案例样式*/
.indu_show{width:100%;background:#eae9eb;line-height: 60px;font-size: 25px;color: #323232; padding:5% 0;}
.indu_show2{width:100%;line-height: 60px;font-size: 25px;color: #646464; padding: 5% 0;}
.indu_show3{color: #323232; padding:0 1% 0 1%}
.indu_tip{ background: #b7b7b7; text-align: center;color: #ffffff; font-size: 18px;}
.indu_content{font-size: 14px; line-height: 30px; margin: 0 auto;}
.indu_mtop {margin-top: 5%}
.indu_title2{background:#000000; color: #ffffff; font-weight: bold; font-size: 24px; padding: 10px 40px;}
.indu_title3{color: #000000; font-weight: bold; font-size: 24px; padding: 10px 20px;}
.indu_relative{position:relative;}
.indu_absolute1{width:100%;position:absolute;top:30px;}
.indu_absolute1{position:absolute;top:30px;}
@media (min-width: 1307px){
    .indu_show{line-height: 60px;font-size: 18px;}
    .indu_show2{line-height: 60px;font-size: 18px;}
    .indu_tip{font-size: 24px;}
}
@media (max-width: 768px) {
    .indu_show,.indu_show2{line-height: 60px}
    .indu_content{padding: 0 10px;font-size: 16px;text-align:justify;text-justify:inter-ideograph;line-height: 30px}
    .indu_tip{ background: #b7b7b7; text-align: center;color: #ffffff; font-size: 18px;}
}


.indu_img {
    margin: 0 0;
    padding: 0 0;
    position:absolute;
}
.indu_img1{top:15%}
.indu_img3{top:55%}
#indu_img1{ -webkit-animation:imgscale1 8s infinite linear ; }
#indu_img2{ -webkit-animation:imgscale2 8s infinite linear ; }
#indu_img3{ -webkit-animation:imgscale3 8s infinite linear ; }
@-webkit-keyframes imgscale1 {
    0% {
        -webkit-transform: scale(1.0);
    }
    50% {
        -webkit-transform: scale(0.7);
    }
    70% {
        -webkit-transform: scale(0.3);
    }
    100% {
        -webkit-transform: scale(1.0);
    }
}
@-webkit-keyframes imgscale2 {
    0% {
        -webkit-transform: scale(0.2);
    }
    50% {
        -webkit-transform: scale(1.0);
    }
    70% {
        -webkit-transform: scale(0.7);
    }
    100% {
        -webkit-transform: scale(0.2);
    }
}
@-webkit-keyframes imgscale3 {
    0% {
        -webkit-transform: scale(0.3);
    }
    50% {
        -webkit-transform: scale(1.0);
    }
    70% {
        -webkit-transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(0.3);
    }
}
.indu_title{color:#323232;margin:2% 0px 2% 0px;font-size: 24px;}
@media (min-width: 1307px) {
    .indu_title{color:#323232;margin:2% 0px 2% 0px;font-size: 18px; font-weight: bold}
}
.mtop{margin-top: 200px;}
@media (max-width:768px){
    .indu_title{color:#323232;margin:2% 0px 2% 0px;font-size: 14px; font-weight: bold}
    .mtop{margin-top: 20px;}
}
.indu_title .center{text-align: center}
.indu_title .left{text-align: left}

.indu_brand li{margin:2% 0px 2% 0px;}
.indu_brand .img-responsive:hover{-webkit-animation-name: shake;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    display: table-cell;
    -webkit-transition: all .5s ease-in-out;
    vertical-align: middle;
}

/******业务范围*********/
.business_show1{ font-size: 14px; color: #323232}
.business_show1 .title{ width: 100%; text-align: center; font-size: 26px; font-weight: bold; color: #323232; padding: 2% 0;}
.business_show1 .txt{ line-height: 30px;}
.business_show1 .title2{font-size: 16px;font-weight: bold}
.business_show2{width: 100%; background: #eff4f7; color: #646464; padding: 5% 0;}
.business_show2 .title{ width: 100%; text-align: center; font-size: 26px; font-weight: bold; color: #323232; padding: 2% 0;}
.business_show2 .txt{}
.busi_pad{ padding: 0 5%}
.business_line{
    border-left: 2px solid #b3b3b3;
    display: inline-block;
    margin-left: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 0px 0px 3px;
    height: 30px;
    -webkit-animation:business_ailine 1s 1;
}
@-webkit-keyframes business_ailine {
    0% {
        height:10px;
    }
    50% {
        height:15px;
    }
    70% {
        height:20px;
    }
    100% {
        height:30px;
    }
}
.business_img1{width:47px;height:47px;background:url('images/business_img1.png') center no-repeat;}
.business_mtop1{ margin-top: 5%;}
.business_mbot1{ margin-bottom: 5%;}
.business_relative{position:relative; height: 700px;}
.business_absolute1{position:absolute;top:30px;}
.business_absolute2{position:absolute;top: -40px; width: 100%}
.busiimg img{width: 300px; height: 300px}
@media (max-width:768px){
    .busi_pad{ padding: 0}
    .business_show2{padding-bottom: 10%;}
    .business_mtop3{ margin-top: 5%;}
    .business_mbot1{ margin-bottom: 0;}
    .business_mbot2{ margin-bottom: 15%;}
    .business_show2 .txt{text-align:justify;text-justify:inter-ideograph}
   .busiimg img{width: 300px; height: 300px}
    .business_show1 .txt{ font-size: 16px;text-align:justify;text-justify:inter-ideograph}
    .business_show2 .ptop{padding-top: 10%}
    .business_show2 .txt{ padding: 0 10px}
}
a:hover{text-decoration: none}
/***********关于我们************/
.about_line{
    border-left: 1px solid #b3b3b3;
    display: inline-block;
    margin-left: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px 0px 0px 3px;
    height: 100px;
    -webkit-animation:about_ailine 2s 1;
}
@-webkit-keyframes about_ailine {
    0% {
        height:10px;
    }
    50% {
        height:45px;
    }
    70% {
        height:70px;
    }
    100% {
        height:100px;
    }
}
.about_mtop1{margin-top: 15%}
.about_mtop2{margin-top: 6%}
.about_mbot{margin-bottom: 10%}
.about_txt1 p{
    font-size:20px;color: #323232;line-height: 30px; text-align: center; margin-top: 2%;
}
@media (min-width:1307px){
    .about_txt1 p{
        font-size:16px;color: #323232;line-height: 30px; text-align: center; margin-top: 2%;
    }
}
@media (max-width: 768px) {
    .about_txt1 p{
        font-size:16px;color: #323232;line-height: 30px; text-align: left; margin-top: 2%;text-align:justify;text-justify:inter-ideograph;
    }
    .about_line{
        border-left: 2px solid #b3b3b3;
        display: inline-block;
        margin-left: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px 0px 0px 3px;
        height: 50px;
    }

}
.about_title{font-size:30px; font-weight: bold}
.about_team{ margin-top: 6%}
.about_team .title{ font-size: 24px; color: #2d2727;}
.about_team .content p{ font-size: 18px; color: #2d2727;line-height: 30px; margin-top: 2%}
@media (min-width:1307px){
    .about_team .title{ font-size: 18px; color: #2d2727; font-weight: bold}
    .about_team .content p{ font-size: 14px; color: #2d2727;line-height: 30px; margin-top: 2%}
}
.about_righttxt{
    background: #333333;
    color: #cccccc;
    text-align: left;
    padding: 27px 6%;
    font-size: 18px;
    height: 378px;
}
.about_righttxt p{line-height: 35px}
.about_righttxt .title{font-size: 24px; color: #e0dddd; font-weight: bold}
.about_righttxt .title2{font-size: 18px; color: #ffffff; }
.about_righttxt .title3{font-size: 24px; color: #b6b6b6; font-weight: bold}
.about_righttxt .contact{color: #FFFFFF;}
@media (min-width:1307px){
    .about_righttxt{
        background: #333333;
        color: #b6b6b6;
        text-align: left;
        padding: 47px 6%;
        font-size: 16px;
        height: 378px;
    }
    .about_righttxt .title{font-size: 20px; color: #e0dddd; font-weight: bold}
    .about_righttxt .title2{font-size: 16px; color: #ffffff; }
    .about_righttxt .title3{font-size: 18px; color: #b6b6b6; font-weight: bold}
}

.ani{display: block}
.ani2{display: none}
.ani3{display: none}
@media (max-width:768px){
    .ani{display: none}
    .ani2{display: block;position:absolute;top:40%}
    .ani3{display: block}
    .about_team{ padding: 0 10px}
    .about_team .content p{ font-size: 16px;line-height: 30px; text-align:justify;text-justify:inter-ideograph}
}
/********合作伙伴******/
.partner_img{padding: 0; text-align: left}
.partner_mtop{margin-top: 2%}
.partner_mbot{margin-bottom: 2%}
@media (max-width: 768px) {
    .partner_img{text-align: center}
}

.carousel-inner .item img{width:100%}

#slideshow{background:url(images/gray_bg.jpg)}
@media (min-width: 768px){
    .navbar > .container .navbar-brand {
        margin-left: 0px;
    }   }

/*news 列表样式 James*/
.clear{clear:both;height: auto;overflow: hidden}
.news_category{max-width:995px;text-align: center;font-size: 26px;font-family: '微软雅黑';margin:70px auto;padding:25px 0px;background:#f1f1f1}
.li{max-width:945px;border-bottom:1px solid #c1c1c1;padding:20px 0px;margin:0 auto; }
.news_title a{font-size: 20px;color: #545454}
.paglist{margin:20px 0px;text-align: center}
.more{font-size: 14px;color:#909090}
.img .img-responsive{min-width:107px;min-height:107px;}
.news_right{max-width: 795px;padding-left:3%}
.img{max-width:107px;height:107px;}
.img,.news_right{float:left}
.news_content{max-width:1000px;margin:0 auto;}
.text_Center{text-align: center;margin:100px 0px;font-size: 24px;}

/*招聘*/
.zp_title{max-width: 995px;border-bottom:1px solid #dedede;margin:0 auto;text-align: center;padding:35px;}
.zp_title span{font-size: 24px;color:#494949}
.zp_title p{color:#a9a9a9;margin-top:15px}
.zp_name{text-align: center}
.zp_name a{display:block;min-height: 157px;min-width: 260px;line-height: 157px;color:#494949}
.zp_name a:hover{color:white;background: #00acf0}
/*招聘详情*/
.zp{max-width: 1000px;margin:0 auto;}
.zp h6,.zp>div{background:#f1f1f1;color:#878787;width:100%;}
.zp h6{font-size: 20px;height:70px;line-height: 70px;margin:130px 0 50px 0px;text-indent: 20px;}
.zp>div{margin-bottom:50px;padding:20px}
.zp_content{margin-top:15px;}
@media (max-width: 530px){
    .tree .row a {
        font-size: 14px
    }
}
/*联系我们表单*/
.contact_banner{max-width: 1290px;background:url(../default/images/contact_bg.jpg);margin:0 auto;}
.contact_banner p,.service_banner label{text-align: left!important}
.contact_banner p{margin:5% 0px}
.contact_banner .parallax{top:5%}
.form-group {
    margin-bottom: 30px;
}
.btn-default{background-color: #eb6300;color: white;  width: 50%;}
/*首页五篇文章*/
.five_title h3{font-size:30px;font-weight: bold;color:#2a2a2a;margin-top:5%}
.five_title h4{font-size:25px;font-weight: bold;color:#323232;font-weight: normal}
.five_title h3,.five_title h4{text-align: center;font-family: '微软雅黑'}
.workflow_bg{background:url(images/five_bg.jpg);padding-top:5%}
.clearfix .workflow1:hover .blue{background:url(images/1-2.png) center center no-repeat}
.clearfix .workflow2:hover .blue{background:url(images/2-2.png) center center no-repeat}
.clearfix .workflow3:hover .blue{background:url(images/3-2.png) center center no-repeat}
.clearfix .workflow4:hover .blue{background:url(images/4-2.png) center center no-repeat}
.clearfix .workflow5:hover .blue{background:url(images/5-2.png) center center no-repeat}
.clearfix li a{color:#323232;text-decoration: none}
/*默认颜色*/
.clearfix .workflow1 .blue,.clearfix .workflow5 .blue{background-color: #3289da}
.clearfix .workflow2 .blue,.clearfix .workflow4 .blue{background-color: #00acf0}
.clearfix .workflow3 .blue{background-color: #0083bd}

@media (max-width: 768px){
    #slideshow,.service_banner{margin-top:50px;}
}