.infoot{

    background: #0b141b url(../img/h6.jpg) center top no-repeat;

    background-size: 100%;

    overflow: hidden;

    padding: 50px 20px;

}

.infoot .wrap{

    max-width: 1600px;

    position: relative;

    margin: 0 auto;

}

.infoot .box{

    position: relative;

    padding-left: 340px;

    padding-right: 200px;

}

.infoot .logo{

    position: absolute;

    top: 0;

    left: 0;

    border-right:1px #54524e solid;

    height: 124px;

    width: 300px;

    line-height: 124px;

}

.infoot .logo img{width: 260px;}

.infoot .text{

    color: #fff;

    font-size: 14px;

    line-height: 24px;

}

.infoot .contact{margin: 5px 0 0;}

.infoot a{

    color: #c6c6c6;

    display: inline-block;margin-right: 15px;

    margin-bottom: 5px;

}

.infoot .contact a img{width: 20px;}

.infoot a:hover{color: #fff;}

.infoot .code{

    position: absolute;

    text-align: center;

    right: 0;

    top: 0;

}

.infoot .code .img{width: 140px;height: 140px;line-height: 140px;text-align: center;background: #fff;}

.infoot .code .img img{

    width: 132px;height: 132px;

}

.infoot .code p{color: #fff;font-size: 16px;margin-top: 5px;}



.common-box{ width:100%; overflow:hidden; background-color:#050715; padding-top:100px;padding-bottom: 20px;}

.paging-case-list .c-list{ margin:0 auto;max-width: 1500px; padding:0;}

.paging-case-list .c-list li{float:left;width: 33.3%;margin-bottom: 20px;}

.paging-case-list .c-list li a{ 

    overflow:hidden; display:block; text-decoration:none;position: relative;padding: 2px;

    background: #999;margin: 0 10px;

}

.paging-case-list .c-list li .pic{width: 100%;overflow: hidden;}

.paging-case-list .c-list li .pic img{width: 100%;height:auto;transition: all ease 3s;}

.paging-case-list .c-list li a:hover .pic img{transform: scale(1.2);}

.paging-case-list .c-list li .con{

    background: rgba(0, 0, 0, .8);

    padding: 20px;

    color: #fff;

    line-height: 1.8;font-size: 14px;

    transition: all ease .3s;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;height: 100%;

    text-align: center;

    opacity: 0;

    height: 0;

    display: flex;

    flex-direction: column;justify-content: center;align-items: center;

}

.paging-case-list .c-list li .t1{font-size: 20px;margin-bottom: 10px;padding: 15px 15px;}

.paging-case-list .c-list li .t2{height: 50px;overflow: hidden;margin-bottom: 20px;padding: 0 15px;}

.paging-case-list .c-list li a:hover .con{

    color: #fff;height: 100%;opacity: 1;

}

.paging-case-list .c-list li .con::after{

    margin-top: 15px;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    content: "";

    width: 48px;

    height: 32px;

    background-size: 100% 100%;

    background-image: url(../img/icon5.png);

    transition: all ease .3s;

}

.paging-case-list .c-list li a:hover .t1{color:#2399cf;}



.paging-case-details{

    width: 100%;overflow: hidden;

}

.paging-case-details .details-info{ 

    width:1200px;color:#fff; 

     margin:0 auto; padding-bottom:20px;

     -webkit-animation: slideInUp 1s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);

    animation: slideInUp 1s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

.paging-case-details .details-info .title{ 

    font-size:30px; text-align:left; padding:20px 0;overflow:hidden; width:100%; font-weight:bold;

}

.paging-case-details .details-info .content{ 

    font-size:14px; line-height:2; overflow:hidden; 

}

.paging-case-details-box{

    max-width: 1000px;margin: 0 auto;text-align: center;

}

.paging-case-details-box img{ 

    border:8px #fff solid; border-radius:20px; margin:20px auto 0;

    display: inline-block;

}

.app-list-box{padding-top: 78px;}

.app-list{max-width: 1640px;padding: 0 20px 30px;margin: 0 auto;}

.a-list li{

    width: 20%;

    float: left;

    margin-top: 30px;

}

.a-list li a{

    display: block;

    margin: 0 12px;

    overflow: hidden;

    position: relative;

}

.a-list li .pic{

    position: relative;overflow: hidden;

    border-radius: 10px;

    border: 1px solid transparent;

    display: block;

}

.a-list li .pic>img{width: 100%;transition: all ease 3s;display: inline-block;}

.a-list li .pic span>img{max-width: 50%;}

.a-list li span{

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.7);

    position: absolute;

    left: 0;

    top: 0;

    filter: alpha(Opacity=0);

    -moz-opacity: 0;

    opacity: 0;

    transition: all 0.2s linear 0s;

    -moz-transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

    -o-transition: all 0.2s linear 0s;

    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;

    z-index: 9;

}

.a-list li p{

    color: #fff;font-size: 14px;text-align: center;margin-top: 15px;

    overflow: hidden;

    text-overflow: ellipsis;white-space: nowrap;

}

.a-list li:hover .pic{ border:1px #0093ea solid;}

.a-list li:hover .pic span{filter:alpha(Opacity=1);-moz-opacity:1;opacity:1; }

.a-list li:hover .pic>img{transform: scale(1.2);}



.app-list-details{background: #282828;}

.details-list{

    margin: 0 auto;

    overflow: hidden;

    width: 1240px;

}

.details-list dl{padding: 0 15px;}

.details-list dl dd{

    color: #fff;font-size: 14px;line-height: 2;

    margin: 0;

}

.details-list dl dt{

    font-size: 30px;text-align: center;font-weight: 500;

    color: #fff;margin-bottom: 20px;

}

.d-list li{

    float: left;

    width: 25%;padding: 0 15px;

    margin-top: 30px;

}

.d-list li img{border-radius: 10px;}



.about-list{ 

    padding:0; margin:0 auto; max-width:1900px; width:100%;

}

.about-list ul{ overflow:hidden;}

.about-list li{ 

    padding:0; position:relative; 

    overflow:hidden;

    float: left;

    width: 33.3%;

}

.about-list li .con{ 

    position:absolute; 

    top:40%;

    text-align:center; 

    color:#fff; 

    width:80%;

    left: 10%; 

    overflow:hidden; z-index:600;

    transition:all 0.2s linear 0s;

    -moz-transition:all 0.2s linear 0s;

    -webkit-transition:all 0.2s linear 0s;

    -o-transition:all 0.2s linear 0s;

}

.about-list li .con h3{ font-size:18px; background:url(../img/d1.png) center bottom no-repeat; padding-bottom:17px; font-weight:500;}

.about-list li .state {margin-top: 20px;}

.about-list li .state p{ 

    font-size:14px; overflow:hidden; 

    line-height:24px;

}

.about-list li .pic{ 

    width: 100%;

    transition:all 0.3s linear 0s;

    filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;

    -moz-transition:all 0.3s linear 0s;

    -webkit-transition:all 0.3s linear 0s;

    -o-transition:all 0.3s linear 0s;

}

.about-list li.h .title{

    z-index:600;font-size:48px; text-align:center; color:#fff;

    background:url(../img/d43.jpg) center bottom no-repeat; padding-bottom:26px; 

    font-weight:500; position:absolute; top:10%; left:0; width:100%;transition:all 0.2s linear 0s;

    -moz-transition:all 0.2s linear 0s;

    -webkit-transition:all 0.2s linear 0s;

    -o-transition:all 0.2s linear 0s;

}

.about-list li.h .state p{ text-align:left;}



/* 制作流程 */

ul.experience-anav{ width:32px; overflow:hidden; position:fixed; top:50%;margin-top: -130px; left:0; z-index:888;}

ul.experience-anav li{ width:32px; overflow:hidden; margin-top:5px;}

ul.experience-anav li a{

    width:32px; overflow:hidden; 

    display: block;

    padding: 15px 0;

    text-align:center;vertical-align: middle; 

    background-color:#0a5a8a;font-size:18px;color:#b9b9b9;text-decoration:none;

}

ul.experience-anav li.hover a,ul.experience-anav li:hover a{ background:#1377b3; color:#fff;}





.paging-experience-box{ 

    background-color:#fff; max-width:1920px; width:100%; margin:0 auto;

    padding-top: 70px;

}

.paging-experience-box2{max-width:100%; }

.paging-experience-box .s-title{ 

    font-size:30px; 

    font-weight:bold; text-align:center; 

    color:#1377b3; border-bottom:1px #bfbfbf dashed; padding-bottom:10px;

}

.paging-experience-box .s-title2{ 

    font-size:16px;text-align:center; 

    color:#fff; height:60px; line-height:60px;

}

.paging-experience-box .h-title{ 

    overflow:hidden; 

    text-align:center; margin-bottom:60px;

    float: left;

    width: 100%;

}

.paging-experience-box .h-title h2{ font-size:48px; font-weight:500; color:#fff;}

.paging-experience-box .h-title p{ font-size:16px; color:#1377b3;}

.paging-experience-box .st2{ color:#4d7e0f;}

.paging-experience-box .st3{ color:#005752;}





.e-list-box{ 

    background:#000e16 url(../img/d55.png) left top no-repeat; 

   overflow:hidden; padding:92px 50px 120px;

}

.e-list-box .li{ width:21%; float:left; overflow:hidden;}

.e-list-box .li .ewrap{padding: 0 34px;}

.e-list-box .li-d{ width:58%;}



.e-list{ padding:0; overflow:hidden;}

.e-list li{padding:0; margin-top:2px;}

.e-list li a{ 

    text-decoration:none; display:block; position:relative; color:#fff;

}

.e-list li .con{ 

    width:100%; overflow:hidden; height:75px; background-color:#1377b3; 

    background-position:88% center; background-repeat:no-repeat; margin:0; position:relative; z-index:8; 

    background-size:38px auto;

    -ms-behavior: url(css/backgroundsize.min.htc);

    behavior: url(css/backgroundsize.min.htc);

    -webkit-transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(0deg) rotateY(0deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.e-list li .pic{

    position:absolute;left:0px;top:0px; 

    width:100%; height:100%; overflow:hidden;

    -webkit-transform: rotateX(-180deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(-180deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.e-list li .pic img{

    display:block; position:relative;height:100%;

    max-width: initial;min-width: 100%;

}

.e-list li:hover .con{

    -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);

}

.e-list li:hover .pic{

    -webkit-transform:rotateX(0deg) rotateY(0deg);

    -moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;

}

	



.e-list li .io1{ background-image:url(../img/d17.png);}

.e-list li .io2{ background-image:url(../img/d18.png);}

.e-list li .io3{ background-image:url(../img/d19.png);}



.e-list li .io4{ background-image:url(../img/d20.png);}

.e-list li .io5{ background-image:url(../img/d21.png);}

.e-list li .io6{ background-image:url(../img/d22.png);}

.e-list li .io7{ background-image:url(../img/d23.png);}



.e-list li .io8{ background-image:url(../img/d24.png);}

.e-list li .io9{ background-image:url(../img/d25.png);}

.e-list li .io10{ background-image:url(../img/d26.png);}

.e-list li .io11{ background-image:url(../img/d27.png);}

.e-list li .io12{ background-image:url(../img/d28.png);}

.e-list li .io13{ background-image:url(../img/d29.png);}

.e-list li .io14{ background-image:url(../img/d30.png);}

.e-list li .io15{ background-image:url(../img/d31.png);}

.e-list li .io16{ background-image:url(../img/d32.png);}



.e-list li .io17{ background-image:url(../img/d33.png);}

.e-list li .io18{ background-image:url(../img/d34.png);}

.e-list li .io19{ background-image:url(../img/d35.png);}

.e-list li .io20{ background-image:url(../img/d36.png);}

.e-list li .io21{ background-image:url(../img/d37.png);}



.e-list li .con span{ font-size:16px; color:#fff; margin-left:10%; line-height:75px;}

.e-list-box .li-d .li-dbox{ margin:0 -15px; overflow:hidden;}

.e-list-box .li-d .e-list{ width:33.33%; float:left;}

.e-list-box .li-d .e-list .ewrap2{padding: 0 15px;}

.e-list-box .e-list1 li .con{ background-color:#4d7e0f;}

.e-list-box .e-list2 li .con{ background-color:#f39800;}

.e-list-box .e-list3 li .con{ background-color:#ae5da1;}

.e-list-box .e-list4 li .con{ background-color:#005752;}





.paging-experience-box .integrated{ width:100%; margin-top:10px; overflow:hidden;}



.paging-experience-box .integrated .title{ width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}

.paging-experience-box .integrated .title h2{ font-size:48px; font-weight:500; color:#3c3c3c;}

.paging-experience-box .integrated .title p{ font-size:16px; color:#1377b3;}

.paging-experience-box .integrated .d-list2 li .con dl{ height:150px; width:150px;}

.paging-experience-box .integrated .d-list2 li .con dl dt{ padding-left:10px;}

.paging-experience-box .integrated .d-list2 li .con dl dd{ margin-top:10px;}

.paging-experience-box .integrated .d-list2 li .con p{ width:190px; margin-top:70px;}

.paging-experience-box .integrated .d-list2 li .con{ background-color:#072a48;}





.paging-experience-box  .d-list2{ padding:0; margin:0; margin-right:-1px;}

.paging-experience-box  .d-list2 li{

    padding:0; 

    float: left;

    width: 33.3%;

}

.paging-experience-box  .d-list2 li a{ 

    text-decoration:none; display:block; position:relative; color:#FFF;

    border-top:1px #fff solid; border-right:1px #fff solid;

}

.paging-experience-box  .d-list2 li .con{ 

    width:100%; overflow:hidden; height:318px; background-color:#2a2a2a;margin:0; position:relative;z-index:8;

    -webkit-transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(0deg) rotateY(0deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.paging-experience-box  .d-list2 li .con dl{width:auto;height:122px;border-top:1px #fff solid;position:absolute;right:74px;top:50%;margin-top:-61px; overflow:hidden;}

.paging-experience-box  .d-list2 li .con dl dt{ padding-top:12px;font-weight:500; color:#fff; font-size:12px;}

.paging-experience-box  .d-list2 li .con dl dd{font-size:48px;font-weight:500;color:#74c3eb;font-family:Arial; margin:0; letter-spacing:1px;}

.paging-experience-box  .d-list2 li .con dl dd.t2{ color:#f78a0c;}

.paging-experience-box  .d-list2 li .con dl dd.t3{ color:#74b52f;}

.paging-experience-box  .d-list2 li .con dl dd i{font-size: 18px;padding-left: 14px;}

.paging-experience-box  .d-list2 li .con p{

    width: 290px;display:table;position:absolute;right:74px;top: 50%;margin-top:30px;text-align: right;font-size:12px; color:#8d8d8d; padding-top:20px;}



  

.paging-experience-box  .d-list2 li .pic{

    position:absolute;left:0px;top:0px; width:100%; height:100%; overflow:hidden;

 -webkit-transform: rotateX(-180deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(-180deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.paging-experience-box  .d-list2 li .pic img{

    height: 100%;

    max-width: initial;

    min-width: 100%;

    position: relative;

    top: 50%;

    left: 50%;transform: translate(-50%,-50%);

}

.paging-experience-box  .d-list2 li:hover .con{    -webkit-transform:rotateX(180deg);

    -moz-transform:rotateX(180deg);}

.paging-experience-box  .d-list2 li:hover .pic{-webkit-transform:rotateX(0deg) rotateY(0deg);-moz-transform:rotateX(0deg) rotate(0deg);z-index: 10;position: absolute;}

.paging-experience-box2{padding-top: 100px;}





@media screen and (min-width:768px){

    .about-list li:hover .con{

        transform:translateY(-50px);

        transform:translateY(-50px);

        -ms-transform:translateY(-50px);

        -moz-transform:translateY(-50px);

        -webkit-transform:translateY(-50px);

        -o-transform:translateY(-50px);

    }

    .about-list li:hover .pic{

        filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;

    }

    .paging-about-box .about-list li.h:hover .title{

        transform:translateY(50px);

        -ms-transform:translateY(50px);

        -moz-transform:translateY(50px);

        -webkit-transform:translateY(50px);

        -o-transform:translateY(50px);

    }

}



.about-wedo{ 

    width:100%; max-width:1900px; margin:0 auto;

    overflow:hidden; background:url(../img/ad14.jpg) right top no-repeat; background-size:auto 100%;

}

.about-wedo .wedo-box{ 

    width:54%; overflow:hidden; background-color:#ebebeb;

}

.about-wedo .wedo-box .title{ 

    height:170px; text-align:center; padding-top:44px;

}

.about-wedo .wedo-box .title span{ 

    background:url(../img/d44.jpg) center bottom no-repeat; 

    padding-bottom:14px; font-size:36px; display:inline-block; color:#565656;

}

.about-wedo .wedo-box ul{overflow:hidden; margin-left:-1px;}

.about-wedo .wedo-box ul li{

    width:50%; overflow:hidden; 

    height:358px; 

    float:left; 

}

.about-wedo .wedo-box ul li .wrap{

    border-left:1px #cdcdcd solid; 

    border-top:1px #cdcdcd solid; 

    padding:0 5%;height: 100%;

}

.about-wedo .wedo-box ul li dl{ 

    margin-top:34%; overflow:hidden;

    padding-left:110px; min-height:104px; padding-top:15px;

    transition:all 0.2s linear 0s;

    -moz-transition:all 0.2s linear 0s;

    -webkit-transition:all 0.2s linear 0s;

    -o-transition:all 0.2s linear 0s;

}

.about-wedo .wedo-box ul li dl dt{font-size:18px; color:#282828;width:100%; overflow:hidden; font-weight:500;}

.about-wedo .wedo-box ul li dl dd{

    color:#565656; font-size:14px; width:100%;overflow:hidden;

    margin: 0;

}

.about-wedo .wedo-box ul li dl.io1{ background:url(../img/d45.png) left 15px no-repeat;}

.about-wedo .wedo-box ul li dl.io2{ background:url(../img/d46.png) left 15px no-repeat;}

.about-wedo .wedo-box ul li dl.io3{ background:url(../img/d47.png) left 15px no-repeat;}

.about-wedo .wedo-box ul li dl.io4{ background:url(../img/d48.png) left 15px no-repeat;}

.about-wedo .wedo-box ul li:hover dl{ background-position:left top;}





/* 服务 */

.paging-service-box{ background-color:#fff;}

.paging-service-box .s-title{ 

    background:url(../img/t1.jpg) center center no-repeat;

    background-size:cover!important; 

    -ms-behavior: url(css/backgroundsize.min.htc);

    behavior: url(css/backgroundsize.min.htc);

    color:#ffffff; 

    width:100%; overflow:hidden; position:relative; text-align:center;

    padding: 80px 0;

}

.paging-service-box .s-title p{ 

    text-align: center;

    padding: 0 40px;

    line-height: 30px;

}

.paging-service-box .st2{ background:url(../img/t2.jpg) center center no-repeat;}

.paging-service-box .st3{ background:url(../img/t3.jpg) center center no-repeat;}



.paging-service-box .s-list,.paging-service-box .s-list li{ margin:0;}

.paging-service-box .s-list{padding:45px;}

.paging-service-box .s-list li{ text-align:center;float: left;width: 20%;}

.paging-service-box .s-list li a{display: block;padding: 45px 0;}

.paging-service-box .s-list li .pic{ 

    transition:all 0.2s linear 0s;

    -moz-transition:all 0.2s linear 0s;

    -webkit-transition:all 0.2s linear 0s;

    -o-transition:all 0.2s linear 0s;

    text-align: center;

}

.paging-service-box .s-list li a{ text-decoration:none;}

.paging-service-box .s-list li dl{ margin:16px 0 0;}

.paging-service-box .s-list li dt{ color:#393939; font-size:16px; font-weight:500;margin:0 0 8px;}

.paging-service-box .s-list li dd{ color:#6b6b6b; font-size:14px;margin: 0;}



.paging-service-box .s-list li:hover .pic{transform:translate(0,-15px);}



.paging-service-box .se-list{ 

    max-width:1700px; overflow:hidden; padding:75px 90px; margin:0 auto;

}

.paging-service-box .se-list li{ float: left; padding:0; position:relative;width: 33.3%;}

.paging-service-box .se-list li img{ width:100%;}

.paging-service-box .se-list li span{ position:absolute; width:68px; height:68px; display:block; top:-29px; right:9px; background:#f2b90c url(../img/d16.jpg) center 42px no-repeat; text-align:center; font-size:20px; color:#ffffff; line-height:42px;}





.paging-contact-box{ background-color:#fff;padding-top: 70px;}

.paging-contact-box .map-box{width:100%; overflow:hidden; height:570px;border-bottom: 1px solid #ccc;}

.paging-contact-box .map-box img{max-width: initial;}

.paging-contact-box  .c-list{ padding:50px 0 100px 0; margin:0 auto; max-width:1200px;}

.paging-contact-box  .c-list li{ 

    margin-top:50px;float: left;width: 33.3%;

}

.paging-contact-box  .c-list li dl{ 

    padding-left:70px; overflow:hidden;transition:all 0.2s linear 0s;

    -moz-transition:all 0.2s linear 0s;

    -webkit-transition:all 0.2s linear 0s;

    -o-transition:all 0.2s linear 0s;

    padding-right: 25px;

    margin: 0;

}

.paging-contact-box  .c-list li dl dt{ font-size:24px; color:#5f5f5f;width:100%; line-height:26px; height:26px;margin: 0;}

.paging-contact-box  .c-list li dl dd{ font-size:14px; color:#5f5f5f; line-height:24px;margin: 0;} 

.paging-contact-box  .c-list li dl.io1{ background:url(../img/c1.png) left top no-repeat;}

.paging-contact-box  .c-list li dl.io2{ background:url(../img/c2.png) left top no-repeat;}

.paging-contact-box  .c-list li dl.io3{ background:url(../img/c3.png) left top no-repeat;}

.paging-contact-box  .c-list li dl.io4{ background:url(../img/c4.png) left top no-repeat;}

.paging-contact-box  .c-list li dl.io5{ background:url(../img/c5.png) left top no-repeat;}

.paging-contact-box  .c-list li dl.io6{ background:url(../img/c6.png) left top no-repeat;}

.BMap_cpyCtrl, .anchorBL{display: none;}



.map-box img{width: 100%;}



.pagelist{text-align: center;margin-top: 30px;}

.pagelist ul li{display: inline-block;margin: 0 5px;}

.pagelist ul li a{padding: 5px 10px;border:#F7F7F9 1px solid;color: #fff;}

.pagelist ul li.active a{background: #fff;color: #333;}



@media screen and (max-width:1440px){

    .about-list li.h .title{top: 6%;}

    .about-list li .con{top: 50%;}

    .about-wedo .wedo-box{width: 70%;}

    .paging-experience-box .s-title{font-size: 24px;}

}

@media screen and (max-width:1210px){

    .paging-case-details-box{width: 100%;padding: 0 20px;}

    .paging-case-details .details-info{width: 100%;padding: 0 20px 20px;}

    .a-list li{width: 25%;}

    .details-list{width: 100%;}

    .about-list li.h .title{font-size: 40px;padding-bottom: 15px;}

    .about-list li .con h3{padding-bottom: 12px;}

    .about-list li .state{margin-top: 14px;}

    .about-list li .con{width: 90%;left: 5%;}

    .paging-experience-box .s-title{font-size: 20px;}

    .paging-service-box .se-list{padding: 60px 30px;}

    .paging-contact-box  .c-list{padding: 50px 25px 60px;}

}

@media screen and (max-width:1100px){

    .infoot .logo img{width: 200px;}

    .infoot .logo{width: 240px;}

    .infoot .box{padding-left: 274px;}

    .about-wedo .wedo-box{width: 100%;}

    .paging-experience-box .h-title{float: none;}

    .paging-experience-box .d-list li .con p{ width:100%; right:0; padding-right:40px; padding-left:10px;}

    .paging-experience-box .e-list-box .li{ width:320px; float:none; margin:30px auto 0 auto;}

    .paging-experience-box .e-list-box .li-d{ width:100%;}

    .paging-service-box .s-list li{width: 25%;}

}

@media screen and (max-width:980px){

    .infoot .logo{

        width: 240px;position: relative;width: 100%;text-align: center;border-right: 0;

        height: auto;

        line-height: initial;

        padding: 0 0 20px;

        display:block;

    }

    .infoot .box{padding-left: 0;padding-right: 0;}

    .infoot .text{padding-right: 170px;}

    .infoot .code{top: 56px;}

    .paging-case-list .c-list li .t1{font-size: 16px;}

    .paging-case-list .c-list li .con{font-size: 12px;}

    .paging-case-list .c-list li .t2{height: 44px;margin-bottom: 10px;}

    .a-list li{width: 33.3%;}

    .d-list li{width: 33.3%;}

    .about-list li{width: 100%;float: none;height: 500px;}

    .e-list-box .li-d .e-list .ewrap2{padding: 0 10px;}

    .paging-experience-box .d-list2 li{width: 50%;}

    .paging-service-box .se-list li{width: 100%;}

    .paging-contact-box .c-list li{width: 50%;}

}

@media screen and (max-width:768px){

    .common-box{padding-top: 70px;}

    .app-list-box{padding-top: 60px;}

    .infoot .code{

        position: relative;

        margin: 0 auto;

        width: 140px;

        top: 0;

    }

    .infoot .text{padding-right:0;font-size: 12px;padding-bottom: 20px;text-align: center;line-height: 1.8;}

    .infoot{padding: 30px 20px;}

    .paging-case-list .c-list li{width: 50%;}

    .paging-case-details .details-info .title{font-size: 24px;padding: 10px 0 20px;}

    .paging-case-details .details-info{padding: 0 15px 15px;}

    .paging-case-details-box img{border: 4px solid #fff;border-radius: 4px;margin-top: 10px;}

    .a-list li{width: 50%;}

    .a-list li p{margin-top: 10px;font-size: 12px;}

    .details-list dl dt{font-size: 24px;margin-bottom: 10px;}

    .details-list dl dd{line-height: 1.8;}

    .d-list li{width: 50%;margin-top: 20px;padding: 0 10px;}

    .details-list dl{padding: 10px 10px 0;}

    .about-list li .con{

        top:30%;

    }

    ul.experience-anav{

        position: static;

        width: 100%;

        margin-top: 0;top: 0;

        height: 40px;

    }

    ul.experience-anav li{width: 50%;float: left;margin-top: 0;}

    ul.experience-anav li a{width: 100%;padding: 0;height: 40px;line-height: 40px;}

    .paging-experience-box{padding-top: 70px;}

    .e-list-box{padding: 30px 0 70px;}

    .paging-experience-box .h-title{margin-bottom: 30px;}

    .paging-experience-box .e-list-box .li-d .e-list{width: 100%;}

    .paging-experience-box .e-list-box .li-d{width: 320px;margin: 0 auto;}

    .paging-experience-box .e-list-box .li{margin-top: 30px;}

    .paging-service-box .s-list li{width: 33.3%;}

    .paging-service-box .s-title{padding: 40px 0;}

    .paging-service-box .se-list{padding: 50px 30px;}

    .paging-contact-box .map-box{height: 400px;}

    .about-wedo .wedo-box ul li{width: 100%;height: auto;}

    .about-wedo .wedo-box ul li dl{margin-top: 40px;padding-right: 40px;padding-left: 100px;}

    .paging-case-list .c-list li a:hover .con{

        color: #fff;height: 100%;opacity: 1;display: none;

    }



    

}

@media screen and (max-width:700px){

    .paging-service-box .s-list li{width: 50%;}

    .paging-service-box .s-list{padding: 30px 0;}

}

@media screen and (max-width:640px){

    .paging-experience-box .d-list2 li{width: 100%;}

    .paging-service-box .s-title p{padding: 0 20px;line-height: 1.8;}

    .paging-service-box .s-list li .pic img{width: 80px;}

    .paging-service-box .s-list li a{padding: 20px 0;}

    .paging-contact-box .c-list li{width: 100%;margin-top: 40px;}

    .paging-contact-box .c-list{padding: 30px 20px;}

    .paging-contact-box .c-list li dl{min-height: 60px;padding: 0 0 0 60px;}

    .paging-contact-box .c-list li dl dt{font-size: 20px;}

    .paging-experience-box .d-list2 li .con dl{right: 60px;}

    .paging-experience-box .d-list2 li .con p{right: 60px;}

    .about-wedo .wedo-box ul li dl{

        

        min-height: 80px;padding-left: 74px;

    }

    .about-wedo .wedo-box ul li dl.io1{

        background-size: 64px auto;

        -ms-behavior: url(css/backgroundsize.min.htc);

        behavior: url(css/backgroundsize.min.htc);

    }

    .about-wedo .wedo-box ul li dl.io2{

        background-size: 64px auto;

        -ms-behavior: url(css/backgroundsize.min.htc);

        behavior: url(css/backgroundsize.min.htc);

    }

    .about-wedo .wedo-box ul li dl.io3{

        background-size: 64px auto;

        -ms-behavior: url(css/backgroundsize.min.htc);

        behavior: url(css/backgroundsize.min.htc);

    }

    .about-wedo .wedo-box ul li dl.io4{

        background-size: 64px auto;

        -ms-behavior: url(css/backgroundsize.min.htc);

        behavior: url(css/backgroundsize.min.htc);

    }

}

@media screen and (max-width:540px){

    .paging-case-list .c-list li a{margin: 0 5px;}

    .paging-case-details .details-info .content{font-size: 12px;line-height: 1.8;}

    .paging-service-box .s-list li dt{margin-bottom: 0;font-size: 14px;}

    .paging-service-box .s-list li dd{font-size: 12px;}

}

@media screen and (max-height:600px){

    .paging-contact-box .map-box{height: 300px;}

}



.contact-box{max-width: 1375px;margin: 0 auto;}

.contact-title{text-align: center;padding: 50px 0;}

.contact-title h3{font-size:42px;font-weight: normal;margin: 0 0 10px 0;}



.form-box{width: 50%;float: left;box-sizing: border-box;padding: 10px;}



.form-group{margin-bottom: 10px;}

.form-group .form-control{

	padding: 6px 12px;

	border: 1px solid #ccc;

	text-align: left;

	border-radius: 4px;

    border-color: rgb(204, 204, 204);

    color: rgb(0, 0, 0);

	height: 61px;

	width: 100%;

}

.submit-button{

	color: rgb(255, 255, 255);

	border-color: rgb(245, 112, 36);

	border-style: solid;

	border-width: 2px;

	border-radius: 3px;

	width: 100%;

	font-size: 2rem;

	padding: 1rem 7rem;

	background-color: #f57024;

	cursor: pointer;

	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.1);

	text-transform: uppercase;

}

.submit-button:hover{background-color: #f56024;}



.address-box{float: right;box-sizing: border-box;width: 50%;padding: 10px;}

.address-box li{position: relative;width: 100%;height: 155px;margin-bottom: 20px;}

.address-box li.sydney{

	background: url(../img/sydneybg.jpg);

	background-size: cover;

    background-position: 50% 50%;

	background-repeat: no-repeat;

}

.address-box li .city-info{position: absolute;top: 10px;left: 10px;text-align: center;}

.address-box li .city-info img{max-width: 42px;max-height: 50px;}

.address-box li .city-info h3{font-size: 1.5rem;line-height: 1.15;padding: 10px 0px;color:#fff;font-weight: normal;}

.address-box li .addr-info{position: absolute;right: 10px;bottom: 10px;}

.address-box li .addr-info p{text-align: right;color:#fff;}



/*解决方案*/

.plans-header{text-align: center;padding:150px 0 150px 0;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

.plans-header h1{font-size: 52px;color: #fff;font-weight: normal;margin-bottom: 50px;}

.plans-main{max-width:1375px;margin: 0 auto;box-sizing: border-box;padding: 70px 15px;}

.plans-main p{text-align: center;font-size: 21px;line-height: 32px;font-weight: normal;}

.plans-lists ul{overflow: hidden;padding: 50px 70px;}

.plans-lists ul li{width: 50%;box-sizing: border-box;float: left;padding:20px;}

.plans-lists ul li a{display: block;position: relative;transition: all 200ms ease-in;transform: scale(1);height: 382px;overflow: hidden;}

.plans-lists ul li a:hover{box-shadow: 0 0 20px #888;transition: all 200ms ease-in;transform: scale(1.03);}

.plans-lists ul li a img{width: 100%;}

.plans-lists ul li a .item-info{position: absolute;bottom: 0px;left: 0px;right: 0px;height: 140px;background: rgba(0,0,0,.5);overflow: hidden;color: #fff;box-sizing: border-box;padding: 10px 15px;}

.plans-lists ul li a .item-info h3{font-size:21px;}

.plans-lists ul li a .item-info p{text-align: left;font-size: 14px;line-height: 21px;height:60px;overflow: hidden;}

.plans-lists ul li a .item-info .more{font-weight: bold;font-size: 16px;}



.brands{background: rgb(244, 244, 244);}

.brands-main{max-width:1250px;margin: 0 auto;background: url(../img/landing-page-brands.jpg);background-size: cover;background-position: 50% 50%;text-align: center;padding:150px 0;}

.brands-main p{font-size: 42px;line-height: 62px;color: rgb(245, 112, 40);}



.yh-brands .item-box{position: relative;}

.yh-brands .item-box .item-main{position: absolute;left: 50%;margin-left: -400px;width:800px;top:100px;color: #fff;box-sizing: border-box;padding-right:200px;padding-left: 100px;font-size: 21px;}

.yh-brands .item-box .item-main:before{content: '';

    position: absolute;

    width: 2px;

    height: 68%;

    left: 0;

    top: 5px;

    background: #fff;

}

.yh-brands .item-box .item-main .icon{

    position: absolute;

    width: 50px;

    height: 45px;

    left: 25px;

    top: 5px;

    color: #fff;

	background: url(../img/icon10.png);

	background-size: cover;

}

.learn-more{padding: 100px 0 150px 0;text-align: center;background:rgb(244, 244, 244);;}

.learn-more p{font-size:42px;margin-bottom:50px;}



.plans-columns .mainbox{overflow: hidden;margin-top: 60px;}

.plans-columns .mainbox .txtright{width: 40%;float: right;box-sizing: border-box; display:flex;justify-content: center;flex-direction: column;height: 400px;}

.plans-columns .mainbox .txtright img{max-width: 100%;}

.plans-columns .mainbox .txtleft{float:left;color: #333;width: 60%;text-align: left;box-sizing: border-box;display:flex;justify-content: center;flex-direction: column;height: 400px;}

.plans-columns .mainbox .txtleft h2{font-size:42px;font-weight: normal;margin-bottom:30px;}

.plans-columns .mainbox .txtleft p{text-align: left;}



.plans-columns .mainbox .txtleft img{max-width: 100%;}

.plans-columns .mainbox .txtright h2{font-size:42px;font-weight: normal;margin-bottom:30px;}

.plans-columns .mainbox .txtright p{text-align: left;}