﻿
/*banner*/
.bg01_block img{width: 100%;margin: 0 auto;display: block;}
.banners .swiper-pagination-bullet-active{background: #0079dc !important;}
.bg01_block p{font-size: 0.32rem;color: #818181;position: absolute;right: 0.2rem;bottom: 0.3rem;}
.bg01_block p span{font-size: 0.48rem;color: #0079dc;}
.banners .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem; background: #fff; border-radius: 50%;opacity: 1;}



/*产品服务*/
.con1{ padding: 0.6rem 0; width: 100%;}
.con1 .bt{ text-align: center;}
.con1 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con1 .bt h4 span{ color: #0079dc;}
.con1 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.con1 .section02_swiper{height: 4.9rem; width: 100%; margin-top: 0.3rem; position: relative;}
.con1 .section02_swiper .swiper-pagination-bullet{background: #999;opacity: 1; width: 0.15rem; height: 0.15rem;}
.con1 .section02_swiper .swiper-pagination-bullet-active{background: #0079dc !important;}
.con1 .section02_swiper .shou{position: absolute;top: 2rem;width: 94%;left:3%;}
.con1 dl{ width: 70%; padding:0 15%; text-align: center;}
.con1 dl dt{ width: 49%; margin: 0 auto;}
.con1 dl dt img{ width: 100%; display: block;}
.con1 dl .dd1{ font-size: 0.3rem; font-weight: bold; margin-top: 0.3rem; color: #333;}
.con1 dl .dd2{ width: 0.8rem; height: 0.03rem; background: url(../images/fwx.png) no-repeat; margin: 0.3rem auto; background-size: 100% 100%;}
.con1 dl .dd3{ font-size: 0.18rem; color: #666; line-height: 0.32rem;}



/*产品*/
.con2{ width: 100%; height: 7.9rem; background: url(../images/cpbg.jpg) center no-repeat; padding: 0.8rem 0; background-size: 100% 100%;}
.con2 .bt{ text-align: center;}
.con2 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con2 .bt h4 span{ color: #0079dc;}
.con2 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.section03_switch_btn{ width: 94%; margin: 0.4rem 3% 0 3%; height: 0.7rem; background: #fff; border: 1px solid #bbb;}
.section03_switch_btn a{display:block;width:33.3%;color: #333;font-size: 0.22rem;line-height: 0.7rem;float: left;}
.section03_switch_btn a:hover,.section03_switch_btn a.active{background:#0079dc; color:#fff;}
.section03_switch_btn a h5{font-size:0.24rem;font-weight:normal;width:100%;text-align: center;}
.section03_switch_btn a:hover h5,.section03_switch_btn a.active h5{ font-weight: bold;}
.section03_block_wrap{display:block;margin:0 auto;width: 100%;}
.section03_block_box{width:100%;display:none;}
.section03_block_box:nth-of-type(1){display:block;}
.section03_block_box li{width: 46%;margin-left: 2.4%;float: left;border: 1px solid #eaeaea;margin-top: 0.2rem;}
.section03_block_box li img{width: 100%;display: block;}
.section03_block_box li p{line-height: 0.5rem;height: 0.5rem;font-size: 0.2rem;color: #333333;text-align: center; background: #ededed;}



/*解决方案*/
.con3{ padding: 0.6rem 0;}
.con3 .bt{ text-align: center;}
.con3 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con3 .bt h4 span{ color: #0079dc;}
.con3 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.con3 .nr{ width: 94%; padding: 0 3%; margin-top: 0.3rem;}
.con3 .nr .fa{ margin-top: 0.2rem;}
.con3 .nr .fa .img{ width: 48%;}
.con3 .nr .fa .img img{ width: 100%; display: block;}
.con3 .nr .fa dl{ height: 2.04rem; border: 1px solid #ddd; border-left: none; width: 51%;}
.con3 .nr .fa dl dt{ font-size: 0.24rem; font-weight: bold; color: #333; margin-left: 0.2rem; margin-top: 0.2rem;}
.con3 .nr .fa dl .dd1{ font-size: 0.16rem; color: #666; line-height: 0.28rem; height: 0.56rem; overflow: hidden; padding:0 0.2rem; margin-top: 0.1rem;}
.con3 .nr .fa dl .dd2 a{ width: 1.3rem; height: 0.4rem; background: #9bce13; border-radius: 0.2rem; text-align: center; line-height: 0.4rem; font-size: 0.18rem; color: #fff; display: block; margin-left: 0.2rem; margin-top: 0.25rem;}

/*案例*/
.con4{ background-size: 100% 100%;}
.con4 .bt{ text-align: center;}
.con4 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con4 .bt h4 span{ color: #0079dc;}
.con4 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.section05_switch_btn{ margin-top: 0.4rem; width: 94%; padding: 0 3%;}
.section05_switch_btn a{display:block;width:25%;height: 1.7rem;float: left; }
.section05_switch_btn a p{font-weight: normal; color: #333; text-align: center; padding-top: 1.1rem; font-size: 0.24rem;}
.section05_switch_btn a .p1{ background: url(../images/altb1.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p2{ background: url(../images/altb2.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p3{ background: url(../images/altb3.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p4{ background: url(../images/altb4.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p5{ background: url(../images/altb5.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p6{ background: url(../images/altb6.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p7{ background: url(../images/altb7.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a .p8{ background: url(../images/altb8.png) top no-repeat; background-size: 66.6%;}
.section05_switch_btn a.active .p1{ background: url(../images/altb1_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p2{ background: url(../images/altb2_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p3{ background: url(../images/altb3_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p4{ background: url(../images/altb4_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p5{ background: url(../images/altb5_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p6{ background: url(../images/altb6_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p7{ background: url(../images/altb7_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}
.section05_switch_btn a.active .p8{ background: url(../images/altb8_1.png) top no-repeat; background-size: 66.6%;color: #0079dc; font-weight: bold;}

.section05_block_wrap{display:block;margin:0 auto;width: 94%;}
.section05_block_box{width:100%;display:none;}
.section05_block_box:nth-of-type(1){display:block;}
.section05_block_box dl{width: 100%; height: 6.4rem; background: #ededed; margin-top: 0.1rem;}
.section05_block_box dl dt{ width: 100%; height: 3.83rem;}
.section05_block_box dl dt img{ width: 100%; display: block;}
.section05_block_box dl dd{ padding: 0 0.2rem;}
.section05_block_box dl .dd1{ font-size: 0.3rem; font-weight: bold; color: #333; margin-top: 0.3rem;}
.section05_block_box dl .dd2{ height: 1.2rem; line-height: 0.3rem; font-size: 0.18rem; color: #666; overflow:hidden; margin-top: 0.2rem;}


/*优势*/
.con5{ height: 9rem; background: url(../images/ysbg.jpg) center; background-size: 100% 100%; padding-top: 0.6rem; margin-top: 0.6rem;}
.con5 .bt{ text-align: center;}
.con5 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con5 .bt h4 span{ color: #0079dc;}
.con5 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.con5 .section04_swiper{height: 7rem; width: 100%; margin-top: 0.4rem; position: relative;}
.con5 .section04_swiper .swiper-pagination-bullet{background: #999;opacity: 1; width: 0.15rem; height: 0.15rem;}
.con5 .section04_swiper .swiper-pagination-bullet-active{background: #0079dc !important;}
.con5 .section04_swiper .shou{position: absolute;bottom: 0rem;width: 44%;left:28%;}
.con5 dl{ width: 94%; height: 6.2rem; background: #fff; margin: 0 3%;}
.con5 dl dt img{ width: 100%; display: block;}
.con5 dl .dd1{ font-size: 0.3rem; font-weight: bold; padding: 0.3rem 0.2rem 0 0.2rem;}
.con5 dl .dd2{ padding: 0 0.2rem; font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.2rem;}

/*新闻*/
.con6{ padding: 0.6rem 0;}
.con6 .bt{ text-align: center;}
.con6 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con6 .bt h4 span{ color: #0079dc;}
.con6 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.section06_switch_btn{ margin-top: 0.4rem;}
.section06_switch_btn a{display:block;width:30.5%;height: 0.6rem;color: #333;font-size: 0.2rem;line-height: 0.6rem;font-weight: normal;float: left;margin-left:2.2%; background: #ededed; margin-bottom: 0.2rem;}
.section06_switch_btn a:hover,.section06_switch_btn a.active{background:#0079dc;color:#fff;}
.section06_switch_btn a h5{font-size:0.24rem;font-weight:normal;width:100%;text-align: center;}
.section06_block_wrap{display:block;margin:0 auto;width: 100%;}
.section06_block_box{width:100%;display:none;}
.section06_block_box:nth-of-type(1){display:block;}
.con6 dl{ width: 96%; margin-left: 2%; border: 1px solid #ddd;}
.con6 dl dt{ width: 40%; float: left;}
.con6 dl dt img{ width: 100%; display: block;}
.con6 dl dd{ float: left; width: 52%; margin-left: 5%; padding-right: 3%}
.con6 dl .dd1{ height: 0.3rem; font-size: 0.24rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-top: 0.3rem;}
.con6 dl .dd2{ height: 0.9rem; font-size: 0.18rem; color: #666; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; padding-top: 0.2rem;}
.con6 dl .dd3{ font-size: 0.16rem; font-family: "arial"; color: #999; margin-top: 0.3rem;}
.con6 ul{ width: 96%; margin: 0.2rem auto 0 auto;}
.con6 ul li{ width: 100%; height: 0.6rem; line-height: 0.6rem; background: url(../images/xwd.png) left no-repeat; text-indent: 0.25rem; font-size: 0.2rem; color: #333; border-bottom: 1px solid #ddd; overflow: hidden; background-size: 2.5%;}
.con6 ul li a{ color: #333;}
.con6 ul li span{ float: right; font-size: 0.18rem; font-family: 'arial'; color: #999;}


/*流程*/
.con7{ padding: 0.6rem 0; height: 4.6rem; background: url(../images/lcbg.jpg) center no-repeat; background-size: 100% 100%;}
.con7 .bt{ text-align: center;}
.con7 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #000; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con7 .bt h4 span{ color: #0079dc;}
.con7 .bt p{ font-size: 0.18rem; color: #333; margin-top: 0.06rem;}
.con7 .nr{ height: 3.53rem; width: 94%; padding: 0 3%; margin-top: 0.4rem;}
.con7 .nr img{ width: 100%; display: block;}


/*关于*/
.con8{ background: url(../images/bg6.jpg) center; background-size: 100% 100%; padding: 0.6rem 0;}
.con8 .bt{ text-align: center;}
.con8 .bt h4{ height: 0.65rem; line-height: 0.4rem; font-size: 0.4rem; color: #0079dc; background: url(../images/btx.png) bottom no-repeat; background-size: 34.3%;}
.con8 .abt{ width: 94%; margin: 0.4rem 3% 0 3%;}
.con8 .abt img{ width: 100%; display: block; border: 3px solid #9bce13;}
.con8 .wz{ padding: 0 3%; margin-top: 0.3rem;}
.con8 .wz h4{ font-size: 0.32rem; font-weight: bold; color: #333;}
.con8 .wz p{ font-size: 0.18rem; color: #666; line-height: 0.3rem; margin-top: 0.2rem;}
.section07_switch_btn{ margin-top: 0.4rem;}
.section07_switch_btn a{display:block;width:30.5%;height: 0.6rem;color: #333;font-size: 0.2rem;line-height: 0.6rem;font-weight: normal;float: left;margin-left:2.2%; background: #ededed; margin-bottom: 0.2rem;}
.section07_switch_btn a:hover,.section07_switch_btn a.active{background:#0079dc;color:#fff;}
.section07_switch_btn a h5{font-size:0.24rem;font-weight:normal;width:100%;text-align: center;}
.section07_block_wrap{display:block;margin:0 auto;width: 100%;}
.section07_block_box{width:100%;display:none;}
.section07_block_box:nth-of-type(1){display:block;}

.con8 ul{ margin-top: 0.1rem;}
.con8 ul li{ width: 47%; margin-left: 2%; float: left;}
.con8 ul li img{ width: 100%; display: block;}
.con8 ul li p{ font-size: 0.2rem; text-align: center; color: #333; margin-top: 0.15rem;}



