@charset "utf-8";
/* CSS Document */


/*名称*/

.tits{text-align:left;margin-bottom:4%;}
.tits h1{color:#6d7179;font-size:60px;font-family:"1";letter-spacing:1px;font-weight:normal}
.tits h2{font-size:40px;color:#fff;font-weight:normal;transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);}

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

.tits h1{font-size:50px;}
.tits h2{font-size:35px;}

}

@media screen and (max-width:1200px) {
.tits h1{font-size:45px;}
.tits h2{font-size:30px;}

}

@media screen and (max-width:1024px) {
.tits h1{font-size:38px;}
.tits h2{font-size:25px;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-o-transform:translateY(-30px);}
.tits{margin-bottom:0}
}


@media screen and (max-width:500px) {
.tits h1{font-size:30px;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);}
.tits h2{font-size:20px;}
.tits p{margin-top: -8%;}

}

/*产品中心*/
.index01{width:100%;overflow:hidden;}
.products .tabs{overflow:hidden;padding:2% 0;}
.products .tabs li{width:11.111%;float:left;text-align:center;overflow:hidden;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.products .tabs li a{display:block;height: 100%;cursor: pointer;}
.products .tabs li p{font-size:14px;margin-top:3%;}
.products .tabs li.active p , .products .tabs li:hover p{color:#1854b5;font-weight:bold;}
.products .tabs li.active{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);}
.products .tabs li .pic img{width:110px;height:110px;border:1px solid #e5e5e5;border-radius:100%;-webkit-order-radius:100%;}
.products .fens{padding:5% 0;background: url(../images/bg1.jpg) no-repeat top center;background-size:cover}
.products .fens{display:block;width:100%;}
.products .fens a .tt{}
.products .fens a .tt h2{color:#fff;font-size:35px;font-weight:normal;}
.products .fens a .tt p{font-size:18px;color:#fff;margin-top:1%;text-transform : uppercase}
.products .fens a .tt .more{display: inline-block;margin-top:2em;padding:10px 25px;background:#1854b5;color:#fff;border:1px solid #1854b5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.products .fens a .tt:hover .more{border:1px solid #466ebe}
.products .fens a .tt .more img{margin-left:30px}
.products .fens a .pic img{display:block;margin:0 auto;}
.products .fens a:hover h2{text-shadow: 0 5px 20px #ccc;-webkit-text-shadow: 0 5px 20px #ccc;-moz-text-shadow: 0 5px 20px #ccc;-o-text-shadow: 0 5px 20px #ccc;}
.index01 .swiper-button-next2, .index01 .swiper-button-prev2 { width: 37px;height: 74px;cursor: pointer; background-size: 100%;position:absolute;background-position: center;background-repeat: no-repeat; bottom:20%;z-index:333}
.index01 .swiper-button-next2{background-image: url(../images/index37.png); right: 0;}
.index01 .swiper-button-prev2{ background-image: url(../images/index36.png); left: 0;}

.products .fens .pic{margin-top:3%;}
.products .fens .pic a{width:32.33%;float:left;display:inline-block;margin:0 0.5%;}
.products .fens .pic a img{width:100%}


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

.products .fens a .tt h2{font-size:30px;}
.products .fens a .tt p{font-size:16px;}
}

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

.products .fens a .tt h2{font-size:25px;}

.products .fens a .tt .more{margin-top:1em;}
.products .fens a .tt .more img { margin-left: 10px;}
.index01 .swiper-button-next2, .index01 .swiper-button-prev2 { width: 25px;height: 50px;}
}

@media screen and (max-width:780px) {
.products .fens a .tt h2{font-size:20px;}
.products .fens a .tt p {font-size: 14px;}
.products .fens a .tt .more{padding: 5px 10px;}
.products .tabs{padding:5% 0;}
.products .tabs li{width:31.33333%}
.products .tabs li p{font-size:12px;}
.products .fens .pic a{width:49%;}
.products .fens .pic a:last-child{display:none;}
}


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

.products .fens a .tt .more{display:none;}
.products .fens a .tt h2{font-size:16px;}
.index01 .swiper-button-next2, .index01 .swiper-button-prev2 { width: 20px;height:40px;}

}

/*服务支持*/
.index02{width:100%;overflow:hidden;}
.index02 .left , .index02 .right{width:50%;position:relative}
.index02 .left .pic img, .index02 .right .pic img{width:100%;}
.index02 .des{position:absolute;top:20%;left:7%;width: 100%;z-index:1}
.index02 .des a{display:inline-block;}
.index02 .des h2{ font-size: 35px;font-weight: normal; display: inline-block; padding-right: 5px;letter-spacing:4px; color: #1854b5;}
.index02 .des a:hover h2{ color: #000;}
.index02 .des a img{display:inline-block;transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.index02 .des a:hover img{-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);transform: translateX(5px);-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-o-transform: translateX(5px)}
.index02 .des p{width:42%;margin:3% 0;line-height:1.6em;color:#696969;    overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index02 .des h3{font-family:"1";font-weight: normal;font-size:35px;color:#1854b5;background:url(../images/index05.png) no-repeat left center;padding-left:1.3em;}


@media screen and (max-width:1320px) {
.index02 .des{left:4%;}
.index02 .des p{width:48%;}
.index02 .des h2 , .index02 .des h3{font-size:30px;}

}
@media screen and (max-width:1200px) {
.index02 .des h2 , .index02 .des h3{font-size:25px;}
.index02 .des h3{padding-left: 1.6em;}
.index02 .des p{font-size:14px;}
}
@media screen and (max-width:1024px) {

.index02 .des h2 {font-size:20px;}

}

@media screen and (max-width:900px) {
.index02 .left , .index02 .right{width:100%;}

}
@media screen and (max-width:500px) {
.index02 .des p{-webkit-line-clamp: 2;}
.index02 .des h2{letter-spacing:0}
.index02 .des h3 {font-size:18px;padding-left: 1.3em;background-size: 6%;}
.index02 .des a img{width:20px;height:20px;}

}
/*关于我们*/
.index03{position:relative;width:100%;background:url(../images/bg2.jpg) no-repeat top center;height:100vh;background-size: cover;}
.index03 .about{width:100%;overflow:hidden;}
.about .left{position:absolute;top:10%;left:-5%;height: 100%;width:70%;}
.about .left .pic{position:relative;height: 100%;}
.about .left .pic .p1{display:block;height:100%;}
.about .left .pic .p2{display:none;}
.about .left .ab_c{position:absolute; top: 20%;left: 20%;}
.about .left .con{width:50%;}
.about .left .con p{color:#e0e0e0;line-height:2em;    overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.about .left .con a.more{margin-top:5em;display: inline-block;border:1px solid #e0e0e0;padding:2% 6%;color:#fff;font-family:"2";font-size:20px;}
.about .left .con a.more img{margin-left:20px;}
.about .left .con a.more:hover{border:1px solid #1854b5;background:#1854b5;}
.about .right{position:absolute;top:0;right:12%;height:100%;z-index:3;width:27%;}
.about .right li{width:50%;float:left;text-align:center;}
.about .right li img{width:100%;}
.about .right h2{font-size:25px;margin-bottom:20px;}
.about .right .top h2 , .about .right .top span{font-size:90px;font-family:"1";display:inline-block;color:#343434;}
.about .right .t2 h2 ,.about .right .t3 h2 , .about .right .t2 span , .about .right .t3 span{color:#1854b5;}


@media screen and (max-width:1440px) {
.about .right{width:30%;right:5%}
.about .left .ab_c{left:10%}
.about .right .top h2 , .about .right .top span{font-size:80px;}
}

@media screen and (max-width:1200px) {
.index03{height:90vh}
.about .right .top h2 , .about .right .top span{font-size:65px;}

.about {right:2%}
}

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

.index03{height:auto}
.about .left , .about .right{position:inherit; width: 100%;margin-top:3%;}
.about .right .top h2 , .about .right .top span{font-size:50px;}
.about .left .ab_c{left:3%;right:3%;}
.about .left .pic .p1{display:none;}
.about .left .pic .p2{display:block;height: 500px;width: 100%;}
.about .left .con{width:100%;}

.about .left .con a.more{margin-top:3em;}
.about .right li{width:33.33%;}
}
@media screen and (max-width:800px) {

.about .right .top h2 , .about .right .top span{font-size:35px;}
}


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

.about .right li{width:50%;}
.about .right .top h2, .about .right .top span{font-size:25px;}
.about .left .con a.more{margin-top:1em;font-size: 16px;}
.about .left .con a.more img { margin-left: 10px;}
.about .left .con p{-webkit-line-clamp: 2;}
.about .left .pic .p2{height: auto;}
}





/*产品优势*/
.index04{width:100%;overflow:hidden;margin:10% 0 5% 0;}
.index04 .adv{background-image:url(../images/bg3.jpg);background-size:cover;height:74vh;background-attachment: fixed;}
.adv li{width:33.3333333%;float:left;background-color:#e9edf6;height:37vh;position:relative}
.adv li .des , .adv li .tits{position:absolute;height:100%;top:0;left:5%;right:5%;margin-bottom: 0;}

.adv li .tits h1{color:#466ebe}
.adv li .tits P{color:#fff;font-size:14px;line-height:1.6em;}
.adv li .des{padding:3% 0;text-align:center}
.adv li .des .pics {text-align:center;margin:0 auto;width:100px;height:100px;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;background:rgb(255,255,255,.5)}
.adv li .des .pics img{display:inline-block;margin-top:25%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.adv li .des h2{font-size:25px;margin:5% 0;}
.adv li .des p{    line-height: 1.6em;color: #696969;}
.adv li:first-child{background-color:#1854b5}
.adv li:nth-child(3) , .adv li:nth-child(5){background:none;}
.adv li:nth-child(3) .des h2, .adv li:nth-child(5) .des h2{color:#fff;}
.adv li:nth-child(3) .des p, .adv li:nth-child(5) .des p{color:#fff;}

.adv li:hover .des .pics img{transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);}

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

.adv li .des h2 {font-size: 20px;}


}

@media screen and (max-width:1024px) {
.index04{margin:5% 0;}
.adv li .des .pics img{width:40px;height:40px;}
.adv li .des .pics{width:90px;height:90px;}

}

@media screen and (max-width:900px) {
.index04 .adv{height:111vh}
.adv li{width:50%;}
.adv li .des h2{margin:3% 0;}
.adv li:nth-child(3){background-color: #e9edf6;}
.adv li:nth-child(3) .des h2 { color: #000;}
.adv li:nth-child(3) .des p{color: #696969;}
.adv li:nth-child(4){background: none;}
.adv li:nth-child(4) .des h2 , .adv li:nth-child(4) .des p{ color: #fff;}
.adv li .des .pics{width:80px;height:80px;}
}
@media screen and (max-width:500px) {
.adv li:first-child , .adv li:last-child {width:100%;}
.adv li .des h2 {font-size: 18px;}
.adv li .des .pics{width:70px;height:70px;}
.adv li .des .pics img{width:35px;height:35px;}

}





/*视频中心*/
.index05{background:url(../images/bg4.jpg) no-repeat top center;;background-size:cover;padding:8% 0;}
.index05 .view{padding:5% 0;background:url(../images/index15.png);width:50%;margin:0 auto;text-align:center;}
.view h1{color:#fff;font-size:40px;font-weight:normal;}
.view p{color:#c8c6c6;border-top:1px solid #c8c6c6;border-bottom:1px solid #c8c6c6;padding:1% 0; display: inline-block;margin:4% 0;}

.view a{display:inline-block;position:relative;width:59px;height:59px;margin:0 auto;overflow:hidden}
.view a img{display:block;position:absolute;top:0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.view a .v2{left:100%;}
.view a .v1 , .view a:hover .v2{left:0;}
.view a:hover .v1{left:-100%;}




@media screen and (max-width:1200px) {
.view h1{font-size:35px;}
.index05 .view{width:55%;}
}

@media screen and (max-width:1024px) {
.view h1{font-size:30px;}
.index05 .view{width:60%;}
.view a{width:50px;height:50px;}


}

@media screen and (max-width:780px) {
.index05 .view{width:72%;}
.view h1{font-size:22px;}
}

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

.view h1{font-size:18px;letter-spacing: 0px;}
.view a{width:40px;height:40px;margin-top:3%;}
.view p{display:none}
}



/*新闻中心*/
.index06{width:100%;overflow:hidden;margin:5% 0;}
.index06 .new_c{position:relative;}
.new_c .nn{width:92%;margin:0 auto}
.news .tits {text-align:center;}
.news .tits h1{color:#ededed}
.news .tits h2{color:#000;}

.index06 .swiper-button-next, .index06 .swiper-button-prev { width: 43px;height: 70px;cursor: pointer; background-size: 100%;background-position: center;background-repeat: no-repeat; top:25%;}
.index06 .swiper-button-next{background-image: url(../images/index17.png); right: 0;}
.index06 .swiper-button-prev{ background-image: url(../images/index16.png); left: 0;}

.new_c a{display:block;position:relative;width:100%;height:100%}
.new_c a:before{position:absolute;content:""; width: 100%;background:#1854b5;left:0;right:0;z-index:-1;height:0;top:0;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.new_c a:hover:before {height:100%}
.new_c a .ns{padding:6%;overflow:hidden;}
.new_c a .nt{font-size:16px;font-weight:600;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.new_c a .nd{line-height: 1.8em;font-size:14px;margin:6% 0;color: #696969;;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_c a .nb{border-top:1px solid #9f9f9f;padding-top:6%}
.new_c a .nb b{float:left;font-size:20px;color:#1854b5;font-family:"1";font-weight:normal;letter-spacing:0;}
.new_c a .nb span{font-size:36px;margin-right:5px;}
.new_c a .nb img{float:right;margin-top:15px;}
.new_c a:hover .nt , .new_c a:hover .nd , .new_c a:hover .nb b{color:#fff}

@media screen and (max-width:1024px) {
.index06 .swiper-button-next, .index06 .swiper-button-prev {width: 30px;height: 50px;}
.new_c a .nb span{font-size:30px;}
.new_c a .nb b{font-size:18px;}

}
@media screen and (max-width:600px) {
.index06 .swiper-button-next, .index06 .swiper-button-prev {width:20px;height:35px;top: 35%;}
.new_c a .nb span{font-size:25px;}
}