@charset "utf-8";
.boxwrap{margin:0 auto;width:1200px;_width:1020px;height:auto;text-align:left;padding:0;padding:0;position: relative;}
.boxwrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}


/*头部*/
.heads{width:100%;background: #f1f1f1;overflow:hidden;line-height:40px;color: #333;border-bottom: 1px solid #f1f1f1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.menub{width:100%;min-width:1200px;height: 106px;/* margin-top: 10px; */position: absolute;top: 0px;z-index: 999;}
.menu{ width:1200px;height:96px; margin:auto;}
.menu .menuL{float:left;/* width:400px; */padding-top: 28px;}
.menu .menuL a{color: #02b2b5;font-size: 30px;font-weight: bold;}
.menu .menuR{float:right;width: 630px;}
.nav{ margin:auto; height:93px; line-height:93px; position:relative; z-index:1;}
.nav a{ color:#333333;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{float:left;/* width:100px; */text-align:center;}
.nav .nLi h3 a{display:block;padding: 0 25px;font-size: 14px;font-weight:normal;color: #fff;}
.nav .sub{display:none;width: 110px;left:0;top:93px;position:absolute;background:#0083da;line-height:26px;padding:5px 0;}
.nav .sub li{zoom:1;line-height:30px;text-align: center;}
.nav .sub a{ display:block; padding:0 10px; color:#ffffff }
.nav .sub a:hover{ background:#49b3fa; color:#fdff6f;}
.nav .on h3 a{background: url(../images/menu.jpg) no-repeat center;color: #fff;height: 40px;background: #244faa;line-height: 40px;border-radius: 6px;margin-top: 26px;}

/*行业新闻*/

.tit-box h2{font-size:30px;color:rgb(236, 236, 236);text-align:center;padding: 0;margin: 0;}
.tit-box .des{font-size: 14px;text-align:center;height: 30px;line-height: 30px;color: #666;margin-top: 4px;}
#news-wrap .tit-box{position:relative;height: 118px;width: 1200px;}
#news-wrap .tit-box-line{position:absolute;left: 326px;left:1200px;}
.nr-box{margin-top:68px;height: 360px;position: relative;}
.news-list {width:627px;float:right;position:relative;height: 378px;min-height:5px;max-height:none;overflow-x:hidden;margin:5px;}
.newsTree{position:absolute;width: 627px;overflow: hidden;right: -600px;}
.newsTree .newsCalendar{vertical-align:top}
.newsTree .newsCircleOuter{position:relative;display:inline-block;margin: 5px 11px 0;width:18px;height:18px;background:#f4f4f4;border-radius:50%;vertical-align:top;z-index:1;}
.newsTree .newsCircle{position:absolute;width:12px;height:12px;background:#bababa;border-radius:50%;left:3px;top:3px;z-index:2}
.newsTree .Oneline{text-align:justify;height:auto;padding-left:0;padding:3px 5px;margin:0;overflow:hidden;white-space:nowrap;height:98px}
.newsTree .Oneline .lineBody{table-layout:fixed;height:100%;width:100%;border-collapse:collapse;border-spacing:0;display:inline-block;width:85%;width:-webkit-calc(100% - 105px);width:-moz-calc(100% - 105px);width:calc(100% - 105px);}
.newsTree .Oneline .lineBody .newsTitlePanel{display:inline-block;width:90%;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px)}
.newsTree .Oneline .newsCalendar{min-height:23px;line-height:23px;width:75px;cursor:pointer;text-align:right;display:inline-block;vertical-align:top;text-align:left;width:auto;line-height:28px}
.newsTree .Oneline .newsTitle{min-height:23px;line-height:23px;cursor:pointer;vertical-align:middle}
.newsTree .newsListTimeLine{width:1px;height:420px;position:absolute;background:#dadada;top:0;left:132px}
div.Oneline{height:98px}
.news-list a{font-size:16px}
.separatorLine{border-color:#dbeaef;clear:both;height:1px;line-height:1px;margin:0;font-size:0;border-width:1px;border-style:dashed;border-top:0;border-left:none;border-right:0}
.newsTree .separatorLine{border-style:solid;border-top:0;border-left:none;border-right:0;margin:10px 0;visibility:hidden}
.newsDes p{line-height:24px; height:50px;margin-top:6px;}
#news-wrap .nr-box .pic{float: left;position: absolute;left: -600px;}

/*公司简介*/
#about-wrap{background: url(../images/bg5.jpg) top center;height: 480px;}
.about-box{width: 100%;height: 540px;color:#fff;/* margin-left: 670px; */position: relative;}
#about-wrap h2 {
    font-size: 32px;
    color: #1877de;
    font-weight: bold;
    width: 100%;
    text-align: center;
    text-align: center;
    margin: 60px 0 60px 0;
}
.about-box .ch{font-size: 29px;color: #1877de;font-weight: bold;}
.about-box .des{line-height: 33px;font-size: 18px;/* width: 530px; */color: #333;}
.about-box .des a{color: #333;}
.about-box-line{/* position:absolute; *//* right: -600px; *//* top: 0px; */width: 700px;float: left;}
.about-box .hxys{/* position:absolute; *//* left:-30px; *//* top: 0px; */float: right;}

/**核心服务项目*/
.service-box{position:relative;height: 300px;}
.service-box .tit{width:346px;float:left;position:absolute;}
.service-box .tit h2{    color: rgb(236, 236, 236);font-size:30px;}
.service-box .tit .ch{font-size:26px;}
.service-box .tit .ch span{font-weight:bold;}
.service-box .tit p{color: rgb(153, 153, 153);font-size:14px;line-height: 28px;margin-top: 10px;}
.floatBtnBox{font-size:26px;line-height:52px;font-family:"Microsoft YaHei";overflow:visible}
.lightModuleOuterContent350 a{font-size:16px}
.floatBtnBox{font-size:26px;line-height:52px;font-family:"Microsoft YaHei";overflow:visible}
.floatBtn{background:#0f67ff}
.btn-box{font-size:26px;line-height:52px;font-family:"Microsoft YaHei";overflow:visible;width:140px;height:40px;line-height:40px;background: #244faa;text-align:center;}
.btn-box a{font-size:16px;color:#fff}
.service-box .cons{width:760px;float:right}
.service-box ul{position:relative;}
.service-box .cons li{right:0;width:37%;float:left;border:2px solid #ccc;border-box:box-sizing;margin-left:6%;margin-bottom:6%;padding-top:3%;padding-left:5%;position: absolute;}
.service-box .cons li.odd{}
.service-box .cons li.even{left:600px;}
.service-box .cons li .pic{width:35px;height:85px;float:left;padding-top:15px}
.service-box .cons li .t-des{float:left;width:74%;margin-left:30px}
.service-box .cons .t-des h2{font-size:18px;color:#666}
.service-box .cons .t-des p{color:#999;line-height:24px}
/**业务范围*/
#yewu-wrap .tit-box{width:1200px;height:152px;position:relative;}
#yewu-wrap .tit-box-line{position:absolute;left: 316px;bottom: -100px;}
.case001{height:257px;}
.case001 ul{margin-left:-15px;}
.case001 ul li{display:inline;margin-left: 25px;float: left;width: 268px;height: 257px;position:relative;}
.case001 ul li a{position:absolute;bottom: -300px;}
.case001 ul li img{width: 100%;height: 220px;border:1px #dfdddd solid;}
.case001 ul li span{width:225px;line-height:35px;display:block;overflow:hidden;font-weight:normal;font-size: 15px;text-align:center;color: #000;}
/*footer*/
.footer{background:#444444;width:100%;overflow:hidden;color:#d3d3d3;padding: 35px 0 0px  0;}
.footer a{ color:#d3d3d3;}
.footer .fo_l{width:auto;overflow:hidden;float:left;margin-right:70px;margin-bottom: 15px;}
.footer .fo_l dt{ font-size:14px; font-weight:bold;}
.footer .fo_l dt a{ color:#ffffff;}
.footer .fo_l dd{ width:auto; overflow:hidden; margin-top:6px;}
.footer .fo_l dd p{ height:30px; line-height:30px;}
.footer .lxwm{ width:auto; overflow:hidden; float:left;}
.footer .lxwm dt{ font-size:14px; font-weight:bold;}
.footer .lxwm dt a{ color:#ffffff;}
.footer .lxwm dd{ width:auto; overflow:hidden; margin-top:6px; line-height:30px;}
.footer .ewm{ width:125px; overflow:hidden; float:right; text-align:center; margin-right:15px;}
.footer .ewm dt{ font-size:14px; font-weight:bold; color:#ffffff;}
.footer .ewm dd{ width:125px; overflow:hidden; margin-top:10px;}
.copy{height:59px;width:100%;line-height:59px;background: #101d4e;color:#d3d3d3;}
.copy a{ color:#d3d3d3;}


div#moveme{width:100px;height:100px;background:#fff;position:relative;animation:mymove 3s infinite;-webkit-animation:mymove 3s infinite}
@keyframes mymove{from{left:0}
to{left:500px;background:red;}
}
@-webkit-keyframes mymove{from{left:0}
to{left:500px;background:red;}
}






.boxwrap{margin:0 auto;width: 1500px;height:auto;text-align:left;overflow:hidden;padding:0;position:relative;}
.tit-i{text-align:center;position: relative;margin-top: 40px;}
.tit-i h3{font-size: 32px;color: #1877de;font-weight: bold;width: 230px;margin: 0 auto;position: absolute;right: 485px;}
 .tit-i h5{font-size: 16px;color: #333;text-transform:uppercase;font-family:Arial;font-weight:400;/* padding-top:6px; */width: 680px;margin: 0 auto;position: absolute;right: 259px;top: 60px;}
.box129-wrap {
    padding-top: 20px;
    height: 620px;
    background: url(../images/bg4.jpg) top center;

}
.case-i{position:absolute;right:0px;width: 100%;display:none;}
.box129 {height: 600px;width: 1500px;}
.box129 li{width: 19%;float:left;text-align:center;margin-right: 1%;height: 380px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;box-sizing: border-box;}
.box129 .small_box{margin-top:50px;position: relative;}
.box129 li .small_box img{margin: 0 auto;}
.box129 li .small_box span{display:block;font-size: 16px;color:#444;margin-top: 66px;height:30px;line-height:30px;color: rgb(51, 51, 51);font-weight: bold;margin: 0 auto;margin-top: 26px;}
.box129 li .small_box>div{display:block;font-size: 18px;color: #333;width: 232px;text-align: left;margin-top: 30px;margin: 0 auto;margin-top: 30px;line-height: 33px;}
.box129 li.end{margin-right:0px;}
a.btn-1{display:block;width:108px;margin:0 auto;height:38px;line-height:38px;text-align:center;color:#818181;font-size:14px;border:1px solid #818181;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;cursor:pointer}
a.btn-1:hover{background:#ffc001;color:#818181}




/**banner 轮播图拓展*/
.left-info{position:absolute;top: 250px;left: 900px;overflow:hidden;width:400px;height:300px;}
.left-info img{width:auto!important;}
.left-info .des{font-size:12px;color:#378ab3;width:300px;margin:30px 0 30px 30px;line-height:24px}
.left-info a{border-radius:20px;font-size:14px;width:154px;height:36px;line-height:36px;text-align:center;border:1px solid rgba(2,178,181,1);display:inline-block;color:rgba(63,224,234,1);margin:0 20px 0 30px}


/**联系我们+在线留言*/
input:focus{outline:medium}
textarea:focus{outline:medium}
.red{color:red}
input[class=g-txt]{width:92%;height:36px;line-height:36px;border:none;padding:0;margin:0;border-color:#dadada;text-indent:6px}
.g-small-txt{width:128px;height:36px;line-height:36px;text-indent:6px}
/**============================================*/
.wrap-contact {
    background:#eee;
    background-size:contain
    height: 800px;
    width: 100%;
    overflow: hidden;
    background: url(../images/bg4.jpg) top center;
}
.boxwrap-contact{height:800px;width: 1500px;}
.contact-info{color:#fff;line-height:28px;width:400px;float:left;position:absolute;right: 0px;top:250px;display: none;}
.yzm img{margin-left:15px;vertical-align:middle}
.yzm a{color:#fff;margin-left:6px;display:inline-block;line-height:44px}
 a.btns-larger{width:254px;height:44px;line-height:44px;font-size:16px;background:#5ab4ff;display:block;text-align:center;color:#fff;cursor:pointer}
.message-box{width:600px;float:right;position:absolute;right: -600px;top: 140px;display: none;}
.message-box dl{width:50%;float:left}
.message-box dl.dl-1{width:100%}
.message-box dt{color:#fff;height:50px;line-height:50px}
.message-box textarea{height:100px;line-height:24px;width:94%;text-indent:6px}
.message-box dd span{margin-left:2%}


/**特性*/


/**特性*/
body{overflow-x:hidden;margin: 0px;padding: 0px;}
.box507-wrap{background-color:#ebebeb;padding-top:20px}
.box507{height:600px;}
.box507 .case-i2 li{float:left;width:20%;border:1px solid #ccc;border-right:none;border-top:none;box-sizing:border-box; text-align:center;padding:30px 0px; background:#fff;}
.box507 .case-i2 {border-top:1px solid #ccc;border-right:1px solid #ccc;}
.box509-wrap{padding-top:20px;height: 720px; background:url(../images/bg-3.png)}
.box509 .ul-case-ii li {
    width: 16%;
    margin-right: 10.5%;
    float: left;
    text-align: center;
    margin-bottom: 60px;
    font-size: 14px;
}

.box509 li .small_box img{width:60px; height:60px;}
.box509 li .small_box span{display:block;font-size: 16px;color: rgb(51, 51, 51);font-weight: bold;padding: 4px 0;}
.box509 li .small_box div{font-size: 16px;}
.box509 li.end{margin-right:0px;}
.box509 .tit-i2{text-align: left;/* line-height: 120px; *//* height: 120px; */}
.tit-i2 h3{font-size: 32px;color: #1877de;font-weight: bold;text-align:center;height: 120px;line-height: 120px;}
.box509 .tit-i2 h5{font-size: 16px;color:#999;text-transform:uppercase;font-weight:normal;padding-top:10px;width: 120px;}
.box509 .case-i2{position:relative;height: 150px;margin-top: 50px;}

.box509 .ul-case-ii li .small_box div {}
.box509 .ul-case-ii {
    position: absolute;
    top: 0px;
    right: -600px;
    display: none;
    width: 100%;

}

.box509  .con{font-size: 18px;line-height: 33px;text-align: left;color: #333;}
.box509 .con p{margin-bottom: 2.5em;text-indent: 2em;}



/**回到顶部*/
#siteBackToTop_small_box {
    right: 57px;
    bottom: 50px;
    display: block;
    opacity: 1;
    background-image: url(../images/back.png);
    margin: 1px;
    width: 50px;
    height: 50px;
    position: fixed;
    cursor: pointer;
}




.timeline-container {

    padding: 2rem 0;
    margin-top:200px;
}

.timeline {
    display: flex;
    min-width: max-content;
    padding: 2rem 0;
    position: relative;
}

.timeline::after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #ccc;
    top: 50%;
    left: 2rem;
    right: 2rem;
    transform: translateY(-50%);
    z-index: 1;
}

.timeline-item {
    position: relative;
    width: 285px;
    margin: 0 1rem;
    z-index: 2;
}

.timeline-item::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #00a0e9;
    border: 6px solid #caebfa;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.timeline-content {
    position: absolute;
    width: 420px;
}

.top {
    bottom: calc(100% + 1.5rem);
}

.bottom {
    top: calc(100% + 1.5rem);
}

.timeline-content h2 {
    color: #333333;
    margin-bottom: 1rem;
    font-size: 19px;
    font-weight: bold;
    /* text-align: center; */
    margin-top: 1rem;
}
.timeline-content p{font-size: 18px;line-height: 33px;position: absolute;top: 180px;bottom: 0px;}

/* 竖线样式 */
.vertical-line {
    position: absolute; /* 相对定位，作为竖线的容器 */
    height: 62px;
    /* border: 1px solid red; */
    left: 141px;
    top: 110px;
}

.vertical-line::before {
    content: ''; /* 伪元素用于绘制竖线 */
    position: absolute; /* 绝对定位，相对于 .vertical-line */
    height: 100%; /* 竖线高度为容器的100% */
    width: 2px; /* 竖线宽度 */
    background-color: #00a0e9; /* 竖线颜色 */
    left: 50%; /* 水平居中 */
    transform: translateX(-50%); /* 水平居中 */
    top: 0; /* 顶部对齐 */
    bottom: 0; /* 底部对齐 */
}