.banner {position: relative;overflow: hidden;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide,.banner .img{height: 880px;}
.banner .img{width: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.banner .titB{position: absolute;left: 0;top:40%;width: 100%;}
.banner .titB img{max-width: 100%;}
.banner .titB p{font-size: 64px;line-height: 72px;color: #054b8b;font-weight: bold;}
.banner .swiper-pagination{bottom: 95px !important; }
.banner .swiper-pagination-bullet{display: inline-block; width: 13px; height: 13px; background: #fff;  border-radius: 50%;margin: 0 10px!important;opacity: 1!important;}
.banner .swiper-pagination-bullet-active {background: #004a91;}
@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
.banner .img{width:100%;height: 100%;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.banner .swiper-slide-active .imgApp img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}


.banner .swiper-button-prev,.banner .swiper-button-next{position: absolute;top:50%;width: 30px;height: 30px;margin-top: -15px;background-position: center center;background-repeat: no-repeat;background-size: 100%;}
.banner .swiper-button-prev{left: 30px;background-image: url("../images/prev.png;vpn_img");}
.banner .swiper-button-next{right: 30px;background-image: url("../images/next.png;vpn_img");}

.banner .banBot{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;}
.banner .banBot .wrap{background: #fff;padding-top: 20px;padding-left: 95px;padding-right: 95px;}
.banner .banBot .tel{float: left;display: block;font-size: 24px;line-height: 28px;color: #004a91;font-family:'DIN-BLACK';}
.banner .banBot .tel img{width: 28px;margin-right: 10px;}
.banner .banBot .net{float: right;display: block;padding: 7px 25px;background-image: url("../images/net_bg.png;vpn_img");background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;border-radius: 25px;font-size: 18px;line-height: 26px;color: #fff;font-weight: bold;}
.banner .banBot .net img{width: 26px;margin-right: 10px;}

.downSlider{ width:26px;position:absolute; left:50%; margin-left:-13px; bottom: 7px; z-index:99; animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; cursor:pointer; }
.downSlider img{width: 100%;}

@keyframes b_jump{
    from{ transform:translateY(0); -webkit-transform:translateY(0);}
    to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
@-webkit-keyframes b_jump{
    from{ transform:translateY(0); -webkit-transform:translateY(0); }
    to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}

/*以上是banner*/
.inProduct{margin-bottom: 75px;}
.proSlider{position: relative;}
.proSlider .bx-viewport{padding-bottom: 20px;}
.proSlider li{}
.proSlider li a{display: block;box-shadow: 3px 4px 10px rgba(135,138,141,0.18);background-color: #fff;margin:0 11px; border-radius: 5px;}

.proSlider li .img{width: 100%;overflow: hidden;}
.proSlider li .img img{width: 100%;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;transition: all 0.5s linear;}
.proSlider li .mes{padding: 12px 25px 50px 25px;}
.proSlider li .mes h3{font-size: 26px;line-height: 60px;height: 60px;color: #1e1e1e;font-weight: bold;border-bottom:3px solid #004a91;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }

.proSlider li .mes .info{margin-top: 28px;}
.proSlider li .mes .info p{font-size: 16px;line-height: 16px;color: #1e1e1e;}
.proSlider li .mes .info p em{display: inline-block;font-size: 24px;line-height: 24px;color: #004a91;font-weight: bold;}
.proSlider li .mes .info p,.proSlider li .mes .info p em{vertical-align: bottom;}
.proSlider li .mes .block{float: left;margin-right: 42px;padding-right: 10px;}
.proSlider li .mes .block:last-child{margin-right: 0;float: right;}
.proSlider li .mes .block p{margin-bottom: 6px;}

.proSlider li a:hover .mes{background-image: url("../images/pro_bg.png;vpn_img");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.proSlider li a:hover .mes h3{border-bottom-color: #fff;}
.proSlider li a:hover .mes h3,.proSlider li a:hover .mes .info p,.proSlider li a:hover .mes .info p em{color: #fff;}

.proSlider li:hover .img img{-moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}



.proSlider .bx-pager{display: none;}
.proSlider .bx-controls{text-align: center;font-size: 0}
.proSlider .bx-controls .bx-controls-direction{font-size: 0;display: inline-block;}
.proSlider .bx-controls .bx-controls-direction a{display: block;position: absolute;top:50%;width: 38px;height: 38px;margin-top: -29px;text-indent: -999999px;background-position: center center;background-repeat: no-repeat;background-size: 100%;z-index: 10;cursor: pointer;}
.proSlider .bx-controls .bx-controls-direction a.bx-prev{left: -120px;background-image: url("../images/icon_prev.png;vpn_img"); }
.proSlider .bx-controls .bx-controls-direction a.bx-next{right: -120px;background-image: url("../images/icon_next.png;vpn_img");}
/*以上是热销产品*/

.inAbout{background-image: url("../images/about_bg.jpg;vpn_img");background-position: bottom left;background-repeat: no-repeat;background-size: cover;padding: 85px 0;}
.aboutIntro{width: 720px;}
.aboutIntro .titA{margin-bottom: 36px;}
.aboutIntro .titA h3{font-size: 44px;line-height: 48px;color: #004a91;font-weight: bold;}
.aboutIntro .intro{color: #1e1e1e;}
.aboutIntro .intro h4{font-size: 26px;line-height: 32px;margin-bottom: 10px;}
.aboutIntro .intro h4 em{display: inline-block;width: 178px;height: 2px;background: #1e1e1e;margin-left: 8px;margin-top: 15px;}
.aboutIntro .intro p{font-size: 14px;line-height: 22px;text-align: justify;}
.aboutIntro .data{margin-top: 85px;}
.aboutIntro .data li{float: left;width: 32%;padding-right:1.33% }
.aboutIntro .data li img{height: 47px;margin-bottom: 20px;}
.aboutIntro .data li p{font-size: 48px;line-height: 38px;color: #004a91;font-family: 'DIN-BLACK';letter-spacing: -2px;}
.aboutIntro .data li p em{display: inline-block;font-size: 14px;line-height: 24px;color: #fff;height: 24px;width: 24px;text-align: center;border-radius: 50%;background: #73b753;}
.aboutIntro .data li p,.aboutIntro .data li p em{vertical-align: bottom;}
.aboutIntro .data li h4{font-size: 16px;line-height: 20px;color: #004a91;margin-top: 15px;}
.aboutIntro .remind{font-size: 12px;line-height: 20px;color: #1e1e1e;margin-top: 45px;}
.aboutIntro .moreA{margin-top: 50px;}
.aboutIntro .moreA a{display: inline-block;font-size: 16px;line-height:16px;color: #fff;padding: 12px 24px;background: #004a91;border-radius: 25px;}
.aboutIntro .moreA a img{height: 16px;margin-left: 20px;}
/*以上是百瑞介绍*/

.inNews{padding-bottom: 100px;overflow: hidden;}
.moreMenu{}
.index-title{float: right;}
.index-title dl{border-radius: 25px;background: #6390bc;}
.index-title dl dd{float: left;font-size: 16px;line-height: 16px;color: #fff;padding: 14px 0;width: 150px;border-radius: 25px;text-align: center;cursor: pointer;}
.index-title dl dd img{width: 16px;margin-left: 10px;}
.index-title dl dd.on{background: #004a91;}

.index-news .news-box .news-item .news-text { overflow: hidden; }
.index-news .news-box .news-item .news-text .pic { width: 50%; float: left; }
.index-news .news-box .news-item .news-text .pic img { width: 100%; height: auto; }
.index-news .news-box .news-item .news-text .swiper-slide-active .text { opacity: 1; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); }

.index-news .news-box .news-item .news-text .text { float: right;width: 45%;; margin-top: 25px;  opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: translate(0, 10px); -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -o-transform: translate(0, 10px); -ms-transform: translate(0, 10px); }

.index-news .news-box .news-item .news-text .text .detail { display: inline-block; width: 184px;font-size: 16px; line-height: 44px;color: #004a91;border: 2px solid #004a91;border-radius: 25px;text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 35px;}
.index-news .news-box .news-item .news-text .text .detail:hover{background: #004a91;color: #fff;}

.index-news .news-box .news-item .news-text .text h3 { font-size: 34px;line-height: 50px; color: #000;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }

.index-news .news-box .news-item .news-text .text p { font-size: 14px; line-height: 24px;color: #7b7b7b; max-height: 96px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;margin-top: 12px; }

.index-news .news-box .news-item .news-pic { width: 60%; padding: 5px; margin-top: -7%; overflow: hidden; float: right; }

.index-news .news-box .news-item .news-pic .swiper-slide { width: 30%; }

.index-news .news-box .news-item .news-pic .pic { overflow: hidden; }
.index-news .news-box .news-item .news-pic .pic img { width: 100%; height: auto; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;transition: all 0.5s linear;}

.index-news .news-box .news-item .news-pic .mes { font-size: 18px;line-height: 24px;color: #1f1f1f; padding: 18px 15px; background: #f3f3f3; }

.index-news .news-box .news-item .news-pic  .mes p { overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.index-news .news-box .news-item .news-pic a{display: block;}
.index-news .news-box .news-item .news-pic a:hover .mes{background:#004a91;color: #fff; }
.index-news .news-box .news-item .news-pic a:hover .pic img{-moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}

.index-news .swiper-pagination{display: none;}
.index-news .news-box .news-item .news-btn { padding-top: 52px; padding-left: 25px; }
.index-news .news-box .news-item .news-btn a { display: inline-block; width: 58px; height: 58px; margin: 0 12px;background-position: center center; background-repeat: no-repeat;background-size: 100%;}
.index-news .news-box .news-item .news-btn a.prev { background-image: url("../images/news-btn-prev.png;vpn_img"); }
.index-news .news-box .news-item .news-btn a.prev:hover { background-image: url("../images/news-btn-prev-hover.png;vpn_img"); }
.index-news .news-box .news-item .news-btn a.next { background-image: url("../images/news-btn-next.png;vpn_img"); }
.index-news .news-box .news-item .news-btn a.next:hover { background-image: url("../images/news-btn-next-hover.png;vpn_img"); }

/*以上是媒体中心*/

.inBuss{padding-bottom: 115px;position: relative;}
.inBuss .bigImg{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;}
.inBuss .bigImg .img{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-image: url("../images/buss_bg.jpg;vpn_img");background-position: bottom left;background-repeat: no-repeat;background-size: cover;z-index: 1;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;transition: all 0.4s linear;}
.inBuss .bigImg .img.imgHover{z-index: 2;opacity: 1;filter:alpha(opacity=100);}

.bussIntro{width: 725px;color: #004a91;}
.bussIntro .tabCont{width: 100%;display: none;}
.bussIntro .tabCont.active{display: block;}
.bussIntro .name h3{font-size: 62px;line-height: 66px;font-weight: bold;}
.bussIntro .name p{font-size: 26px;line-height: 32px;}
.bussIntro .mes{font-size: 14px;line-height: 22px;text-align: justify;margin-top: 30px;}

.bussIntro .moreCon{margin-top: 66px;}
.bussIntro .moreCon a{display: inline-block;font-size: 14px;line-height: 22px;color: #004a91;padding: 5px 0;}
.bussIntro .moreCon a em{display: inline-block;margin-right: 5px;width: 136px;height: 1px;background: #004a91;margin-top: 11px;}
.inBuss .buss-list{margin-top: 120px;}
.inBuss .buss-list li{float: left;width: 16.667%;background: #fff;}
.inBuss .buss-list li a{display: block;position: relative;padding: 24px 10px 24px 60px;color: #004a91;}
.inBuss .buss-list li .icon{position: absolute;left:13px;top:50%;width: 30px;height: 30px;margin-top: -15px;background-color: #fff;background-position: center center;background-repeat: no-repeat;background-size: 20px;border-radius: 50%;overflow: hidden; }
.inBuss .buss-list li h4{font-size: 18px;line-height: 24px;font-weight: bold;}
.inBuss .buss-list li p{font-size: 14px;line-height: 16px;}
.inBuss .buss-list li:hover,.inBuss .buss-list li.on{background:#004e98;}
.inBuss .buss-list li:hover a,.inBuss .buss-list li.on a{color: #fff;}