.maxProposal {
    width: 100%;
    margin: auto;
    position: relative;
}
.maxdescribe {
    width: 1000px;
    margin: 0 auto 30px;
    text-align: center;
}
.maxProposal .maxSolution {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.maxProposal .maxSolution .maxcontent {
    margin: auto;
}
.maxProposal .maxBorder .ex-slide1 {

}
.maxProposal .maxBorder .filp {
    display: none;
}
.maxProposal .maxBorder .textarea {
    color: #000;
    line-height: 2em;
    font-size: 14px;
    position: absolute;
    top: 50px;
    width: 40%;
    height: 350px;
    display: table;
}
.maxProposal .maxBorder .maxalign {
    width: 1000px;
    margin: 30px auto 0;
    display: block;
}
.maxProposal .maxBorder .swit4 .textarea .second b {
    font-weight: normal;
    color: #fcc502;
}
.maxProposal .maxBorder .textarea ul {
    margin-left: 310px;
    height: 190px;
}
.maxProposal .maxBorder .swit2 .textarea ul {
    margin-top: 30px;
    height: 160px;
}
.maxProposal .maxBorder .swit4 .textarea ul {
    margin-top: 30px;
    height: 160px;
}
.maxProposal .maxBorder .textarea li {
    list-style: none;
    border: 0;
    text-align: left;
    line-height: 32px;
    color: #fff;
    margin-bottom: 20px;
    font-size: 15px;
    background: url(../images/index_dian1.png) no-repeat left 12px;
    background-size: 12px;
    padding-left: 20px;
    margin-left: 0;
}
.maxProposal .max-extxtslide .switchable-textearBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: table;
    height: 460px;
}
.maxProposal .max-extxtslide .switchable-textearBox li {
    border-top: 0;
    cursor: pointer;
}
.maxProposal .max-extxtslide .switchable-textearBox li a {
    display: block;
}
.maxProposal .switchable-textearBox .item1 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_shengxian.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item1.active .swtitle {
    background: #137ef6 url(../images/index_shengxian.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item2 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_fuzhang.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item2.active .swtitle {
    background: #137ef6 url(../images/index_fuzhang.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item3 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_qiche.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item3.active .swtitle {
    background: #137ef6 url(../images/index_qiche.png) no-repeat 20px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item4 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_nongye.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item4.active .swtitle {
    background: #137ef6 url(../images/index_nongye.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item5 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_muying.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item5.active .swtitle {
    background: #137ef6 url(../images/index_muying.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item6 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_yiyao.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item6.active .swtitle {
    background: #137ef6 url(../images/index_yiyao.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item7 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_dianshigouwu.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item7.active .swtitle {
    background: #137ef6 url(../images/index_dianshigouwu.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item8 .swtitle {
    background: rgba(255, 255, 255, 0.5) url(../images/index_baihuo.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .switchable-textearBox .item8.active .swtitle {
    background: #137ef6 url(../images/index_baihuo.png) no-repeat 15px center;
    background-size: 45px;
}
.maxProposal .max-extxtslide .swtitle {
    width: 232px;
    line-height: 57px;
    border-bottom: 1px solid #137ef6;
    display: block;
    padding: 0 10px 0 75px;
}
.maxProposal .max-extxtslide .switchable-textearBox .active .swtitle {}
.maxProposal .max-extxtslide .swtitle .swtitle-tarea {
    display: block;
    text-align: left;
    font-size: 16px;
    color: #000;
}
.maxProposal .max-extxtslide .active .swtitle-tarea {
    color: #fff;
}
.maxProposal .max-extxtslide .switchable-textearBox .swbar {
    display: none;
}
.maxProposal .maxButton {
    margin-left: 126px;
    /*margin-top: 100px;*/
}
.maxProposal .maxButton .max-Apply {
    background: #dab11f;
    line-height: 2.5em;
    height: 2.5em;
    width: 215px;
    padding: 0;
}
.maxProposal .maxButton .details {
    background: #2b79cf;
    font-size: 20px;
    color: #fff;
    line-height: 2.5em;
    height: 2.5em;
    width: 215px;
    display: inline-block;
    zoom: 1;
    border-radius: 0.2em;
    cursor: pointer;
    margin-left: 200px;
    text-align: center;
}
.maxProposal .maxmore .AdvBanner {
    margin: 30px 0 0px;
}
.maxProposal .maxmore .AdvBanner a {
    background: #087ef5;
    width: 180px;
    line-height: 60px;
    display: block;
    text-align: center;
    margin: auto;
    border-radius: 3px;
    padding-left: 10px;
}
.maxProposal .maxmore .maxBorder .AdvBanner {
    margin-top: 20px;
}
.switchable-content{
    text-align: center;
}
#ex_slide_579 {
    width: 1180px;
    height: 517px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
#ex_slide_579 ol {}
#ex_slide_579 ol .switchable-panel {
    height: 517px;
    width: 1180px;
    display: block;
    overflow: hidden;
    border: 0;
    margin: 0;
}
#ex_slide_579 img {
    width: 100%;
    height: 517px;
}
#ex_slide_579 .switchable-triggerBox {
    position: absolute;
    bottom: 40px;
    right: 0px;
    z-index: 9;
}
#ex_slide_579 .switchable-triggerBox li {
    height: 20px;
    width: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-right: 10px;
    font-size: 50px;
    line-height: 20px;
}
#ex_slide_579 ul li.active {
    color: #e31836
}
.fuwu.active {}
#myCarousel .carousel-control{
    position: absolute;
    width: 15%;
}
#myCarousel .carousel-control.left{
    left: -20px;
}
#myCarousel .carousel-control.right{

    right: -20px;
}
#myCarousel .fuwu {
    display: none;
    height: 400px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.fuwu .fuwu-wrap {
    width: 40%;
    height: 90%;
}
.fuwu .fuwu-wrap p {
    margin-top: 50px;
    line-height: 40px;
}
.fuwu .fuwu-img img {
    height: 350px;
}
.linex{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}
.maxProposal .maxBorder .textarea .second {
    font-size: 26px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 60px;
    margin-left: 300px;
    height: 120px;
    display: block;
    width: 80%;
}
.linex .carousel-control .fa{
    margin-top: 190px;
    margin-left: -80px;
}
.linex .carousel-control .fa.fa-angle-right{
    margin-left: 80px;
}
.video {
    position: relative;
    height: 675px;
    margin: 50px 0 50px;
}
.video .float-top{
    position: absolute;
    height: 676px;
    width: 100%;
}
.video .play-video{
    position: absolute;
    height: 205px;
    width: 205px;
    background: url(../images/paly.png) no-repeat;
    left: 0;
    top: 35%;
    margin-top: -100px;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}
.video video{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.news_left{position: relative;}
.news_left img{width: 500px;height: 200px;}
.news_left span{
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    bottom: 0;
    font-size: 16px;
    line-height: 40px;
    background: rgba(0, 0, 0, .6);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.news_left span:hover{
    color: #109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.news_right{height: 200px;width: 500px;}
.news_right{height: 200px;width: 500px;}
.news_right li{
    height: 40px;
    line-height: 40px;
    background: url(../images/r1.png) no-repeat left;
    padding-left: 4%;
}
.news_right li p{
    width: 360px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.news_right li:hover a{
    color: #109cda !important;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.vPlayBox{margin-top: 10px;}
.ability_box .first .a_left span{position: absolute;width:100%;height: 80px;bottom: 0;text-align: center;background: rgba(0, 0, 0, .5);font: 28px/80px '"Roboto",Arial,Tahoma,sans-serif';color: #fff;}
.ability_box .first .a_right span:first-child{position: absolute;left: 20px;top: 20px;font: 28px/32px '"Roboto",Arial,Tahoma,sans-serif';color: #fff;}
.ability_box .first .a_right span:nth-child(2){position: absolute;display: inline-block;width: 100%; bottom: 0;font: 20px/40px '"Roboto",Arial,Tahoma,sans-serif';color: #fff;text-align: center;background: rgba(0, 0, 0, .5);}
.map_box span{position: absolute;left: 60px;top: 40px;font: 700 40px/48px '"Roboto",Arial,Tahoma,sans-serif';color: #fff;}

#video{
    background: url(../images/20168222038281563067.jpg);
}
@media (max-width: 992px) {
    .news_left img{width: 100%;}
    .news_right{width: 100%;padding: 0 10px;}
    .ability_box .first .a_left span{height:32px;font: 14px/32px '"Roboto",Arial,Tahoma,sans-serif';}
    .ability_box .first .a_right span:first-child{left: 10px;top: 10px;font: 14px/16px '"Roboto",Arial,Tahoma,sans-serif';}
    .ability_box .first .a_right span:nth-child(2){display: inline-block;bottom: 0;font: 14px/16px '"Roboto",Arial,Tahoma,sans-serif';text-align: center;background: rgba(0, 0, 0, .5);}
    .map_box span{left: 16px;top: 16px;font: 700 16px/16px '"Roboto",Arial,Tahoma,sans-serif';}
}
.map-title{
    position: absolute;
    z-index: 30;
    color: #fff;
    font-size: 40px;
    padding: 10px;
}
.news_title{
    text-align: center;
    margin: 30px 30px 0;
}
.chanpin-left{
    height: 550px;
    overflow: hidden;
    position: absolute;
    width: 390px;
    left: 0;
    top: 190px;
}
.chanpin-left ul li{
    height: 40px;
    color: #3b3b3b;
    font-size: 28px;
    margin: 60px 0 60px 81px;
}
.chanpin-right{
    display: none;
    position: absolute;
    width: 761px;
    top: 179px;
    right: 0;
    font-family: PingFang-SC-Medium;
}
.chanpin-right.active{
    display: block;
}
.chanpin-right h3 {
    line-height: 48px;
    font-size: 26px;
}
.chanpin-right p{
    font-size: 18px;
    color: #929292;
    margin:2% 0;
}
.chanpin-right .chanpin-btn{
    display: block;
    width: 132px;
    height: 38px;
    border-radius: 19px;
    border: solid 1px #939393;
    text-align: center;
    font-family: PingFang-SC-Medium;
    font-size: 18px;
    line-height: 38px;
    color: #424242;
    margin: 24px 0 22px;
}
.chanpin-right .chanpin-img{
    width: 758px;
    height: 280px;
    overflow: hidden;
}
.chanpin-right .chanpin-img img{
    width: 100%;
    display: block;
}
.scroll-a{
    display: block;
    position: absolute;
    width: 270px;
    height: 280px;
    background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
    z-index: 2;
}
.scroll-a.bottom{
    bottom: 0;
    background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}
.jiejue.container-fluid{
    background: #334b6f;
    height: 600px;
    position: relative;
    overflow: hidden;
}
.jiejue-container{
    overflow: hidden;
    width: 1600px;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}
.jiejue-box{
    width: 120%;
    height: 100%;

}
.jiejue-box-img{
    width: 280px;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.jiejue-box-img.active:hover{
    animation: move 0.5s;
    animation-fill-mode: forwards;
}
@-webkit-keyframes move{
    from{
        width: 260px;
    }
    to{
        width: 490px;
    }
}
.jiejue-box-img{
    animation: moved 0.5s;
}
@-webkit-keyframes moved{
    from{
        width: 490px;
    }
    to{
        width: 260px;

    }
}
.jiejue-box-img .img{
    display: inline-block;
    width: 280px;
    height: 100%;
}
.jiejue-box-img .title{
    position: absolute;
    bottom: 100px;
    left: 50px;
    color: #fff;
    font-size: 30px;
}
.jiejue-box-img .txt{
    width: 200px;
    height: 100%;
    /*border: 1px solid #fff;
    background: #fff;*/
    color: #fff;
    position: relative;
    left: 280px;
    z-index: 6;
    bottom: 599px;
}
.jiejue-box-img .txt .txt-title{
    position: relative;
    width: 160px;
    top: 287px;
    left: 30px;
}
.jiejue-box-img .txt .txt-wrap{
    font-size: 16px;
    width: 160px;
    position: relative;
    top: 300px;
    left: 30px;
    line-height: 30px;
}
@media (max-width: 1400px) {
.jiejue-container.box-j-1,.jiejue-container.box-j-2{
    width: 1200px;
}
.jiejue-box-img{
    width: 200px;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.jiejue-box-img.active:hover{
    animation: move 0.5s;
    animation-fill-mode: forwards;
}
@-webkit-keyframes move{
    from{
        width: 200px;
    }
    to{
        width: 400px;
    }
}
.jiejue-box-img{
    animation: moved 0.5s;
}
@-webkit-keyframes moved{
    from{
        width: 400px;
    }
    to{
        width: 200px;

    }
}
.jiejue-box-img .img{
    display: inline-block;
    width: 200px;
    height: 100%;
}
.jiejue-box-img .title{
    position: absolute;
    bottom: 100px;
    left: 20px;
    color: #fff;
    font-size: 30px;
}
.jiejue-box-img .txt{
    width: 180px;
    height: 100%;
    color: #fff;
    position: relative;
    left: 200px;
    z-index: 6;
    bottom: 599px;
}
.jiejue-box-img .txt .txt-title{
    position: relative;
    width: 160px;
    top: 287px;
    left: 30px;
}
.jiejue-box-img .txt .txt-wrap{
    font-size: 16px;
    width: 160px;
    position: relative;
    top: 300px;
    left: 30px;
    line-height: 30px;
}
}
.fanwei-title{
text-align: center;
font-size: 24px;
}
.news_title{
font-size: 40px;
}
.map-box{
position: relative;
bottom: 200px;
}
.hezuo{
text-align: center;
}
.hezuo h2{
 line-height: 90px;
}
.useing{position: relative;height: 800px;width:1200px;margin:auto;text-align: center;}
.useing>.use-u{padding-top: 100px;text-align: center; position: relative;z-index: 2; height: 800px;}
.useing>.use-u>.use-l-img{position: relative;z-index: 2;left: 5px; top: -208px;}
.useing>.use-u>.use-u-t>h3{font-size: 40px;line-height: 64px;}
.useing>.use-u>.use-u-t>h3>span{color: #2d9afa;}
.useing>.use-u>.use-u-t>p{font-size: 24px;line-height: 40px;}
.useing>.use-u>.user-u-b{height: 200px;    position: relative;bottom: 413px;z-index: 5;}
.useing>.use-u>.user-u-b>li{width: 200px;height: 200px;border-radius: 3px;float: left;box-sizing: border-box;padding: 14px 0 0;list-style: none;margin-right: 133px;background: #fff;transition: all .3s linear;-webkit-transition: all .3s linear;cursor: pointer;position: relative;}
.useing>.use-u>.user-u-b>li span{
position: absolute;
top: 20px;
right: 60px;
font-size: 30px;
display: block;
}
.useing>.use-u>.user-u-b>li .xyj2{
right:48px !important;
}
.useing>.use-u>.user-u-b>li .xyj3{
right:30px !important;
}
.useing>.use-u>.user-u-b>li .xyj4{
right:20px !important;
}
.useing>.use-u>.user-u-b>li:hover{
box-shadow: 0 0 18px rgba(0,0,0,0.2)
}
.useing>.use-u>.user-u-b>li:nth-child(1){border: 2px solid #44e2ba;}
.useing>.use-u>.user-u-b>li:nth-child(2){border: 2px solid #fcd37c;}
.useing>.use-u>.user-u-b>li:nth-child(3){border: 2px solid #bd90ed;}
.useing>.use-u>.user-u-b>li:nth-child(4){border: 2px solid #42bafa;margin-right: 0;}
.useing>.use-u>.user-u-b>li>div{height: 56px;font-size: 40px;color: #303036;}
.useing>.use-u>.user-u-b>li>p{font-size: 16px;padding-bottom: 50px;}
.useing>.use-u>.user-u-b>li>a{
font-size: 14px;
color: #333;
border:1px solid #efefef;
border-radius: 4px;
padding:4% 10%;
}
.useing>.use-u>.user-u-b>li:hover a{
background: #109cda;
color: #fff;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.useing>.use-l{position: absolute;top: 0;width: 100%;height: 600px;overflow: hidden;z-index: 4;}
.useing>.use-l>.use-l-ring{position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 5}
.useing>.use-l>.use-l-ring .breath {position:absolute;transform: translateX(-50%) translateY(-50%);border-radius: 50%;background: rgba(16, 160, 255, .6);animation: map_point 2s infinite;}
.useing>.use-l>.use-l-ring .ring-s{margin-top:-5px;margin-left:-5px;width: 10px;height:10px;background: #58adfb;position: absolute;border-radius: 50%;}
.useing>.use-l>.use-l-ring .breath.ring-a.qingdao{left: 922px;top: 336px; animation-delay: 0.54s}
.useing>.use-l>.use-l-ring .breath.ring-a.jinan{left: 874px;top: 341px; animation-delay: 0.34s}
.useing>.use-l>.use-l-ring .breath.ring-a.beijin{left: 834px;top: 290px;}
.useing>.use-l>.use-l-ring .breath.ring-a.chengdu{left: 577px;top: 432px;}
.useing>.use-l>.use-l-ring .breath.ring-a.changsha{left: 774px;top: 422px;}
.useing>.use-l>.use-l-ring .breath.ring-a.shanghai{left: 982px;top: 405px;}
.useing>.use-l>.use-l-ring .ring-s.qingdao{left: 922px;top: 336px;}
.useing>.use-l>.use-l-ring .ring-s.beijin{left: 834px;top: 290px;}
.useing>.use-l>.use-l-ring .ring-s.jinan{left: 874px;top: 341px;}
.useing>.use-l>.use-l-ring .ring-s.chengdu{left: 577px;top: 432px;}
.useing>.use-l>.use-l-ring .ring-s.changsha{left: 774px;top: 422px;}
.useing>.use-l>.use-l-ring .ring-s.shanghai{left: 982px;top: 405px;}
.useing>.use-l>.use-l-ring .city{display:none;position: absolute;line-height: 24px; width: 180px; background: #104d99;font-size: 14px;text-align: center; color: #fff;padding: 10px;}
.useing>.use-l>.use-l-ring .city-qingdao{top: 300px; left: 960px;}
.useing>.use-l>.use-l-ring .city-jinan{top: 300px; left: 960px;}
.useing>.use-l>.use-l-ring .city-beijin{top: 250px; left: 880px;}
.useing>.use-l>.use-l-ring .city-chengdu{top: 350px; left: 380px;}
.useing>.use-l>.use-l-ring .city-changsha{top: 341px; left: 581px;}
.useing>.use-l>.use-l-ring .city-shanghai{top: 409px;left: 1005px;}
.useing>a{display: inline-block;width: 130px;height: 44px;color: #58adfb;text-align: center;line-height: 44px;text-decoration: none;border: 1px solid #58adfb;border-radius: 5px;font-size: 18px;margin-top: 50px;}
@-webkit-keyframes map_point{
	0% {
		width: 0;
		height: 0;
		box-shadow: 0 0 0 0 rgba(10, 160, 255, .2);
	}
	50% {
		width: 20px;
		height: 20px;
		box-shadow: 0 0 0 10px rgba(10, 160, 255, .2);
	}
	100% {
		width: 0;
		height: 0;
		box-shadow: 0 0 0 0 rgba(10, 160, 255, .2);
	}
}
.jiejue-container.box-j-2{
	left: 1920px;
}
.txt-title h2,.jiejue-box-img .title{

}
.jiejue-next{
	height: 55px;
	width: 55px;
	position: absolute;
	right: 10px;
	top: 50%;
	z-index: 10;
	background: url(../images/箭头.png) no-repeat;
	cursor: pointer;
}
.jiejue-prev{
	height: 55px;
	width: 55px;
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 10;
	background: url(../images/箭头.png) no-repeat;
	cursor: pointer;
	transform: rotate(180deg);
	display: none;
}
.scroll-bar{
	height: 540px;
	top: -500px;
	position: relative;
}
.sp-scroll,.sq-scroll{
	width: 50px;
	height: 50px;
	background: url(../images/箭头.png) no-repeat;
	background-size: 100% 100%;
}
.fanye{
	background: url(../images/arrow_93.696px_1167902_easyicon.net.png) no-repeat 9px 10px;
	background-size: 50%;
	width: 34px;
	height: 34px;
	position: absolute;
	top:15px;
	right:50%;
	border-radius: 50%;
	z-index: 6;
}
.fanye:hover{
	background-color: rgba(0,0,0,0.2);
}
.fanye.xia{
	top:93%;
	transform: rotate(180deg);
}
.jiejue-box-img .title a{
	display: block;
	margin-top: 10px;
	height: 40px;
	width: 40px;
	background: url(../images/箭头.png) no-repeat;
	background-size:cover;
}
#scrollBar>li>img{
	margin-right: 10px;
}
.btn.slide.trans{
	display: inline-block;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 40px;
	height: 40px;
	width: 135px;
	color: #fff;
}
.btn.slide.trans span{
	display: block;
	color: #fff;
	position: relative;
	right: 12px;
	bottom: 6px;
	width: 135px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out 100ms;
	transition: all 0.4s ease-in-out 100ms;
}
.btn.slide.trans:hover{
	border-color:#f19200;
    background: #f19200 !important;
}
.btn.slide.trans:hover span{
	color: transparent;
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
.btn.slide.trans span:after{
	content: '了解更多';
	color: #fff;
	position: absolute;
	height: 40px;
	top: 0px;
	left: 0px;
	right: 0;
	-webkit-transition: all 0.4s ease-in-out 200ms;
	transition: all 0.4s ease-in-out 200ms;
	-webkit-transform: translate(0,100%);
	transform: translate(0,100%);
}
.btn.slide.trans:hover span:after{
	background:#f19200;
}
.video-title{
	position: absolute;
	font-size: 50px;
	color: #fff;
	left: 0;
	right: 0;
	text-align: center;
	margin: 80px auto;
}

/*主标题以及副标题*/
.newtitle{
    padding:40px 0;
    text-align:center;
}
.newtitle h1{
    color:#000;
    font-size:30px;
    line-height:34px;
    margin-bottom:14px;
    font-weight: normal;
}
.newtitle h4{
    color:#333;
    font-size:18px;
    line-height:12px;
    font-weight: normal;
}
.newtitle h6{
    width:20px;
    height:3px;
    background-color:#ff8b24;
    text-align:center;
    position:relative;
    margin-bottom:10px;
    display:inline-block;
    color:#4c4c4c;
    font-weight: normal;
}
.newtitle h6 span{
    width:160px;
    height:1px;
    background-color:#ccc;
    position:absolute;
    top:1px;
    right:40px;
}
.newtitle h6 span:nth-child(2){
    right:-180px;
}
.center{
	width: 1200px;
	margin:0 auto;
}
.service{
	width: 100%;
	overflow: hidden;
    /*background:url(../images/l0.png) no-repeat right;*/
}

/*合作伙伴*/
.partner{
	width: 100%;
	background: url(../images/partner.png);
    margin-bottom: 3%;
}
.partner ul{
	width: 100%;
	overflow: hidden;
}
.partner ul li{
	width: 220px;
	height: 120px;
	margin:0 10px 20px;
	float: left;
	border:1px solid #d9d9d9;
	text-align: center;
	border-radius: 6px;
	display: table;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.partner ul li:hover{
	border:1px solid #109cda;
	background: #fff;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*蓝海汇软件开发*/
.kaifa{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.kaifa img{
	width: 100%;
}
.kaifa .fuwu{
	position: absolute;
	top: 35%;
}
.kaifa .fuwu h1{
	color: #fff;
	font-size:40px;
	font-weight: bold;
	margin:3% 0;
}
.kaifa .fuwu p{
	color: #fff;
	font-size:22px;
	margin:3% 0;
}
.kaifa .fuwu a{
	display: block;
	line-height: 40px;
	color: #f29300;
	font-size: 18px;
	border:1px solid #fff;
	border-radius: 22px;
	width: 150px;
	text-align: center;
	float: left;
}
.kaifa .fuwu a:hover{
	color: #fff;
	border:1px solid #f29300;
	background:#f29300;
	-webkit-transition: 0.5s;
	 -o-transition: 0.5s;
	 transition: 0.5s;
}

/*首页新闻*/
.bigback{
	width: 100%;
	height: 700px;
}
.section-product {
  	position: relative;
  	width: 100%;
  	height: 100%;
  	background-color: #DBEEF6;
  	overflow: hidden;
}
.section-product > div {
  	position: relative;
  	z-index: 1;
}
.news {
  	position: absolute !important;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
}
.section-product-bg-inner {
  	position: absolute;
  	top: 0;
  	left: 0;
}
.news {
  	background-image: url(../images/homepage-product-bg.jpg);
  	background-repeat: no-repeat;
  	background-position: top;
  	background-size: cover;
  	z-index: 0 !important;
}
.section-product-bg-inner {
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover;
}
.section-product-bg-inner:before,
.section-product-bg-inner:after {
  	content: " ";
  	display: table;
}
.section-product-bg-inner:after {
  clear: both;
}

.section-product-bg-inner img {
  	display: block;
  	height: 100%;
}
.section-product-bg-inner img + img{
	position: absolute;
  	top: 0;
  	left: 100%;
}
.section-product-bg-top {
  	height: 100%;
  	animation: product-bg-animation-top 50s linear infinite;
}
.section-product-bg-middle {
  	height: 100%;
  	animation: product-bg-animation-middle 60s linear infinite;
}
.section-product-bg-bottom {
  	height: 100%;
  	animation: product-bg-animation-bottom 70s linear infinite;
}
@keyframes product-bg-animation-top {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes product-bg-animation-middle {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes product-bg-animation-bottom {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.con{
	width: 100%;
	overflow: hidden;
	margin:3% 0 0;
}
.newsleft{
	float: left;
	width: 460px;
	height: 390px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.newsleft img{
	width: 100%;
    height: 100%;
	display: block;
}
.newsleft:hover img{
	-webkit-transform: scale(1.12);
	-ms-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.newsleft p{
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.8);
	bottom: 0;
	left: 0;
	line-height: 44px;
	padding: 0 3%;
	text-align: center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.newsleft a{
	color: #fff;
	font-size: 16px;
}
.newsright{
	width: 720px;
	height: 400px;
	float: right;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.newsright ul{
	width: 100%;
	overflow: hidden;
}
.newsright ul li{
	height:90px;
	margin-bottom:10px;
}
.newsright ul li dl{
	width:90px;
	height:90px;
	margin-right:15px;
	border:1px solid #c1c1c1;
	float:left;
}
.newsright ul li dl dt{
	font-size:30px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	color:#020202
}
.newsright ul li dl dd{
	text-align:center;
	font-size: 16px;
	font-weight: bold;
}
.newsright ul li h2{
	font-size:16px;
	line-height:30px;
	width:570px;
	float:left;
	font-weight:normal;
	padding-top:3px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.newsright ul li p{
	font-size:14px;
	color:#666666;
	width:600px;
	float:left;
	line-height:25px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.newsright ul li:hover{
	background:#109cda;
	color:#fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover dl{
	border:1px solid #FDB636;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover dl dt{
	color:#fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover dl dd{
	color: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover h2{
	text-indent: 1em;
	color: #fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover h2 a{
	color:#fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.newsright ul li:hover p{
	text-indent: 1em;
	color:#fff;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*业务覆盖*/
.business{
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
	background: url(../images/fanwei.png) no-repeat center center;
}
.business img{
	width: 100%;
	overflow: hidden;
}
.business .bac{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
}
.business .maps{
	width: 700px;
	margin:3% auto 0;
	position: relative;
}
.business .maps .map_list{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.business .maps .map_list .map-dot1{
	width: 43px;
	height: 53px;
}
.business .maps .map_list .map-dot1 p{
	width: 176px;
	color: #fff;
	background: #104d99;
	padding:25%;
	font-size: 14px;
	text-align: center;
	border-radius: 6px;
	display: none;
}
.business .maps .map_list .map-dot1 .p1{
	position: absolute;
	top:-18%;
	right: 46px;
}
.business .maps .map_list .map-dot1 .p2{
	position: absolute;
	top:-40%;
	right: -178px;
}
.business .maps .map_list .map-dot1 .p3{
	position: absolute;
	top:-20%;
	right: 46px;
}
.business .maps .map_list .map-dot1 .p4{
	position: absolute;
	top:-15%;
	left: 50px;
}
.business .maps .map_list .map-dot1 .p5{
	position: absolute;
	top:95%;
	left: 0;
}
.business .maps .map_list .map-dot1 .p6{
	position: absolute;
	top:100%;
	right: 6px;
}
.business .maps .map_list .map-dot1:hover img{
	-webkit-animation: bounce 0.8s .1s ease both;
	cursor: pointer;
}
.business .maps .map_list .map-dot1:hover p{
	display: block;
	box-shadow: 0 0 20px #fff;
}
.business .list{
	width: 800px;
	margin: 5% auto;
	z-index: 1;
}
.business .list ul{
	width: 100%;
	overflow: hidden;
}
.business .list ul li{
	float: left;
	color: #fff;
	text-align: center;
	width: 200px;
}
.business .list ul li h2{
	font-size:36px;
}
.business .list ul li p{
	font-size: 16px;
	margin:6% 0;
}

/*解决方案*/
.solves{
	width: 100%;
	margin:auto;
	overflow: hidden;
}
.solves .fuwulist{
	width: 100%;
	height:498px;
	overflow: hidden;
}
.solves .fuwulist ul{
	width: 100%;
}
.solves .fuwulist ul li{
	float: left;
	position: relative;
	height: 498px;
	overflow: hidden;
	margin-right: 0  !important;
}
.solves .fuwulist ul li img{
	width: 100%;
	height: 100%;
	display: block;
}
.solves .fuwulist ul li:first-child{
	width: 32% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(2){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(3){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(4){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(5){
	width:32% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(6){
	width:32% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(7){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(8){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(9){
	width:12% !important;
	overflow: hidden;
}
.solves .fuwulist ul li:nth-child(10){
	width:32% !important;
	overflow: hidden;
}
.solves .fuwulist ul li .men{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	bottom: 0;
}
.solves .fuwulist ul li:hover .men{
	background:rgba(0,0,0,0.3);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.solves .fuwulist ul li .men .tiao{
	margin:181px 0;
	text-align: center;
	z-index: 99;
}
.solves .fuwulist ul li:hover .men .tiao{
	margin:160px 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.solves .fuwulist ul li .men .tiao h2{
	color: #fff;
	font-size: 22px;
	margin:7% 0;
}
.solves .fuwulist ul li .men .tiao .lines{
	width: 4px;
	height: 30px;
	background: red;
	margin:0 auto;
	display: none;
}
.solves .fuwulist ul li .men .tiao p{
	color: #fff;
	font-size: 16px;
	margin:2% 3%;
	display: none;
}
.solves .fuwulist ul li:hover .men .tiao .lines{
	display: block;
}
.solves .fuwulist ul li:hover .men .tiao p{
	display: block;
}

/*软件设计与开发导航上字体加载*/
.slide_style_left {
    text-align: center !important;
}

.slide-text>h1 {
    line-height: 70px;
}

.advantage {
    background-color: #f2f2f2;
    padding: 10px 0;
}

.advantage .over-hide {
    max-width: 1500px;
}

.main2 {
    padding-bottom: 60px;
}

.slide-text>h1 {
    font-size: 56px;
    line-height: 40px;
    margin-bottom: 10px;
}

.slide-text>p {
    font-size: 22px;
    line-height:70px;
}

.slide-text>a.btn-primary {
    padding: 8px 23px;
}

/*软件定制研发服务*/
.dingzhi{
    /*background: url(../images/lizi.png) no-repeat left;*/
    background-size: 24%;
}
.dingzhi .rent_houses{
    width: 100%;
    overflow: hidden;
}
.dingzhi .rent_houses ul{
    width: 100%;
    overflow: hidden;
}
.dingzhi .rent_houses ul li{
    float: left;
    width: 150px;
    margin:0 75px;
    text-align: center;
}
.dingzhi .rent_houses ul li img{
    height: 65px;
}
.dingzhi .rent_houses ul li:hover{
    cursor: pointer;
}
.dingzhi .rent_houses ul li:hover p{
    color:#109cda;
    -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
.dingzhi .rent_houses .focues{
    border-bottom: 3px solid #b1aeae;
}
.dingzhi .rent_houses .focues p{
    color: #109cda;
}
.dingzhi .rent_houses ul li p{
    font-size: 14px;
    color:#000;
    margin:3% 0;
}
.frame{
    width: 94%;
    height:auto;
    margin:0 auto;
    border:1px solid #b1aeae;
    margin-bottom: 2%;
    padding:3% 0;
}
.frame p{
    width: 50%;
    text-align: center;
    margin:0 auto 3%;
    line-height: 24px;
}
.frame dl{
    width: 100%;
    overflow: hidden;
}
.frame dl dt{
    width: 33.333%;
    float: left;
    padding:0 4%;
}
.frame dl dt img{
    float: left;
    margin-right:10%;
    width: 46px;
    padding-bottom: 6%;
    border-bottom: 3px solid #ccc;
}
.frame dl dt h2{
    font-size: 18px;
    margin-bottom: 2%;
}
.frame dl dt span{
    font-size: 12px;
}
.frame dl dt:hover img{
    border-bottom: 3px solid #f29300;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.frame dl dt:hover h2{
    color:#109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.frame dl dt:hover span{
    color:#109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*我们的优势*/
.youshi{
    width: 100%;
    height:670px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.youshi .videobg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.youshi .youlist{
    position: relative;
    z-index: 99;
    padding-top: 10%;
}
.youshi .youlist ul li{
    width: 400px;
    height: 250px;
    float: left;
    text-align: center;
    position: relative;
}
.youshi .youlist ul li .im{
    width:100px;
    height:100px;
    border-radius: 50%;
    margin:0 auto;
    padding:5% 0;
    background: rgba(0,0,0,0.4);
}
.youshi .youlist ul li .im img{
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.youshi .youlist ul li p{
    font-size: 16px;
    color: #fff;
    margin:3% 0;
}
.youshi .youlist ul li .desc{
    position: absolute;
    top: -66px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    height: 240px;
    background: rgba(0,0,0,0.3);
    padding:10%;
    display: none;
}
.youshi .youlist ul li .desc h2{
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin:15% 0 5%;
}
.youshi .youlist ul li .desc .lin{
    width: 40px;
    height: 3px;
    margin:0 auto;
    background: #f29300;
}
.youshi .youlist ul li .desc p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin:10% 0 0;
}
.youshi .youlist ul li .im:hover img{
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

/*行业解决方案*/
.solutions ul{
    width: 100%;
    overflow: hidden;
}
.solutions ul li{
    float: left;
    width: 280px;
    height: 330px;
    border:1px solid #efefef;
    margin:0 10px 20px;
    overflow: hidden;
    position: relative;
    transition: all .4s;
}
.solutions ul li img{
    width: 100%;
    height: 100%;
    display: block;
}
.solutions ul li .marks{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
}
.solutions ul li .module1-text {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    transition: all .5s;
}
.solutions ul li .module1-text i {
    height: 46px;
    width: 43px;
    background-size: 100% 100%;
    background: url(../images/z1.png) no-repeat;
}
.solutions li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.solutions ul li:nth-child(2) .module1-text i {
    background: url(../images/z1.png) no-repeat;
}
.solutions ul li:nth-child(3) .module1-text i {
    width: 73px;
    background: url(../images/z3.png) no-repeat;
}
.solutions ul li:nth-child(4) .module1-text i {
    width: 55px;
    background: url(../images/z4.png) no-repeat;
}
.solutions li:nth-child(5) .module1-text i {
    width: 55px;
    height: 55px;
    background: url(../images/z5.png) no-repeat;
}
.solutions li:nth-child(6) .module1-text i {
    width: 55px;
    height: 55px;
    background: url(../images/z6.png) no-repeat;
}
.solutions li:nth-child(7) .module1-text i {
    width: 55px;
    background: url(../images/z7.png) no-repeat;
}
.solutions li:nth-child(8) .module1-text i {
    width: 55px;
    background: url(../images/z8.png) no-repeat;
}
.solutions li .module1-text .iconfont {
    margin-top:80px;
    font-size: 70px;
    line-height: 1;
    transition: all .5s;
}
.solutions li .module1-text h3 {
    padding-top: 20px;
    font-size: 18px;
    color: #fff;
    transition: all .5s;
    text-align: center;
}
.solutions li .module1-text .xi{
    width: 30px;
    height: 3px;
    background: #fff;
    margin:10% auto 0;
}
.solutions li .module1-text p {
    width: 190px;
    padding-top: 10px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    visibility: hidden;
}
.solutions li:hover .module1-text {
    background: rgba(0,0,0,0.4);
}
.solutions li:hover .module1-text .iconfont {
    margin-top: 30px;
}
.solutions li:hover .module1-text h3 {
    padding-top: 0;
}
.solutions li:hover .module1-text p {
    visibility: visible;
}

/*精英团队*/
.tuandui{
    background: url(../images/tuandui.png) no-repeat center;
    padding:5% 0;
}
.pa6con {
    position: relative;
    z-index: 999;
    overflow: hidden;
}
.pa6con .swiper-button-prev {
    left: -50px;
    width: 50px;
    height: 50px;
    background: url(../images/left2w.png) no-repeat center center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pa6con .swiper-button-next {
    right: -50px;
    width: 50px;
    height: 50px;
    background: url(../images/right2w.png) no-repeat center center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pa6con .p6box:hover .p6bt 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);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pa6con .p6box a {
    display: block;
    color: #000;
}
.pa6con .p6box .p6bt {
    width: 300px;
    overflow: hidden;
}
.pa6con .p6box .p6bt img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pa6con .p6box .p6bts {
    width: 252px;
    overflow: hidden;
    margin:5% 8%;
}
.pa6con .p6box .p6bts h2{
    font-size: 26px;
    margin:5% 0;
}
.pa6con .p6box .p6bts .xian{
    width: 60px;
    height: 3px;
    background: #ff8b24;
    margin-left: 3%;
}
.pa6con .p6box .p6bts ul{
    margin-top: 30px;
}
.pa6con .p6box .p6bts ul li{
    margin:1% 0;
    line-height: 26px;
}
.de1{
    background: rgba(255,255,255,0.6);
    height: 599px !important;
}

/*服务标准*/
.care{
    background: url(../images/care.jpg) no-repeat center;
    width: 100%;
    overflow: hidden;
    padding:8% 0;
}
.care ul{
    width: 100%;
    overflow: hidden;
}
.care ul li{
    color: #fff;
    width: 360px;
    height: 160px;
    float: left;
    border:1px solid #efefef;
    box-shadow: 0 0 20px #efefef;
    border-radius: 4px;
    margin:20px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.care ul li h2{
    margin:13% 0 0;
    font-size: 24px;
}
.care ul li p{
    font-size: 16px;
    margin-top: 5%;
}
.care ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
}
.care ul li:hover:before {
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
}

/*App高端定制开发*/
.app .newtitle h4{
    line-height: 30px;
}
.app ul{
    width: 100%;
    overflow: hidden;
}
.app ul li{
    width: 200px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:60px 0;
    position: relative;
}
.app ul li i{
    height: 70px;
    width: 50px;
    background-size: 100% 100%;
    background: url(../images/x1.png) no-repeat;
}
.app ul li:nth-child(2) i{
    background: url(../images/x2.png) no-repeat;
}
.app ul li:nth-child(3) i{
    background: url(../images/x3.png) no-repeat;
}
.app ul li:nth-child(4) i{
    background: url(../images/x4.png) no-repeat;
}
.app ul li:nth-child(5) i{
    background: url(../images/x5.png) no-repeat;
}
.app ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.app ul li p{
    font-size: 16px;
    color: #000;
}
.app ul li .de{
    position: absolute;
    top: 30px;
    left: 15px;
    width: 170px;
    height: 170px;
    background: #696969;
    box-shadow: 0 0 16px #999;
    padding: 25px 15px;
    display: none;
}
.app ul li .de h2{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.app ul li .de .string{
    width: 46px;
    height: 3px;
    background: #fff;
    margin:0 auto 14px;
}
.app ul li .de p{
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/*我们的优势*/
.goodness{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.goodness .videobg{
    width: 100%;
    height: 100%;
    position: absolute;
}
.goodness .goodslist{
    position: relative;
    z-index: 99;
}
.goodness ul{
    width: 100%;
    overflow: hidden;
}
.goodness ul li{
    float: left;
    width: 260px;
    margin:130px 20px;
    text-align: center;
}
.goodness ul li i{
    height: 70px;
    width: 75px;
    background-size: 100% 100%;
    background: url(../images/y1.png) no-repeat;
}
.goodness ul li:nth-child(2) i{
    background: url(../images/y2.png) no-repeat;
}
.goodness ul li:nth-child(3) i{
    background: url(../images/y3.png) no-repeat;
}
.goodness ul li:nth-child(4) i{
    background: url(../images/y4.png) no-repeat;
}
.goodness ul li .iconfont {
    display: block;
    margin: 20px auto 15px;
}
.goodness ul li h2{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.goodness ul li p{
    color: #fff;
    font-size:14px;
    line-height: 24px;
    padding:0 32px 30px;
}
.goodness ul li:hover{
    background: rgba(0,0,0,0.4);
    border-radius: 6px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0 18px #fff;
}

/*专业团队，确保所想即所得*/
.rally .newtitle h4{
    line-height: 30px;
}
.modale {
    position: relative;
    overflow: hidden;
}

.modale .eback {
    width: 100%;
    display: block;
}

.modale .w {
    width: 100%;
}

.modale .eitem,.modale .w {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.modale .eitem {
    width: 20.06%;
}

.modale .eitem .eiback {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
    transition: all .3s;
    transform: skew(-7.5deg,0);
    -ms-transform: skew(-7.5deg,0);
    -webkit-transform: skew(-7.5deg,0)
}

.modale .eitem .eicont {
    top: 50%;
    height: 300px;
    margin-top: -80px;
}

.modale .eitem .eicont,.modale .eitem .optioni {
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .5s;
    text-align: center;
}

.modale .eitem .optioni {
    top: 0;
    height: 100%;
}

.modale .eitem .optioni .topon {
    width: 100%;
    height: 100px;
}

.modale .eitem .optioni.title {
    opacity: 1;
}

.modale .eitem .optioni.context {
    opacity: 0;
}

.modale .eitem .eiicon {
    margin: 0 auto;
    transition: all .5s .5s;
    opacity: 0;
    width: 100px;
    height: 100px;
}

.modale .eitem .eitwotxt {
    margin: 0 16px 10px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
}

.modale .eitem .eithretxt {
    margin: 0 10px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.modale .eitem .eionetxt {
    margin: 29px auto;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    color: #fff;
}

.modale .eitem .eiline {
    margin: 18px auto 0;
    transition: all .5s;
    width: 0;
    background: #fff;
    height: 2px;
}

.modale .eitem.eitem1 .eiback {
    left: -50%;
    width: 150%;
    background: rgba(0,0,0,.59);
}

.modale .eitem.eitem1 .eiicon {
    background: url(../images/icon39.png) 50% no-repeat;
}

.modale .eitem.eitem2 {
    left: 20.03%;
    width: 20.27%;
}

.modale .eitem.eitem2 .eiicon {
    background: url(../images/icon37.png) 50% no-repeat;
}

.modale .eitem.eitem3 {
    left: 40.3%;
    width: 21.5%;
}

.modale .eitem.eitem3 .eiback {
    background: rgba(0,0,0,.59);
}

.modale .eitem.eitem3 .eiicon {
    background: url(../images/icon40.png) 50% no-repeat;
}

.modale .eitem.eitem4 {
    left: 61.76%;
    width: 20.06%;
}

.modale .eitem.eitem4 .eiicon {
    background: url(../images/icon38.png) 50% no-repeat;
}

.modale .eitem.eitem5 {
    left: 81.8%;
    width: 18.2%;
}

.modale .eitem.eitem5 .eiback {
    width: 150%;
    background: rgba(0,0,0,.59);
}

.modale .eitem.eitem5 .eiicon {
    background: url(../images/icon41.png) 50% no-repeat;
}

.modale .eitem:hover .eicont {
    margin-top: -150px;
}

.modale .eitem:hover .optioni.title {
    opacity: 0;
}

.modale .eitem:hover .optioni.context {
    opacity: 1;
}

.modale .eitem:hover .eiback {
    background: rgba(0,0,0,0.8);
    transition: all .5s;
}

.modale .eitem:hover .eiicon {
    opacity: 1;
}

.modale .eitem:hover .eiline {
    width: 50px;
}

/*标准App研发流程*/
.yanfa{
    width: 100%;
    overflow: hidden;
    /*background: url(../images/lizi.png) no-repeat left;*/
}
.yanfa .newtitle h4{
    line-height: 30px;
}
.serveAppBk4_picList {
    height: 168px;
    margin: 78px auto;
    width:100%;
    border: 4px solid #ccc;
    border-left: 0px;
    border-radius: 0px 30px 30px 0px;
    position: relative;
}
.serveAppBk4_picList .rjian ul li:nth-child(1){
    position: absolute;
    top: -65px;
    left: 14%;
}
.serveAppBk4_picList .rjian ul li:nth-child(2){
    position: absolute;
    top: -65px;
    left: 35%;
}
.serveAppBk4_picList .rjian ul li:nth-child(3){
    position: absolute;
    top: -65px;
    left: 56%;
}
.serveAppBk4_picList .rjian ul li:nth-child(4){
    position: absolute;
    top: -65px;
    left: 77%;
}
.serveAppBk4_picList .rjian ul li:nth-child(5){
    position: absolute;
    top: 45%;
    right: -45px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.serveAppBk4_picList .rjian ul li:nth-child(6){
    position: absolute;
    bottom: -47px;
    left: 14%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.serveAppBk4_picList .rjian ul li:nth-child(7){
    position: absolute;
    bottom: -47px;
    left: 35%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.serveAppBk4_picList .rjian ul li:nth-child(8){
    position: absolute;
    bottom: -47px;
    left: 57%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.serveAppBk4_picList .rjian ul li:nth-child(9){
    position: absolute;
    bottom: -47px;
    left: 78%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}
.serveAppBk4_picListWid {
    width: 1200px;
}
.serveAppBk4_picms {
    width: 160px;
    height: 152px;
    top: -89px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    float: left;
    position: relative;
    margin-left: 0px;
    left: -27px;
    margin-right: 92px;
}
.serveAppBk4_picms:hover{
    cursor: pointer;
}
.serveAppBk4_picms:hover span{
    color: #109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.serveAppBk4_picms:hover img.img1{
    -webkit-animation: bounce 0.8s .1s ease both;
    cursor: pointer;
}
.serveAppBk4_picms:hover .img2{
    background:#109cda;
    -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
.serveAppBk4_picms:hover .img2 p{
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.serveAppBk4_picms img.img1 {
    margin: 25px auto;
    width: 25px;
    height: 22px;
}
.serveAppBk4_picms .img2 {
    width: 28px;
    height: 28px;
    border:2px solid #109cda;
    border-radius: 50%;
    margin:0 auto;
    margin-bottom: 13px;
    background: #fff;
    z-index: 9;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.serveAppBk4_picms .img2 p{
    background:#109cda;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin:6px auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.serveAppBk4_picms img {
    display: block;
    margin: 0px auto;
    position: relative;
}
.serveAppBk4_picms span {
    position: relative;
    color: #000;
    font-size: 14px;
}

/*经典案例*/
.cases{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cases>ul>li{
    width:24.6% !important;
    height: 500px;
    margin:0.2% !important;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-right: 1px solid #efefef;
}
.cases>ul>li img{
    margin:42% auto;
    display: block;
}
.cases>ul>li .lookmore{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    display: none;
}
.cases>ul>li .lookmore h3{
    font-size:20px;
    color: #fff;
    text-align: center;
    margin:160px 0;
}
.cases>ul>li .lookmore a{
    color: #fff;
    border:1px solid #fff;
    border-radius: 8px;
    display: block;
    width:140px;
    text-align: center;
    margin:70% auto 0;
    line-height:38px;
}
.cases>ul>li .lookmore a:hover{
    background: #f29300;
    border:1px solid #f29300;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.cases .dianji{
    width:280px;
    overflow: hidden;
    text-align: center;
    margin:3% auto;
}
.cases .dianji li{
    width: 100px;
    display: block;
    float: left;
    margin:0 20px;
    border:1px solid #ccc;
    border-radius: 4px;
    line-height: 30px;
    font-size:28px;
}
.cases .dianji .newCaseprev:hover{
    cursor: pointer;
    background: #ff8b24;
    color: #fff;
    border:1px solid #ff8b24;
    padding-right: 5%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.cases .dianji .newCasenext:hover{
    cursor: pointer;
    background: #ff8b24;
    color: #fff;
    border:1px solid #ff8b24;
    padding-left: 5%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*App行内解决方案*/
.fangan{
    background:url(../images/appbg.png) no-repeat center;
    padding-bottom: 5% !important;
    width: 100%;
    overflow: hidden;
}
.news-ul{
    width:1132px !important;
    margin:0 auto;
}
.news-ul .new-li{
    width: 283px !important;
    float: left!important;
    background: #fff;
}
.news-ul .new-li .new-img{
    width: 100%;
    height: 238px;
    overflow: hidden;
    position: relative;
    display: block;
}
.news-ul .new-li .new-img img{
    width: 100%;
    /*height: 100%;*/
    transition-duration:500ms;
}
.news-ul .new-li:hover .new-img img{
    transform:scale(1.04);
}
.news-ul .new-li .new-img span{
    display: block;
    position: absolute;
    width: 26px;
    height: 11px;
    left: 60px;
    top: 0;
    z-index: 22;
    background:url("../images/nw2.png") no-repeat;
}
.news-ul .new-li .new-img .down{
    top:227px;
    background:url("../images/nw1.png") no-repeat;
}
.news-ul .new-li .new-img .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    display: none;
}
.news-ul .new-li .new-img .bg i{
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.news-ul .new-li .new-img .bg i img{
    width:auto;
    height: auto;
    display: block;
    margin:15% auto;
}
.news-ul .new-li .new-img .bg p{
    color: #fff;
    font-size:16px;
    text-align: center;
}
.news-ul .new-li .new-box{
    height: 238px;
    width:100%;
    padding: 70px 35px 0;
    position: relative;
    background: #efefef;
    text-align: center;
}
.news-ul .new-li .new-box .new-title{
    font-size: 18px;
    color: #000;
    line-height: 20px;
    padding-bottom: 14px;
    max-height: 40px;
    display: block;
}
.news-ul .new-li:hover .new-box .new-title{
    color: #0085da;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.news-ul .new-li .new-box:hover .la{
    background: #f29300;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.news-ul .new-li .new-text{
    font-size: 13px;
    color: #999;
    line-height: 24px;
    padding:0 12%;
}
.news-ul .new-li .new-date{
    font-size: 13px;
    color: #999;
    line-height: 24px;
    position: absolute;
    left: 35px;
    bottom: 25px;
}
.news-ul .new-li .new-box .la{
    width: 50px;
    height: 3px;
    background: #ccc;
    margin:0 auto 13%;
}

/*服务*/
.bann{
    width: 100%;
    overflow: hidden;
}
.bann img{
    width: 100%;
    display: block;
}
.servicelist .tit{
    width: 765px;
    margin:0 auto;
}
.servicelist .tit h2{
    font-weight: bolder;
    color: #333;
    margin-bottom: 2%;
}
.servicelist .tit span{
    font-size: 16px;
    color: #333;
}
.servicelist .tit .x{
    width: 50px;
    height: 3px;
    background: #ccc;
    margin:1% 0 0;
}
.servicelist .tit p{
    line-height: 26px;
    font-size: 14px;
    color: #333;
    margin:1% 0 0;
}
.servicelist{
    background: url(../images/bac.png) no-repeat center;
    margin:0 0 3%;
    padding:10% 0 0;
}
.servicelist ul{
    width: 100%;
    overflow: hidden;
}
.servicelist ul li{
    float: left;
    width: 370px;
    height: 450px;
    border:1px solid #efefef;
    margin:30px 15px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.servicelist ul li:hover{
    box-shadow: 0 0 30px #666;
}
.servicelist ul li:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.servicelist ul li img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.8s;
}
.servicelist ul li .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    padding:15%;
}
.servicelist ul li .mask h2{
    padding:10% 0 5%;
    color: #fff;
    text-align: center;
    transition: all .5s;
    font-size: 26px;
}
.servicelist ul li .mask .xain{
    width: 120px;
    height: 3px;
    background: #fff;
    margin:0 auto;
    transition: all .5s;
}
.servicelist ul li:hover .mask .xain{
    width: 80px;
    margin:0 auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.servicelist ul li .mask p{
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin:10% 0;
    transition: all .5s;
    text-align: center;
}
.servicelist ul li .mask a{
    font-size: 16px;
    color: #fff;
    border:1px solid #fff;
    border-radius: 20px;
    width: 100px;
    line-height: 30px;
    display: block;
    margin:0 auto;
    text-align: center;
    visibility: hidden;
}
.servicelist ul li .mask a:hover{
    background: #109cda;
    border:1px solid #109cda;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.servicelist ul li:hover h2{
    padding-top: 5%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.servicelist ul li:hover p{
    margin-top: 5%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.servicelist ul li:hover a{
    visibility: visible;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tab{
    width: 100%;
    overflow: hidden;
    margin:3% 0;
}
.tab ul li{
    float: left;
    margin:0 3%;
    line-height: 26px;
}
.tab ul li a{
    color: #000;
    font-size:18px;
}
.tab ul .focu{
    border-bottom: 2px solid #109cda;
    color: #109cda;
    padding-bottom: 10px;
}
.tab ul .focu a{
    color: #109cda;
}

/*应用开发与服务*/
.defend{
    margin-bottom: 5%;
}
.defend .tagleft {
    float: left;
    background: #4c4c4c;
    padding: 15px 15px;
    width: 200px;
    margin-right: 15px;
}
.defend .tag{
    width: 100%;
    overflow: hidden;
    margin-bottom: 2%;
}
.defend .tagleft img {
    display: block;
    float: left;
    width: 25px;
}
.defend .tagleft span {
    color: #fff;
    margin-left: 15px;
    display: block;
    float: left;
    line-height: 30px;
    font-size: 16px;
}
.defend .tagright {
    width: 955px;
    float: left;
}
.defend .tagright>ul>li {
    float: left;
    background:#4c4c4c;
    padding: 0 15px;
    line-height: 40px;
    margin: 0 5px 10px;
}
.defend .tagright>ul>li a {
    display: block;
    color: #fff;
}
.defend .desc_list{
    width: 100%;
    overflow: hidden;
}
.defend .desc_list .table_s{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.defend .desc_list .table_s img{
    float: left;
    width: 410px;
    margin-right: 2%;
}
.defend .desc_list .table_s h2{
    margin:0 0 2%;
    padding-top: 2%;
}
.defend .desc_list .table_s .xl{
    width: 60px;
    height: 3px;
    background: #ccc;
    float: left;
}
.defend .desc_list .table_s .con{
    position: absolute;
    width: 950px;
    right: 2%;
    margin:5% 0 0;
    background: #f5f5f5;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.defend .desc_list .table_s .con p{
    padding: 7% 8% 7% 20%;
    font-size: 16px;
    line-height: 26px;
}
.defend .desc_list .table_s .con:hover{
    box-shadow: 0 0 30px #ccc;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.defend .desc_list .table_s2{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin:3% 0;
}
.defend .desc_list .table_s2 img{
    float: right;
    width: 410px;
    margin-right: 2%;
}
.defend .desc_list .table_s2 h2{
    margin:0 0 2%;
    padding-top: 2%;
    float: left;
}
.defend .desc_list .table_s2 .xl2{
    width: 60px;
    height: 3px;
    background: #ccc;
    position: absolute;
    top: 17%;
}
.defend .desc_list .table_s2 .con2{
    position: absolute;
    width: 950px;
    left: 0;
    margin:9% 0 0;
    background: #f5f5f5;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.defend .desc_list .table_s2 .con2 ul{
    padding: 5% 8% 5% 7%;
    font-size: 16px;
    line-height: 26px;
}
.defend .desc_list .table_s2 .con2 ul li{
    background: url(../images/r1.png) no-repeat left;
    padding-left: 3%;
    line-height: 28px;
}
.defend .desc_list .table_s2 .con2 p{
    padding: 7% 8% 7% 7%;
    font-size: 16px;
    line-height: 26px;
}
.defend .desc_list .table_s2 .con2:hover{
    box-shadow: 0 0 30px #ccc;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*工业信息化*/
.banner_gy{
    position: relative;
}
.banner_gy .taxt{
    position: absolute;
    top: 42%;
}
.banner_gy .taxt h2{
    color: #fff;
    font-size: 48px;
    line-height: 54px;
}
.banner_gy .taxt p{
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}
.banner_gy .main{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.4) !important;
}
.banner_gy .num{
    background: none;
}
.banner_gy .num li h1{
    color:#fff;
}
.banner_gy .num li .text{
    color: #fff;
}
.pro{
    margin:0 0 1%;
    background: url(../images/lizi.png) no-repeat left;
}
.pro ul{
    width: 100%;
}
.pro ul li{
    width: 160px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:60px 0;
    position: relative;
}
.pro ul li i{
    height: 70px;
    width: 70px;
    background-size: 100% 100%;
    background: url(../images/p1.png) no-repeat;
}
.pro ul li:nth-child(2) i{
    background: url(../images/p2.png) no-repeat;
}
.pro ul li:nth-child(3) i{
    background: url(../images/p3.png) no-repeat;
}
.pro ul li:nth-child(4) i{
    background: url(../images/p4.png) no-repeat;
}
.pro ul li:nth-child(5) i{
    background: url(../images/p5.png) no-repeat;
}
.pro ul li:nth-child(6) i{
    background: url(../images/p6.png) no-repeat;
}
.pro ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.pro ul li p{
    font-size: 14px;
    color: #000;
}
.pro ul li .de{
    position: absolute;
    top: 5px;
    left: 0;
    width: 170px;
    height: 220px;
    background:#696969;
    box-shadow: 0 0 16px #999;
    padding: 25px 15px;
    display: none;
}
.pro ul li .de h2{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.pro ul li .de .string{
    width: 46px;
    height: 3px;
    background: #fff;
    margin:0 auto 14px;
}
.pro ul li .de p{
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/*新闻*/
.newslist{
    /*background: url(../images/li2.png) no-repeat right;*/
}
.newslist ul{
    width: 100%;
    overflow: hidden;
}
.newslist ul li{
    width: 380px;
    height: 470px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-left: 30px;
    transition: all 0.8s;
}
.newslist ul li:first-child{
    margin-left: 0;
}
.newslist ul li:nth-child(3){
    height: 220px;
    margin-bottom: 28px;
}
.newslist ul li:nth-child(4){
    height: 220px;
}
.newslist ul li img{
    width: 100%;
    display: block;
    transition:all 0.8s;
}
.newslist ul li .more{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    top: 0;
    left: 0;
}
.newslist ul li .more .title{
    width: 100%;
    position: absolute;
    bottom: 5%;
}
.newslist ul li .more .title p{
    color: #fff;
    font-size: 16px;
    padding:0 2%;
    margin:3% 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.newslist ul li .more .title a{
    color: #fff;
    border:1px solid #fff;
    width: 80px;
    display: block;
    margin:0 auto;
    text-align: center;
    border-radius: 4px;
    line-height: 26px;
    visibility: hidden;
    transition: all 0.5s;
}
.newslist ul li:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.newslist ul li:hover .more .title a{
    visibility: visible;
    background: #109cda;
    border:1px solid #109cda;
}

/*经典案例*/
.case_list{
    width: 100%;
    overflow: hidden;
}
.case_list ul li{
    width:19.6% !important;
    height: 446px;
    float: left;
    margin:0.2%;
    position: relative;
    overflow: hidden;
}
.case_list ul li img{
    width: 100%;
    height: 100%;
    display: block;
}
.case_list ul li:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.case_list ul li span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.4);
}
.case_list ul li span a.case-title {
    display: block;
    color: #fff;
    font-size: 1.6em;
    line-height:2em;
    text-align: center;
    margin: 38% 0 10%;
}
.case_list ul li span .casetype {
    text-align: center;
    font-size: 1em;
    margin: 25% 0 10%;
}
.case_list ul li span .casetype a{
    width: 110px;
    display: block;
    text-align: center;
    color: #fff;
    border:1px solid #fff;
    line-height: 36px;
    font-size: 14px;
    margin:0 auto;
}
.case_list ul li span .casetype a:hover{
    background:rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case_list ul li span a {
    color: #fff;
    text-align: center;
}
.case_list ul li .lins{
    border:2px solid #fff;
    width: 86%;
    height: 360px;
    position: absolute;
    top: 43px;
    left: 7%;
    z-index: 6;
    display: none;
}
.case_tab{
    width: 100%;
    margin:1% auto 3%;
}
.case_tab ul{
    width: 100%;
    overflow: hidden;
}
.case_tab ul li{
    float: left;
    width: 14% !important;
    border:1px solid #333;
    font-size: 18px;
    line-height:50px;
    text-align: center;
    margin:0 1% !important;
    border-radius: 6px;
    cursor: pointer;
}
.case_tab ul li:hover{
    background: #497bac;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border:1px solid #497bac;
}
.case_tab .active{
    background: #497bac;
    border:1px solid #497bac;
    color: #fff;
}
.case_tab .none_ac{
    background: #fff;
    color: #333;
    border:1px solid #333;
}
.case_tab ul li.on{
    background: #337ab7;
    color: #fff;
    border:1px solid #999;
}
.case_tab ul li.on a{color:#fff}

.pagi {
  line-height: 100%; text-align: center
}
.pagi a {
  display: inline-block; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; border-right: 0px; cursor: pointer; vertical-align: middle
}
.pagi a:last-child {
  border-right: #eee 1px solid
}
.pagi a.on {
  text-decoration: underline
}

/*企业信息化产品*/
.pros{
    margin:0 0 1%;
    background: url(../images/lizi.png) no-repeat left;
}
.pros ul{
    width: 100%;
}
.pros ul li{
    width: 200px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:60px 0;
    position: relative;
}
.pros ul li i{
    height: 70px;
    width: 70px;
    background-size: 100% 100%;
    background: url(../images/erp.png) no-repeat;
}
.pros ul li:nth-child(2) i{
    background: url(../images/crm.png) no-repeat;
}
.pros ul li:nth-child(3) i{
    background: url(../images/oa.png) no-repeat;
}
.pros ul li:nth-child(4) i{
    background: url(../images/hrm.png) no-repeat;
}
.pros ul li:nth-child(5) i{
    background: url(../images/srm.png) no-repeat;
}
.pros ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.pros ul li p{
    font-size: 14px;
    color: #000;
}
.pros ul li .de{
    position: absolute;
    top: 5px;
    left: 16px;
    width: 170px;
    height: 220px;
    background:#696969;
    box-shadow: 0 0 16px #999;
    padding: 25px 15px;
    display: none;
}
.pros ul li .de h2{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.pros ul li .de .string{
    width: 46px;
    height: 3px;
    background: #fff;
    margin:0 auto 14px;
}
.pros ul li .de p{
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/*企业信息化解决方案*/
.solves{
    /*background: url(../images/li2.png) no-repeat right;*/
}
.solves ul{
    width: 100%;
    overflow: hidden;
}
.solves ul li{
    float: left;
    width: 380px;
    height: 440px;
    border:1px solid #efefef;
    margin:0 10px 20px;
    overflow: hidden;
    position: relative;
    transition: all .4s;
}
.solves ul li img{
    width: 100%;
    height: 100%;
    display: block;
}
.solves ul li .marks{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
}
.solves ul li .module1-text {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    transition: all .5s;
}
.solves ul li .module1-text i {
    height: 63px;
    width: 62px;
    background-size: 100% 100%;
    background: url(../images/b01.png) no-repeat;
}
.solves li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.solves ul li:nth-child(2) .module1-text i {
    background: url(../images/b02.png) no-repeat;
}
.solves ul li:nth-child(3) .module1-text i {
    width: 73px;
    background: url(../images/b02.png) no-repeat;
}
.solves ul li:nth-child(4) .module1-text i {
    width: 70px;
    height: 70px;
    background: url(../images/b04.png) no-repeat;
}
.solves li:nth-child(5) .module1-text i {
    width: 65px;
    height: 68px;
    background: url(../images/b05.png) no-repeat;
}
.solves li:nth-child(6) .module1-text i {
    width: 65px;
    height: 68px;
    background: url(../images/b06.png) no-repeat;
}
.solves li .module1-text .iconfont {
    margin-top:145px;
    font-size: 70px;
    line-height: 1;
    transition: all .5s;
}
.solves li .module1-text h3 {
    padding-top: 20px;
    font-size: 18px;
    color: #fff;
    transition: all .5s;
    text-align: center;
}
.solves li .module1-text .xi{
    width: 30px;
    height: 3px;
    background: #fff;
    margin:10% auto 0;
}
.solves li .module1-text p {
    width: 190px;
    padding-top: 10px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    visibility: hidden;
    text-align: center;
}
.solves li:hover .module1-text {
    background: rgba(0,0,0,0.4);
}
.solves li:hover .module1-text .iconfont {
    margin-top: 100px;
}
.solves li:hover .module1-text h3 {
    padding-top: 10px;
}
.solves li:hover .module1-text p {
    visibility: visible;
}

/* 数据增长 */
.zengzhang{
    background:url(../images/zeng.png) no-repeat center;
}
.zengzhang ul{
    width: 100%;
    overflow: hidden;
}
.zengzhang ul li{
    float: left;
    width: 260px;
    margin:130px 20px;
    text-align: center;
}
.zengzhang ul li i{
    height: 80px;
    width: 75px;
    background-size: 100% 100%;
    background: url(../images/yj1.png) no-repeat;
}
.zengzhang ul li:nth-child(2) i{
    background: url(../images/yj2.png) no-repeat;
}
.zengzhang ul li:nth-child(3) i{
    background: url(../images/yj3.png) no-repeat;
}
.zengzhang ul li:nth-child(4) i{
    background: url(../images/yj4.png) no-repeat;
}
.zengzhang ul li .iconfont {
    display: block;
    margin: 20px auto 15px;
}
.zengzhang ul li h2{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.zengzhang ul li p{
    color: #fff;
    font-size:14px;
    line-height: 24px;
    padding:0 32px 30px;
}
.zengzhang ul li:hover{
    background: rgba(0,0,0,0.4);
    border-radius: 6px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0 18px #fff;
}

/*软件开发流程*/
.flow{
    width: 100%;
    overflow: hidden;
    padding-bottom: 1%;
}
.arrowd {
    width: 0px;
    height: 0px;
    border-top: 26px solid transparent;
    border-right: 26px solid;
    border-bottom: 26px solid transparent;
    position: absolute;
    top: 40%;
    left: -27px;
    border-right-color:#ccc;
}
.flow .zp_bottom{
    width: 100%;
    margin:3% 0;
}
.flow .zhou .jian .img1{
    position: absolute;
    top: 7%;
    left: 17%;
}
.flow .zhou .jian .img2{
    position: absolute;
    top: 7%;
    left: 49%;
}
.flow .zhou .jian .img3{
    position: absolute;
    top: 7%;
    left: 81%;
}
.flow .zhou .jian .img4{
    position: absolute;
    top: 50%;
    right: -32px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.flow .zhou .jian .img5{
    position: absolute;
    top: 90%;
    left: 17%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.flow .zhou .jian .img6{
    position: absolute;
    top: 90%;
    left: 49%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.flow .zhou .jian .img7{
    position: absolute;
    top: 90%;
    left: 81%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.flow .zhou p{
    width: 22px;
    height: 22px;
    overflow: hidden;
}
.flow .zhou p:nth-child(1){
    position: absolute;
    top: 27%;
    z-index: 9;
}
.flow .zhou p:nth-child(2){
    position: absolute;
    top: 27%;
    left: 32%;
    z-index: 9;
}
.flow .zhou p:nth-child(3){
    position: absolute;
    top: 27%;
    left: 64%;
    z-index: 9;
}
.flow .zhou p:nth-child(4){
    position: absolute;
    top: 27%;
    left: 98%;
    z-index: 9;
}
.flow .zhou p:nth-child(5){
    position: absolute;
    top: 63%;
    left: 98%;
    z-index: 9;
}
.flow .zhou p:nth-child(6){
    position: absolute;
    top: 63%;
    left: 64%;
    z-index: 9;
}
.flow .zhou p:nth-child(7){
    position: absolute;
    top: 63%;
    left: 32%;
    z-index: 9;
}
.flow .zhou p:nth-child(8){
    position: absolute;
    top: 63%;
    left: 0;
    z-index: 9;
}
.flow .zhou p img{
    width: 100%;
    display: block;
}
.flow .zhou{
    float: left;
    position: relative;
    width: 530px;
    height: 250px;
}
.flow .zhou .dd{
    width: 100%;
    position: absolute;
    top:78px;
    left: 0;
}
.flow .zhou ul{
    width: 100%;
    overflow: hidden;
}
.flow .zhou .xy{
    color: #fff;
    background: #525658 !important;
    text-align: center;
    padding-right: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.flow .zhou ul>li{
    float: left;
    width: 110px;
    margin:0 10px;
    font-size: 14px;
    border-radius: 20px;
    line-height: 42px;
    text-align: right;
    margin-bottom: 6%;
    padding-right: 3%;
}
.flow .zhou ul>li:hover{
    cursor: pointer;
}
.flow .zhou ul>li:nth-child(1){
    position: absolute;
    left: -10%;
    background: url(../images/dy1.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(2){
    position: absolute;
    left: 22%;
    background: url(../images/dy2.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(3){
    position: absolute;
    left: 54%;
    background: url(../images/dy3.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(4){
    position: absolute;
    right:-10%;
    background: url(../images/dy4.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(5){
    position: absolute;
    left: -10%;
    bottom:0;
    margin-top:6%;
    margin-bottom: 0;
    background: url(../images/dy8.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(6){
    position: absolute;
    left: 22%;
    bottom:0;
    margin-top:6%;
    margin-bottom: 0;
    background: url(../images/dy7.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(7){
    position: absolute;
    left: 54%;
    bottom:0;
    margin-top:6%;
    margin-bottom: 0;
    background: url(../images/dy6.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .zhou ul>li:nth-child(8){
    position: absolute;
    right: -10%;
    bottom:0;
    margin-top:6%;
    margin-bottom: 0;
    background: url(../images/dy5.png) no-repeat left #ededed;
    background-position: 15% 50%;
}
.flow .xianshi{
    float: right;
    width: 550px;
    height: 250px;
    border:1px solid #efefef;
    box-shadow: 0 0 20px #d9d9d9;
    position: relative;
    padding:2%;
    background: #f7f4f4;
    border-radius: 4px;
}
.flow .xianshi h2{
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    margin:4% 0;
}

.flow .xianshi h4{
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    margin:4% 0;
}
.flow .xianshi p{
    font-size: 18px;
    color: #000;
    line-height: 30px;
    padding:0 8%;
    letter-spacing: 1px;
}

/*自始至终*/
.fo{
    background: url(../images/zishi.jpg) no-repeat center;
    position: relative;
    padding:3% 0;
}
.fo h2{
    text-align: center;
    font-size: 24px;
    margin:0 auto 2%;
    padding:5% 0 0;
    color: #fff;
    position: relative;
    z-index: 99;
}
.fo h4{
    text-align: center;
    font-size: 24px;
    margin:0 auto 2%;
    padding:5% 0 0;
    color: #fff;
    position: relative;
    z-index: 99;
}
.fo .lines{
    width: 100px;
    height: 1px;
    background: #fff;
    margin:0 auto 3%;
    position: relative;
    z-index: 99
}
.fo p{
    font-size: 14px;
    color: #fff;
    margin-bottom:5%;
    text-align: center;
    position: relative;
    z-index: 99
}
.fo .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    z-index: 6;
}
.fo a{
    color: #fff;
    width: 100px;
    line-height: 30px;
    text-align: center;
    border:1px solid #fff;
    position: relative;
    z-index: 99;
    margin:0 auto;
    display: block;
}

/*教育页面*/
.teach .newtitle h4{
    line-height: 30px;
}
.teach ul{
    width: 100%;
    overflow: hidden;
}
.teach ul li{
    width: 200px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:24px 0;
    position: relative;
}
.teach ul li i{
    width: 100px;
    height: 70px;
    text-align: center;
    background-size: 100% 100%;
    background: url(../images/tec1.png) no-repeat;
    border-radius: 50%;
    padding:30%;
    background-position:50%;
    transition:all 0.2s;
}
.teach ul li:hover i{
    box-shadow: 0 0 20px #109cda;
    border:1px solid #d9d9d9;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.teach ul li:nth-child(2) i{
    background: url(../images/tec2.png) no-repeat;
    background-position:50%;
}
.teach ul li:nth-child(3) i{
    background: url(../images/tec3.png) no-repeat;
    background-position:50%;
}
.teach ul li:nth-child(4) i{
    background: url(../images/tec4.png) no-repeat;
    background-position:50%;
}
.teach ul li:nth-child(5) i{
    background: url(../images/tec5.png) no-repeat;
    background-position:50%;
}
.teach ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.teach ul li p{
    font-size: 14px;
    color: #000;
}

/*覆盖教育培训的多场景产品*/
.school{
    width: 100%;
    background: url(../images/school.png) no-repeat center;
    /*padding:3% 0;*/
    overflow: hidden;
}
.school ul{
    width: 100%;
    overflow: hidden;
}
.school ul li{
    float: left;
    width: 360px;
    height: 282px;
    margin:50px 20px;
    text-align: center;
    padding:30px 0;
}
.school ul li i{
    height: 70px;
    width: 75px;
    background-size: 100% 100%;
    background: url(../images/y1.png) no-repeat;
}
.school ul li:nth-child(2) i{
    background: url(../images/y2.png) no-repeat;
}
.school ul li:nth-child(3) i{
    background: url(../images/y3.png) no-repeat;
}
.school ul li:nth-child(4) i{
    background: url(../images/y4.png) no-repeat;
}
.school ul li .iconfont {
    display: block;
    margin: 20px auto 15px;
}
.school ul li h2{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.school ul li p{
    color: #fff;
    font-size:14px;
    line-height: 24px;
    padding:0 32px 30px;
}
.school ul li:hover{
    background: rgba(0,0,0,0.4);
    border-radius: 6px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0 18px #fff;
}

/*新地图*/
.useing .number{
    width: 100%;
    margin:8% 0 0;
    position: absolute;
    bottom:4%;
}
.useing .number ul{
    width: 100%;
    overflow: hidden;
}
.useing .number ul li{
    float: left;
    width: 280px;
    margin:0 10px;
    text-align: center;
    position: relative;
    border:1px solid #ddd;
    padding:4%;
}
.useing .number ul li h2{
    font-size: 40px;
    color: #333;
    font-weight: bolder;
}
.useing .number ul li span{
    position: absolute;
    top:26%;
    right: 66px;
    font-size: 30px;
}
.useing .number ul li p{
    font-size: 14px;
    color: #333;
    margin:5% 0;
}
.useing .number ul li a{
    font-size: 14px;
    color: #333;
    border:1px solid #333;
    border-radius: 20px;
    width: 80px;
    text-align: center;
    display: block;
    margin:0 auto;
    line-height: 26px;
}
.use-l-img{
    position: absolute;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 600px;
    background: url(../images/newmap.png) no-repeat center;
    background-position: center;
    text-align: center;
}
.use-l-img img{
    position: absolute;
    top: 40%;
}
.useing {
    position: relative;
    height: 800px;
    width: 1200px;
    margin: auto;
    text-align: center;
}

.useing>.use-u {
    padding-top: 100px;
    text-align: center;
}

.useing>.use-u>.use-u-t {}

.useing>.use-u>.use-u-t>h3 {
    font-size: 40px;
    line-height: 64px;
}

.useing>.use-u>.use-u-t>h3>span {
    color: #2d9afa;
}

.useing>.use-u>.use-u-t>p {
    font-size: 24px;
    line-height: 40px;
}

.useing>.use-u>.user-u-b {
    margin-top: 150px;
    height: 200px;
}

.useing>.use-u>.user-u-b>li {
    width: 200px;
    height: 200px;
    border-radius: 3px;
    float: left;
    box-sizing: border-box;
    padding: 14px 0 0;
    list-style: none;
    margin-right: 133px;
    background: #fff;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    cursor: pointer;
}

.useing>.use-u>.user-u-b>li:nth-child(1) {
    border: 2px solid #44e2ba;
}

.useing>.use-u>.user-u-b>li:nth-child(2) {
    border: 2px solid #fcd37c;
}

.useing>.use-u>.user-u-b>li:nth-child(3) {
    border: 2px solid #bd90ed;
}

.useing>.use-u>.user-u-b>li:nth-child(4) {
    border: 2px solid #42bafa;
    margin-right: 0;
}

.useing>.use-u>.user-u-b>li>div {
    height: 56px;
    font-size: 40px;
    color: #303036;
}

.useing>.use-u>.user-u-b>li>p {
    font-size: 20px;
    padding-bottom: 53px;
}

.useing>.use-u>.user-u-b>li>a {
    font-size: 16px;
    color: #666;
}

.useing>.use-l {
    position: absolute;
    top: 0;
    width: 100%;
    height: 600px;
    overflow: hidden;
    z-index: -1;
}

.useing>.use-l>.use-l-img {
    position: absolute;
    left: 46%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    -webkit-transform: translate(-50%, -50%) rotateX(0deg);
    width: 1200px;
    height: 600px;
    background-image: url(../images/newmap.png);
    ackground-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 700px;
}

.useing>.use-l>.use-l-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.useing>.use-l>.use-l-ring>div {
    background: url(../images/index-ring.png) no-repeat;
    background-size: 100% 100%;
    width: 300px;
    height: 150px;
    position: absolute;
    left: 37.5%;
    top: 37.5%;
    opacity: .7;
}
.useing>a {
    display: inline-block;
    width: 130px;
    height: 44px;
    color: #58adfb;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    border: 1px solid #58adfb;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 50px;
}

/*电商页面*/
.tablist{
    width: 40%;
    margin:2% auto;
}
.tablist dl{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.tablist dl .line{
    width: 50px;
    height: 3px;
    background: #ccc;
    position: absolute;
    top:50%;
    left: 44%;
}
.tablist dl .focue{
    background:#109cda;
    border:1px solid #109cda;
    color: #fff;
}
.tablist dl .hove{
    background:#fff;
    border:1px solid #ddd;
    color: #000;
}
.tablist dl dt{
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    border-radius: 20px;
    line-height: 38px;
    width: 25%;
    margin: 0 12%;
    float: left;
}
.tablist dl dt:hover{
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    background: #109cda;
    border:1px solid #109cda;
}
.wind ul{
    width: 100%;
    overflow: hidden;
}
.wind ul li{
    width: 260px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:60px 0;
    position: relative;
}
.wind ul li i{
    height: 70px;
    width: 75px;
    background-size: 100% 100%;
    background: url(../images/dsicon1.png) no-repeat;
}
.wind ul li:nth-child(2) i{
    width: 70px;
    background: url(../images/dsicon2.png) no-repeat;
}
.wind ul li:nth-child(3) i{
    width: 73px;
    background: url(../images/dsicon3.png) no-repeat;
}
.wind ul li:nth-child(4) i{
    width: 62px;
    background: url(../images/dsicon4.png) no-repeat;
}
.wind ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.wind ul li p{
    font-size: 14px;
    color: #000;
}
.wind ul li .de{
    position: absolute;
    top: 30px;
    left: 45px;
    width: 170px;
    height: 210px;
    background:#696969;
    box-shadow: 0 0 16px #999;
    padding: 25px 15px;
    display: none;
}
.wind ul li .de h2{
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.wind ul li .de .string{
    width: 46px;
    height: 3px;
    background: #fff;
    margin:0 auto 14px;
}
.wind ul li .de p{
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-bottom: 8%;
}
.wind ul li .de a{
    border:1px solid #fff;
    color: #fff;
    width: 80px;
    text-align: center;
    display: block;
    margin:0 auto;
    border-radius: 20px;
    line-height: 26px;
}

/*行业解决方案*/
.industry ul li{
    width:24.6% !important;
    height: 560px;
    float: left;
    margin:0.2%;
    position: relative;
    overflow: hidden;
}
.industry ul li img{
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.industry ul li:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.industry ul li .marks{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
}
.industry ul li .module1-text {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    color: #fff;
    overflow: hidden;
    transition: all .5s;
}
.industry ul li .module1-text i {
    height: 93px;
    width: 40px;
    background-size: 100% 100%;
    position: relative;
    z-index: 9;
    background: url(../images/dsicon6.png) no-repeat;
}
.industry li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.industry ul li:nth-child(2) .module1-text i {
    width: 92px;
    background: url(../images/dsicon7.png) no-repeat;
}
.industry ul li:nth-child(3) .module1-text i {
    width: 72px;
    background: url(../images/dsicon8.png) no-repeat;
}
.industry ul li:nth-child(4) .module1-text i {
    width: 72px;
    background: url(../images/muying.png) no-repeat;
}
.industry ul li:nth-child(5) .module1-text i {
    width: 42px;
    background: url(../images/yiyao.png) no-repeat;
}
.industry ul li:nth-child(6) .module1-text i {
    width: 93px;
    background: url(../images/dsicon5.png) no-repeat;
}
.industry ul li:nth-child(7) .module1-text i {
    width: 72px;
    background: url(../images/dianshi.png) no-repeat;
}
.industry ul li:nth-child(8) .module1-text i {
    width: 72px;
    background: url(../images/baihuo.png) no-repeat;
}
.industry li .module1-text .iconfont {
    margin-top:155px;
    font-size: 70px;
    line-height: 1;
    transition: all .5s;
}
.industry li .module1-text h3 {
    padding-top: 20px;
    font-size: 18px;
    color: #fff;
    transition: all .5s;
    text-align: center;
}
.industry li .module1-text .xi{
    width: 30px;
    height: 3px;
    background: #fff;
    margin:10% auto 0;
}
.industry li .module1-text p {
    width: 285px;
    padding-top: 10px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    visibility: hidden;
}
.industry li .module1-text a{
    border:1px solid #fff;
    width: 100px;
    text-align: center;
    color: #fff;
    display: block;
    margin:0 auto;
    line-height: 36px;
    visibility: hidden;
}
.industry li .module1-text a:hover{
    background: rgba(0,0,0,.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.industry li:hover .module1-text {
    background: rgba(0,0,0,0.8);
}
.industry li:hover .module1-text .iconfont {
    margin-top: 40px;
}
.industry li:hover .module1-text h3 {
    padding-top: 0;
}
.industry li:hover .module1-text p {
    visibility: visible;
    margin-bottom: 8%;
    line-height: 26px;
    text-indent: 2em;
}
.industry li:hover .module1-text a{
    visibility: visible;
}
.industry .swiper-button-prev{
    position: absolute;
    top: 66%;
    z-index: 9999;
}
.industry .swiper-button-next{
    position: absolute;
    top: 66%;
    z-index: 9999;
}
.industry .swiper-button-prev:hover{
    cursor: pointer;
}
.industry .swiper-button-next:hover{
    cursor: pointer;
}

/*解决方案*/
.solutionlist .tit{
    width: 765px;
    margin:0 auto;
}
.solutionlist .tit h2{
    font-weight: bolder;
    color: #333;
    margin-bottom: 2%;
}
.solutionlist .tit span{
    font-size: 16px;
    color: #333;
}
.solutionlist .tit .x{
    width: 50px;
    height: 3px;
    background: #ccc;
    margin:1% 0 0;
}
.solutionlist .tit p{
    line-height: 26px;
    font-size: 14px;
    color: #333;
    margin:1% 0 0;
}
.solutionlist{
    background: url(../images/bac.png) no-repeat center top;
    margin:0 0 3%;
    padding:10% 0 0;
}
.solutionlist ul{
    width: 100%;
    overflow: hidden;
}
.solutionlist ul li{
    float: left;
    width: 370px;
    height:450px;
    border:1px solid #efefef;
    margin:30px 15px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.solutionlist ul li:hover{
    box-shadow: 0 0 30px #666;
}
.solutionlist ul li:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.solutionlist ul li img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.8s;
}
.solutionlist ul li .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    padding:15%;
}
.solutionlist ul li .mask h2{
    padding:30% 0 5%;
    font-size: 26px;
    color: #fff;
    text-align: center;
    transition: all .5s;
}
.solutionlist ul li .mask .xain{
    width: 120px;
    height: 3px;
    background: #fff;
    margin:0 auto;
    transition: all .5s;
}
.solutionlist ul li .mask p{
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin:16% 0;
    transition: all .5s;
    text-align: center;
}
.solutionlist ul li .mask a{
    font-size: 16px;
    color: #fff;
    border:1px solid #fff;
    border-radius: 20px;
    width: 100px;
    line-height: 30px;
    display: block;
    margin:0 auto;
    text-align: center;
    visibility: hidden;
}
.solutionlist ul li .mask a:hover{
    background: #109cda;
    border:1px solid #109cda;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.solutionlist ul li:hover h2{
    padding-top: 20%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.solutionlist ul li:hover p{
    margin-top: 10%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.solutionlist ul li:hover a{
    visibility: visible;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.solutionlist ul li:hover .mask .xain{
    width: 80px;
    margin:0 auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*工业信息化企业优势*/
.qiye{
    background: url(../images/business.jpg) no-repeat center;
    position: relative;
    height: 850px;
}
.qiye .circle1{
    width: 400px;
    height: 310px;
    border:2px solid #efefef;
    position: absolute;
    top: 12%;
    right: 15%;
}
.qiye .circle2{
    width: 400px;
    height: 310px;
    border:2px solid #efefef;
    position: absolute;
    top: 10%;
    right: -9%;
}
.qiye .circle2 p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding:18% 12% 0 4%;
    text-align: justify;
    background: url(../images/about.png) no-repeat top left;
    background-position: 5% 20%
}
.qiye .buts ul li{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.qiye .buts ul li:hover{
    cursor: pointer;
    box-shadow: 0 0 15px #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.qiye .buts ul li:hover .yuan{
    display: block;
    z-index: 6;
}
.qiye .buts ul li .yuan{
    width: 90px;
    height: 90px;
    border:1px dashed #fff;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-animation: spin 0.5s linear 0.5s 5 alternate;
    animation: spin 0.5s linear infinite;
    display: none;
}
@keyframes spin{
    from{
        transform: rotate(360deg);
    }
    to{
        transform: rotate(0deg);
    }
}
.qiye .buts ul li:hover .pulse{
    display: none;
}
.qiye .buts ul li .pulse {
    background: rgba(255,255,255,0.8);
    position: absolute;
    display: inline-block;
    top: -15px;
    left: -15px;
    height: 100px;
    width: 100px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: .6;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    -o-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: .1
    }
    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: .5
    }
    80% {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.qiye .buts ul li img{
    width: 100%;
    display: block;
}
.qiye .buts ul li:nth-child(1){
    position: absolute;
    left: 4.5%;
    bottom: 30%;
}
.qiye .buts ul li:nth-child(2){
    position: absolute;
    left: 12%;
    bottom: 51%;
}
.qiye .buts ul li:nth-child(3){
    position: absolute;
    left: 25%;
    bottom: 68%;
}
.qiye .buts ul li:nth-child(4){
    position: absolute;
    left:40%;
    bottom: 55%;
}
.qiye .buts ul li:nth-child(5){
    position: absolute;
    left: 52%;
    bottom: 38%;
}
.qiye .buts ul li:nth-child(6){
    position: absolute;
    left: 63%;
    bottom: 36%;
}
.qiye .buts ul li:nth-child(7){
    position: absolute;
    right: 19%;
    bottom: 20%;
}
.qiye .buts ul li:nth-child(8){
    position: absolute;
    right: 7%;
    bottom: 17%;
}
@media screen and (min-width:900px) and (max-width:1600px){
    .qiye .circle1{
        right: 10%;
    }
    .qiye .buts ul li:nth-child(1){
        position: absolute;
        left: 1.5%;
        bottom: 43%;
    }
    .qiye .buts ul li:nth-child(2){
        position: absolute;
        left: 7%;
        bottom: 54%;
    }
    .qiye .buts ul li:nth-child(3){
        position: absolute;
        left: 22%;
        bottom: 68%;
    }
    .qiye .buts ul li:nth-child(4){
        position: absolute;
        left:38%;
        bottom: 55%;
    }
    .qiye .buts ul li:nth-child(5){
        position: absolute;
        left: 52%;
        bottom: 38%;
    }
    .qiye .buts ul li:nth-child(6){
        position: absolute;
        left: 63%;
        bottom: 39%;
    }
    .qiye .buts ul li:nth-child(7){
        position: absolute;
        right: 15%;
        bottom: 21%;
    }
    .qiye .buts ul li:nth-child(8){
        position: absolute;
        right: 3%;
        bottom: 18%;
    }
    .qiye .biground{
        left: 18% !important;
    }
}
@media screen and (min-width:768px) and (max-width:1366px){
    .qiye .circle1{
        right: 6%;
    }
    .qiye .buts ul li:nth-child(1){
        position: absolute;
        left: 3.5%;
        bottom: 55%;
    }
    .qiye .buts ul li:nth-child(2){
        position: absolute;
        left: 12%;
        bottom: 66%;
    }
    .qiye .buts ul li:nth-child(3){
        position: absolute;
        left: 25%;
        bottom: 66%;
    }
    .qiye .buts ul li:nth-child(4){
        position: absolute;
        left:36%;
        bottom: 55%;
    }
    .qiye .buts ul li:nth-child(5){
        position: absolute;
        left: 50%;
        bottom: 40%;
    }
    .qiye .buts ul li:nth-child(6){
        position: absolute;
        left: 63%;
        bottom: 31%;
    }
    .qiye .buts ul li:nth-child(7){
        position: absolute;
        right: 19%;
        bottom: 24%;
    }
    .qiye .buts ul li:nth-child(8){
        position: absolute;
        right: 7%;
        bottom: 21%;
    }
}
.qiye .biground{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
    position: absolute;
    bottom: 10%;
    left: 22%;
    box-shadow: 0 0 40px #92ddff;
}
.qiye .biground .wai{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background:#fff;
    position: absolute;
    bottom: 17%;
    left: 17%;
    box-shadow: 0 0 40px #92ddff;
}
.qiye .biground .wai i{
    display: block;
   text-align: center;
   margin:15% auto 2%;
}
.qiye .biground .wai h2{
    font-size: 16px;
    color: #333;
    text-align: center;
}

/*返回顶部*/
.rightfix{
    width: 80px;
    position: fixed;
    top:29%;
    right: 0;
    z-index: 99;
}
.rightfix li{
    margin-bottom: 2px;
    background: #9E9E9E;
    border-radius: 5px;
    padding: 5px 0;
    cursor: pointer;
}
.rightfix li:hover{
    background: #EAB333;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.rightfix .dwtop img{
    display: block;
    margin: 10px auto;
    width: 50%;
}
.rightfix .dwtop{
    padding: 10px 0;
    display: none;
}
.rightfix .bewm{
    padding: 10px 0;
}
.rightfix .sugget img{
    display: block;
    margin: 4px auto 0;
    width: 35%;
}
.rightfix .sugget span{
    display: block;
    text-align: center;
    color: #fff;
}
.rightfix .fixture img{
    display: block;
    margin: 4px auto 0;
    width: 35%;
}
.rightfix .fixture span{
    display: block;
    text-align: center;
    color: #fff;
}
.rightfix .bewm{
    position: relative;
}
.rightfix .bewm img{
    display: block;
    margin: 10px auto;
    width: 35%;
}
.rightfix .bewm em{
    display: block;
    width: 128px;
    position: absolute;
    padding: 2px 10px;
    background: #9e9e9e;
    right: 120px;
    top: -64px;
    display: none;
    border-radius: 5px;
}
.rightfix .bewm em img{
    display: block;
    width: 100%;
}

/*电力解决方案*/
.tedian{
    width: 100%;
    overflow: hidden;
    margin-bottom: 2%;
}
.tedian ul li{
    float: left;
    width: 280px;
    height: auto;
    overflow: hidden;
    position: relative;
    margin:0 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tedian ul li .img{
    width: 100%;
    height: 135px;
    overflow: hidden;
    position: relative;
}
.tedian ul li .img img{
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tedian ul li .img .black{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 6;
}
.tedian ul li .img .black h2{
    color:#fff;
    text-align: center;
    font-size: 18px;
    margin:6% 0;
}
.tedian ul li .img .black img{
    width: auto !important;
    height: auto !important;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tedian ul li .img .black i{
    margin:0 auto;
    display: block;
    text-align: center;
    padding:12% 0;
}
.tedian ul li .wen{
    width: 100%;
    height: 165px;
    border:1px solid #efefef;
    overflow: hidden;
}
.tedian ul li p{
    padding:10% 6% 0;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    text-align: center;
}
.tedian ul li:hover .wen{
    background: #477bac;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tedian ul li:hover p{
    color: #fff;
}
.tedian ul li:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.tedian ul li:hover .img .black img{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.tedian ul li:hover{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-top: -5px;
    box-shadow: 0 0 10px #ccc;
}

/*解决方案*/
.indRange{
    background: url(../images/shan.jpg) no-repeat center bottom;
}
.indRange .indexlist{
    width: 100%;
    overflow: hidden;
    margin:10% 0 22%;
}
.indRange .indexlist ul li{
    width: 300px;
    float: left;
    text-align: center;
    padding-top: 2%;
}
.indRange .indexlist ul li i{
    background: #477bac;
    width: 146px;
    height: 146px;
    border-radius: 50%;
    display: block;
    margin:0 auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.indRange .indexlist ul li:nth-child(1) i img{
    margin: 30px 0;
}
.indRange .indexlist ul li:nth-child(2) i img{
    margin: 40px 0;
}
.indRange .indexlist ul li:nth-child(3) i img{
    margin: 33px 0;
}
.indRange .indexlist ul li:nth-child(4) i img{
    margin: 37px 0;
}
.indRange .indexlist ul li h2{
    text-align: center;
    font-size: 20px;
    margin:8% 0;
    color: #fff;
}
.indRange .indexlist ul li p{
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.indRange .indexlist ul li:hover i{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 0 20px #fff;
}

/*解决方案架构*/
.framework{
    background: #f6f6f6;
}
.framework .img{
    text-align: center;
    margin:0 auto;
    padding-bottom: 5%;
}
.framework .img img{
    width: 70%;
}
.introduceBanner>.tit {
    background-color: #f6f6f6;
}
.introduceBanner>.tit>div {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 50px 0;
    width: 100%;
    max-width: 1200px;
    background-color: #fff;
}
.introduceBanner>.tit>div>h4 {
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #208ac3;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.introduceBanner>.tit>div>p {
    padding: 0 30px;
    height: 50px;
    line-height: 25px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    font-size: 16px;

}
.introduceBanner>.introList {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}
.introduceBanner>.introList .swiper-slide {
    box-sizing: border-box;
    padding: 0 50px;
    float: left;
    width: 50%;
    height: 120px;
    border-right: 1px solid #ccc;
}
.introduceBanner>.introList .swiper-slide:nth-child(2n) {
    border-right: 0;
}
.introduceBanner>.introList .swiper-slide>div {
    height: 100%;
    position: relative;

}
.introduceBanner>.introList .swiper-slide>div>h5 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.introduceBanner>.introList .swiper-slide>div>p {
    color: #333;
    height: 80px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
}

/*相关功能*/
.function{
    width: 100%;
    overflow: hidden;
    background: url(../images/icon14.jpg) no-repeat center;
}
.function .functionlist{
    margin:7% 0;
    width: 100%;
    overflow: hidden;
}
.function .functionlist ul li{
    float: left;
    width: 280px;
    height: 280px;
    margin:10px 10px;
    text-align: center;
    color: #fff;
    padding:6% 0 0;
    background: -moz-linear-gradient(top, #4B8C5C 0%, #75945E 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a09d), color-stop(100%,#008985))  ;
    background: -webkit-linear-gradient(top, rgba(39,82,121,0.4) 0%,rgba(80,69,111,0.4) 100%) ;
    background: -o-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    background: -ms-linear-gradient(top, #00a09d 0%,#008985 100%) ;
}
.function .functionlist ul li:hover{
    background: -moz-linear-gradient(top, #4B8C5C 0%, #75945E 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a09d), color-stop(100%,#008985))  ;
    background: -webkit-linear-gradient(top, #27528d 0%,#50456f 100%) ;
    background: -o-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    background: -ms-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    cursor: pointer;
}
.function .functionlist ul li:hover .xian{
    width: 80px;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.function .functionlist ul li:hover img{
    -webkit-animation: bounce 0.8s .1s ease both;
}
.function .functionlist ul li h2{
    font-size: 24px;
    margin:10% 0;
}
.function .functionlist ul li .xian{
    width: 40px;
    height: 3px;
    background: #fff;
    margin:0 auto;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

/*轮播图上文字定位*/
.bannes .text{
    position: absolute;
    top:38%;
    left: 18%;
    color: #fff;
}
.bannes .text h2{
    font-size: 46px;
    margin:2% 0;
}
.bannes .text p{
    font-size: 22px;
    margin:2% 0;
}

/*教育解决方案*/
.scene{
    background: url(../images/jybg.jpg) no-repeat center bottom;
    position: relative;
    padding-bottom: 25%;
}
.scene .bg{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    width: 100%;
    height:62px;
}
.scene .cont{
    width: 100%;
    overflow: hidden;
    margin-top: 5%;
}
.scene .main{
    float: left;
    width: 25%;
    text-align: center;
}
.scene .main ul{
    width: 100%;
    overflow: hidden;
}
.scene .main ul li{
    width: 100%;
    height: 120px;
    position: relative;
    overflow: hidden;
    border:1px solid #efefef;
    margin:0 0 5%;
}
.scene .main ul li:hover{
    cursor: pointer;
}
.scene .main ul li img{
    width: 100%;
    height: 100%;
    display: block;
}
.scene .main ul li h2{
    color: #fff;
    font-size: 22px;
    line-height: 35px;
    padding:24px 0;
    position: absolute;
    top: 0;
    left: 80px;
    z-index: 9;
}
.scene .main ul .focue .jianbian{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, #4B8C5C 0%, #75945E 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a09d), color-stop(100%,#008985))  ;
    background: -webkit-linear-gradient(top, rgba(39,82,121,0.8) 0%,rgba(80,69,111,0.8) 100%) ;
    background: -o-linear-gradient(top, #00a09d 0%,#008985 100%) ;
    background: -ms-linear-gradient(top, #00a09d 0%,#008985 100%) ;
}
.scene .main ul .hove .jianbian{
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scene .text_yewu{
    float: right;
    width: 70%;
    height:315px;
    box-shadow: 0 0 30px #ddd;
    background:rgba(255,255,255,0.8);
    padding:3%;
    border-radius: 6px;
}
.scene .text_yewu h2{
    font-size: 24px;
    color: #000;
    background: url(../images/icon118.png) no-repeat left;
    padding-left: 5%;
    line-height: 42px;
}
.scene .text_yewu dl{
    margin:2% 0;
}
.scene .text_yewu dl dt{
    width: 100%;
    font-size: 16px;
    line-height: 28px;
}

/*关于我们*/
.about{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 9%;
    margin: 3% 0;
}
.about .jianjie{
    margin:0 0 5%;
}
.about h2{
    font-size: 28px;
    font-weight: bolder;
    padding:3% 0;
    width:100%;
    margin:0 auto;
}
.about p{
    color: #333;
    font-size:16px;
    width: 100%;
    margin:0 auto;
    line-height: 30px;
	text-align:left
}
.about img{
    width: 100%;
    margin:3% 0;
}
.about .ser{
    width: 100%;
}
.about .ser h2{
    width: 100%;
}
.about .ser p{
    width: 100%;
    margin-bottom: 2%;
}

/*联系我们页面*/
.nav_contuct{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.nav_contuct .contact_nav02{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contuct .contact_nav03{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contuct .contact_nav04{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contuct .contact_nav02:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}
.nav_contuct .contact_nav03:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}
.nav_contuct .contact_nav04:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}
.bannes1 .text{
    position: absolute;
    top:30%;
    left: 18%;
    color: #fff;
}
.bannes1 .text h2{
    font-size: 46px;
    margin:4% 0;
}
.bannes1 .text h3{
    font-size: 30px;
    margin:4% 0;
}
.bannes1 .text ul li{
    width: 100%;
    line-height: 28px;
    font-size: 16px;
}
.bannes1 .text p{
    font-size: 16px;
    margin:2% 0;
}
.bannes2 .text{
    position: absolute;
    top:30%;
    left: 18%;
    color: #fff;
}
.bannes2 .text h2{
    font-size: 46px;
    margin:4% 0;
}
.bannes2 .text p{
    font-size: 16px;
    margin:2% 0;
}
.bannes2 .text h3{
    font-size: 30px;
    margin:4% 0;
}
.bannes2 .text ul li{
    width: 100%;
    line-height: 28px;
    font-size: 16px;
}
.bannes3 .text{
    position: absolute;
    top:30%;
    left: 18%;
    color: #fff;
}
.bannes3 .text h2{
    font-size: 46px;
    margin:4% 0;
}
.bannes3 .text p{
    font-size: 16px;
    margin:2% 0;
}
.bannes3 .text h3{
    font-size: 30px;
    margin:4% 0;
}
.bannes3 .text ul li{
    width: 100%;
    line-height: 28px;
    font-size: 16px;
}
.bannes4 .text{
    position: absolute;
    top:30%;
    left: 18%;
    color: #fff;
}
.bannes4 .text h2{
    font-size: 46px;
    margin:4% 0;
}
.bannes4 .text p{
    font-size: 16px;
    margin:2% 0;
}
.bannes4 .text h3{
    font-size: 30px;
    margin:4% 0;
}
.bannes4 .text ul li{
    width: 100%;
    line-height: 28px;
    font-size: 16px;
}
.nav_contucts{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 9;
}
.nav_contucts .contact_nav01{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contucts .contact_nav01:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}
.nav_contucts .contact_nav02{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contucts .contact_nav02:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}
.nav_contucts .contact_nav03{
    font-size: 26px;
    line-height: 50px;
    color:rgba(255,255,255,0.5);
    height: 50px;
    display: block;
    cursor: pointer;
}
.nav_contucts .contact_nav03:hover{
    background: rgba(0,0,0,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: rgba(255,255,255,0.8);
}

/*联系我们页面左侧悬浮导航*/
.leftnav{
    width: 120px;
    border-radius: 6px;
    position: fixed;
    background: rgba(0,0,0,0.6);
    box-shadow: 0 0 26px #fff;
    top:36%;
    left: 0;
    z-index: 99;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.leftnav ul{
    width: 100%;
    overflow: hidden;
}
.leftnav ul li{
    width: 100%;
    line-height: 42px;
    border-bottom: 1px dashed #efefef;
    text-align: center;
}
.leftnav ul .active{
    background: rgba(255,255,255,0.4);
}
.leftnav ul .on{
    background: rgba(255,255,255,0.4);
}
.leftnav ul li:last-child{
    border-bottom:none;
}
.leftnav ul li a{
    color: #fff;
    display: block;
}
.leftnav ul li:hover{
    background: rgba(255,255,255,0.4);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.leftnav .icon_hover{
    width: 50px;
    height: 50px;
    position:absolute;
    top:0;
    right: -52px;
    display: none;
}
.leftnav .icon_hover img{
    width: 100%;
    display: block;
    margin:0 auto;
    border-radius:6px;
}

/*管理团队*/
.manage{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 9%;
    margin: 3% 0;
}
.manage .first{
    width: 100%;
    overflow: hidden;
    padding:3% 0;
}
.manage .first .left{
    float: left;
    width: 60%;
}
.manage .first .left h2{
    font-size:34px;
    font-weight: bolder;
}
.manage .first .left h3{
    font-size: 26px;
    font-weight: bolder;
    margin:2% 0;
}
.manage .first .left p{
    font-size: 16px;
    color: #333;
    margin:5% 0;
    line-height: 30px;
}
.manage .first .left .line{
    width: 150px;
    height: 2px;
    background: #6a75bb;
}
.manage .first .img{
    width:25%;
    float: right;
    position: relative;
}
.manage .first .img img{
    display: block;
    width: 100%;
    position: relative;
    z-index: 9;
}
.manage .first .bg{
    position: absolute;
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    top: -20px;
    left: -32px;
}
.manage .second{
    width: 100%;
    overflow: hidden;
    padding:3% 0;
}
.manage .second .left{
    float: right;
    width: 60%;
}
.manage .second .left h3{
    font-size: 26px;
    font-weight: bolder;
    margin:2% 0;
    text-align: right;
}
.manage .second .left h4{
    text-align: right;
}
.manage .second .left p{
    font-size: 16px;
    color: #333;
    margin:5% 0;
    line-height: 30px;
}
.manage .second .left .line{
    width: 150px;
    height: 2px;
    background: #6a75bb;
    float: right;
}
.manage .second .img{
    width:25%;
    float: left;
    position: relative;
}
.manage .second .img img{
    display: block;
    width: 100%;
    position: relative;
    margin-left: 32px;
    z-index: 9;
}
.manage .second .bg{
    position: absolute;
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    top: -20px;
    left:0;
}
.manage .linian{
    background: url(../images/linian.jpg) no-repeat center;
}
.manage .linian .center{
    padding: 5% 0;
}
.manage .linian h2 {
    color: #fff;
    width: 100%;
    font-size: 28px;
    font-weight: bolder;
    padding: 3% 0;
    margin: 0 auto;
}
.manage .linian p{
    color: #fff;
    font-size: 16px;
    width: 96%;
    margin: 0 auto;
    line-height: 30px;
}

/*荣誉资质*/
.glory{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 4%;
    margin: 3% 0;
}
.glory .honorlist{
    width: 100%;
    height: 445px;
    overflow: hidden;
    position: relative;
}
.glory .honorlist ul{
    position: absolute;
    width: 1200px;
    left: 0;
    top: 0;
}
.glory .honorlist ul li{
    float: left;
    width: 380px;
    margin:0 10px 20px;
}
.glory .honorlist ul li img{
    width: 100%;
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.glory .honorlist ul li:hover img{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.bar{
    margin:3% 0 5%;
    overflow: hidden;
}
.bar .line{
    width: 1px;
    height: 600px;
    background: #333;
    margin:0 auto;
}
.bar .barleft{
    width: 500px;
    float: left;
    overflow: hidden;
}
.bar .barleft ul li{
    width: 100%;
    height: auto;
    line-height: 60px;
    margin:2% 0 8%;
    overflow: hidden;
    position: relative;
}
.bar .barleft ul li p{
    width: 100%;
    background: #efefef;
    padding:0 0 0 2%;
    overflow: hidden;
}
.bar .barleft ul li p a{
    color: #333;
    float: left;
}
.bar .barleft ul li p span{
    background:#999;
    float: right;
    color: #fff;
    width: 60px;
    font-size: 18px;
    text-align: center;
}
.bar .barleft ul li:hover span{
    background: #ff0000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.bar .barright{
    width: 500px;
    float: right;
    overflow: hidden;
}
.bar .barright ul li{
    width: 100%;
    height: auto;
    line-height: 60px;
    margin:2% 0 12%;
    overflow: hidden;
    position: relative;
}
.bar .barright ul li p{
    width: 100%;
    background: #efefef;
    padding:0 2% 0 0;
    overflow: hidden;
}
.bar .barright ul li p a{
    color: #333;
    float: right;
}
.bar .barright ul li p span{
    background:#999;
    float: left;
    color: #fff;
    width: 60px;
    font-size: 18px;
    text-align: center;
}
.bar .barright ul li:hover span{
    background: #ff0000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*服务保障*/
.notice-protection-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-top:3%;
    padding-bottom: 50px;
}

.notice-protection-wrapper .content-box {
    padding: 30px;
    margin-bottom: 20px;
    position: relative;
    background-color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.notice-protection-wrapper .content-box .notice-title {
    font-size: 22px;
    color: #252B3A;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 20px;
}

.notice-protection-wrapper .content-box .notice-btn {
    position: absolute;
    right: 30px;
    top:40%;
    font-size: 14px;
    border: 1px solid #333;
    border-radius: 2px;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.notice-protection-wrapper .content-box .notice-btn a {
    display: block;
    width: 100%;
    padding: 11px 30px;
    color: #333;
}

.notice-protection-wrapper .content-box .notice-btn:hover {
    background-color: #109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border:1px solid #fff;
}
.notice-protection-wrapper .content-box .notice-btn:hover a{
    color: #fff;
}

.notice-protection-wrapper .content-box .btn1 {
    right: 170px;
}

.notice-protection-wrapper .content-box .notice-info {
    font-size: 14px;
    color: #656A75;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    width: 700px;
    margin-bottom: 20px;
}

.notice-protection-wrapper .content-box .notice-info a:hover {
    text-decoration: underline;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.notice-protection-wrapper .content-box .notice-list {
    position: relative;
    font-size: 0;
}

.notice-protection-wrapper .content-box .notice-list li {
    display: inline-block;
    font-size: 14px;
    width: 80px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
}

.notice-protection-wrapper .content-box .notice-list li a {
    color: #656A75;
}

.notice-protection-wrapper .content-box .notice-list li:hover a {
    color:#109cda;
}

.notice-protection-wrapper .content-box .notice-list .notice-red {
    font-size: 14px;
}

.notice-protection-wrapper .content-box .notice-list .notice-red:hover {
    color: #F66F6A;
}

.notice-protection-wrapper .content-box .notice-list .afterSale {
    width: auto;
}

.notice-protection-wrapper .content-box .notice-list .saleLine {
    height: 16px;
    margin-left: 20px;
    margin-right: 20px;
    border-left: 1px solid #ddd;
    font-size: 1px;
}

.notice-protection-wrapper .content-box .notice-list .saleLine:last-of-type {
    border: none;
}

.notice-protection-wrapper .content-box:nth-of-type(2) .notice-info {
    letter-spacing: 2px;
}

.notice-protection-wrapper .content-box:nth-of-type(2) .notice-info a {
    letter-spacing: 0;
}

.notice-protection-wrapper .content-box:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow {
    margin-right: 60px;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow .process {
    position: relative;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow i {
    display: block;
    width: 32px;
    height: 32px;
    background-size: cover;
    margin: 0 auto 7px;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow p {
    font-size: 12px;
    color: #666A75;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow .num {
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 0 auto 4px;
    color: #fff;
}

.notice-protection-wrapper .content-box .notice-list .notice-flow .dashed-line {
    position: absolute;
    width: 120px;
    height: 0;
    border-top: 1px dashed #ddd;
    top: 50%;
    left: 64%;
}

.notice-protection-wrapper .content-box .notice-list h4 {
    font-size: 14px;
    color: #252B3A;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
    margin-bottom: 10px;
}

.notice-protection-wrapper .content-box .notice-list p {
    font-size: 14px;
    color: #656A75;
    letter-spacing: 0;
    text-align: justify;
    line-height: 22px;
}

.notice-protection-wrapper .content-box .notice-list .approach {
    width: 59.32%;
}

.notice-protection-wrapper .content-box .notice-list .approach a:hover {
    text-decoration: underline;
}

.notice-protection-wrapper .content-box .notice-list .reminder {
    margin-top: 10px;
    color: #A0A2A9;
}

.notice-protection-wrapper .content-box .notice-list .opinion {
    display: inline-block;
    color: #66696F;
    font-size: 14px;
}

.notice-protection-wrapper .content-box .notice-list .opinion .notice-tel:hover {
    color: #F66F6A;
}

.notice-protection-wrapper .content-box .notice-list .oponion-line {
    height: 16px;
    margin-left: 20px;
    margin-right: 20px;
    border-left: 1px solid #ddd;
    font-size: 1px;
}

.notice-protection-wrapper .content-box .shading {
    width: 312px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.notice-protection-wrapper .content-box .shading img {
    display: block;
    width: 100%;
}

@media (max-width: 1023px) {
    .notice-header {
        width: 100%;
        height: 140px;
        background: url(../images/custom-protection-custom-protection-pad.jpg) no-repeat center / cover;
        background-size: cover;
    }

    .notice-header .notice-content {
        max-width: 1180px;
        margin: 0 auto;
        text-align: left;
        padding-top: 40px;
        padding-left: 16px;
    }

    .notice-header h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .notice-header h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .notice-protection-wrapper {
        width: 100%;
        padding: 19px 15px 30px;
    }

    .notice-protection-wrapper .content-box {
        padding: 20px;
        position: relative;
        box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    .notice-protection-wrapper .content-box .notice-top {
        position: static;
    }

    .notice-protection-wrapper .content-box .notice-title {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .notice-protection-wrapper .content-box .notice-info {
        width: 100%;
        color: #666A75;
        margin-bottom: 20px;
    }

    .notice-protection-wrapper .content-box .notice-list {
        margin-bottom: 20px;
    }

    .notice-protection-wrapper .content-box .notice-list li {
        margin-bottom: 10px;
    }

    .notice-protection-wrapper .content-box .notice-list li:nth-of-type(4),
    .notice-protection-wrapper .content-box .notice-list li:nth-of-type(5) {
        margin-bottom: 0;
    }

    .notice-protection-wrapper .content-box .notice-list .notice-flow .num {
        margin: 0 auto 2px;
    }

    .notice-protection-wrapper .content-box .notice-list .approach {
        width: auto;
    }

    .notice-protection-wrapper .content-box .notice-list .opinion {
        display: inline-block;
        vertical-align: top;
    }

    .notice-protection-wrapper .content-box .notice-list .opinion:last-of-type {
        width: 58%;
        margin-left: 0;
    }

    .notice-protection-wrapper .content-box .notice-btn {
        position: static;
        width: 52%;
        height: 40px;
        line-height: 40px;
    }

    .notice-protection-wrapper .content-box .notice-btn a {
        padding: 0;
    }

    .notice-protection-wrapper .content-box .btn1,
    .notice-protection-wrapper .content-box .btn2 {
        display: inline-block;
    }

    .notice-protection-wrapper .content-box .btn2 {
        width: 120px;
        margin-left: 10px;
    }

    .notice-protection-wrapper .content-box .minBtn {
        width: 68%;
    }

    .notice-protection-wrapper .content-box .shading {
        display: none;
    }

    .notice-protection-wrapper .content-box:nth-of-type(2) .notice-info {
        letter-spacing: 0;
    }
}

@media (max-width: 768px) {
    .notice-header {
        background: url(../images/custom-protection-custom-protection-mb.jpg) no-repeat center / cover;
    }
}

/*兼容手机端问题*/
@media (max-width: 503px) {
    .notice-protection-wrapper .content-box .notice-list .notice-flow {
        margin-right: 5.87%;
        margin-bottom: 25px;
    }

    .notice-protection-wrapper .content-box .notice-list .notice-flow .dashed-line {
        width: 98%;
    }

    .notice-protection-wrapper .content-box .notice-list .notice-flow .line3 {
        display: none;
    }
}

@media (width: 320px) {
    .notice-protection-wrapper .content-box .btn2 {
        margin-left: 0;
        width: 114px;
    }

    .notice-protection-wrapper .content-box .minBtn {
        width: 68%;
    }
}

/*企业文化*/
.culture{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 9%;
    margin: 3% 0;
}
.culture .topbar{
    margin:2% 0;
}
.culture .topbar p{
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin:2% 0;
}
.culture .topbar h2{
    font-size: 30px;
    font-weight: bolder;
    margin:2% 0;
}
.culture .topbar ul{
    width: 100%;
    overflow: hidden;
    margin:5% 0;
}
.culture .topbar ul li{
    width: 50%;
    float: left;
}
.culture .topbar ul li:first-child{
    border-right: 2px solid #ccc;
}
.culture .topbar ul li h3{
    font-size: 24px;
    font-weight: bolder;
    padding-left: 7%;
    margin:2% 0;
    line-height: 36px;
}
.culture .topbar ul li p{
    padding-left: 7%;
}
.culture .topbar ul li:first-child h3{
    background: url(../images/icon161.png) no-repeat left;
    background-size: 5%;
}
.culture .topbar ul li:nth-child(2) h3{
    background: url(../images/icon162.png) no-repeat left;
    background-size: 5%;
}
.culture .topbar ul li:nth-child(2){
    padding:0 0 0 16%;
}
.culture .top_second{
    margin:3% 0;
}
.culture .top_second h2{
    font-size: 30px;
    font-weight: bolder;
    margin:2% 0;
}
.culture .top_second ul{
    width: 100%;
    overflow: hidden;
}
.culture .top_second ul li{
    width: 380px;
    height:300px;
    float: left;
    border:1px solid #efefef;
    margin:10px 10px 20px;
    padding: 18px;
    border-radius: 6px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.culture .top_second ul li h3{
    font-size: 18px;
    margin-bottom: 3%;
}
.culture .top_second ul li .line{
    width: 50px;
    height: 3px;
    background: #333;
    margin:2% 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.culture .top_second ul li p{
    font-size: 14px;
    line-height: 24px;
}
.culture .top_second ul li:hover{
    box-shadow: 0 0 20px #d9d9d9;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.culture .top_second ul li:hover .line{
    width: 100%;
    background: #ff0000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*招贤纳士*/
.join{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 40%;
    margin: 3% 0;
}
.join h2{
    font-size: 30px;
    font-weight: bolder;
    margin:2% 0;
}
.join ul{
    width: 100%;
    overflow: hidden;
    margin:4% 0;
}
.join ul li{
    width: 340px;
    float: left;
    margin-right: 90px;
}
.join ul li:last-child{
    margin-right: 0;
}
.join ul li i{
    width: 54px;
    height: 60px;
    overflow: hidden;
    display: block;
    margin:2% 0;
}
.join ul li i img{
    width: 100%;
    display: block;
}
.join ul li h3{
    font-size: 20px;
    line-height: 30px;
    margin:8% 0 2%;
}
.join ul li .line{
    width: 100px;
    height: 1px;
    background: #333;
    margin:10% 0;
}
.join ul li p{
    font-size: 16px;
    line-height: 26px;
    color:#7d7d7c;text-align: left;
}
.join .why{
    background: url(../images/qywhbg.jpg) no-repeat center;
    width: 100%;
    overflow: hidden;
    padding:5% 0;
}
.join .why h2{
    color: #fff;
    width: 100%;
    font-size: 28px;
    font-weight: bolder;
    padding: 3% 0;
    margin: 0 auto;
}
.join .why p{
    color: #fff;
    font-size: 16px;
    width:100%;
    margin: 0 auto;
    line-height: 30px;
    margin:2% 0;
}
.join .why a{
    width: 120px;
    display: block;
    text-align: center;
    border:1px solid #fff;
    line-height: 36px;
    border-radius: 4px;
    color: #fff;
    float:left;
    font-size: 16px;
}
.join .why a:hover{
    background: #149ad7;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.join .zhao{
    width: 40%;
    height: 600px;
    overflow: hidden;
    float: left;
    margin:5% 0;
    padding:18% 0 0;
}
.join .zhao h2{
    font-size: 30px;
    font-weight: normal;
    margin:2% 0;
}
.join .zhao .line{
    width: 100px;
    height: 1px;
    background: #333;
    margin:5% 0;
}
.join .zhao p{
    font-size: 16px;
    color: #7d7d7d;
    line-height: 30px;
    text-align: justify;
}
.join .zhaolist{
    float: left;
    width: 50%;
    margin:5% 0;
    height: 600px;
    overflow-y:scroll;
    margin-left: 10%;
}
.join .zhaolist dl{
    width: 100%;
    overflow: hidden;
}
.join .zhaolist dl dt{
    padding:30px 0;
    border-bottom: 1px solid #c6c6c6;
    cursor: pointer;
    width: 98%;
    margin-right: 0;
    padding-right: 2%;
}
.join .zhaolist dl dt p{
    font-size: 16px;
    color: #333;
    float:left;
    margin:0 2%;
    line-height: 26px;
}
.join .zhaolist dl dt span{
    font-size: 16px;
    color:#7d7d7d;
    line-height: 26px;
}
.join .zhaolist dl dt img{
    float: right;
    margin:5px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.join .zhaolist dl dt .introduce{
    width: 100%;
    border:1px solid #c6c6c6;
}
.join .zhaolist dl dt:hover{
    background:#ececec;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transform:
}
.join .zhaolist dl dd{
    width: 98%;
    overflow: hidden;
    display: none;
}
.join .zhaolist dl dd .introduce{
    width: 100%;
    overflow: hidden;
    margin:4% 0;
    padding:0 2%;
}
.join .zhaolist dl dd .introduce h3{
    font-size: 18px;
}
.join .zhaolist dl dd .introduce ul{
    width: 100%;
    overflow: hidden;
    margin:3% 0;
}
.join .zhaolist dl dd .introduce ul li{
    width: 100%;
    margin-right: 0;
    float: none;
    line-height: 30px;
    color: #7d7d7d;
    font-size: 16px;
	text-align:left
}
.join .zhaolist dl dd .introduce a{
    font-size: 16px;
    width: 150px;
    border:1px solid #ccc;
    display: block;
    float: left;
    line-height: 40px;
    text-align: center;
    color: #333;
}
.join .zhaolist dl dd .introduce a:hover{
    background:#109cda;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.join .zhaolist::-webkit-scrollbar{
    width: 4px;
    height: 4px;
}
.join .zhaolist::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.join .zhaolist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/*职业领域*/
.vocation{
    background: url(../images/bac.png) no-repeat top;
    padding: 9% 0 6%;
    margin:3% 0 0;
}
.vocation h2{
    font-size: 30px;
    font-weight: bolder;
    margin:3% 0;
    text-align: center;
}
.vocation ul{
    width: 100%;
    overflow: hidden;
}
.vocation ul li{
    float: left;
    width: 280px;
    height: 330px;
    overflow: hidden;
    margin:0 10px 20px;
}
.vocation ul li .img1{
    width: 100%;
    overflow: hidden;
}
.vocation ul li .img1 img{
    width: 100%;
    display: block;
}
.vocation ul li h3{
    font-size: 20px;
    margin:4% 0;
}
.vocation ul li p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    text-align: justify;
    margin:0 0 4%;
    height: 104px;
}
.vocation ul li a{
    width: 100px;
    display: block;
    text-align: center;
    line-height: 34px;
    border:1px solid #ccc;
    font-size: 16px;
    border-radius: 4px;
    float: left;
}
.vocation ul li a:hover{
    background:#109cda;
    color: #fff;
    -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
.vocation .study{
    margin:3% 0;
    width: 100%;
    overflow: hidden;
}
.vocation .study .study_lf{
    float: left;
    width: 440px;
    overflow: hidden;
    margin:6% 0;
}
.vocation .study .study_lf h2{
    text-align: left;
}
.vocation .study .study_lf p{
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.vocation .study .study_ri{
    float: right;
    width:575px;
    overflow: hidden;
}
.vocation .study .study_ri img{
    width: 100%;
    display: block;
}
.vocation .tech{
    margin:3% 0;
    width: 100%;
    overflow:hidden;
}
.vocation .tech dl{
    width: 100%;
    overflow: hidden;
}
.vocation .tech dl dt{
    width: 48%;
    float: left;
    margin:0 0 0 4%;
}
.vocation .tech dl .fir{
    margin-left: 0;
}
.vocation .tech dl dt .te{
    width: 100%;
    overflow: hidden;
}
.vocation .tech dl dt .te img{
    width: 100%;
    display: block;
}
.vocation .tech dl dt h3{
    margin:3% 0;
    padding:0 1%;
}
.vocation .tech dl dt p{
    font-size: 14px;
    text-align: justify;
    line-height: 26px;
    color: #333;
    padding:0 1%;
    margin:3% 0;
}
.vocation .tech dl dt a{
    width: 100px;
    display: block;
    color: #333;
    text-align: center;
    float: left;
    border:1px solid #ccc;
    line-height: 30px;
    border-radius: 4px;
}
.vocation .tech dl dt a:hover{
    background:#109cda;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.vocation .place{
    background: url(../images/place.png) no-repeat center;
    width: 100%;
    overflow: hidden;
    padding: 5% 0;
}
.vocation .place h2{
    color: #fff;
    width: 100%;
    font-size: 28px;
    font-weight: bolder;
    padding: 3% 0;
    margin: 0 auto;
}
.vocation .place p{
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
    line-height: 30px;
    margin: 2% 0;
}
.vocation .place a{
    width: 150px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.vocation .place a:hover{
    background: #109cda;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.vocation .master{
    border-bottom: 2px solid #ccc;
    padding-bottom: 5%;
    margin-top: 5%;
}
.vocation .master ul li{
    height: 280px;
}
.vocation .master p{
    height:183px;
    overflow: hidden;
}

/*音视频热门业务场景*/
.radio ul{
    width: 100%;
    overflow: hidden;
}
.radio ul li{
    width: 160px;
    height: 235px;
    text-align: center;
    margin:0 20px;
    float: left;
    padding:60px 0;
    position: relative;
}
.radio ul li i{
    height: 74px;
    width: 74px;
    background-size: 100% 100%;
    background: url(../images/icon166.png) no-repeat;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.radio ul li:nth-child(2) i{
    background: url(../images/icon167.png) no-repeat;
}
.radio ul li:nth-child(3) i{
    background: url(../images/icon168.png) no-repeat;
}
.radio ul li:nth-child(4) i{
    background: url(../images/icon169.png) no-repeat;
}
.radio ul li:nth-child(5) i{
    background: url(../images/icon170.png) no-repeat;
}
.radio ul li:nth-child(6) i{
    background: url(../images/icon171.png) no-repeat;
}
.radio ul li .iconfont {
    display: block;
    margin: 0 auto 15px;
}
.radio ul li p{
    font-size: 14px;
    color: #000;
}
.radio ul li:hover i{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*音视频解决方案全景图*/
.chart{
    background: url(../images/videobg.jpg) no-repeat center bottom;
    padding-bottom: 10%;
}
.chart .tab_list{
    width: 100%;
    overflow: hidden;
    padding:2% 0 1%;
}
.chart .tab_list ul{
    width: 100%;
    overflow: hidden;
}
.chart .tab_list ul li{
    width: 48%;
    float:left;
    line-height: 100px;
    margin:2% 1% 0;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 4px;
    background:rgba(255,255,255,0.8);
}
.chart .tab_list .visit{
    box-shadow: 0 0 20px #ccc;
    color: #477bac;
}
.chart .tab_list ul li img{
    width: 30px;
    margin-right: 3%;
}
.chart .text{
    width: 98%;
    height: 186px;
    margin:1% auto;
    border-radius: 4px;
    overflow: hidden;
    background:rgba(255,255,255,0.8);
    padding:3% 4%;
}
.chart .text ul li{
    float: left;
    width: 224px;
    margin:0 20px;
    padding-left: 4%;
    line-height: 46px;
}
.chart .text ul li:nth-child(1){
    background: url(../images/icon174.png) no-repeat left;
    margin-bottom: 2%;
}
.chart .text ul li:nth-child(2){
    background: url(../images/icon175.png) no-repeat left;
    margin-bottom: 2%;
}
.chart .text ul li:nth-child(3){
    background: url(../images/icon176.png) no-repeat left;
    margin-bottom: 2%;
}
.chart .text ul li:nth-child(4){
    background: url(../images/icon177.png) no-repeat left;
    margin-bottom: 2%;
}
.chart .text ul li:nth-child(5){
    background: url(../images/icon178.png) no-repeat left;
}

.chart .text ul li:nth-child(6){
    background: url(../images/icon179.png) no-repeat left;
}
.chart .text ul li:nth-child(7){
    background: url(../images/icon180.png) no-repeat left;
}
.chart .text ul li:nth-child(8){
    background: url(../images/icon181.png) no-repeat left;
}
.chart .text2{
    width: 96%;
    height: 186px;
    margin:1% auto;
    border-radius: 4px;
    overflow: hidden;
    background:rgba(255,255,255,0.8);
    padding:3% 4%;
}
.chart .text2 ul li{
    float: left;
    width: 224px;
    margin:0 20px;
    padding-left: 4%;
    line-height: 46px;
}
.chart .text2 ul li:nth-child(1){
    background: url(../images/icon182.png) no-repeat left;
}
.chart .text2 ul li:nth-child(2){
    background: url(../images/icon183.png) no-repeat left;
}
.chart .text2 ul li:nth-child(3){
    background: url(../images/icon184.png) no-repeat left;
}
.chart .text2 ul li:nth-child(4){
    background: url(../images/icon185.png) no-repeat left;
}

/*音频解决方案*/
.yinpin{
    width: 100%;
    overflow: hidden;
}
.left_nav{
    width: 300px;
    float: left;
    margin-right:10px;
}
.left_nav ul{
    width: 100%;
    overflow: hidden;
}
.left_nav ul li{
    height: 100px;
    border: 1px #ccc solid;
    margin: 10px 0;
    position: relative;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
}
.left_nav ul .active{
    background: #477bac;
}
.left_nav ul .active a{
    color: #fff;
    float: left;
}
.left_nav ul .no_visi{
    background: #fff;
}
.left_nav ul .no_visi a{
    color: #000;
}
.left_nav ul li img{
    float: left;
    margin:35px 0;
    margin-left: 18%;
    margin-right: 8%;
}
.left_nav ul li a{
    font-size: 16px;
    color: #333;
    float: left;
}
.tabshow{
    width: 890px;
    height:650px;
    float: left;
    border:1px solid #ccc;
    margin-top: 10px;
    padding:2% 7%;
}
.tabshow h2{
    border-left: 3px solid #477bac;
    font-size: 24px;
    padding-left: 2%;
    margin:2% 0;
}
.tabshow p{
    font-size: 16px;
    margin:2% 0;
}
.tabshow ul li{
    float: left;
    color: #333;
    margin:0 2%;
    border-right: 1px solid #ccc;
    padding-right: 5%;
    cursor: pointer;
}
.tabshow ul li:first-child{
    margin-left: 0;
}
.tabshow ul li:last-child{
    margin-right: 0;
    border-right: none;
}
.tabshow ul li span{
    color:#999;
}
.tabshow .img_show{
    width: 660px;
    height: 340px;
    margin:3% auto;
}
.tabshow .img_show img{
    width: 80%;
    margin:10% auto 0;
    display: block;
}
.tabshow a{
    width: 120px;
    display: block;
    line-height: 40px;
    text-align:center;
    border:1px solid #477bac;
    color: #477bac;
    border-radius: 6px;
    margin:3% auto 0;
}

/*案例*/
.case-list{
    width: 100%;
    overflow: hidden;
    background: url(../images/casebg.png) no-repeat center;
    padding:4% 0;
}
.case-list ul li{
    width: 290px;
    height: 240px;
    margin:5px 5px;
    float:left;
    background: rgba(255,255,255,0.4);
    overflow: hidden;
    padding:7% 0;
    text-align: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case-list ul li img{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case-list ul li:hover{
    background: rgba(255,255,255,0.8);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.case-list ul li:hover img{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*物联网*/
.Couplet{
    width: 100%;
    overflow: hidden;
    margin:0 0 3%;
}
.Couplet ul{
    width: 100%;
    overflow: hidden;
    margin:3% 0;
}
.Couplet ul li{
    float: left;
    width: 380px;
    margin:0 10px;
    text-align: center;
}
.Couplet ul li img{
    width: 64px;
}
.Couplet ul li h2{
    font-size: 18px;
    margin:5% 0;
}
.Couplet ul li p{
    font-size: 14px;
    color: #999;
    text-align: justify;
    line-height: 26px;
    width: 80%;
    margin:0 auto;
}

/*汇智*/
.Couplets{
    width: 100%;
    overflow: hidden;
}
.Couplets ul{
    width: 100%;
    overflow: hidden;
    margin:3% 0;
}
.Couplets ul li{
    float: left;
    width: 280px;
    margin:0 10px;
    text-align: center;
}
.Couplets ul li:hover img{

}
.Couplets ul li img{
    width: 60px;
    margin:2% 0;
}
.Couplets ul li h2{
    font-size: 18px;
    margin:5% 0;
}
.Couplets ul li p{
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 26px;
    width: 80%;
    margin:0 auto;
}
.huizhi{
    width: 100%;
    overflow: hidden;
}
.huizhi a{
    width: 120px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 20px;
    background: #477bac;
    margin:0 auto;
    border:1px solid #477bac;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.huizhi a:hover{
    border:1px solid #477bac;
    color: #477bac;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
}
.huizhi  ul li{
    float: left;
    width: 46%;
    margin:2% 2% 0;
    border:1px solid #edd;
    border-radius: 6px;
    padding: 3%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.huizhi  ul li:hover{
    border:1px solid #477bac;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.huizhi  ul li img{
    float: left;
    margin:0 4% 0 0;
}
.huizhi  ul li h2{
    font-size: 22px;
    line-height: 36px;
}
.huizhi  ul li span{
    font:16px;
}
.patner {
    width: 100%;
    overflow: hidden;
    margin-bottom: 3%;
}
.patner ul{
    width: 100%;
    overflow: hidden;
    padding-top: 2%;
}
.patner ul li{
    float: left;
    width: 220px;
    height: 120px;
    margin:0 10px 20px;
    overflow: hidden;
    border:1px solid #efefef;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.patner ul li img{
    width: 80%;
    margin:0 auto;
    display: block;
    padding:10% 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.patner ul li:hover{
    box-shadow: 0 0 20px #ddd;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.patner ul li:hover img{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.patner a{
    width: 200px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: red;
    margin:3% auto;
    font-size: 16px;
    background: -moz-linear-gradient(left, #00efbb 0%, #1181de 100%) !important;
    background: -o-linear-gradient(left, #00efbb 0%, #1181de 100%) !important;
    background: -ms-linear-gradient(left, #00efbb 0%, #1181de 100%) !important;
    background: -webkit-gradient(linear, 0 100%, 100% 100%, from(#00efbb), to(#1181de)) !important;
}

.down_update{
    width: 100%;
    overflow: hidden;
    background: url(../images/update.png) no-repeat center;
    padding:10% 0;
}
.down_update ul{
    width: 100%;
    overflow: hidden;
    padding:2% 0;
}
.down_update ul li{
    width: 280px;
    height: 350px;
    margin:0 10px;
    float: left;
    border:1px solid #efefef;
    text-align: center;
    border-radius: 6px;
    padding-top: 5%;
    box-shadow: 0 0 20px #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.down_update ul li h3{
    color: #fff;
    font-size: 20px;
    margin:8% 0;
}
.down_update ul li p{
    color: #fff;
    line-height: 30px;
    padding:0 18%;
    font-size: 16px;
}
.down_update ul li:hover{
    margin-top: -8px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0 10px #ccc;
}

/*新闻列表*/
.online-news-wrapper {
    padding-top: 4.375%;
    overflow: hidden;
}
.weblg {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.online-news-wrapper ul {
    margin: 0 -30px;
}

.online-news-wrapper li {
    float: left;
    width: 33.3333%;
}

.online-news-wrapper li a {
    display: block;
    margin: 0 30px;
    padding: 13.74322% 20px 16.27486%;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    -moz-transition: all ease .2s;
    transition: all ease .2s;
}

.online-news-wrapper li a:hover {
    background-color: #efefef;
}

.online-news-wrapper li a:hover .title {
    color:#109cda;
}

.online-news-wrapper .date {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    color: #666;
}

.online-news-wrapper .date .line {
    display: block;
    width: 20px;
    height: 0;
    padding-top: 15px;
    border-bottom: 3px solid #d9d9d9;
}

.online-news-wrapper .title {
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.online-news-wrapper .desc {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
#pageBox {
    text-align: center;
    padding:50px 0 80px;
}
#pageBox span {
    display: inline-block;
    width: 60px;
    height: 36px;
    line-height:36px;
    text-align: center;
    color: #477bac;
    background: #fff;
    border-radius: 4px;
    border:1px solid #ccc;
}
#pageNav {
    display: inline-block;
}
#pageNav a {
    display: inline-block;
    width:36px;
    height:36px;
    line-height:36px;
    text-align: center;
    color:#477bac;
    text-decoration: none;
    border:1px solid #ccc;
    margin:0 5px;
    border-radius: 4px;
}
#pageNav a.active, #pageNav a:hover {
    background:#477bac;
    color: #fff;
}
#prev{
    margin-right: 30px;
    cursor: pointer;
}
#next{
    margin-left: 30px;
    cursor: pointer;
}

/*招商加盟*/
.zhaoshang{
    background: url(../images/bac.png) no-repeat top;
    padding: 3% 0 0;
    margin: 3% 0;
}
.recTool ul {
    margin: 0 auto;
    width: 1060px;
    font-size: 0;
}
.recTool ul li {
    margin-bottom: 50px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 0;
}
.recTool ul li img {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    width: 80px;
    margin:13px 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.recTool ul li:hover img {
    -webkit-transform:  rotate(360deg);
    -ms-transform:  rotate(360deg);
    -o-transform:  rotate(360deg);
    transform:  rotate(360deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.recTool-box {
    width: 416px;
    display: inline-block;
    vertical-align: top;
    padding: 25px 78px 0 30px;
    box-sizing: border-box;
}
.recTool-box h3 {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1;
    color: #333;
}
.recTool-box p {
    font-size: 14px;
    line-height: 24px;
    color: #828282;
}
.summary{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.summary .s_left{
    width: 425px;
    float: left;
    overflow: hidden;
}
.summary .s_left img{
    width: 100%;
    display: block;
}
.summary .s_right{
    background: #618bb2;
    color: #fff;
    width:820px;
    padding:4%;
    margin:7% 0;
    position: absolute;
    right: 0;
}
.summary .s_right h2{
    font-size: 24px;
    margin:2% 0;
}
.summary .s_right .line{
    width: 50px;
    height: 2px;
    background: #fff;
    margin:1% 0;
}
.summary .s_right p{
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin:2% 0;
}
.switch{
    width: 50%;
    overflow: hidden;
    margin:0 auto;
}
.switch ul{
    width: 100%;
    display: block;
}
.switch ul li{
    width: 30%;
    float: left;
    border:1px solid #333;
    margin:0 10%;
    text-align: center;
    border-radius: 6px;
    line-height: 42px;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.switch ul li:hover{
    border:1px solid #497aa7;
    background:#497aa7;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.switch ul .active{
    background: #497aa7;
    color: #fff;
    border:1px solid #497aa7;
}
.listshow ul{
    width: 100%;
    overflow: hidden;
}
.listshow ul li{
    width: 540px;
    margin:40px 30px 0;
    float: left;
    border:1px solid #ccc;
    border-radius: 6px;
    padding:2%;
    cursor: pointer;
}
.listshow ul li img{
    float: left;
    margin-right: 3%;
}
.listshow ul li h2{
    font-size: 18px;
    line-height: 28px;
}
.listshow ul li p{
    font-size: 14px;
    line-height: 26px;
}
.listshow ul li:hover{
    border:1px solid #497aa7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.honorlist{
    width: 100%;
    overflow: hidden;
}
.honorlist ul{
    width: 100%;
    overflow: hidden;
}
.honorlist ul li{
    float: left;
    width: 380px;
    margin:0 10px 20px !important;
    border:1px solid #ccc;
    padding:1%;
    cursor: pointer;
}
.honorlist ul li img{
    width: 100%;
    display: block;
}
.honorlist ul li:hover{
    border:1px solid #497aa7;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
/*420万用户选择*/
.recCase {
    background:url(../images/420bg.png) no-repeat center;
    margin-top: 3%;
}
.recCase .recTil h2,
.recCase .recTil p {
    color: #fff;
}
.recCase-box {
    margin: 0 auto;
    width: 1200px;
}
.recCase dl {
    margin-bottom: 10px;
    font-size: 0;
}
.recCase dl dd ul {
    font-size: 0;
}
.recCase dl dt {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background:rgba(113,141,179,0.6);
    margin-right: 45px;
    line-height: 35px;
}
.recCase dl dd {
    display: inline-block;
    vertical-align: middle;
}
.recCase dl dd ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    width: 180px;
    height: 60px;
    border: 1px solid #aaaaaa;
}
.recCase dl dd ul li:hover img{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.recCase dl dd ul li img {
    width: 100%;
    height: 100%;
}
.recCase dl dd ul li:last-child {
    margin-right: 0;
}
.recCase dl:last-child {
    margin-bottom: 0;
}
.recCase dl:last-child dt {
    margin-top: 12px;
    vertical-align: top;
}
.recCase dl:last-child dd ul {
    margin-bottom: 36px;
}
.recCase .newtitle h1{
    color: #fff;
}
.recCase .newtitle h4{
    color: #fff;
}

/*案例展示*/
.Case_list{
    width: 100%;
    overflow: hidden;
}
.Case_list .center{
    width:90% !important;
    margin:3% auto;
    padding:48px;
    background: #fff;
    border:1px solid #edebeb;
}
.Case_list .center .newtitle{
    padding:0 0 40px !important;
}
.Case_list ul{
    width: 100%;
    overflow: hidden;
}
.Case_list ul li{
    width: 32.3%;
    float: left;
    margin:0.5% 0.5% 50px;
}
.Case_list ul li .case_img{
    width: 100%;
/*    height: 302px;*/
    overflow: hidden;
}
.Case_list ul li:hover .case_img img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.Case_list ul li .case_img img{
    width: 100%;
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.Case_list ul li:hover h2{
    color: #109cda;
}
.Case_list ul li h2{
    font-size: 20px;
    color: #000;
    margin:2% 0;
    line-height: 26px;
}
.Case_list ul li p{
    color: #999;
    margin:1% 0;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/*企业内训*/
.point{
    width: 100%;
    overflow: hidden;
}
.point .zhuo_tedian{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.point .point_left{
    width: 600px;
    height: 420px;
    background: #ccc;
    border-radius: 10px;
    float: left;
}
.point .point_left img{
    width: 500px;
    position: absolute;
    bottom: 0;
    left: 50px;
}
.point .point_right{
    width: 620px;
    height: 350px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    position: absolute;
    right: 5px;
    top:35px;
    padding:2%;
}
.point .point_right ul{
    width: 100%;
    overflow: hidden;
}
.point .point_right ul li{
    width: 100%;
    background: url(../images/r1.png) no-repeat left;
    line-height: 26px;
    margin:3% 0;
    padding-left:5%;
}
.point .point_right ul li h2{
    font-size: 18px;
}
.point .point_right ul li p{
    font-size: 14px;
}

/*劳务系统*/
.point .point_lefts img{
    width:66%;
    display: block;
    float: left;
}
.point .point_rights{
    width: 530px;
    height: 350px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
    position: absolute;
    right: 5px;
    top:35px;
    padding:3%;
}
.point .point_rights ul{
    width: 100%;
    overflow: hidden;
}
.point .point_rights ul li{
    width: 100%;
    background: url(../images/r1.png) no-repeat left;
    line-height: 26px;
    margin:3% 0;
    padding-left:5%;
}
.point .point_rights ul li h2{
    font-size: 16px;
    margin:4% 0;
    line-height:30px;
	text-align:left
}

/*商务系统*/
.floor_4 {
    height: auto;
    overflow: hidden;
}
.floor_4 ul li {
    width: 354px;
    height: 385px;
    border: 1px solid #ddd;
    float: left;
    background: #fff;
    margin-right: 66px;
    margin-top: 20px;
}
.floor_4 ul li:last-child {
    margin-right: 0;
}
.floor_4 ul li span{
    display: block;
    height: auto;
    width: 354px;
    padding:32px 0;
    font-size:18px;
    text-align: center;
    color: #fff;
    line-height: 32px;
}
.floor_4 ul li:first-child span{
    background: url(../images/icon234.png) no-repeat center;
}
.floor_4 ul li:nth-child(2) span{
    background: url(../images/icon235.png) no-repeat center;
}
.floor_4 ul li:nth-child(3) span{
    background: url(../images/icon236.png) no-repeat center;
}
.floor_4 ul li p {
    width: 100%;
    height: 160px;
    color: #6b6b6b;
    padding:8%;
    line-height: 26px;
}
.floor_4 ul li a {
    display: block;
    width: 225px;
    height: 55px;
    background: #fff;
    border:1px solid #497bac;
    text-align: center;
    line-height: 55px;
    color: #497bac;
    font-size: 18px;
    border-radius: 26px;
    margin:5% auto;
}
.floor_4 ul li:hover{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0 0 20px #ccc;
}
.floor_4 ul li:hover a{
    background:#497bac;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.floor_6 {
    overflow: hidden;
    height: auto;
}
.floor_6 .box_1 {
    height: 310px;
    background: url(../images/fl6_01.jpg) center left no-repeat;
    overflow: hidden;
    margin-top: 70px;
}
.floor_6 .box_1 p {
    margin-top: 10px;
    margin-left: 770px;
}
.floor_6 .box_1 p em {
    font-size: 28px;
    margin-bottom: 28px;
    display: block;
    font-style: normal;
}
.floor_6 .box_1 p span {
    display: block;
    font-size: 16px;
    color: #585858;
    line-height: 32px;
}
.floor_9 {
    margin-top: 90px;
    overflow: hidden;
    height: auto;
    margin-bottom: 40px;
}
.floor_9 .fleft{
    float: left;
}
.floor_9 .fri{
    float: right;
}
.floor_9 em {
    margin-top: 20px;
    font-style: normal;
    display: block;
    font-size: 28px;
    margin-bottom: 30px;
}
.floor_9 p{
    line-height: 32px;
    font-size: 16px;
    color: #545456;
}
.floor_5 {
    height: 1150px;
    overflow: hidden;
    background: url(../images/fl5_01.jpg) center top no-repeat;
}
.floor_5 .anli {
    height: auto;
    overflow: hidden;
    padding: 60px 0;
}
.floor_5 .anli ul {
    height: 150px;
    overflow: hidden;
    margin-bottom: 103px;
}
.floor_5 .anli ul li.swiper-pagination-bullet {
    width: 189px !important;
    margin-right: 9px;
    float: left;
    position: relative;
    cursor: pointer;
    height: 105px !important;
    background: none;
    margin-bottom: 17px;
    opacity: 1;
}
.floor_5 .anli ul li:nth-child(6n) {
    margin-right: 0;
}
.floor_5 .anli ul li.swiper-pagination-bullet img {
    width: 189px;
    height: 105px;
    border: 2px solid #FFFFFF;
}
.floor_5 .anli ul li.swiper-pagination-bullet em {
    width: 18px;
    height: 8px;
    background: url(../images/jiantou.png) center top no-repeat;
    position: absolute;
    bottom: -10px;
    left: 85px;
    display: none;
}
.floor_5 .anli ul li:hover img,
.floor_5 .anli ul li.swiper-pagination-bullet-active img {
    border: 2px solid #0A6DEE;
}
.floor_5 .anli ul li:hover em,
.floor_5 .anli ul li.swiper-pagination-bullet-active em {
    display: block;
}
.floor_5 .swiper-container {
    width: 1200px;
    margin: 0 auto;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.floor_5 .swiper-slide-active {
    width: 650px;
    height: 409px;
    position: relative;
    margin-left: 282.5px;
}
.floor_5 .swiper-slide-active span {
    color: #fff;
    position: absolute;
    bottom: 0;
    background: #3f3f3f;
    display: block;
    height: 65px;
    width: 650px;
    padding-top: 16px;
    padding-left: 40px;
    line-height: 22px;
    padding-right: 36px;
}
.floor_5 .swiper-slide-active img {
    width: 650px !important;
    height: 409px;
	 
}
.floor_5 .prev {
    position: absolute;
    width: 34px;
    height: 24px;
    top: 193px;
    left: 124px;
    cursor: pointer;
    z-index: 999;
}
.floor_5 .next {
    position: absolute;
    width: 34px;
    height: 24px;
    top: 193px;
    left: 1059px;
    cursor: pointer;
    z-index: 999;
}
.floor_5 a {
    display: block;
    width: 345px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 30px;
    font-size: 22px;
    margin: 0 auto;
    background: #0193ef;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    zoom: 1;
}

/*分销系统*/
.floor_3 {
    height: 710px;
    overflow: hidden;
    padding-bottom: 70px;
    border-bottom: 1px solid #ebeaea;
    background:url(../images/lizi.png) no-repeat left;
}

.floor_3 .title {
    color: #000;
    display: block;
    font-size: 38px;
    font-weight: 100;
    padding-top: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.floor_3 h2 {
    color: #5d5d5d;
    display: block;
    font-size: 15px;
    margin: 5px 0 40px;
    text-align: center;
}

.floor_3 .xuank_ul {
    width: 740px;
    height: 430px;
    float: left;
}

.floor_3 .xuank_ul li {
    float: left;
    width: 226px;
    height: 200px;
    margin: 10px;
    background: #fff;
    border: solid 1px #c6c9d7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding:3%;
}
.floor_3 .xuank_ul li em {
    display: block;
    font-size:18px;
    text-align: center;
    color: #301d4e;
    margin:4% 0;
    font-style: normal;
}

.floor_3 .xuank_ul li span {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #777575;
    line-height: 26px;
}

.floor_3 .xuank_ul li strong {
    font-size: 38px;
    text-align: center;
    padding-top: 80px;
    display: block;
    color: #e8363e;
    padding-bottom: 8px;
}

.floor_3 .xuank_ul li:hover {
    opacity: 0.7;
    cursor: pointer;
}

.floor_3 .show1 {
    width:450px;
    height: 420px;
    color: #ffffff;
    border: 1px solid #c6c9d7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
    margin-top: 10px;
}

.floor_3 .show1 em {
    display: block;
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    padding:10% 0;
    font-style: normal;
}

.floor_3 .show1 strong {
    font-size: 18px;
    display: block;
    text-align: center;
    color: #ffffff;
    margin:3% 0;
    font-weight: normal;
}

.floor_3 .show1 span {
    display: block;
    width: 325px;
    color: #fff;
    margin: 48px auto;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    text-indent: 28px;
}

/*三大模式*/
.row3 {
    padding: 40px 150px 90px;
    background:url(../images/moshibg.png) no-repeat center;
    text-align: center
}
.row3 h1 {
    color: #fff;
}
.row3 .row3-box {
    width: 999px;
    margin: 0 auto;
    box-shadow: 0 0 20px #d1d1d1;
    /*background: #fff;*/
}
.row3 .row3-box .col-md-4 {
    padding: 0
}
.row3 .row3-box .on .ms-content {
    opacity: 0;
    z-index: 0
}
.row3 .row3-box .on .ms-img {
    opacity: 1;
    z-index: 1
}
.row3 .row3-box .ms-content {
    opacity: 1;
    z-index: 1;
    transition: all .5s ease-in .1s
}
.row3 .row3-box .ms-content .row3-title {
    height: 110px;
    line-height: 110px;
    color: #fff;
    font-size: 30px
}
.row3 .row3-box .ms-content .row3-content {
    background-color:rgba(255,255,255,0.93);
    padding: 20px 0 60px;
    line-height: 30px;
    height: 478px;
}
.row3 .row3-box .ms-content .row3-content p {
    font-size: 20px;
    padding-top:20px;
    text-align: center;
}
.row3 .row3-box .ms-content .row3-content .advantag{
    height: 165px;
    overflow: hidden;
    width: 100%;
}
.row3 .row3-box .ms-content .row3-content ul {
    padding: 0
}
.row3 .row3-box .ms-content .row3-content .line{
    width: 200px;
    height: 1px;
    background: #ccc;
    margin:3% auto;
}
.row3 .row3-box .ms-content .row3-content li {
    list-style: none
}
.row3 .row3-box .ms-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition: all .5s ease-in .1s
}
.row3 .row3-box .row3-ws {
    background-color:rgba(51,122,183,0.7);
}
.row3 .row3-box .row3-wd {
    background-color: rgba(140,140,140,0.7);
}
.row3 .row3-box .row3-o2o {
    background-color: rgba(58,176,228,0.7);
}

/*数据统计*/
.data{
    background: url(../images/row2-img.png) no-repeat center;
    width: 100%;
    overflow: hidden;
    background-size: 100%;
    padding:2% 0;
}
.data h1{
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin:3% 0;
}
.data a{
    font-size:18px;
    border:1px solid #fff;
    line-height: 40px;
    display: block;
    width: 120px;
    margin:0 auto;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}
.data p{
    color: #fff;
    font-size: 34px;
    text-align: center;
    margin:3% 0;
    letter-spacing: 2px;
}
.row2-img {
    margin-top: 100px;
    background: #fff url(../images/row2-img.png) no-repeat center center;
    background-size: 100% 100%;
    background-size: cover;
    color: #fff;
    position: relative;
}
.row2-img h1 {
    font-size: 50px;
    margin-top: 90px;
}
.row2-img p {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 90px;
    visibility: hidden;
}
.row2 {
    padding: 40px 0;
    background-color: #fff;
    text-align: center
}
.row2 .row2-simg {
    height: 345px;
    overflow: hidden;
}
.row2 .row2-text {
    padding-top: 100px;
    text-align: left;
    padding-left: 100px;
}
.row2 .row2-text h2 {
    line-height: 60px
}
.row2 .row2-text p {
    line-height: 36px;
    color: #989898;
}
.row4 {
    padding: 40px 0;
    background-color: #fff;
    text-align: center;
    position: relative;
}
.row4 .slide-box {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.row4 .slide-box .slide-box-img {
    float: left;
    width: 300px;
}
.row4 .slide-box .slide-box-img img {
    width: 100%;
}
.row4 .slide-box .slide-box-content {
    float: right;
    width: 690px;
    margin-top: 80px;
    color: #6c6c6c;
}
.row4 .slide-box .slide-box-content h3 {
    font-size: 36px;
    margin: 60px 0 20px;
    color: #000;
}
.row4 .slide-box .slide-box-content p:nth-child(2) {
    font-size: 20px;
}
.row4 .slide-box .slide-box-content p:nth-child(3) {
    font-size: 16px;
    line-height: 28px;
    margin: 45px 0 30px;
}
.row4 .slide-box .slide-box-content p:nth-child(4) {
    font-size: 16px;
    line-height: 28px;
}
.row4 .slide-box .slide-box-content .anli-btn {
    margin-top: 35px;
}
.row4 .slide-box .slide-box-content .anli-btn a {
    background-color:#3e6f9d;
    font-size: 16px;
    color: #fff;
    padding: 15px 35px;
    border-radius:40px;
    display: inline-block;
}

/*首页新版~~块级板块*/
.new_index{
    width: 100%;
    overflow: hidden;
}
.new_index .center{
    position: relative;
}
.new_index ul{
    width: 100%;
    overflow: hidden;
}
.new_index ul li{
    position: relative;
    cursor: pointer;
}
.new_index ul li img{
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.new_index ul li:nth-child(1){
    width:65%;
    height: 40rem;
    float: left;
    margin-top: 5%;
    margin-bottom:2%;
    overflow: hidden;
}
.new_index ul li:nth-child(1) img{
    width: 100%;
    height: 100%;
    display: block;
    margin:0 auto;
}
.new_index ul li:nth-child(2){
    width: 33.5%;
    height:33.5rem;
    float: right;
    margin-top: 5%;
    overflow: hidden;
    margin-bottom: 2%;
}
.new_index ul li:nth-child(2) img{
    width: 100%;
    height: 100%;
    display: block;
    margin:0 auto;
}
.new_index ul li:nth-child(3){
    width: 65%;
    float: left;
    height: 25rem;
    overflow: hidden;
    margin-bottom: 2%;
}
.new_index ul li:nth-child(3) img{
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
    margin:0 auto;
}
.new_index ul li:nth-child(4){
    width: 33.5%;
    height: 32rem;
    float: right;
    margin-bottom: 2%;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
}
.new_index ul li:nth-child(4) img{
    width: 100%;
    height: 100%;
    display: block;
    margin:0 auto;
}
.new_index ul li:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.new_index ul li .meetcont{
    width: 100%;
    height: 150px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    padding:3% 5%;
}
.new_index ul li .meetcont h2{
    color: #fff;
    font-size: 32px;
    line-height: 44px;
}
.new_index ul li .meetcont p{
    color: #fff;
    font-size: 20px;
    line-height: 2.6;
}
.new_index ul li:nth-child(2) .meetcont{
    padding:7% 6%;
}
.new_index ul li:nth-child(2) h2{
    line-height: 98px;
    text-align: center;
}
.new_index ul li:nth-child(4) h2{
    line-height: 98px;
    text-align: center;
}
.new_index ul li:nth-child(1) .meetcont{
    bottom: 0;
    top: 0;
}
.new_index ul li:nth-child(2) .meetcont{
    bottom: 0;
    top: 0;
}
.new_index ul li:nth-child(4) .meetcont{
    bottom: 0;
    top: 0;
}
.new_index ul li:nth-child(3) .meetcont{
    bottom: 0;
    left: 0;
}

/*线上培训系统*/
.train{
    width: 100%;
    height: 620px;
    overflow: hidden;
    position: relative;
    margin-bottom: 2%;
    cursor: pointer;
}
.train .center{
    overflow: hidden;
}
.train .center:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.train img{
    width: 100%;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.train .fuwu{
    position: absolute;
    top: 35%;
    right:10%;
}
.train .fuwu h1{
    color:#fff;
    font-size:40px;
    font-weight: bold;
    margin:3% 0;
    text-align: right;
}
.train .fuwu p{
    color:#fff;
    font-size:22px;
    margin:3% 0;
    text-align: right;
}
.train .fuwu a{
    display: block;
    line-height: 40px;
    color: #f29300;
    font-size: 18px;
    border:1px solid #fff;
    border-radius: 22px;
    width: 150px;
    text-align: center;
    float: right;
}
.train .fuwu a:hover{
    color: #fff;
    border:1px solid #f29300;
    background:#f29300;
    -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}

/*合作伙伴*/
.productBox{
    width: 100%;
    height:510px;
    overflow: hidden;
}
.productBox .newtitle h1{
    color: #fff;
}
.productBox .newtitle h4{
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}
.productBox ul{
    width: 100%;
}
.productBox ul li{
    float:left;
    width: 24% !important;
    height:316px;
    text-align: center;
    background: #191919;
    margin:0 0.5% !important;
}
.productBox ul li img{
    margin:59px 0;
}
.productBox .swiper-container{ background-color: transparent;}

/*关于我们*/
.women{
    width: 100%;
    margin-bottom: 2%;
    overflow: hidden;
}
.women ul{
    width: 100%;
    overflow: hidden;
}
.women ul li{
    width: 49%;
    height: 500px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    margin-right: 2%;
    cursor: pointer;
}
.women ul li:nth-child(2){
    margin-right: 0;
}
.women ul li img{
    width: 100%;
    height: 100%;
    display: block;
    margin:0 auto;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.women ul li .meettext{
    width: 100%;
    position: absolute;
    top:38%;
    padding:0 56px;
    text-align: left;
}
.women ul li .meettext h2{
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
}
.women ul li .meettext p{
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
    font-size: 20px;
}
.women ul li:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

/*App页面案例背景图*/
.example{
    background: url(../images/example.jpg) no-repeat center;
    width: 100%;
}

/*app详情页面*/
.case_show{
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin:5% auto;
    padding:3% 0;
}
.case_show .case_show_left{
    width: 610px;
    height: 495px;
    float: left;
    border:1px solid #ccc;
}
.case_show .case_show_right{
    float: left;
    width: 590px;
    margin-top:5%;
}
.case_show .case_show_right h2{
    background: #497bac;
    color: #fff;
    font-size:40px;
    line-height: 76px;
    padding:5% 0 5% 15%;
    margin-left: -8%;
}
.case_show .case_show_right .line{
    width: 50px;
    height: 3px;
    background: #fff;
}
.case_show .case_show_right p{
    margin:5% auto;
    width: 90%;
    text-align: justify;
    line-height: 30px;
    font-size:16px;
}
.case_show .nichen{
    width: 100%;
    overflow: hidden;
    margin-bottom: 3%;
}
.mains{
    width: 100%;
    overflow: hidden;
}
.mains .btn_s{
    margin:2% auto;
    width:70%;
    overflow: hidden;
}
.mains ul{
    width: 100%;
    overflow: hidden;
}
.mains ul li{
    width: 21%;
    float: left;
    line-height:48px;
    font-size:16px;
    text-align: center;
    color: #fff;
    background: #497bac;
    border-radius: 6px;
    margin:0 2%;
}
.picbox{
    margin: 0px;
    float: left;
    height: auto;
    width: 1200px;
    text-align: center;
}
.Case_phonebox {
    width: 1200px;
    margin: 0px auto;
    padding-top: 70px;
    position: relative;
}
.Case_phone {
    position: relative;
    width: 1200px;
    margin: 0px auto;
    height: 591px;
    padding-bottom: 50px;
}
.Case_phoneleft {
    background: url(../images/icon.gif) no-repeat;
    left: 0;
}
.Case_phoneleft a {
    display: block;
    width: 54px;
    height: 101px;
}
.Case_phoneleft, .Case_phoneright {
    position: absolute;
    width: 54px;
    height: 101px;
    top: 38%;
    z-index: 9999;
    cursor: pointer;
}
.Case_phoneright {
    background: url(../images/icon.gif) no-repeat -60px 0;
    right:0;
}
.Case_phonepic {
    /*position: absolute;*/
    background: url(../images/iphone6s_box.png) no-repeat center;
    width: 300px;
    height: 591px;
    z-index: 99;
    float: left;
    margin-left: 186px;
}
.shouji2{
    float: right;
    margin-right: 186px;
    margin-left: 0;
}
.Case_phoneleft:hover{
    background:url(../images/icon.gif) no-repeat 0px -103px;
}
.Case_phoneright:hover{
    background:url(../images/icon.gif) no-repeat -60px -103px;
}
.Case_phonelist {
    width: 248px;
    overflow: hidden;
    position: absolute;
    padding-top: 70px;
    margin-left: 212px;
    float: left;
}
.shoujiimg2 {
    right:212px;
    margin-left: 0;

}
.Case_phonelist ul {
    width: 9999px;
    position: relative;
}
.Case_phonelist ul li{
    float:left;
    width:248px;
    height:439px;
    background: none;
    margin:0;
}
.Case_phonelist ul li img{
    display:black;
    width:248px;
    height:439px;
}
.pic {
    margin: 0px;
    float: left;
    height: auto;
    width:248px;
    overflow: auto;
    text-align: center;
    padding: 0px;
}

/*强大的商城前后台功能，满足平台日常运营的需求*/
@font-face {
  font-family: 'iconfont_rrjbd';
  src: url('../fonts/font_k2nd9sainlhoxbt9.eot');
  src: url('../fonts/font_k2nd9sainlhoxbt9.eot') format('embedded-opentype'),
  url('../fonts/font_k2nd9sainlhoxbt9.woff') format('woff'),
  url('../fonts/font_k2nd9sainlhoxbt9.ttf') format('truetype'),
  url('../fonts/font_k2nd9sainlhoxbt9.svg#iconfont') format('svg');
}
.floor_4s {
    height: 572px;
    border-bottom: 1px solid #ebeaea;
    border-top: 1px solid #ebeaea;
}

.floor_4s .title em {
    color: #000;
    display: block;
    font-size: 38px;
    font-weight: 100;
    padding-top: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.floor_4s .title p {
    color: #5d5d5d;
    display: block;
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
}

.floor_4s .block-wap.weichat01 {
    height: 350px;
}

.floor_4s .block-wap {
    margin: 20px auto 0;
    position: relative;
    width: 1100px;
    z-index: 1;
}

.floor_4s .block-wap.weichat01 .pics {
    height: 207px;
    left: 145px;
    bottom: 0px;
    width: 374px;
}

.floor_4s .block-wap.weichat01 .texts {
    left: 150px;
    top: 30px;
    width: 500px;
    position: absolute;
    height: 100px;
}

.floor_4s .block-wap .pics {
    display: block;
    position: absolute;
    z-index: 1;
}
.floor_4s.block-wap .texts {
    display: block;
    position: absolute;
    z-index: 1;
}

.floor_4s .block-wap.weichat01 .texts h3 {
    color: #333;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 10px;
    height: 35px;
}

.floor_4s .block-wap.weichat01 .texts h3 i {
    width: 30px;
    height: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: #434a54;
    display: block;
    text-align: center;
    line-height: 30px;
    float: left;
}

.floor_4s .block-wap.weichat01 .texts h3 strong {
    color: #000;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    float: left;
    margin-left: 10px;
}

.floor_4s .block-wap .texts h4 {
    color: #777;
    font-size: 13px;
    color: #000;
    line-height: 26px;
    float: left;
}

.floor_4s .block-wap.weichat02 {
    height: 440px;
}

.floor_4s .block-wap.weichat02 .pics {
    height: 320px;
    right: 100px;
    top: 30px;
    width: 320px;
}

.floor_4s .block-wap.weichat02 .texts {
    left: 150px;
    top: 80px;
    width: 500px;
}

.floor_4s .block-wap.weichat02 .texts h3 strong {
    color: #78b241;
    font-size: 44px;
    font-weight: normal;
}

.floor_4s .block-wap.weichat02 .texts h3 {
    color: #333;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 10px;
}
.iconfont_rrjbd{
    font-family:"iconfont_rrjbd" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.scroll {
    margin: 0 auto;
    width: 1100px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.scroll ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 99999px;
    height: 210px;
}

.scroll li {
    float: left;
    width: 1100px;
}

.prev {
    position: absolute;
    left: 20px;
    top: 150px;
    z-index: 99
}

.next {
    position: absolute;
    right: 0px;
    top: 150px;
    z-index: 99
}

.floor_4s .block-wap.weichat01 .block-wap-list {
    display: block;
    float: right;
    width: 310px;
    height: 290px;
    top: 30px;
    right: 120px;
    position: absolute;
}

.floor_4s .block-wap.weichat01 .block-wap-list dl {
    width: 93px;
    height: 93px;
    float: left;
    margin: 0 0 10px 10px;
}

.floor_4s .block-wap.weichat01 .block-wap-list dl dt img {
    width: 45px;
    height: 45px;
    margin: 13px 25px 0;
}

.floor_4s .block-wap.weichat01 .block-wap-list dl dd {
    text-align: center;
    font-size: 12px;
}
.block-wap-list dl dt {
    text-align: center;
}

.block-wap-list dl dt i.iconfont_rrjbd {
    font-size: 40px;
}

/*加入我们底部图片*/
.jiaru{
    width: 100%;
    overflow: hidden;
    margin:2% 0 2%;
}
.jiaru .left_join{
    width: 300px;
    float: left;
    margin:140px 0;
}
.jiaru .left_join h3{
    font-size: 42px;
    line-height: 54px;
    color: #333;
    margin:3% 0;
}
.jiaru .left_join a{
    width: 120px;
    text-align: center;
    display: block;
    border:1px solid #109cda;
    border-radius: 4px;
    line-height:40px;
    color: #fff;
    background: #109cda;
    font-size: 16px;
}
.jiaru .right_join{
    float: right;
    width: 800px;
    overflow: hidden;
}
.jiaru .right_join img{
    width: 100%;
    display: block;
    margin:0 auto;
}

/*案例详情页面*/
.case_box{
    margin:2% auto;
    overflow: hidden;
    width: 1200px;
}
.case_box .case_title{
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #ccc;
    padding-bottom: 1%;
}
.case_box .case_title h1{
    font-size: 18px;
    color: #000;
    float: left;
    border-left: 5px solid #109cda;
    padding-left: 1%;
}
.case_box .case_title span{
    float: right;
    font-size: 14px;
}
.case_box .detail{
    width: 100%;
    overflow: hidden;
    padding:30px 0 0;
    position: relative;
}
.case_box .detail .case_con{
    width: 855px;
    float: left;
}
.case_box .detail .case_con h2{
    font-size: 22px;
    color: #ff9c02;
    line-height: 40px;
    text-align: center;
    height: 40px;
    font-weight: normal;
}
.case_box .detail .case_con h3{
    font-size: 13px;
    line-height: 26px;
    height: 26px;
    width: 100%;
    text-align: center;
    margin-bottom: 2%;
}
.case_box .detail .case_con h3 span{
    margin-left: 8%;
}
.case_box .detail .case_con p{
    color: #666;
    line-height: 32px;
    text-align: justify;
    /*text-indent: 2em;*/
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 1%;
}
.case_box .detail .case_con .one{
    border:1px solid #ddd;
    margin:2% 0;
    border-radius: 4px;
    padding:2%;
}
.case_box .detail .case_con h4 {
    margin: 2% 0;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    background: url(../images/about_tit_icon.png) no-repeat left;
    padding-left: 5%;
    line-height: 30px;
}
.case_box .detail .case_con img{
    width: 60%;
    margin:2% auto;
    display: block;
}
.case_box .case_tuijian{
    width: 315px;
    height: 1360px;
    overflow: hidden;
    float: left;
    border:1px solid #ccc;
    margin: 0px 0px 0px 30px;
}
.case_box .case_tuijian ul{
    width: 100%;
    overflow: hidden;
}
.case_box .detail h5{
    font-size: 20px;
    color:#fff;
    text-align: center;
    background: #ff9c02;
    line-height: 64px;
    font-weight: bolder;
    height: 64px;
    width: 315px;
    position: absolute;
    right: 0;
    z-index: 999;
    box-shadow: 3px 6px 15px #ccc;
}
.case_box .case_tuijian ul li{
    width: 96%;
    height: auto;
    margin:2% auto;
    border:1px solid #ddd;
    position: relative;
}
.case_box .case_tuijian ul li img{
    width: 100%;
    display: block;
    margin:0 auto;
}
.case_box .case_tuijian ul li p{
    width: 100%;
    position: absolute;
    background: rgba(0,0,0,0.4);
    bottom: 0;
    left: 0;
    line-height:38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.case_box .case_tuijian ul li:hover p{
    background: rgba(0,0,0,0.8);
}

/*招商加盟页面轮播图*/
.honor-block {
    display: block;
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
}

.honor-h2-title {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    color: #333;
    padding-bottom: 30px;
}

.honor-ul {
    display: block;
    position: relative;
    padding: 40px 0 30px 0;
}

.honor-ul:before,
.honor-ul:after {
    display: table;
    content: "";
    clear: both;
}

.honor-ul li {
    float: left;
    width: 16%;
}

.honor-ul li p {
    font-size: 16px;
    text-align: center;
    color: #666;
}

.honor-ul li .icon {
    display: block;
    margin: 0 auto 30px;
    width: 187px;
    height: 228px;
}
.sec-part4 {
    position: relative;
}

/*客服系统悬浮*/
#div_company_mini{
    right: 0 !important;
}
.inv_bg_color{
    border-radius: 14px !important;
}
.talk_btn{
    border-radius:8px !important;
}
.banner_box{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.banner_box .banner_t{ position: absolute; color: #fff; left: 50%; transform: translate(-50%,-50%); top: 50%;}
.banner_box .banner_t h1{ font-size: 36px; text-align: center; padding-bottom: 30px;}
.banner_box .banner_t p{ font-size: 26px;text-align: center; padding-top: 30px;}

/*新导航*/
.Topbar{
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
}
.Topbar .center{ width: 100%;}
.column{
    width: 100%;
    height: 75px;
    overflow: hidden;
    background:#31363A;
}
.column .center{
    width: 98%; height: 75px;
    margin:0 auto; position: relative;
    overflow: hidden;
}
.column .new_logo{
    width:10%; position: absolute; left: 0; top: 0;
    float: left;
}
.column .new_logo img{
     height: 75px;
    display: block;
}
.column .phone{
    width: 150px; position: absolute; right: 0; top: 9px;
}
.column .phone img{
    /*width: 17%;*/
    float: left;
    margin-right:10%; height: 30px; margin-top: 10px;
}
.column .phone span{
    color: #fff;
    font-size: 14px;
}
.column .phone p{
    color: #fff;
    font-size: 14px;
    font-weight: bolder;
}
.column ul{
    width:700px;
    height:100%;
    margin: 0 auto;
    overflow: hidden;
}
.column ul li{
    width: 16%;
    height: 100%;
    line-height:75px;
    float:left;
    text-align: center; position: relative;
}
.column ul li.active:before{border-bottom:2px solid #0078CA; position: absolute; margin:auto;width:70%; bottom:0px; left:0%; right:0;content: "";}
.column ul li .line{
    width: 0px;
    height: 2px;
    background:#117dca;
    margin:0 auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.column ul li:hover .line{
    width: 80px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.column ul li a{
    color: #fff;
    font-size: 16px;
    display: block;
}
.column ul li a:hover{
    color: #117dca;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.prog_box{width: 100%; margin: 0 auto; background-color: #fff; position: relative; overflow: hidden;}
.prog_box:before{ position: absolute; background-color:#F8F9FA; width:100%;height:50%; bottom:0px; left:0%;content: "";}
.prog_box .prog{ width: 1200px; margin: 0 auto; padding: 70px 0 0 0; overflow: hidden;}
.prog_box .prog h1{ width: 30%; margin: 0 auto;  font-size: 30px; color: #333; text-align: center; padding-bottom: 30px; position: relative;}
.prog_box .prog h1 i{position: absolute; margin:auto;width:60px; height: 5px; background-color: #fff;  bottom:10px; left:0%; right:0;content: ""; z-index: 2;}
.prog_box .prog h1 i:before{border-bottom:5px solid #FF8B24; position: absolute; margin:auto;width:30px;  bottom:0px; left:0%; right:0;content: "";}
/*.prog_box .prog h1:before{border-bottom:4px solid #FF8B24; position: absolute; margin:auto;width:30px;  bottom:10px; left:0%; right:0;content: "";}*/
.prog_box .prog h1:after{border-bottom:2px solid #ccc; position: absolute; margin:auto;width:100%;  bottom:10px; left:0%; right:0;content: ""; z-index: 1;}
.prog_box .prog h2{ width:80%; margin:0 auto;font-size: 18px; color: #333; line-height:30px;text-align: center;}
.prog_box .prog_list{ width: 1200px; margin: 35px auto;}
.prog_box .prog_list ul{}
.prog_box .prog_list ul li{ width: 33.333%; height: 460px; float: left; position: relative;}
.prog_box .prog_list ul li .prog_pic{ width: 100%; text-align: center;

}
.prog_box .prog_list ul li img{

    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.prog_box .prog_list ul li:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    /*-webkit-transition: 0.8s;*/
    /*-o-transition: 0.8s;*/
    /*transition: 0.8s;*/
}

.prog_box .prog_list ul li span{ width:330px;padding:0 0px; left: 0; right: 0; margin: auto; top:45%;   background-color: #fff; position: absolute; display: block;}
.prog_box .prog_list ul li span:before{ position:absolute; top: -90px; content: "";
    height: 0px;
    border-bottom: 90px solid #fff;
    border-left: 330px solid transparent;  }
.prog_box .prog_list ul li .pro_box h1{ width: 90%; text-indent: 10px; position: relative; text-align: left; margin: 0 auto; padding: 20px 0; font-size: 22px; color: #333;}
.prog_box .prog_list ul li .pro_box h1:before{border-left:3px solid #0A5FAE; position: absolute;width:2px; height:20px; top:23px; left:0%;content: "";}
.prog_box .prog_list ul li .pro_box h2{width: 90%; height: 160px; text-align: left;margin: 0 auto;font-size: 14px; color: #666; }

/*IT解决方案与服务提供商*/
.prog_box .jjfa{ width: 1200px; margin: 70px auto; overflow: hidden;}
.prog_box .jjfa ul{}
.prog_box .jjfa ul li{ width: 33.333%; float: left; overflow: hidden;}
.prog_box .jjfa ul li .jjfa_c{ width: 80%; margin: 0 auto;border:1px solid #ccc; position: relative; z-index: 100; background-color: #fff; padding-bottom: 30px;}
.prog_box .jjfa ul li .jjfa_c img{ width: 100%; position: absolute; display:block; z-index: 1;
    -webkit-transition: transform .5s linear;
       -moz-transition: transform .5s linear;
         -o-transition: transform .5s linear;
            transition: transform .5s linear;
    /*-webkit-transition: 0.8s;*/
    /*-o-transition: 0.8s;*/
    /*transition: 0.8s;*/

            opacity:0;
            filter:alpha(opacity=0);
}
.prog_box .jjfa ul li:hover .jjfa_c img{ display: block;
    -webkit-transform:translateY(-300px);
       -moz-transform:translateY(-300px);
        -ms-transform:translateY(-300px);
         -o-transform:translateY(-300px);
            transform:translateY(-300px);
            opacity:1;
            filter:alpha(opacity=1);

}
.prog_box .jjfa ul li .jjfa_c h1{ width: 90%; text-indent: 10px; text-align: center; margin: 0 auto; padding: 20px 0; font-size: 22px; color: #333;position: relative; z-index: 999;}
.prog_box .jjfa ul li .jjfa_c h1:before{border-left:0px solid #0A5FAE; position: absolute;width:2px; height:20px; top:23px; left:0%;content: "";}
.prog_box .jjfa ul li .jjfa_c h1:after{border-bottom:3px solid #0A5FAE; position: absolute; margin:auto;width:5%;  bottom:10px; left:0%; right:0;content: ""; z-index: 1;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.prog_box .jjfa ul li .jjfa_c h2{width: 90%; height: 160px; text-align: left;margin: 0 auto;font-size: 14px; color: #666;position: relative; z-index: 999;}
.prog_box .jjfa ul li:hover .jjfa_c h1,.prog_box .jjfa ul li:hover .jjfa_c h2{ color: #fff;}
.prog_box .jjfa ul li:hover .jjfa_c h1:after{border-bottom:3px solid #fff;width:30%; }
.prog_box .jjfa ul li p{ width: 100px; height: 100px; margin: 40px auto 0 auto;background-position: center 0px; background-repeat: no-repeat; background-size: 100px 100px; position: relative;z-index: 100;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.prog_box .jjfa ul li p.i1{background-image: url(../images/a2.png);}
.prog_box .jjfa ul li:hover p.i1{background-image: url(../images/a02.png);}
.prog_box .jjfa ul li p.i2{background-image: url(../images/a1.png);}
.prog_box .jjfa ul li:hover p.i2{background-image: url(../images/a01.png);}
.prog_box .jjfa ul li p.i3{background-image: url(../images/a3.png);}
.prog_box .jjfa ul li:hover p.i3{background-image: url(../images/a03.png);}

.find_box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.find_box .prog{ margin-top: 50px;}
.find_box .prog h1{ width: 30%; margin: 0 auto;  font-size: 30px; color: #333; text-align: center; padding-bottom: 30px; position: relative;}
.find_box .prog h1 i{position: absolute; margin:auto;width:60px; height: 5px; background-color: #fff;  bottom:10px; left:0%; right:0;content: ""; z-index: 2;}
.find_box .prog h1 i:before{border-bottom:5px solid #FF8B24; position: absolute; margin:auto;width:30px;  bottom:0px; left:0%; right:0;content: "";}
/*.prog_box .prog h1:before{border-bottom:4px solid #FF8B24; position: absolute; margin:auto;width:30px;  bottom:10px; left:0%; right:0;content: "";}*/
.find_box .prog h1:after{border-bottom:2px solid #ccc; position: absolute; margin:auto;width:100%;  bottom:10px; left:0%; right:0;content: ""; z-index: 1;}
.find_box .prog h2{ width: 30%; margin: 0 auto; color: #333; font-size: 18px; text-align: center;}
.find_box .highcharts-legend{ display: none;}

#branchs-container {
	margin: 50px 0
}

#branchs-container .branch-title {
	font-size: 16px;
	padding: 0 10px 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd
}

#branchs-container .branch-title-em {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	padding-left: 10px
}

#branchs-container .branch-list {
	font-size: 12px;
	width: 100%
}

#branchs-container .branch-list>li {
	margin: 0 10px 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ddd;
	line-height: 20px
}

#branchs-container .branch-name {
	color: #20B09F;
	margin-bottom: 5px
}

#branchs-container .branch-address {
	color: #666;
	white-space: normal;
	word-break: break-all
}

#branchs-container .branch-url {
	color: #666
}

#branchs-container .branch-col-2 {
	overflow: hidden;
	width: 100%
}

#branchs-container .branch-col-2>li {
	float: left;
	width: calc(50% - 20px)
}

#branchs-container .branch-col-3 {
	overflow: hidden;
	width: 400px
}

#branchs-container .branch-col-3>li {
	float: left;
	width: calc(50% - 20px)
/*	width: calc(33.3333% - 20px)*/
}

#branchs-container .branch-col-2>li:nth-child(2n+1),#branchs-container .branch-col-3>li:nth-child(3n+1) {
	clear: left
}



.my_switch_box{ width: 100%; margin: 0 auto; padding: 90px 0; background-color: #fff; overflow: hidden;}
.my_switch_box .rent_houses{ width: 40%; margin: 0 auto; padding-bottom: 15px;}
.my_switch_box .rent_houses ul{ overflow: auto;}
.my_switch_box .rent_houses ul li{ width: 33.333%; float: left; text-align: center;  margin: 0 0%; border: 0; background: transparent; font-size: 30px;color: #bbb; position: relative; padding-bottom: 20px;}
.my_switch_box .rent_houses ul li.focues{ color: #0A5FAE;}
.my_switch_box .rent_houses ul li.focues:before{border-bottom:2px solid #0A5FAE; position: absolute;width:40px;  bottom:0px; margin: auto; left:0%; right:0;content: "";}

.my_switch_box .tabs{ width: 1200px; margin: 0 auto; overflow: hidden;}
.my_switch_box .tabs .frame{ width: 100%; border: 0;}
.my_switch_box .tabs .frame ul{}
.my_switch_box .tabs .frame ul li{ width: 25%; height: 130px; float: left;}
.my_switch_box .tabs .frame ul li p{ width: 77px; height: 77px; display: block; margin: 0 auto;background-position: 0px 0px; background-repeat: no-repeat; background-size: 77px 77px;}

.my_switch_box .tabs .frame ul li p.i1{background-image: url(../images/11.png);}
.my_switch_box .tabs .frame ul li:hover p.i1{ background-image: url(../images/011.png); }
.my_switch_box .tabs .frame ul li p.i2{background-image: url(../images/4.png);}
.my_switch_box .tabs .frame ul li:hover p.i2{ background-image: url(../images/04.png); }
.my_switch_box .tabs .frame ul li p.i3{background-image: url(../images/1.png);}
.my_switch_box .tabs .frame ul li:hover p.i3{ background-image: url(../images/01.png); }
.my_switch_box .tabs .frame ul li p.i4{background-image: url(../images/9.png);}
.my_switch_box .tabs .frame ul li:hover p.i4{ background-image: url(../images/09.png); }
.my_switch_box .tabs .frame ul li p.i5{background-image: url(../images/2.png);}
.my_switch_box .tabs .frame ul li:hover p.i5{ background-image: url(../images/02.png); }
.my_switch_box .tabs .frame ul li p.i6{background-image: url(../images/7.png);}
.my_switch_box .tabs .frame ul li:hover p.i6{ background-image: url(../images/07.png); }
.my_switch_box .tabs .frame ul li p.i7{background-image: url(../images/5.png);}
.my_switch_box .tabs .frame ul li:hover p.i7{ background-image: url(../images/05.png); }
.my_switch_box .tabs .frame ul li p.i8{background-image: url(../images/12.png);}
.my_switch_box .tabs .frame ul li:hover p.i8{ background-image: url(../images/012.png); }
.my_switch_box .tabs .frame ul li p.i9{background-image: url(../images/8.png);}
.my_switch_box .tabs .frame ul li:hover p.i9{ background-image: url(../images/08.png); }
.my_switch_box .tabs .frame ul li p.i10{background-image: url(../images/6.png);}
.my_switch_box .tabs .frame ul li:hover p.i10{ background-image: url(../images/06.png); }
.my_switch_box .tabs .frame ul li p.i11{background-image: url(../images/10.png);}
.my_switch_box .tabs .frame ul li:hover p.i11{ background-image: url(../images/010.png); }
.my_switch_box .tabs .frame ul li p.i12{background-image: url(../images/3.png);}
.my_switch_box .tabs .frame ul li:hover p.i12{ background-image: url(../images/03.png); }


.my_switch_box .tabs .frame ul li:hover p{-webkit-animation: bounce 0.8s .1s ease both;}
.my_switch_box .tabs .frame ul li h1{ font-size: 18px; color: #333; text-align: center;}
.my_switch_box .tabs .frame ul li h2{ font-size: 14px; color: #666; text-align: center; padding: 10px 0;}
.my_switch_box .tabs .frame ul li:hover h1{ color: #0A5FAE;}
.my_switch_box .tabs .frame ul li:hover h2{color: #0A5FAE;}
.contact{ width: 100%; float: left;}
.contact ul{}
.contact ul li{ width: 100%; float: left;}
.contact ul li{ margin-left: 6px;}
.contact p{ margin-top: 10px;}
.contact p img{ width: 23%; float: left; display: block;}
.change_title{ width: 100%; float: left;}
.change_title p{ width: 26px; height: 26px; margin-right: 10px; border-radius:100px; display: block; float: left;border:1px solid  #fff;}
.change_title p.active{ background-color: #2A7BB3;border:1px solid #2A7BB3;}
.change_title p.i1{background-image: url(../images/lianxi2.png) ;background-position: center 2px; background-repeat: no-repeat; background-size: 19px 19px;}
.change_title p.i2{background-image: url(../images/lianxi1.png) ;background-position: center 2px; background-repeat: no-repeat; background-size: 19px 19px;}

/*细节执著，匠心打造*/
.jiangxin_box{width: 100%;padding:60px 0; background-size: cover; background-image: url(../images/jiangxin_bg.jpg) ;background-position: center 0px; background-repeat: no-repeat; overflow: hidden;}
.jiangxin_box .jx_center{ width: 1200px; margin: 0 auto; text-align: center; color: #fff;}
.jiangxin_box .jx_center h1{ font-size: 30px;}
.jiangxin_box .jx_center h2{ font-size: 20px; margin-top: 2%; margin-bottom: 5%;}
.jiangxin_box .jx_center a{ font-size: 18px; color: #fff; border:1px solid #fff; padding: 10px 15px;border-radius:5px;}
.jiangxin_box .jx_center a:hover{ background-color: #2A7BB3;}
.highcharts-credits{ display: none;}
.jjfa_box{ width: 100%; margin: 0 auto; background-color: #2C2F34;}
.jjfa_box .jjfa{ width: 900px; margin: 0 auto; padding: 70px 0; color: #fff;}
.jjfa_box .jjfa h1{ font-size: 30px; text-align: center;}
.jjfa_box .jjfa h2{ font-size: 18px; text-align: center; margin-top: 20px; line-height: 30px;}
.brand_box{width: 100%; padding: 50px 0;   background-size: cover; background-image: url(../images/brand_bg.png) ;background-position: center center; background-repeat: no-repeat; overflow: hidden;}
.brand_box h1{ color: #fff; font-size: 30px; text-align: center; padding-top: 20px; padding-bottom: 40px;}
.brand_box .brand_list{ width: 1200px; margin: 0 auto;}
.brand_box .brand_list ul{}
.brand_box .brand_list ul li{ width: 20%; float: left;}
.brand_box .brand_list ul li p{ width: 200px; height:100px; margin: 0 auto; display: block; overflow: hidden;}
.brand_box .brand_list ul li p.i1{background-image: url(../images/brand_1.png);}
.brand_box .brand_list ul li:hover p.i1{background-image: url(../images/brand_01.png);}
.brand_box .brand_list ul li p.i2{background-image: url(../images/brand_2.png);}
.brand_box .brand_list ul li:hover p.i2{background-image: url(../images/brand_02.png);}
.brand_box .brand_list ul li p.i3{background-image: url(../images/brand_3.png);}
.brand_box .brand_list ul li:hover p.i3{background-image: url(../images/brand_03.png);}
.brand_box .brand_list ul li p.i4{background-image: url(../images/brand_4.png);}
.brand_box .brand_list ul li:hover p.i4{background-image: url(../images/brand_04.png);}
.brand_box .brand_list ul li p.i5{background-image: url(../images/brand_5.png);}
.brand_box .brand_list ul li:hover p.i5{background-image: url(../images/brand_05.png);}
.brand_box .brand_list ul li p.i6{background-image: url(../images/brand_6.png);}
.brand_box .brand_list ul li:hover p.i6{background-image: url(../images/brand_06.png);}
.brand_box .brand_list ul li p.i7{background-image: url(../images/brand_7.png);}
.brand_box .brand_list ul li:hover p.i7{background-image: url(../images/brand_07.png);}
.brand_box .brand_list ul li p.i8{background-image: url(../images/brand_8.png);}
.brand_box .brand_list ul li:hover p.i8{background-image: url(../images/brand_08.png);}
.brand_box .brand_list ul li p.i9{background-image: url(../images/brand_9.png);}
.brand_box .brand_list ul li:hover p.i9{background-image: url(../images/brand_09.png);}
.brand_box .brand_list ul li p.i10{background-image: url(../images/brand_10.png);}
.brand_box .brand_list ul li:hover p.i10{background-image: url(../images/brand_010.png);}
.brand_box .brand_list ul li p.i11{background-image: url(../images/brand_11.png);}
.brand_box .brand_list ul li:hover p.i11{background-image: url(../images/brand_011.png);}
.brand_box .brand_list ul li p.i12{background-image: url(../images/brand_12.png);}
.brand_box .brand_list ul li:hover p.i12{background-image: url(../images/brand_012.png);}
.brand_box .brand_list ul li p.i13{background-image: url(../images/brand_13.png);}
.brand_box .brand_list ul li:hover p.i13{background-image: url(../images/brand_013.png);}
.brand_box .brand_list ul li p.i14{background-image: url(../images/brand_14.png);}
.brand_box .brand_list ul li:hover p.i14{background-image: url(../images/brand_014.png);}
.brand_box .brand_list ul li p.i15{background-image: url(../images/brand_15.png);}
.brand_box .brand_list ul li:hover p.i15{background-image: url(../images/brand_015.png);}
.hyjjfa_box .swiper_box{ width: 100%; margin: 0 auto;}
.hyjjfa_box .swiper-wrapper{ margin-bottom: 45px;}
.hyjjfa_box .swiper-container {
    width: 100%;
    height: 100%; background-color: #fff;
}
.hyjjfa_box .swiper-slide { position: relative;;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.hyjjfa_box .swiper-slide a{width: 100%;}
.hyjjfa_box .swiper-slide img{ width: 100%;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.hyjjfa_box .swiper-slide:hover img{
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}
.hyjjfa_box .swiper-slide h1{ color: #fff; font-size: 22px; position: absolute; left: 25px; bottom: 50px;}
.hyjjfa_box .swiper-slide h2{ color: #69AFF0; font-size: 18px;position: absolute; left: 25px; bottom: 25px;}
.hyjjfa_box .swiper-pagination-bullet-active{ width: 50px; border-radius:0%;}
.nav_phone{
    width: 100%;
    height:260px;
    overflow: hidden;
    background:#23272A;
    position: relative;
    border-radius: 4px;
    margin-bottom: 1%;
    z-index: 999;
    display: none;
}
.nav_phone .center{
    width:1200px; padding-left: 10.5%;
    height: 100%;
    margin:0 auto;
}
.nav_phone .nav_left{
    width: 300px;
    height: 100%;
    float: left;
    padding:0 0 0 0;
}
.nav_phone .nav_left ul{
    width: 100%; margin-top: 40px;
}
.nav_phone .nav_left ul li{
    width:auto;
    line-height:38px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;position: relative;
}
.nav_phone .nav_left ul li a{
    font-size: 16px;
    display: block;
    color:hsla(0, 0%, 100%, .7);
}
.nav_phone .nav_left ul li:hover{
    padding-left: 0%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;

}
.nav_phone .nav_left ul li:hover:before{border-left:3px solid #0078CA; position: absolute;height: 16px; top: 10px; left:-8px;content: "";}
.nav_phone .nav_left ul li a:hover{
    color: #117dca;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nav_phone .nav_right{
    width: 560px;
    float: left;
    padding:0 0;
    left: 7.5%;
}
.nav_phone .nav_right h2{
    color:hsla(0, 0%, 100%, .7);
    font-size: 20px;
    width: 90%;
    margin:0 auto 4%;
}
.nav_phone .nav_right .nav_img{
    width:90%;
    margin:30px auto 0 auto; position: relative;
}
.nav_phone .nav_right .nav_img img{
    width: 100%;
    display: block;
}
.nav_phone .nav_right p{ position: absolute;
    font-size: 14px; left:0; right: 0;
    color:#fff;
    line-height: 24px;
    width:100%;
    margin:auto; padding: 0 15px;
    text-align: justify; bottom: 0;background:#000;filter:Alpha(Opacity=80);opacity:0.7;
}
.title_bottom_lines{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width:340px;
    height:2px;
    background: linear-gradient(
    to right,
    rgba(0,0,0,0) 0%,
    rgba(121,119,119,0.1) 10%,
    rgba(121,119,119,0.3) 20%,
    rgba(121,119,119,0.4) 30%,
    rgba(121,119,119,0.5) 40%,
    rgba(121,119,119,0.8) 50%,
    rgba(121,119,119,0.5) 60%,
    rgba(121,119,119,0.4) 70%,
    rgba(121,119,119,0.3) 80%,
    rgba(121,119,119,0.1) 90%,
    rgba(0,0,0,0) 100%);
    position: absolute;
    left: 35%;
    top:50%;
}

/*全能行*/
.quanneng{
    width: 100%;
    overflow: hidden;
    margin:0 auto;
    background: url(../images/qnbg.jpg) no-repeat center;
}
.quanneng .qn_list{
    width: 1200px;
    margin:0 auto;
    background: rgba(255,255,255,0.6);
    margin-bottom: 22%;
    padding:2% 14%;
    position: relative;
}
.quanneng .qn_list ul{
    width: 100%;
    overflow: hidden;
}
.quanneng .qn_list ul li{
    height: 80px;
    margin:2% 0;
}
.quanneng .qn_list ul li h2{
    font-size: 22px;
    color: #333;
    line-height: 80px;
}
.quanneng .qn_list ul li h2 span{
    font-size: 16px;
    color: #666;
    margin-left: 5%;
    line-height: 80px;
}
.quanneng .qn_list ul li:nth-child(1){
    background: url(../images/icon900.png) no-repeat left;
    padding-left: 10%;
}
.quanneng .qn_list ul li:nth-child(2){
    background: url(../images/icon901.png) no-repeat left;
    padding-left: 10%;
    margin-left: 10%;
}
.quanneng .qn_list ul li:nth-child(3){
    background: url(../images/icon902.png) no-repeat left;
    padding-left: 10%;
}
.quanneng .qn_list ul li:nth-child(4){
    background: url(../images/icon903.png) no-repeat left;
    padding-left: 10%;
    margin-left: 10%;
}
.quanneng .qn_list .imz{
    position: absolute;
    top:25%;
    left: 15%;
}

#iconDivMain1{
    display: none !important;
}

.jie_jue .first{
    width: 50% !important;
    float: left;
}
.jie_jue .second{
    width: 50% !important;
    float: left;
}

.chan_pin .first{
    width: 50% !important;
    float: left;
}
.chan_pin .second{
    width: 50% !important;
    float: left;
}

.guan_yu .first{
    width: 50% !important;
    float: left;
}
.guan_yu .second{
    width: 50% !important;
    float: left;
}

a:focus{
    outline:none;
}
span:focus{
    outline:none;
}
li:focus{
    outline:none;
}

/*新闻详情banner*/
.newshow_banner{
    width: 100%;
    height:240px;
    overflow: hidden;
}
.newshow_banner img{
    width: 100%;
    height: 100%;
    display: block;
    margin:0 auto;
}

/*新版轮播文字*/
#dayin{
    font-size: 36px;
    font-weight: normal;
    line-height: 50px;
}
.contain-img p{
    font-size: 38px;
    line-height: 50px;
    font-weight:100;
    margin:2% 0;
}
.contain-img a{
    font-size: 16px;
    border:1px solid #fff;
    color: #fff;
    line-height: 40px;
    width: 120px;
    text-align:center;
    display: block;
    border-radius: 4px;
    margin:2% auto;
}
.contain-img .test{
    font-size: 22px;
    margin:0;
    line-height: 40px;
}

/*社区解决方案*/
.yiju.sq {
    margin-bottom: 70px;
    background: none;
    box-shadow: none;
    padding-bottom: 0;
}
.work {
    width: 100%;
    float: left;
    padding: 0 34px 0 38px;
}
table.fushi {
    width: 100%;
}
.yiju.sq {
    padding: 0 50px;
}
.yiju.sq .work table tr td {
    padding-left: 15px;
    padding-right: 15px;
}
.fushi .shebei {
    width: 6%;
    min-width: 120px;
}
table.fushi tr.list td.shebei,
table.fushi tr.list td.shuliang.s {
    border-right: 1px solid #badee5;
}
.fushi .xinghao {
    width: 24%;
}
.fushi .shuliang {
    width: 12%;
}
.fushi .fuzai {
    width: 12%;
}
.fushi .quyu {
    width: 33%;
}
table.fushi {
    width: 100%;
}

table.fushi tr,
table.fushi td {
    text-align: left;
}

table.fushi tr.ti {
    border-top: 1px solid #badee5;
    border-bottom: 1px solid #badee5;
}

table.fushi tr.ti th {
    padding: 28px 0;
}
.yiju {
    width: 100%;
    float: left;
    background: #ffffff;
    box-shadow: 0px 10px 15px 0px rgba(18, 37, 45, 0.08);
    border-radius: 8px;
    text-align: center;
    margin-bottom: 130px;
    padding-bottom: 40px;
}

.yiju p {
    margin: 65px 0;
    font-size: 20px;
    color: #5d5d5d;
    letter-spacing: 0.92px;
    font-weight: 600;
    width: 100%;
    float: left;
}

.yiju.fushi p {
    margin-top: 44px;
    margin-bottom: 40px;
}

.yiju img {
    width: 949px;
    float: left;
    margin-left: 75px;
    margin-bottom: 100px;
}

.work {
    width: 100%;
    float: left;
    padding: 0 34px 0 38px;
}

.work-params {
    width: 100%;
    float: left;
    padding: 28px 0;
    border-top: 1px solid #badee5;
    border-bottom: 1px solid #badee5;
}

.work-list {
    width: 100%;
    float: left;
    padding: 22px 0;
    background: url(../images/line.png) no-repeat center bottom;
    background-size: 100% auto;
}

table.fushi tr.list {
    background: url(../images/line.png) left bottom;
    /*background-size: 100% auto; */
    background-repeat: repeat-x;
}

.work-list li,
.work-params li {
    float: left;
    text-align: left;
}

.work-list li,
table.fushi tr.list td {
    font-size: 14px;
    color: #929292;
    letter-spacing: 0.65px;
    line-height: 18px;
}

table.fushi tr.list td {
    padding: 22px 0;
    vertical-align: middle;
}

.work-params li span,
table.fushi tr.ti th span {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.74px;
    line-height: 18px;
    padding: 4px 14px;
    background: #37a991;
    border-radius: 100px;
    float: left;
    height: 24px;
    line-height: 16px\0;
}

@media (max-width: 768px) {
    .tit>h4 {}
    .schemePro>.schemeList>.bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        overflow: hidden;
        z-index: -1;
        max-width: 1300px;
    }
    .schemePro>.schemeList>.bg>img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 50%;
    }
    .workScenes>.workList>ul>li {
        width: 100%;
        margin-bottom: 10px;
    }
    .solve {
        display: none;
    }
    .aboutPro>.projectList>ul>li {
        width: 50%;
    }
}