@charset "UTF-8";
*{box-sizing: border-box;-webkit-box-sizing: border-box;}
/* 轮播图 */
.banner{width: 100%;}
.swiper-pagination-bullet{display: inline-block;width: 50px;height: 3px;background-color: #333;opacity: 0.8;border-radius: 0;}
.swiper-pagination-bullet-active{background-color: #fff;}
.swiper-wrapper .swiper-slide img{display: block;width: 100%;height: 100%;}
 /* 导航栏 */
.navbar{width: 100%;height: 60px;line-height: 60px;overflow: hidden;}
.navbars{background-color: #fff;border-bottom: 1px solid #dedede;}
.navbar .nav{width: 1200px;margin: 0 auto;height: 80px;overflow: hidden;}
.navbar .nav .nav_logo{float: left;width: 193px;height:30px;background: url('../images/logo.png') no-repeat center center;background-size: contain;margin-top: 15px;}
.navbar .nav .right_nav{float: right;height: 80px;overflow: hidden;}
.navbar .nav .right_nav a{color: #333;font-size: 18px;float: left;margin: 0 18px;text-align: center;}
.navbar .nav .right_nav a:hover{color: #2b96e8;}
.navbars .nav .right_nav a{color: #333;}
/* 我们的服务 */
.business{width: 100%;background-color: #fff;}
.business .businessBox{width: 1000px;margin: 0 auto;padding-top: 90px;}
.businessBox .itemtil{margin-bottom: 60px;}
.businessBox .itembox .item{
    -webkit-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -o-transform:translateY(100px);
    transform:translateY(100px);
    -webkit-transition:all  .8s;
    -moz-transition:all  .8s;
    -ms-transition:all  .8s;
    -o-transition:all  .8s;
    transition:all  .8s;
    filter:alpha(opacity=0); /*IE滤镜，透明度0%*/
    -moz-opacity:0; /*Firefox私有，透明度0%*/
    opacity:0;/*其他，透明度0%*/
}
.businessBox .itemtil h1{font-size: 56px;font-weight: normal;text-align: center;margin-bottom: 30px;color: #666;}
.businessBox .itemtil p{text-align: center;color: #999;margin-bottom: 9px;line-height: 1.5;font-size: 18px;}
.businessBox .itembox{display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.businessBox .itembox .item{
    width: 20%;
    height: 295px;
    text-align: center;
    margin: 0 2.5% 30px;
    -webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}
.businessBox .itembox .item .itemTop{
    display: inline-block;
    font-size: 0;
    width: 114px;
    margin-bottom: 40px;
    -webkit-transition:all  1s;
    -moz-transition:all  1s;
    -ms-transition:all  1s;
    -o-transition:all  1s;
    transition:all  1s;
}
.businessBox .itembox .item:hover .itemTop{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.businessBox .itembox .item .itemBot .info_tit{color: #333;font-weight: normal;font-size: 20px;}
.businessBox .itembox .item .itemBot p{text-align: left;line-height: 1.5;margin-top: 9px;margin-bottom: 9px;color: #999;font-size: 14px;}
/* 定制服务流程 */
.service{width: 100%;background-color: #59b6d7;}
.service .serviceBox{width: 1000px;margin: 0 auto;padding: 80px 0;}
.service .serviceBox .sertil{
    margin-bottom: 60px;
    text-align: center;
    color: #fff;
    -webkit-transform:translateY(-100px);
    -moz-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    -o-transform:translateY(-100px);
    transform:translateY(-100px);
    -webkit-transition:all  .8s;
    -moz-transition:all  .8s;
    -ms-transition:all  .8s;
    -o-transition:all  .8s;
    transition:all  .8s;
    filter:alpha(opacity=0); /*IE滤镜，透明度0%*/
    -moz-opacity:0; /*Firefox私有，透明度0%*/
    opacity:0;/*其他，透明度0%*/
}
.service .serviceBox .sertil h1{font-size: 56px;margin-bottom: 30px;font-weight: normal;}
.service .serviceBox .sertil p{margin-bottom: 9px;line-height: 1.5;font-size: 18px;}
.service .serviceBox .itembox{
    display: flex;
    width: 100%;
    flex-direction: column;
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -ms-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -webkit-transition:all  1s;
    -moz-transition:all  1s;
    -ms-transition:all  1s;
    -o-transition:all  1s;
    transition:all  1s;
    filter:alpha(opacity=0); /*IE滤镜，透明度0%*/
    -moz-opacity:0; /*Firefox私有，透明度0%*/
    opacity:0;/*其他，透明度0%*/
    -webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}
.service .serviceBox .itembox .item_line{width: 100%;}
.service .serviceBox .itembox .item_line .item{width: 96px;text-align: center;float: left;display: flex;flex-direction: column;align-items: center;white-space: nowrap;}
.service .serviceBox .itembox .item_line .item > a{width: 96px;height: 96px;display: block;border-radius: 50%;background-color: rgba(255,255,255,0.2);-webkit-transition:all  1s;-moz-transition:all  1s;-ms-transition:all  1s;-o-transition:all  1s;transition:all  1s;}
.service .serviceBox .itembox .item_line .item>a>img{margin: 18px;}
.service .serviceBox .itembox .item_line .item:hover a{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.service .serviceBox .itembox .item_line .item>span{display: block;font-size: 14px;color: #fff;margin: 20px 0 10px;}
.service .serviceBox .itembox .item_line>img{width: 50px;height: 50px;margin: 30px 40px;float: left;}
.serviceBox .itembox .item_mid{margin: 0 auto;width: 100%;}
.serviceBox .itembox .item_mid .item_info{background-color: #fff;border-radius: 6px;border: 1px solid #dedede;margin: 50px 70px;width: 755px;height: 275px;padding: 40px 45px 45px;font-size: 16px;float: left;}
.serviceBox .itembox .item_mid .item_info .info_txt{position: relative;width: 100%;height: 100%;overflow: hidden;}
.serviceBox .itembox .item_mid .item_info .info_txt>li{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;display: none;}
.serviceBox .itembox .item_mid .item_info .info_txt>li:first-child{display: block;}
.itembox .item_mid .item_info .info_txt>li>p{text-align: left;font-size: 16px;line-height: 1.5;margin-top: 9px;margin-bottom: 9px;color: #999;}
.itembox .item_mid .item_fr{width: 96px;text-align: center;display: flex;flex-direction: column;align-items: center;white-space: nowrap;float: right;}
.itembox .item_mid .item_fr > a{width: 96px;height: 96px;display: block;border-radius: 50%;background-color: rgba(255,255,255,0.2);-webkit-transition:all  1s;-moz-transition:all  1s;-ms-transition:all  1s;-o-transition:all  1s;transition:all  1s;}
.itembox .item_mid .item_fr > a > img{margin: 18px;}
.itembox .item_mid .item_fr:hover a{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.itembox .item_mid .item_fr>img{width: 50px;height: 50px;margin: 30px 0;}
.itembox .item_mid .item_fr>span{display: block;font-size: 14px;color: #fff;margin: 20px 0 10px;}
/* 你能得到什么 */
.obtain{width: 100%;}
.obtain .obtain_box{width: 1000px;margin: 0 auto;padding-top:80px;padding-bottom: 80px;text-align: center;}
.obtain .obtain_box>h1{
    font-size: 56px;
    font-weight: normal;
    margin-bottom: 100px;
    color: #666;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.obtain .obtain_box .img_wrap{
    margin-top: -7px;
    margin-left: -65px;
    height: 600px;
    overflow: hidden;
}
.obtain .obtain_box .img_wrap{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
.obtain .obtain_box .img_wrap:hover{
    -webkit-box-shadow: 0 0 20px rgba(7,17,27,.2);
    -moz-box-shadow: 0 0 20px rgba(7,17,27,.2);
    -ms-box-shadow: 0 0 20px rgba(7,17,27,.2);
    -o-box-shadow: 0 0 20px rgba(7,17,27,.2);
    box-shadow: 0 0 20px rgba(7,17,27,.2);
}
.obtain .obtain_box .img_wrap>img{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.obtain .obtain_box .img_wrap>img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/* 服务优势 */
.advantage{background-color: #f5f5f5;width: 100%;}
.advantage .advantage_box{width: 1000px;margin: 0 auto;padding:90px 0;}
.advantage .advantage_box h1,.advantage .advantage_box .advantage_imgline,.advantage .advantage_box .advan_info{
    -webkit-transition:transform .8s,opacity .8s;
    -moz-transition:transform .8s,opacity .8s;
    -ms-transition:transform .8s,opacity .8s;
    -o-transition:transform .8s,opacity .8s;
    transition:transform .8s,opacity .8s;
    -webkit-transform:translateY(200px);
    -moz-transform:translateY(200px);
    -ms-transform:translateY(200px);
    -o-transform:translateY(200px);
    transform:translateY(200px);
    filter:alpha(opacity=0); /*IE滤镜，透明度0%*/
    -moz-opacity:0; /*Firefox私有，透明度0%*/
    opacity:0;/*其他，透明度0%*/
}
.advantage .advantage_box .advantage_imgline{
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.advantage .advantage_box .advan_info{
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
.advantage .advantage_box h1{
    font-size: 56px;
    margin-bottom: 60px;
    font-weight: normal;
    text-align: center;
    color: #666;
}
.advantage .advantage_box .advantage_imgline{display: flex;}
.advantage .advantage_box .advantage_imgline>a{cursor: pointer;width: 287px;height: 287px;border-radius: 50%;background: #fff;text-align: center;padding: 60px 0;display: inline-block;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.advantage .advantage_box .advantage_imgline>a:hover{
    z-index: 11;
    box-shadow: 0 0 32px 2px rgba(0,0,0,0.2);}
.advantage .advantage_box .advantage_imgline figure{width: 100%;height: 100%;padding: 0;margin: 0;}
.advantage .advantage_box .advantage_imgline figure img{margin-bottom: 13px;}
.advantage .advantage_box .advantage_imgline figcaption b{font-weight: 100;color: #333;font-size: 15px;}
.advantage .advantage_box .advantage_imgline figcaption p{margin-top: 11px;text-align: center;font-size: 14px;line-height: 1.5;margin-bottom: 9px;color: #999;}
.advantage .advantage_box .advan_info{width: 100%;background-color: #fff;height: 128px;border-radius: 64px;text-align: center;margin-top: 63px;padding: 35px;}
.advantage .advantage_box .advan_info .advan_text{width: 100%;height: 100%;text-align: center;overflow: hidden;position: relative;}
.advantage .advantage_box .advan_info .advan_text > li{display: none;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.advantage .advantage_box .advan_info .advan_text > li:first-child{display: block;}
.advantage .advantage_box .advan_info .advan_text > li > p{font-size: 1.125rem;color: #333;padding: 0;margin: 0;text-align: center;line-height: 1.5;}
/* 案例 */
.case{width: 100%;background-color: #59b6d7;}
.case .case_box{width: 1000px;margin: 0 auto;padding-top: 90px;padding-bottom:90px;}
.case .case_box .casetil{
    margin-bottom: 60px;
    -webkit-transition: transform .8s,opacity .8s;
    -moz-transition: transform .8s,opacity .8s;
    -ms-transition: transform .8s,opacity .8s;
    -o-transition: transform .8s,opacity .8s;
    transition: transform .8s,opacity .8s;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.case .case_box .casetil h1{font-size: 56px;font-weight: normal;text-align: center;margin-bottom: 30px;color: #fff;}
.case .case_box .casetil p{text-align: center;color: #fff;margin-bottom: 9px;line-height: 1.5;font-size: 18px;}
.case .case_box .cas_box .cas{
    -webkit-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -moz-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -ms-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -o-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.case .case_box .cas_box .cas{
    float: left;
    width: 300px;
    height: 100px;
    margin-right: 33px;
    background-color: #fff;
    margin-bottom: 30px;
}
.case .case_box .cas_box .cas:nth-child(3),.case .case_box .cas_box .cas:nth-child(6){margin-right: 0;}
.case .case_box .cas_box .cas .img_box{width: 300px;overflow: hidden;text-align: center;height: 100px;line-height: 100px;}
.case .case_box .cas_box .cas .img_box img{
    border: 0;
    vertical-align: middle;
}
/* 公司简介 */
.intduce{width: 100%;background-color: #fff;}
.intduce .intduce_box{width: 1000px;margin: 0 auto;padding-top: 80px;padding-bottom: 20px;}
.intduce .intduce_box .intducetil{
    margin-bottom: 30px;
    -webkit-transition: transform .8s,opacity .8s;
    -moz-transition: transform .8s,opacity .8s;
    -ms-transition: transform .8s,opacity .8s;
    -o-transition: transform .8s,opacity .8s;
    transition: transform .8s,opacity .8s;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.intduce .intduce_box .intducetil h1{font-size: 56px;font-weight: normal;text-align: center;margin-bottom: 30px;color: #666;}
.intduce .intduce_box .intducetil p{text-align: center;color: #999;margin-bottom: 9px;line-height: 1.5;font-size: 18px;}
.intduce .intduce_box .contact_box .contact{
    -webkit-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -moz-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -ms-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -o-transition: transform .8s,opacity .8s,box-shadow 0.6s;
    transition: transform .8s,opacity .8s,box-shadow 0.6s;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.intduce .intduce_box .contact_box .contact{
    width: 140px;
    height: 220px;
    background-color: rgba(255,255,254,0.6);
    padding: 0 40px;
    margin-right: 40px;
    float: left;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.intduce .intduce_box .contact_box .contact:hover{
    -webkit-box-shadow: 0 8px 16px rgba(7,17,27,.2);
    -moz-box-shadow: 0 8px 16px rgba(7,17,27,.2);
    -ms-box-shadow: 0 8px 16px rgba(7,17,27,.2);
    -o-box-shadow: 0 8px 16px rgba(7,17,27,.2);
    box-shadow: 0 8px 16px rgba(7,17,27,.2);
}
.intduce .intduce_box .contact_box .contact:hover span{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.intduce .intduce_box .contact_box .contact span{
    width: 43px;
    height: 38px;
    display: block;
    margin: 50px auto 0;
    background: url('../images/icons.png');
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.intduce .intduce_box .contact_box .contact h6{
    color: #333;
    font-size: 16px;
    text-align: center;
    margin: 24px auto 12px;
}
.intduce .intduce_box .contact_box .contact p{
    color: #666;
    font-size: 14px;
    text-align: center;
}
.intduce .intduce_box .contact_box .contact1 span{
    background-position: -7px -6px;
}
.intduce .intduce_box .contact_box .contact2 span{
    width: 40px;
    height: 27px;
    background-position: -65px -14px;
    margin-top: 61px;
}
.intduce .intduce_box .contact_box .contact3 span{
    width: 26px;
    height: 44px;
    background-position: -113px -6px;
    margin-top: 44px;
}
.intduce .intduce_box .contact_box .contact4{margin-right: 0;}
.intduce .intduce_box .contact_box .contact4 span{
    width: 50px;
    height: 39px;
    background-position: -150px -8px;
    margin-top: 50px;
}
/* 页尾 */
.footer_box{width: 100%;background-color: #59b6d7;}
.footer_box .footer{width: 1000px;margin: 0 auto;}
.footer_box .footer .footer2{line-height: 50px;font-size: 12px;color: #fcfcfc;text-align: center;}
/* 回到顶部 */
.to_top{overflow: hidden;position: fixed;display: none;z-index: 11;width: 76px;height: 76px;right: 27px;bottom: 6px;background-repeat: no-repeat;background-size: 100%;background-image: url('../images/top.png');border-radius: 50%;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.to_top:hover{background-image: url('../images/top_high.png');}