/* 
* @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.42rem;font-weight: bold;color: #333333;padding-bottom: 0.1rem;padding-top: 0.8rem;}
.title p span{color: #0a60d1;}
.title{font-size: 0.16rem;color: #333333;text-align: center;}

/*版一*/
#banyi{width: 100%;height: 8.2rem;margin-top: 1rem;}
#banyi .fl{width: 36%;height: 8.2rem;background: url(../../images/index/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 .title{font-size: 0.16rem;color: #333333;text-align: center;}
#daigong .title p{font-size: 0.48rem;padding-top: 0.8rem;padding-bottom: 0.5rem;color: #191919;font-weight: bold;}
#daigong .bottom{width: 100%;height: 8rem;overflow: hidden;}
#daigong .zuo{width: 7.85rem;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: 1rem;height: 0.35rem;line-height: 0.35rem;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);}



/*板块三*/
#ban3{width: 100%;height: 9rem;background: url(../../images/index/ban3.jpg)no-repeat center;background-size: cover;margin-top: 1.3rem;}
#ban3 .right{width: 10.39rem;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.56rem;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(../../images/index/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;}

/*定制咨询*/
#zixun .title .fl p{font-size: 0.42rem;font-weight: bold;color: #333333;padding-bottom: 0px;}
#zixun .title .fl p span{color: #0a60d1;}
#zixun .title .fl hr{width: 0.36rem;height: 0.04rem;background:#2a6ff9;border:none;outline: none;margin:0.3rem 0;}
#zixun .title .fr{width: 3.03rem;height: 0.86rem;background: url(../../images/index/anniu.jpg)no-repeat center;margin-top: 1.1rem;color: #fff;line-height: 0.45rem;font-size: 0.24rem;font-family: 'Oswald-Medium';text-indent: 0.2rem;background-size: cover;}

#zixun .bottom{width: 100%;height: 3rem;background: url(../../images/index/heng.jpg)no-repeat center;background-size: cover;}
#zixun .bottom .wrap{height: 3rem;position: relative;}
#zixun .bottom li{color: #fff;font-size: 0.2rem;position: absolute;}
#zixun .bottom li:first-child{top:0.7rem;left:0.1rem;}
#zixun .bottom li:nth-child(2){top:1.35rem;left:1.4rem;}
#zixun .bottom li:nth-child(3){top:0.5rem;left:2.85rem;}
#zixun .bottom li:nth-child(4){top:1.45rem;left:4rem;}
#zixun .bottom li:nth-child(5){top:1rem;left:5.6rem;}
#zixun .bottom li:nth-child(6){top:2.3rem;left:6.9rem;}
#zixun .bottom li:nth-child(7){top:1.65rem;left:8.15rem;}
#zixun .bottom li:nth-child(8){top:2.4rem;left:9.7rem;}
#zixun .bottom li:nth-child(9){top:1.2rem;right:4.5rem;}
#zixun .bottom li:nth-child(10){top:1.55rem;right:2.8rem;}
#zixun .bottom li:nth-child(11){top:0.55rem;right:1.58rem;}
#zixun .bottom li:nth-child(12){top:1.5rem;right:0.1rem;}




/*品牌实力*/
.shili{width: 100%;height: 9.8rem;background: url(../../images/index/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(../../images/index/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 .fl{width: 3.65rem;height: 5.6rem;position: relative;}
#xinwen .fl img{width: 100%;display: block;}
#xinwen .fl p{position: absolute;text-align: center;width: 100%;bottom: 0.3rem;z-index: 2;color: #fff;font-size: 0.26rem;}
#xinwen .fr{width: 11.85rem;}
#xinwen .fr li{width: 3.6rem;float: left;margin-right: 0.5rem;}
#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;display: block;width: 3.6rem;height: 2.2rem;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.25rem 0;font-size: 0.26rem;color: #333333;font-weight: bold;}
#xinwen .fr li .wen{font-size: 0.15rem;color: #999;line-height: 0.2rem;}
#xinwen .fr li .more{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;margin-top: 0.5rem;}
#xinwen .wrap{margin-top: 0.5rem;}




.index_con02_block{width: 16rem;margin:0 auto;height: 7.5rem;}
.index_con02_switch_box:first-child{display:block;}
.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.18rem;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.18rem;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: 1rem;height: 0.35rem;line-height: 0.35rem;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);}