.header{position: relative;z-index: 100;}
.header-logo{width: 300px;height: 80px;margin: 0;margin-top: 6px;}
.navs-header{width:1200px; height: 90px;margin:0 auto;}

.header-ul .ul-li{margin-right: 20px;}


.navs-box{float: right;margin-top: 30px;width: 850px;}
.navs-item{display: inline-block;vertical-align: top;position: relative;padding: 0 20px;}
.nav-active .navs-item-root{color: rgb(26, 85, 248);}
.navs-item-root{color: #333; font-size: 17px;height: 30px;line-height: 30px;font-weight: bold;cursor: pointer;}
.navs-item-box{position: absolute;top:30px;left:20px;padding-top: 5px;padding: 6px 20px;background: #fff;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);display: none;border-radius: 4px;}
.navs-item:hover .navs-item-box{display:block;}
.navs-item-a{line-height: 28px;white-space: nowrap;font-size: 15px;}



.index-3{background:transparent;}
.index-3, .third-tcom, .index-third{height: 500px;}
.third-tcom, .index-third{width: 100%;}
.tcom-timg{width: 100%;height: 100%;top: 0;left: 0;}
.index-third{margin: 0;}

.index-2{height:850px;background:url(../../imgs/baotou-index2.png) no-repeat;background-size:cover;background-position: center;}
.second-servetype{display: block;width: 100%;margin:0 auto;height:630px;background:rgba(255, 255, 255, 0.3);border-radius: 20px;padding: 50px 20px;border:1px solid rgba(255, 255, 255, 0.5)}
.index-second{}
.servetype-secserve{padding: 20px 0;overflow: visible;}
.secevery-secspan{width: 250px;font-size:20px;bottom: 25px;font-weight: bold;}
.secevery-seci{display: inline-block;position: initial;margin-top: 10px;background: url(../../imgs/index_icon_baotou.png);}

.index-1{height: 640px; background-color:#fff;background: url(../../imgs/baotou-map-bg.png);background-position: center;padding-top: 20px;}
.map-box{width: 1200px;height: 100%;margin: 0 auto;}
.map-text-box{padding:40px 60px;float: left;margin:20px 150px 0 50px;}
.map-text-title{font-size: 20px;font-weight: bold;padding:0 20px;}
.map-text{width: 360px;margin-bottom:40px;box-sizing: border-box; font-size: 16px;font-weight: 200; color: #777;}
.map-text-item{padding: 15px 20px;line-height: 30px;}
.map-text p{display: inline-block;width: 150px;}
.map-text .map-active{font-weight: bold;}
a.map-link{color:#24a3ca;}
.map-echarts{width: 500px;height: 600px;display: inline-block;}
.map-echarts img{height: 100%;width: auto;}
.index-1-title{font-size: 32px;font-weight: bold;padding: 40px 20px;color:#24a3ca;}
.map-text-active{color:#24a3ca;}

.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(4) .secevery-seci{background-position:-480px -150px;}
.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(5) .secevery-seci{background-position:-630px -150px;}
.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(6) .secevery-seci{background-position:-480px -440px;}
.secserve-secevery{margin:0 10px 15px 10px;position: relative;}
.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(4):hover .secevery-seci{background-position:-480px 0px;}
.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(5):hover .secevery-seci{background-position:-630px 0px;}
.servetype-secserve:nth-child(1) .secserve-secevery:nth-child(6):hover .secevery-seci{background-position:-480px -300px;}
.servetype-secserve .secserve-secevery{width: 200px;height: 200px;border-radius: 100%;padding:20px 0 0 30px;margin:0 65px 85px 65px;border: 1px solid #d2c2f8;}
.servetype-secserve .secserve-secevery:nth-child(4){margin-left:240px;}
.secevery-secspan{width: 200px;position: absolute;bottom: -40px;left: -10px;}
.secserve-secevery:nth-child(1), .secserve-secevery:nth-child(6){background-image:linear-gradient(0deg, rgba(255, 255, 0, 0.6) 0%, rgba(255, 191, 0, 0.6) 100%);color:rgba(255, 255, 0, 0.8);text-shadow: 1px 1px 2px #333;}
.secserve-secevery:nth-child(2), .secserve-secevery:nth-child(3){background-image:linear-gradient(0deg, rgba(68, 250, 223, 0.6) 0%, rgba(1, 160, 118, 0.7) 100%);color:rgba(68, 250, 223, 0.9);text-shadow: 1px 1px 2px #333;}
.secserve-secevery:nth-child(4), .secserve-secevery:nth-child(5){background-image:linear-gradient(0deg, rgba(49, 207, 255, 0.6) 0%, rgba(0, 143, 199, 0.6) 100%);color:rgba(0, 143, 199, 0.8);text-shadow: 1px 1px 1px #fff;}
.secserve-secevery:hover:nth-child(1) .secevery-secspan, .secserve-secevery:hover:nth-child(6) .secevery-secspan{color:#ff0;}
.secserve-secevery:hover:nth-child(2) .secevery-secspan, .secserve-secevery:hover:nth-child(3) .secevery-secspan{color:#61fce5;}
.secserve-secevery:hover:nth-child(4) .secevery-secspan, .secserve-secevery:hover:nth-child(5) .secevery-secspan{color:#008fc7;}
.secserve-secevery:hover:nth-child(1), .secserve-secevery:hover:nth-child(6){background-image:linear-gradient(0deg,rgba(255, 191, 0, 1)  0%, rgba(255, 255, 0, 0.8) 100%);}
.secserve-secevery:hover:nth-child(2), .secserve-secevery:hover:nth-child(3){background-image:linear-gradient(0deg, rgba(1, 160, 118, 1)  0%, rgba(68, 250, 223, 1) 100%);}
.secserve-secevery:hover:nth-child(4), .secserve-secevery:hover:nth-child(5){background-image: linear-gradient(0deg, rgba(0, 143, 199, 1) 0%, rgba(49, 207, 255, 1) 100%);}

.title-box{text-align: center;margin-bottom: 50px;}
.title-bg{padding: 8px 20px;border-radius: 10px;font-size: 20px;color: #fff;display:inline-block;margin:20px auto}
.title-bg-1{background-color: #f7c20b;}
.title-con{font-size: 28px;}
.title-intro{font-size: 20px;margin-top: 15px;}
.index-6, .index-7, .index-8{padding-top: 30px;overflow: hidden;width: 100%;}
.index-6-con{width: 1100px;margin: 10px auto;}
.index-6-left, .index-6-right{float: left;width: 200px;}
.index-6-center{float: left;width: 600px;margin:0 50px;padding-bottom: 50px;position: relative;z-index: 1000;}
/* .index-6-left .index-6-item{animation: ani-left 2s;}
.index-6-right .index-6-item{animation: ani-right 2s;} */
.index-6-item{width: 100%;height: 240px;overflow: hidden;margin-bottom: 20px;border-radius: 10px;position: relative;}
.index-6-item img, .index-6-show img{width: 100%; height: auto;}
.index-6-show{position: relative;}  /* animation: ani-up 1s; */
.index-6-show-pic{width: 564px;height: 364px;overflow: auto;position: absolute;top:12px;left: 20px;}
.index-6-triangle{width: 100%;height:0; background-color: #fff;overflow: hidden;}
.index-6-triangle{border-left: 2000px solid transparent; border-right: 0px solid transparent ; border-bottom: 100px solid #eee;}

.index-7{background:#eee;}
.index-7-con{position: relative;}
.index-7-show{position: absolute;display: none;width: 800px;height: 460px;top: 50%;left: 50%;margin: -230px 0 0 -400px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);border-radius: 30px;z-index: 1000;}
.index-7-show img{width: 100%;height: 100%;border-radius: 30px;}
.title-bg-2{background-color: #14a9de;}
.index-7-3{width: 1240px;margin: 0 auto;}
.index-7-2{width: 830px;margin: 0 auto;}
.index-7-item{width: 380px;height: 220px;margin:15px;display: inline-block;border-radius: 20px;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);overflow: hidden;position: relative;}
.index-7-item img{width: 100%;height: 100%;z-index: 1000;}
/* .index-7-3 .index-7-item:nth-child(2){animation: ani-up 1s;}
.index-7-3 .index-7-item:nth-child(1), .index-7-2 .index-7-item:nth-child(1){animation: ani-right 1s;}
.index-7-3 .index-7-item:nth-child(3), .index-7-2 .index-7-item:nth-child(2){animation: ani-left 1s;} */
.index-7-triangle{width: 100%;height:0; background-color: #eee;overflow: hidden;}
.index-7-triangle{border-left: 2000px solid transparent; border-right: 0px solid transparent ; border-bottom: 100px solid #fff;}

.index-8{}
.title-bg-3{background-color: #1ec7a3;}
.index-8-con{}
.index-fourth{margin-top: 20px;}
.other-fother, .fourth-other, .index-fourth{height: 730px;}
.fother-function{margin-top: 20px;}
.fother-function, .fother-box-function, .function-fevery{height: 480px;}
.function-fevery{text-align: center;}
.function-fevery img{max-width: 100%; max-height: 100%;}
.fother-next, .fother-prev{top:30%;background-image: url(../../imgs/baotou_index_icon.png);}

.ani-up{animation: ani-up 3s;}
.ani-down{}
.ani-left{animation: ani-left 3s;}
.ani-right{animation: ani-right 3s;}

@keyframes ani-up{
    0% {top: -200px;opacity: 0;}
    100% {top: 0; opacity: 1;}
}
@keyframes ani-down{
    0% {bottom: -200px; opacity: 0;}
    100% {bottom: 0; opacity: 1;}
}
@keyframes ani-left{
    0% {left: 200px; opacity: 0;}
    100% {left: 0; opacity: 1;}
}
@keyframes ani-right{
    0% {left: -200px; opacity: 0;}
    100% {left: 0; opacity: 1;}
}


.footer-box{background: #424352;}
.contact-box{width: 1090px;margin: 0 auto;clear: both;padding: 30px 0;}
.contact-item{display:inline-block;width: 250px;margin:0 54px;}

.contact-name{font-size: 15px; font-weight: bold;margin-bottom: 10px; color:#ccc;}
.contact-num{font-size: 20px; font-weight: 200;color: #fff;}
.footer-footbottom{padding-top: 20px;height: 90px;}
.footbottom-footnum{padding-top: 10px;}
a.footnum-footspan{color: #8e8e96;}
a.footnum-footspan:hover{color:#fff;}