@charset "UTF-8";body, h1, h2, h3, h4, h5, h6, p, form{margin:0;}ol,ul{margin:0; padding:0;}body{    font-family: "Microsoft YaHei","Open Sans","微软雅黑", Arial, "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size: 14px;color: #333;}ul{margin:0; padding:0;}ul li{list-style: none; }img{-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;}a{text-decoration: none; color: #303030;-webkit-transition: all 0.2s ease;    -moz-transition:  all 0.2s ease;    transition:  all 0.2s ease;}a:hover{color: #058cea;}*{box-sizing: border-box;}.clearfix:before,.clearfix:after{    content:"";    display:table;}.clearfix:after{clear: both;}.fl{    float: left;}.fr{    float: right;}.t-c{    text-align: center;}.i-b{    display: inline-block;}.img-auto{    display: block;    width: 100%;    height: 100%;}.img-res{    display: block;    max-width: 100%;    margin-left: auto;    margin-right: auto;}.wrapper{    width: 1220px;    padding-left: 10px;    padding-right: 10px;    margin-left: auto;    margin-right: auto;}.menu{    width: 60px;    height: 60px;    position: absolute;    right: 10px;    top: 10px;    cursor: pointer;    background: url("../images/menu.png") no-repeat center;    box-shadow: 0 0 5px #ddd;}#top-btn{    width: 80px;    height: 80px;    background: #fff url("../images/top.png") no-repeat center top 15px ;    text-align: center;    position: fixed;    right: 192px;    bottom: 250px;    padding-top: 46px;    z-index: 999;    box-shadow: 0 0 5px #ddd;}.index-nav2{    position: absolute;    top: 80px;    left: 0;    width: 100%;    display: none;    z-index: 1000;}.index-nav2 li{    background: rgba(0,0,0,0.6);    /*border-bottom: 1px solid red;*/    width: 100%;    text-align: center;    padding: 15px 0 ;}.index-nav2 li a{    color: #fff;    padding: 10px;}.container-full{    width: 100%;}.bold{    font-weight: bold;}::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}::-webkit-scrollbar-button       {/* 2 */}::-webkit-scrollbar-track        {/* 3 */}::-webkit-scrollbar-track-piece  {/* 4 */}::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}::-webkit-resizer                {/* 7 */}::-webkit-scrollbar:horizontal   {height:9px;}.mt20{    margin-top: 0.2rem;}.h-top span{    float: left;}.phone{    float: right;    font-size: 12px;}.phone img{    float: left;    margin-top: 5px;    margin-right: 7px;}.m-nav-bg{    width: 100%;    height: 100px;    background: #262626;}.banner .swiper-container-horizontal>.swiper-pagination-bullets{    bottom: 50px;}.banner .swiper-pagination-bullet{    width: 36px;    height: 4px;    background: #aaaaaa;    border-radius: 0;    opacity: 1;    margin: 0 3px;}.banner .swiper-pagination-bullet-active{    background: #fff;}.header{    width: 100%;    height: 130px;    background: #f9f9f9;    overflow: hidden;}.logo{    display: block;    float: left;    margin-top: 35px;}.phone{    padding-left: 32px;    background: url("../images/phone.png") no-repeat left center;    float: right;    font-size: 18px;    color: #999;    line-height: 26px;    margin-top: 30px;}.phone span{    font-size: 26px;    color: #058cea;    font-weight: bold;}.index-nav{    float: right;    margin-top: 20px;}.index-nav li{    float: left;    text-align: center;    margin-left: 30px;    font-size: 16px;    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;    border-bottom: 4px solid transparent;    padding-bottom: 25px;}.index-nav li:hover{    border-bottom: 4px solid #058cea;}.index-nav li.on{    font-weight: bold;    border-bottom: 4px solid #058cea;}.index-nav li a{}.part1{    background: url("../images/about-bg1.png") no-repeat right bottom;    padding-top: 120px;    padding-bottom: 140px;}.about-wrap{    width: 406px;    float: left;}.about-tit h2{    font-size: 36px;    color: #058cea;}.about-tit span{    color: #aaaaaa;    font-size: 24px;    font-family: Arial;}.about-intro{    text-indent: 2em;    font-family: 宋体;    font-size: 12px;    margin-top: 40px;    line-height: 24px;}.more-btn{    display: block;    width: 158px;    height: 52px;    line-height: 50px;    text-align: center;    border: 1px solid #888888;    margin-top: 30px;}.more-btn:hover{    color: #fff;    background: #058cea;    border: 1px solid #058cea;}.part2{    width: 100%;}.sv-tit{    width: 100%;    background: url("../images/sv-tit.jpg") no-repeat top center;    height: 240px;    text-align: center;    color: #fff;    overflow: hidden;}.sv-tit h2{    font-size: 36px;    font-weight: normal;    margin-top: 80px;    margin-bottom: 10px;}.sv-tit span{    font-family: Arial;    font-size: 24px;    position: relative;}.sv-tit span:after{    position: absolute;    content: '';    display: block;    width: 48px;    height: 5px;    background: #058cea;    margin: auto;    left: 0;    right: 0;    bottom: -20px;}.server-list{}.server-list li{    float: left;    width: 25%;    position: relative;}.server-list li a{    display: block;    width: 100%;    height: 100%;    background: rgba(0,0,0,0.5);    position: absolute;    left: 0;    top: 0;    text-align: center;    color: #fff;}.server-list li a:hover{    background: rgba(5,140,234,0.8);}.sv-intro{    height: 150px;    position: absolute;    width: 100%;    margin-top: -75px;    top: 50%;}.sv-intro img{    display: block;    margin: 0 auto 22px;}.sv-intro span{    font-size: 16px;    font-weight: bold;}.sv-intro p{    font-size: 12px;    font-family: 宋体;    margin-top: 2px;}.part3{    width: 100%;    background: #f5f5f5;    overflow: hidden;    padding-bottom: 60px;}.part-tit{    text-align: center;}.part-tit h2{    font-size: 36px;    font-weight: normal;    margin-top: 80px;    margin-bottom: 10px;}.part-tit span{    font-family: Arial;    font-size: 24px;    position: relative;    color: #aaaaaa;}.part-tit span:after{    position: absolute;    content: '';    display: block;    width: 48px;    height: 5px;    background: #058cea;    margin: auto;    left: 0;    right: 0;    bottom: -20px;}.case-slide{    margin-top: 70px;}.case-slide .hd{}.case-slide .hd ul{    padding-left: 7px;    padding-right: 8px;}.case-slide .hd ul li{    width: calc(25% - 1px);    float: left;    font-size: 16px;    background: #fff;    height: 124px;    line-height: 124px;    margin-left: 1px;    cursor: pointer;    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;}.case-slide .hd ul li i{    display: block;    float: left;    width: 50px;    height: 50px;    background: url("../images/case-icon.png") no-repeat 0 0;    margin-left: 76px;    margin-top: 38px;    margin-right: 15px;}.case-slide .hd ul li:nth-child(2) i{ background: url("../images/case-icon.png") no-repeat 0 -50px;}.case-slide .hd ul li:nth-child(3) i{ background: url("../images/case-icon.png") no-repeat 0 -100px;}.case-slide .hd ul li:nth-child(4) i{ background: url("../images/case-icon.png") no-repeat 0 -150px;}.case-slide .hd ul li.on{    background: #058cea;    color: #fff;}.case-slide .hd ul li.on i{    background-position-x: -50px;}.case-slide .hd ul li:hover{    background: #058cea;    color: #fff;}.case-slide .hd ul li:hover i{    background-position-x: -50px;}.case-slide .bd{    margin-top: 34px;    /*min-height: 617px;*/}.case-slide .bd ul li{    float: left;    width: 25%;    padding: 0 8px;    margin-bottom: 16px;}.case-slide .bd ul li a{    display: block;    width: 100%;    height: 100%;    border: 1px solid #e9e9e9;    background: #fff;}.case-slide .bd ul li a:hover{    box-shadow: 0 4px 8px #999;}.case-intro{    padding: 20px;}.case-intro h3{    font-size: 16px;    font-weight: bold;    margin-bottom: 5px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.case-intro p{    font-size: 12px;    color: #999;    font-family: 宋体;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.more-btn2{    display: block;    width: 158px;    height: 52px;    line-height: 50px;    text-align: center;    border: 1px solid #888888;    margin: 50px auto 0;}.more-btn2:hover{    color: #fff;    background: #058cea;    border: 1px solid #058cea;}.part4{    overflow: hidden;    width: 100%;    background: #ededed;    padding-bottom: 60px;}.news-wrap{    margin-top: 60px;}.hl-news{    position: relative;    overflow: hidden;}.hl-news:hover .news-intro{    bottom: 0;}.hl-news:hover .news-intro p{    opacity: 1;}.news-tt{    position: absolute;    width: 112px;    height: 98px;    background: #058cea;    color: #fff;    line-height: 98px;    text-align: center;    left: 42px;    top: 0;}.news-wrap>div{    padding: 0 12px;}.news-intro{    width: 100%;    position: absolute;    color: #fff;    z-index: 2;    left: 0;    bottom: -30px;    background: linear-gradient(to bottom,transparent,#111);    padding: 20px 40px;    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;}.news-intro h3{    font-size: 20px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    margin-bottom: 10px;}.news-intro p{    font-size: 12px;    font-family: 宋体;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    opacity: 0;    -webkit-transition: all 0.2s ease;-moz-transition:  all 0.2s ease;transition:  all 0.2s ease;}.news-part{    width: 100%;    background: #fff;}.news-bottom{    padding: 0 30px 20px;}.news-list{    padding-top: 10px;}.news-list li{    width: 100%;    border-bottom: 1px solid #e1e1e1;    padding: 9px 5px;    font-size: 12px;    margin-top: 12px;}.news-list li a{    float: left;    display: block;    width: calc(100% - 90px);    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.news-list li span{    float: right;    width: 80px;}.more-news{    font-size: 12px;    float: right;    margin-top: 20px;    margin-right: 12px;}.f-link{    width: 100%;    background: #adadad;    padding: 10px 0;    color: #fff;}.f-link span{    margin-top: 4px;}.f-link a{    float: left;    color: #fff;    margin: 4px;}.footer{    width: 100%;    background: #333333;    color: #fff;    padding: 40px 0 40px;}.ft-l{    float: left;}.ft-l h3{    font-size: 16px;    font-weight: bold;    margin-bottom: 10px;}.ft-l p{    font-size: 12px;    line-height: 24px;}.ft-l a{    color: #fff;}.ft-r{    float: right;    width: 320px;}.ft-phone{    float: left;}.ft-phone p{    margin-bottom: 30px;}.ft-phone h3{    font-size: 18px;    font-weight: bold;    margin-top: 4px;}.qr{    width: 88px;    height: 88px;    float: right;}.in-banner{    width: 100%;    height: 400px;    background-size: cover;}.gray-bg{    width: 100%;    background: #f9f9f9;    padding-bottom: 50px;}.child-nav{    position: relative;    top: -60px;}.child-nav li{    width: 16.6666%;    float: left;    height: 150px;    line-height: 150px;    text-align: center;    border-right: 1px solid #f9f9f9;    font-size: 18px;}.child-nav li a{    display: block;    width: 100%;    height: 100%;    background: #fff;}.child-nav li.on a{    color: #fff;    background: #058cea;}.child-nav li a:hover{    color: #fff;    background: #058cea;}.pro-top{    position: relative;}.pro-tit{    background: #fff;    width: 490px;    height: 310px;    position: absolute;    right: 0;    top: 50%;    margin-top: -155px;    text-align: center;}.pro-tit i{    display: block;    width: 24px;    height: 4px;    background: #058cea;    margin: 90px auto 30px;}.pro-tit p{    font-size: 48px;}.pro-tit span{    font-size: 24px;}.pro-txt{    margin-top: 50px;    line-height: 30px;    font-family: 宋体;}.flip{    margin-top: 40px;    font-family: 宋体;}.flip p{    margin-bottom: 5px;}.child-nav2{    top: -80px;    position: relative;}.child-nav2 li{    width: 25%;    border-right: 1px solid #f9f9f9;    float: left;    height: 80px;    line-height: 80px;    background: #ffffff;    font-size: 18px;}.child-nav2 li a{    display: block;    width: 100%;    height: 100%;    background: #ffffff;    text-align: center;}.child-nav2 li a:hover{    background: #058cea;    color: #fff;}.child-nav2 li.on a{    background: #058cea;    color: #fff;}.case-list2{}.case-list2 li{    float: left;    width: 33.3333%;    padding: 0 10px;    margin-bottom: 20px;    text-align: center;}.case-list2 li a{    display: block;    width: 100%;}.case-list2 li a:hover img{    transform: scale(1.2);}.case-img{    overflow: hidden;}.case-list2 li a:hover{    box-shadow: 0 2px 5px #bbb;}.case-list2 li a span{    display: block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    line-height: 80px;    font-size: 18px;    background: #fff;}.page-li{    margin-top: 30px;}.page-li li{    float: left;    margin: 0 10px;}.page-li li span{    padding: 5px 10px;    border: 1px solid #999999;    background: #999;    color: #fff;}.page-li li a{    padding: 5px 10px;    border: 1px solid #999999;}.in-tit{    text-align: center;}.in-tit h2{    font-size: 48px;    font-weight: normal;    margin-bottom: 8px;}.in-tit span{    font-size: 24px;}.in-tit i{    display: block;    width: 24px;    background: #058cea;    height: 4px;    margin: 0 auto 40px;}.about-part{    position: relative;    margin-top: 60px;}.about-part2 .about-intro2{    left: 0;    right: auto;}.about-part2 .about-img{    float: right;}.about-intro2{    position: absolute;    right: 0;    bottom: 0;    background: #fff;    width: 528px;    padding: 40px 50px 40px;}.about-intro2 h2{    color: #058cea;    font-size: 36px;}.about-intro2 i{    display: block;    width: 16px;    height: 3px;    background: #333333;    margin-top: 18px;}.about-intro2 p{    font-size: 12px;    font-family: 宋体;    line-height: 24px;    margin-top: 20px;}.contact-wrap{    position: relative;    margin-top: 60px;}.contact-box{    background: #fff;    position: absolute;    right: 0;    top: 50%;    height: 300px;    margin-top: -150px;    width: 490px;    padding-top: 45px;    padding-left: 110px;    line-height: 30px;}.contact-box h3{    font-size: 14px;    font-weight: bold;    margin-bottom: 10px;}.msg-tit{    margin-top: 60px;}.msg-wrap{    background: #fff;    padding: 80px 230px 72px;    margin-top: 50px;}.msg-wrap input[type=text]{    width: calc(50% - 8px);    height: 50px;    border: 1px solid #bebebe;    padding-left: 12px;    outline: none;    margin-bottom: 16px;}.msg-wrap textarea{    resize: none;    border: 1px solid #bebebe;    width: calc(100% - 176px);    float: left;    height: 50px;    outline: none;    padding-left: 12px;    padding-top: 12px;}.sub-btn{    float: right;    background: #058cea;    color: #fff;    width: 160px;    height: 50px;    border: none;    outline: none;}.news-bg{    width: 1048px;    float: right;    padding-bottom: 50px;    padding-right: 70px;    background: #f1f1f1;}.news-bb{    position: relative;    padding-top: 80px;}.news-img-b{    width: 380px;    height: 380px;    position: absolute;    left: 0;    top: 0;}.news-list2{    padding-left: 290px;}.news-list2 li{    margin-top: 60px;}.news-list2 li a{    font-size: 18px;    font-weight: bold;    display: block;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    padding-left: 40px;    position: relative;    margin-top: 20px;}.news-list2 li a:before{    content: '';    position: absolute;    display: block;    width: 18px;    height: 5px;    background: #058cea;    left: 0;    top: 10px;}.news-list2 li p{    font-size: 12px;    font-family: 宋体;    line-height: 22px;    margin-top: 6px;}.t-r{    text-align: right;}.sv-d{    line-height: 32px;    margin-top: 50px;}.join-wrap{    background: #fff;    padding: 0 60px;    margin-top: 30px;}.join-row{    border-bottom: 1px solid #cfcfcf;    padding: 30px 0;}.join-row a{    width: 128px;    height: 40px;    border: 1px solid #9f9f9f;    float: right;    text-align: center;    line-height: 38px;    margin-top: 10px;}.join-row a:hover{    color: #fff;    background: #058cea;    border: 1px solid #058cea;}.join-l{    float: left;    width: 30%;    position: relative;}.join-l:after{    position: absolute;    content: '';    width: 1px;    height: 36px;    background: #dadada;    right: 0;    top: 5px;}.join-l p{    font-size: 18px;    margin-bottom: 10px;}.join-l span{    color: #888;}.join-c{    float: left;    padding-left: 25px;    width: 40%;}.join-c p{    font-size: 16px;    font-family: Arial;    margin-bottom: 10px;}.join-c span{    color: #888;}.join-wrap .join-row:last-child{    border-bottom: none;}.join-wrap{overflow: hidden;}