/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2021-07-05 14:52:48
*/
/*banner*/
#banner{width:100%;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-button-next {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-pagination-bullet{width: 7% !important;height: 2px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem !important;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

.wrap{width: 85%;}

.title p{font-size: 0.64rem;padding-top: 1rem;padding-bottom: 0.2rem;color: #191919;font-weight: bold;}
.title p span{color: #0a60d1;}
.title{font-size: 0.2rem;color: #333333;text-align: center;font-weight: bold;}

/*版一*/
#banyi{width: 100%;height: 8.2rem;margin-top: 1rem;}
#banyi .fl{width: 36%;height: 8.2rem;background: url(../img/banyi.jpg)no-repeat center;color:#fff;position: relative;background-size: cover;}
#banyi .fl .wen{position: absolute;color: #fff;left: 0.6rem;top:1.8rem;}
#banyi .fl .wen p{font-size: 0.36rem;font-weight: bold;}
#banyi .fl .wen hr{width: 0.36rem;height: 0.04rem;background:#2a6ff9;border:none;outline: none;margin:0.5rem 0;}
#banyi .fl .wen span{font-size: 0.18rem;line-height: 0.6rem;letter-spacing: 0.02rem;}
#banyi .fr{width: 56%;padding-top: 0.2rem;}
#banyi .fr .tit{color: #b2b2b2;text-transform: uppercase;}
#banyi .fr .tit p{font-size: 0.32rem;font-weight: bold;color: #272727;line-height: 0.2rem;padding-bottom: 0.2rem;}
#banyi .fr .tit p img{display: inline-block;padding-left: 0.1rem;width: 3.25rem;}
#banyi .fr .tit hr{width: 0.36rem;height: 0.04rem;background:#2a6ff9;border:none;outline: none;margin:0.3rem 0;}
#banyi .fr .tit span{font-size: 0.18rem;color:#666666;text-align: justify;line-height: 30px;}
#banyi .fr .qian{text-align: right;margin-top: 0.7rem;width: 3.5rem;float: right;}
#banyi .fr img{display: block;width: 100%;}
#banyi .fr .lan{width: 1.87rem;margin-top: 0.8rem;}
#banyi .fr .yiz{font-size: 0.28rem;color: #272727;font-weight: bold;margin: 0.3rem 0;}

/*一*/
#daigong .yousi{ width: 20%;float: left;padding-top: 2.3rem;text-align: center;}
#daigong .yousi .icon{width: 78px;height: 78px;margin: 0 auto;}
#daigong .yousi p{font-size: 0.32rem;color: #0066ff;font-weight: bold;padding-top: 0.3rem;}
#daigong .yousi span{font-size: 0.15rem;color: #666666;font-weight: bold;}
/*服务场景*/
#daigong{width: 100%;height: 7.73rem;background: url(../img/cp1.png)no-repeat center;background-size: cover;margin-top: 0.4rem;}
#daigong .title{font-size: 0.16rem;color: #333333;text-align: center;}
/*#daigong .title p{font-size: 0.64rem;padding-top: 1rem;padding-bottom: 0.4rem;color: #191919;font-weight: bold;}*/
#daigong .title span{color: #0066ff;}
#daigong .bottom{width: 100%;height: 8rem;overflow: hidden;}
#daigong .zuo{width: 100%;float: left;}
#daigong .zuo .tu{position: relative;width: 100%;height: 8rem;overflow: hidden;}
#daigong .zuo img{width: 100%;display: block;height: 100%;}
#daigong .zuo .wen{position: absolute;z-index: 1;color:#fff;font-size: 0.18rem;bottom:0.4rem;left:0.4rem;letter-spacing: 0.02rem;width: 90%;}
#daigong .zuo .wen a{width: 1.2rem;height: 0.38rem;line-height: 0.38rem;border-radius: 0.38rem;display: block;background: #1444e0;color: #fff;font-size: 0.18rem;text-transform: uppercase;text-align: center;font-family: 'Arial';letter-spacing: 0px;float: right;margin-top:0.3rem;}
#daigong .zuo .wen p{font-size: 0.36rem;padding-bottom: 0.1rem;font-weight: bold;}

#daigong .you{width: 8.2rem;float: right;}
#daigong .you li{display: block;width: 4rem;height:4.5rem;float: left;overflow: hidden;}
#daigong .you li:nth-child(2n){float: right;}
#daigong .you .tu{position: relative;width: 100%;}
#daigong .you img{width: 100%;display: block;}
#daigong .you .wen{position: absolute;z-index: 1;color:#fff;font-size: 0.16rem;bottom:0.2rem;left:0.2rem;letter-spacing: 0.02rem;width: 90%;}
#daigong .you .wen a{width: 0.8rem;height: 0.3rem;line-height: 0.3rem;border-radius: 0.3rem;display: block;background: #1444e0;color: #fff;font-size: 0.14rem;text-transform: uppercase;text-align: center;font-family: 'Arial';letter-spacing: 0px;float: right;margin-top: 0.02rem;}
#daigong .you .wen p{font-size: 0.26rem;font-weight: bold;float: left;}
#daigong .you .xia li{width: 8.2rem;height: 3.3rem;position: absolute;bottom: 0;overflow: hidden;}
#daigong .you .xia .wen{width: 95%;}

#daigong img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
/*#daigong img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
*/

/*产品*/
#chanpin .cp{width: 3.6rem; margin-right:0.45rem;float: left;padding-top: 0.6rem;font-size:0.17rem;color: #b3b3b3;font-weight: bold;}
#chanpin .cp:last-child{margin-right:0rem;}
#chanpin .cp .tu{width: 3.6rem;height: 4rem;border-radius: 20px;overflow: hidden;}
#chanpin .cp .wen p{font-size: 0.26rem;font-weight: bold;color: #0066ff;padding-top:0.4rem;padding-bottom: 0.18rem;}

/*板块三*/
#ban3{width: 100%;height: 9rem;background: url(../img/ban3.jpg)no-repeat center;background-size: cover;margin-top: 1.3rem;}
#ban3 .right{width: 10.42rem;color: #fff;text-align: center;float: right;margin-top: 2.8rem;border-left:1px solid #000;border-right:1px solid #5c5c5c;border-top:1px solid #000;border-bottom:1px solid #5c5c5c;}
#ban3 .right li{width: 2.58rem;height: 2.4rem;border-left:1px solid #5c5c5c;border-right:1px solid #000;border-top:1px solid #5c5c5c;border-bottom:1px solid #000;float: left;position: relative;}
#ban3 .right li .yin{display: none;z-index: 999;position: absolute;width:90%;margin:0 auto;font-size: 0.16rem;line-height: 0.26rem;}
#ban3 .right li .tu{width: 0.62rem;margin:0 auto;}
#ban3 .right li .tu img{display: block;margin: 0.6rem auto 0.2rem;}
#ban3 .right li p{font-size: 0.22rem;letter-spacing: 0.02rem;}
#ban3 .right li:hover .yin,#ban3 .right li.active .yin{width: 2.44rem;height: 1.56rem;background: url(../img/active.png)no-repeat center;left: -0.03rem;top:-0.08rem;display: block;padding:0 0.1rem;padding-top: 1rem;background-size: 100%;}
#ban3 .right li:hover .tu,#ban3 .right li.active .tu{display: none;}
#ban3 .right li:hover p,#ban3 .right li.active p{margin-top: 0.5rem;}

/*案例*/
#anli{padding-top: 1.2rem;}
#anli .title .fl p{font-size: 0.42rem;font-weight: bold;color: #333333;float: left;padding-top:0.25rem;padding-left: 0.4rem;line-height: 0.48rem;}
#anli .title .fl hr{width: 0.06rem;height: 0.65rem;background:#2a6ff9;float: left;padding-top: 0.1rem;}
#anli .title .fr{width: 0.64rem;height: 0.54rem;background: url(../img/yh.png)no-repeat center;margin-top: 0.25rem;color: #fff;line-height: 0.45rem;font-size: 0.24rem;font-family: 'Oswald-Medium';text-indent: 0.2rem;background-size: cover;}

/*体系*/
#beihou{padding-top: 0.4rem;}
#beihou .bottom{width: 100%;height: 3rem;position: relative;}
#beihou li{width: 12.44%;float: left;height: 3rem;color: #fff;position: relative;border-right: 1px solid #ccc;margin-top: 5rem;border-top:1px solid #fff;}
#beihou li:last-child{border-right: none;}
#beihou li .heng{width: 100%;position: absolute;height: 3rem;overflow: hidden;transition:0.5s;}
#beihou li .heng p{font-size: 0.26rem;color: #fff;text-align: center;padding-top: 1.2rem;transition: 0.5s;font-weight: bold;}
#beihou li:hover{background: rgba(0,102,255,0.8);}
#beihou li .heng img{display: block;width: 0.5rem;margin:0 auto;margin-top:0.2rem;display: none;}
#beihou li:hover .heng img{display: block;}
#beihou li:hover p{padding-top: 1rem;}


#beihou .bottom .mid{position: absolute;top: 0;left:0;z-index: -99;}
#beihou .bottom .mid .case_bg .case2{width:19.2rem;height: 8rem; overflow: hidden;position: absolute;}
#beihou .bottom .case_con2{width:19.2rem; position: absolute; top: 0; left: 0;}
#beihou .bottom .case_box2{width:19.2rem; float: left; position: relative;}
#beihou .bottom .case_box2 img{display: block;width: 100%;}



/*品牌实力*/
.shili{width: 100%;height: 9.8rem;background: url(../img/shili_bg.jpg)no-repeat;background-size: cover;margin-top: 1rem;}
.shili .title,.shili .title p{color: #fff;}

.shili ul{width: 16.27rem;margin: 0 auto; margin-top:0.5rem;position: relative;border-top:1px solid #fff;}
.shili ul li{width: 16.6%;float: left;font-size: 0.24rem;color: #fff;height: 0.9rem;text-align: center;line-height: 0.9rem;cursor: pointer;}
.shili ul .on{background: url(../img/sanjiao.png)no-repeat center top;}

.shili .mid{position: absolute;left: 50%;}
.shili .mid .case_bg{width: 19.2rem;height: 5.9rem;margin: 0 auto; position: relative;left: -50%;}
.shili .mid .case_bg .case{width:16.27rem;height: 5.9rem; overflow: hidden;position: absolute;left:1.5rem;}
.shili .case_con{width:16.27rem; position: absolute; top: 0; left: 0;}
.shili .case_box{width:16.27rem; float: left; position: relative;height: 5.9rem;background:#fff;}

.shili .mid .case_bg .case .case_con .case_box .wenan{width: 40%;float: left;padding:0 5%;text-align: justify;}
.case_box .wenan i{font-family: 'Arial';font-size: 0.2rem;color: #cccccc;text-transform: uppercase;padding-top: 1.2rem;display: block;}
.case_box .wenan p{font-size: 0.42rem;font-weight: bold;color: #333333;margin: 0.25rem auto;}
.case_box .wenan hr{width: 0.36rem;height: 0.04rem;background:#2a6ff9;border:none;outline: none;margin:0.35rem 0;}
.case_box .wenan span{font-size: 0.15rem;color:#666;line-height: 0.25rem;}

.shili .mid .case_bg .case .case_con .case_box .youtu{width: 50%;float: right;overflow: hidden;}
.shili .mid .case_bg .case .case_con .case_box .youtu img{display: block;width: 100%;}
.shili .mid .case_bg .case .case_con .case_box .youtu img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
.shili .mid .case_bg .case .case_con .case_box .youtu img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}

/*新闻资讯*/
#xinwen .fr{width: 100%;}
#xinwen .fr li{width: 5.1rem;float: left;margin-right: 0.47rem;text-align: center;}
#xinwen .fr li:last-child{margin-right: 0;}
#xinwen .fr li .ri{font-size: 0.18rem;color: #999999;font-family: 'Oswald-Medium';}
#xinwen .fr li .ri span{font-size: 0.42rem;color: #333333;padding-right: 0.1rem;}
#xinwen .fr li .tu{margin-top: 0.2rem;margin-bottom: 0.4rem;display: block;width: 5.1rem;height: 3.4rem;overflow: hidden;}
#xinwen .fr li .tu img{width: 100%;display: block;}
#xinwen .fr li .tu img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
#xinwen .fr li .tu img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
#xinwen .fr li p{margin: 0.2rem 0;font-size: 0.24rem;color: #333333;font-weight: bold;text-transform: uppercase;}
#xinwen .fr li .wen{width: 90%;margin: 0 auto;font-size: 0.15rem;color: #999;line-height: 0.2rem;}
#xinwen .fr li .more{width: 1.5rem;height: 0.45rem;line-height: 0.45rem;border-radius: 0rem 0.2rem;display: block;background: #0066ff;color: #fff;font-size: 0.15rem;text-transform: uppercase;text-align: center;font-family: 'Arial';letter-spacing: 0px;margin: 0.5rem auto;}
#xinwen .wrap{margin-top: 0.2rem;}
#xinwen .fr li a{color: #fff;}

/*横幅*/
.hf{width: 16rem;height: 2.6rem;background: url(../img/hf-bj.png)no-repeat;margin: 0 auto;margin-top: 0.6rem;position: relative;background-size: cover; }
.hf .wen{padding-top: 0.8rem;padding-left: 1.2rem;}
.hf .wen p{font-size: 0.56rem;font-weight: bold;color: #fff;letter-spacing: 0.04rem;}
.hf .wen span{font-size: 0.13rem;color: #fff;text-transform: uppercase;}
.hf .more{width: 1.5rem;height: 0.45rem;line-height: 0.45rem;border-radius: 0rem 0.2rem;display: block;background: #fff;color: #0066ff;font-size: 0.15rem;text-transform: uppercase;text-align: center;font-family: 'Arial';letter-spacing: 0px;position: absolute;top:1.1rem;right:1.85rem;}
.hf .more a{color: #0066ff;}

.index_con02_block{width: 16rem;margin:0 auto;height: 7.5rem;}
.index_con02_switch_box{display: none;margin-top: 0.6rem;position: relative;}
.index_con02_switch_box_title{width: 4.7rem;color: #fff;height: 7.5rem;background: #272727;float: right;padding:0 0.3rem;}
.index_con02_switch_box_title p{font-size: 0.36rem;color: #fff;font-weight: bold;padding-top: 1.2rem;}
.index_con02_switch_box_title .neirong{font-size: 0.16rem;line-height: 0.3rem;color: #cccccc;}
.index_con02_switch_box_title hr{width: 0.36rem;height: 0.04rem;background:#2a6ff9;border:none;outline: none;margin:0.35rem 0;}
.index_con02_switch_box_title .sycp span{font-size: 0.16rem;color: #cccccc;margin-top: 0.8rem;display: block;margin-bottom: 0.2rem;}
.index_con02_switch_box_title .sycp .tu{width: 1.55rem;height: 0.75rem;float: left;border:0.05rem solid #0a60d1;margin-right: 0.2rem;}
.index_con02_switch_box_title .sycp .tu img{width: 100%;display: block;}

.index_con02_switch_box_title .more{margin-top:1rem;}
.index_con02_switch_box_title .more a{width: 0.8rem;height: 0.3rem;line-height: 0.3rem;border-radius: 0.3rem;display: block;background: #1444e0;color: #fff;font-size: 0.14rem;text-transform: uppercase;text-align: center;font-family: 'Arial';letter-spacing: 0px;float: left;margin-top: 0.1rem;}
.index_con02_switch_box_title .more i{font-size: 0.32rem;font-family: 'Arial';float: right;color: #8a8a8a;font-style: italic;}
.index_con02_switch_box_title .more i span{font-size: 0.42rem;color: #fff;}



.index_con02_lr_btn{width: 10.7rem;position: absolute;top: 3.5rem;}


.index_con02_left_btn{width: 0.44rem;height: 0.44rem;display: block;position: absolute;left: 0.2rem;z-index: 10}
.index_con02_right_btn{width: 0.44rem;height: 0.44rem;display: block;position: absolute;right: 0.2rem;z-index: 10}
.index_con02_left_btn img,.index_con02_right_btn img{width: 100%;display: block;}

.index_con02_switch_box_img_box{width: 10.7rem;height: 7.5rem; overflow: hidden;float: left;}
.index_con02_switch_box_img_box img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
.index_con02_switch_box_img_box img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}