/* CSS Document */
@import 'base.css';

*{ padding:0; margin:0;}
body{ background:#CCC;}
.banner{ width:100%;height: 48vw; overflow:hidden; position:relative;font-size:100%;overflow:hidden;}
.b-img{position:absolute; left:0; top:0;}
.b-img a{ display:block;width:100vw; height:100%; float:left;background-size: cover;}
.b-img a img{max-width:100%;height:100%;vertical-align: middle;}
.b-list{ width:auto;height:0.8vw; position:absolute; z-index:2;right:9.3vw;bottom:3vw;}
.b-list span{ display:block;cursor:pointer; width:0.8vw; height:0.8vw; border-radius:50%; float:left; margin:0 0.5vw;background:#fff;}
.b-list .spcss{background:#ee854c;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:rgba(0,0,0,0.05); top:0px;line-height: 100vh;text-align: center;}
.bar-right{ position:absolute;z-index:1; display:block; width:5.2vw; height:100%; right:0px; background:rgba(0,0,0,0.05); top:0px; line-height: 100vh;text-align: center;}
.bar-left em{ display:inline-block; width:50px; height:100px; background:url('../img/arrow.png') 0px 0px no-repeat;vertical-align: middle;}
.bar-right em{ display:inline-block; width:50px; height:100px; background:url('../img/arrow.png') -50px 0px no-repeat; vertical-align: middle;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.opabg{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.66);
    z-index: 1;
    display: none;
}
body{
    width: 100vw;
    overflow-x: hidden;
}
.bg{
    width:100vw;
    height: auto;
    background: #fff;
    /*overflow-x: hidden;*/
}
.head{
    width: 100%;
    height:10.4vh;
    position: fixed;
    left: 0;
    top: 0;
    /*background: skyblue;*/
    z-index: 999;
    padding-left: 3.75vw;
    padding-right: 3.75vw;
    /*overflow: hidden;*/
}
.head.on{
    background: rgba(70,112,200,0.8);
}
.head .logo{
    width:8.8vw;
    height: 100%;
    text-align: center;
    line-height: 10.4vh;
    float: left;
}
.head .logo img{
    width: auto;
    height:3.9vh;
    vertical-align: middle;
}
.head ul{
    width:60vw;
    height: 100%;
    float: left;
    /*background: red;*/
    margin-left:14.6vw;
}
.head ul li{
    width: auto;
    height: 100%;
    float: left;
    margin-right:3.6vw;
    line-height: 10vh;
    position: relative;
}
.head ul li a{
    font-size:1vw;
    color: #fff;
    vertical-align: middle;
    position: relative;
    
    padding-bottom: 2vh;
}
.head ul li .item{
    width: 12vw;
    height: auto;
    background: #f7f9fe;
    padding-top:2vh;
    padding-bottom:2vh;
    position: absolute;
    left: -4vw;
    top: 11vh;
    display: none;
}
.head ul li.in .item{
    display: block;
}
.head ul li .item ol{
    width: 100%;
    height: auto;
}
.head ul li .item ol li{
    width: 100%;
    height: auto;
    font-size:1vw;
    color: #595959;
    text-align: center;
    line-height: 5vh;
    cursor: pointer;
}
.head ul li .item ol li.on{
    color: #f79f07;
}
.head ul li .item ol li:last-child{
    margin-bottom: 0;
}
.head ul li.on a{
    color: #f26c25;
    border-bottom: 2px solid #f26c25; 
}
.head ul li a:hover {
    color: #f26c25;
}
.head ul li a::after {
    position: absolute;
    content: "";
    top: 100%;  /* 保证在内容的下方*/
    left: 0;
    width: 100%;
    height: 2px;
    background: #f26c25;
    transform: scaleX(0);    /* 动画最后的结果 */
    transform-origin: left;  /* 转换起点是应用转换的点。从右往左收缩 */
    transition: transform 0.5s;   /* 过渡  */
}
.head ul li a:hover::after {
    transform: scaleX(1);     /* 动画最后的结果 */
    transform-origin: left; /* 转换起点是应用转换的点。从左往右出现 */
}
.toolBtns{
    width:5.74vh;
    height:30vh;
    position: fixed;
    right: 0;
    top:38.5vh;
    z-index: 5;
}
.toolBtns ul{
    width: 100%;
    height: 100%;
}
.toolBtns ul li{
    width: 100%;
    height:5.74vh;
    background: #1a4ebb;
    margin-bottom: 2px;
    text-align: center;
    line-height: 5.74vh;
    cursor:pointer;
    position: relative;
}
.toolBtns ul li img{
    width: 1.5vw;
    height:auto;
    vertical-align: middle;
}
.toolBtns ul li:nth-child(3) .imgbox{
    width:16.1vh;
    height:17.6vh;
    background: #fff;
    padding:1vh;
    position: absolute;
    left: -17vh;
    top: 0;
    display: none;
}
.toolBtns ul li:nth-child(3) .imgbox img{
    width: auto;
    height:12.9vh;
}
.toolBtns ul li:nth-child(3) .imgbox p{
    width: 100%;
    font-size:0.8vw;
    color: #424241;
    text-align: center;
    line-height: 2vh;
}
.toolBtns ul li:nth-child(4) .text{
    width:13vw;
    height: 5.74vh;
    background: #1a4ebb;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 5.74vh;
    display: none;
}
.toolBtns ul li:nth-child(4) .text img{
    width: auto;
    height:3vh;
    vertical-align: middle;
    margin-right: 1vw;
}
.toolBtns ul li:nth-child(4) .text span{
    font-size:1vw;
    color: #fff;
    vertical-align: middle;
}
.toolBtns ul li:last-child{
    background: #424241;
}

.plan{
    width: 100%;
    height:96.4vh;
    padding-top: 9vh;
    /*background: pink;*/
    background: url('../img/plan1.png') no-repeat;
    background-size: cover;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.plan h4,.serviceBox .plan h5{
    width: 100%;
    height:auto;
    margin-bottom: 2vh;
    overflow: hidden;
}
.plan h4 img,.serviceBox .plan h5 img{
    width: auto;
    height: 4.3vh;
    vertical-align: middle;
}
.serviceBox .plan h5 img{
    width: 1.8vw;
    height:auto;
}
.plan h4 span,.serviceBox .plan h5 span{
    font-size:2vw;
    color: #3b3b3b;
    vertical-align: middle;
    margin-left: 1vw;
}
.plan>p{
    font-size:1vw;
    color: #727272;
    margin-bottom: 6vh;
}
.plan .showbox{
    width: 100%;
    height:64vh;
    position: relative;
    text-align: center;
}
.plan .showbox .showborder{
    width: auto;
    height:100%;
}
.plan .showbox .ulBox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*margin-top: -64vh;*/
    /*z-index: 1;
    overflow: hidden;*/
}
#swiper2{
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: 0;
    top: 0;*/
    margin-top: -64vh;
    z-index: 1;
    overflow: hidden;
}
.plan .showbox .ulBox ul{
    width: auto;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
#swiper2 li.swiper-slide,.plan .showbox .ulBox ul li{
    width:26.4vw;
    height: 100%;
    /*border-right: 1px solid red;*/
    float: left;
    padding-top: 16.8vh;
    text-align: center;
    padding-left: 7vw;
    padding-right: 7vw;
    cursor:pointer;
}
#swiper2 li img,.plan .showbox .ulBox ul li img{
    width: auto;
    height:10.3vh;
    margin-bottom: 3.8vh;
}
#swiper2 li .text,.plan .showbox .ulBox ul li .text{
    width: 100%;
}
#swiper2 li .text p,.plan .showbox .ulBox ul li .text p{
    width: 100%;
    margin-bottom: 2vh;
    font-size: 0.93vw;
    text-align: left;
}
#swiper2 li .text p b,.plan .showbox .ulBox ul li .text p b{
    font-size:1.78vw;
    color: #1b2234;
    width: 100%;
    display: inline-block;
    text-align: center;
}
#swiper2 li .text p span,.plan .showbox .ulBox ul li .text p span{
    font-size:0.93vw;
    color: #1b2234;
    width: 100%;
    display: inline-block;
    text-align: center;
}
#swiper2 li.on .text p b,#swiper2 li.on .text p span,.plan .showbox .ulBox ul li.on .text p b,.plan .showbox .ulBox ul li.on .text p span{
    color: #f26c25;
}
.text-center{
    text-align: center;
}
.plan1{
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.plan1 h4,.plan1>p{
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.plan1 .bannerbox{
    width: 100%;
    height:auto;
}
.plan1 .bannerbox img{
    width: 100%;
    height: auto;
}
.plan1 .rightMenu{
    width:18.8vw;
    height:65.7vh;
    background: rgba(6,2,26,0.46);
    position: absolute;
    bottom:0;
    right:2vw;
}
.plan1 .rightMenu ul{
    width: 100%;
    height: auto;
}
.plan1 .rightMenu ul li{
    width: 100%;
    height:8.6vh;
    line-height: 8.6vh;
    padding-left: 3vw;
    cursor:pointer;
}
.plan1 .rightMenu ul li.on{
    background: #1a4ebb;
}
.plan1 .rightMenu ul li img{
    width: 1.5vw;
    height:auto;
    vertical-align: middle;
    margin-right: 1.5vw;
}
.plan1 .rightMenu ul li span{
    font-size:1vw;
    color: #fff;
    vertical-align: middle;
}

.productBox{
    width: 100%;
    /*height:44.6vh;*/
    height: auto;
    padding-left: 7.8vw;
    padding-right: 7.8vw;
    padding-bottom: 2vh;
}
.productBox h5{
    width: 100%;
    height: 5.6vh;
    text-align: center;
    line-height: 5.6vh;
    margin-bottom: 3.7vh;
}
.productBox h5 span{
    width: auto;
    height: 100%;
    font-size:1vw;
    color: #1b2234;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    margin-right: 4vw;
    cursor:pointer;
}
.productBox h5 span:last-child{
    margin-right: 0;
}
.productBox h5 span.on{
    border-top: 1px solid #f26c25;
    border-bottom: 1px solid #f26c25;
}
.productShow{
    width: 100%;
    height:28vh;
    overflow: hidden;
    position: relative;
}
.productShow ul{
    width: auto;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.productShow ul li{
    width:20vw;
    height: 100%;
    border: 1px solid #a3a3a3;
    float: left;
    margin-right: 1.5vw;
}
.productShow ul li .imgbox{
    width: 100%;
    height:20vh;
    border-bottom:1px solid #a3a3a3; 
}
.productShow ul li .imgbox img{
    width: 100%;
    height: 100%;
}
.productShow ul li p{
    width: 100%;
    height: 8vh;
    font-size:1.2vw;
    color: #262525;
    text-align: center;
    line-height: 8vh;
}
.productBox .botbtns{
    width: 100%;
    height:4vh;
    margin-top: 3.2vh;
    text-align: center;
}
.productBox .botbtns a{
    width: 4vh;
    height: 4vh;
    border-radius: 50%;
    font-size:3vh;
    color: #828282;
    border: 1px solid #828282;
    display: inline-block;
    text-align: center;
    margin-right: 3vw;
    cursor:pointer;
    line-height: 4vh;
    outline: none;
}
.productBox .botbtns span:last-child{
    margin-right: 0;
}
.productShow1{
    height:37.5vh;
}
.productShow1 ul li{
    width:26.7vw;
    height:37.5vh;
}
.productShow1 ul li .imgbox{
    height: 26.7vh;
}
.productShow1 ul li p{
    height:10.8vh;
    line-height: 10.8vh;
}
.plan2{
    width: 100%;
    position: relative;
}
.plan2 .bannerbox{
    width: 100%;
    height: 37vw;
    overflow: hidden;
}
.plan2 .bannerbox1{
    height: 29.4vw;
}
.plan2 .bannerbox img{
    width: 100%;
    height: auto;
}
.plan2 .botnum{
    width:48.8vw;
    height:15vh;
    background: #0374e1;
    position: absolute;
    left:0;
    bottom: 0;
    border-radius: 0 3.8vw 0 0;
    padding-left: 1.8vw;
}
.plan2 .botnum ul{
    width:47vw;
    height: 100%;
    overflow: hidden;
}
.plan2 .botnum ul li{
    width:auto;
    height:100%;
    float: left;
    margin-right: 3vw;
}
.plan2 .botnum ul li:last-child{
    margin-right: 0;
}
.plan2 .botnum ul li p{
    width: auto;
    font-size:1.2vw;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}
.plan2 .botnum ul li p b{
    font-size:3.75vw;
}
.conultUl{
    width: auto;
    height: auto;
    float: right;
}
.conultUl li{
    float: left;
    margin-left: 3vw;
    font-size:1vw;
    padding-bottom: 1vh;
    padding-left: 0.8vw;
    padding-right: 0.8vw;
    cursor:pointer;
}
.conultUl li.on{
    color:#f26c25;
    border-bottom: 1px solid #f26c25;
}
.plan1 .consultBox{
    width: 100%;
    height:54.3vh;
    overflow: hidden;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.consultBox .left{
    width:38.4vw;
    height: 100%;
    border: 1px solid #a3a3a3;
    float: left;
}
.consultBox .left .imgbox{
    width: 100%;
    height: 44.3vh;
    border-bottom: 1px solid #a3a3a3;
}
.consultBox .left .imgbox img{
    width: 100%;
    height: 100%;
}
.consultBox .left p{
    width: 100%;
    height:10vh;
    line-height: 10vh;
    overflow: hidden;
}
.consultBox .left p span{
    font-size: 1.2vw;
    padding-left: 2vw;
    vertical-align: middle;
}
.consultBox .left p i{
    font-size: 2vw;
    color: #828282;
    float: right;
    height: 100%;
    display: inline-block;
    line-height: 10vh;
    margin-right: 1.5vw;
    cursor:pointer;
}
.consultBox .right{
    width:39.3vw;
    height: 100%;
    float: right;
}
.consultBox .right ul{
    width: 100%;
    height: auto;
}
.consultBox .right ul li{
    width: 100%;
    height:17.2vh;
    margin-bottom:2vh;
    overflow: hidden;
    border-bottom: 1px solid #a3a3a3;
}
.consultBox .right ul li .imgbox{
    width:12.7vw;
    height: 14.5vh;
    float: left;
}
.consultBox .right ul li .imgbox img{
    width: 100%;
    height: 100%;
}
.consultBox .right ul li .text{
    width:24.5vw;
    height: 14.5vh;
    float: right;
    position: relative;
}
.consultBox .right ul li .text h6{
    font-size: 1.2vw;
    margin-bottom: 2vh;
}
.consultBox .right ul li .text p.textp{
    font-size:0.93vw;
    color: #8f8f8f;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.consultBox .right ul li .text p.botp{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.consultBox .right ul li .text p.botp span{
    font-size: 1vw;
    color: #7c7b7b;
    float: left;
}
.consultBox .right ul li .text p.botp i{
    font-size: 2vw;
    color: #828282;
    float: right;
}
.linkBox{
    width: 100%;
    height: auto;
    background: #fff;
    padding-top:8.7vh;
    padding-bottom:3vh;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
    overflow: hidden;
}
.linkBox span{
    font-size:1vw;
    color: #828282;
    float: left;
}
.linkBox ul{
    width:73vw;
    float: right;
}
.linkBox ul li{
    float: left;
    margin-right: 1.5vw;
    margin-bottom: 2vh;
}
.linkBox ul li a{
    font-size:1vw;
    color: #828282;
}
.footer{
    width: 100%;
    height: 46.3vh;
    background: #040f26;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.footer .links{
    width: 100%;
    height:37vh;
    padding-top: 5vh;
    overflow: hidden;
}
.footer .links .linkLeft{
    width:58.8vw;
    height: 100%;
    float: left;
}
.footer .links .linkLeft .linkUl{
    width:48vw;
    height: 100%;
    float: left;
    border-right: 1px solid #03266e;
}
.footer .links .linkLeft .linkUl ul{
    width: auto;
    height: 100%;
    float: left;
    margin-right: 2vw;
}
.footer .links .linkLeft .linkUl ul:last-child{
    margin-right: 0;
}
.footer .links .linkLeft .linkUl ul li{
    font-size:0.93vw;
    color: #ebf2ff;
    margin-bottom: 2vh;
    cursor:pointer;
}
.footer .links .linkLeft .linkUl ul li a{
    color: #ebf2ff;
}
.footer .links .linkLeft .linkUl ul li a:hover{
    color: #fff;
}
.footer .links .linkLeft .linkUl ul li:first-child{
    color: #467cd4;
}
.footer .links .linkLeft .linkUl ul li:first-child:hover{
    color: #fff;
}
.footer .links .linkLeft .linkLogo{
    width:10vw;
    height: 100%;
    float: left;
    padding-left: 2vw;
}
.footer .links .linkLeft .linkLogo img.logo{
    width:8.75vw;
    height: auto;
    margin-bottom: 2vh;
}
.footer .links .linkLeft .linkLogo div.logo{
    width:8.75vw;
    height: auto;
}
.footer .links .linkLeft .linkLogo div.logo img{
    width: 100%;
    height: auto;
    margin-bottom: 1vh;
}
.footer .links .linkLeft .linkLogo div.logo p{
    font-size: 0.93vw;
    color: #ebf2ff;
    text-align: center;
}
.footer .links .linkCon{
    width:20vw;
    height: 100%;
    float: left;
}
.footer .links .linkCon ol{
    width: 100%;
    height: auto;
    padding-left: 2vw;
}
.footer .links .linkCon ol li{
    width: 100%;
    height: auto;
    margin-bottom: 1vh;
    font-size: 0.93vw;
    color: #ebf2ff;
}
.footer .copyright{
    width: 100%;
    height: 7.8vh;
    overflow: hidden;
    border-top: 1px solid #03266e;
    line-height: 7.8vh;
}
.footer .copyright span{
    font-size:0.93vw;
    color: #ebf2ff;
    float: left;
}
.footer .copyright .fr{
    float: right;
    width: auto;
}
.footer .copyright .fr a{
    font-size:0.93vw;
    color: #fff;
    margin-left: 1vw;
}
.footer .copyright .fr a:hover{
    color: #fff;
}
.footer .copyright .fr a:first-child{
    border-right: 1px solid #03266e;
    padding-right: 1vw;
}
.navBar{
    width: 100%;
    height:8.3vh;
    padding-left:5.1vw;
    padding-right:5.1vw;
    position: absolute;
    left: 0;
    top:35vw;
}
.navBar1{
    top:27.4vw;
}
.navBar ul{
    width: 100%;
    height: 8vh;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 4px #ccc;
    display: flex;
}
.navBar ul li{
    flex: 1;
    text-align: center;
    line-height: 8vh;
    font-size:1vw;
    color: #595959;
    cursor:pointer;
}
.navBar ul li.on{
    background: #f26c25;
    color: #fff;
}
.planMore{
    width: 100%;
    height: 44.4vh;
    overflow: hidden;
    padding-left: 10.8vw;
    padding-right: 10.8vw;
}
.planMore .text{
    width:31vw;
    height:100%;
    float: left;
    padding-left: 1.5vw;
    padding-top:5vh;
}
.planMore .text h6{
    font-size: 1.5vw;
    color: #1b2234;
    margin-bottom: 2vh;
}
.planMore .text p{
    font-size:0.93vw;
    color: #8f8f8f;
    margin-bottom: 2vh;
}
.planMore .text button,.productShow2 ul li .text button{
    width:9.8vw;
    height:4.6vh;
    background: #f26c25;
    font-size: 1vw;
    color: #fff;
}
.planMore .imgbox{
    width:44vw;
    height:100%;
    float: right;
    background: green;
}
.planMore .imgbox img{
    width: 100%;
    height: 100%;
}
.productShow2{
    height:43.7vh;
}
.productShow2 ul li{
    width:25.2vw;
    height:43.7vh;
    border-color: #acacac;
}
.productShow2 ul li .imgbox{
    width: 100%;
    height:25vh;
    border-bottom: 1px solid #a3a3a3;
}
.productShow2 ul li .text{
    width: 100%;
    height:18.7vh;
    padding-left: 1vw;
    padding-top: 1vh;
}
.productShow2 ul li .text p{
    width: 100%;
    height: auto;
    margin-bottom: 1vh;
    text-align: left;
    line-height: 4vh;
}
.productShow2 ul li .text button{
    background:#acacac;
}
.plan3{
    background: #fff;
}
.resolveMore{
    width: 100%;
    height: auto;
}
.resolveMore .text{
    width: 100%;
    height: auto;
    margin-bottom:3vh;
}
.resolveMore .text h6{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 2vh;
}
.resolveMore .text h6 span{
    font-size: 1.5vw;
    color: #1b2234;
}
.resolveMore .text h6 img{
    width: auto;
    height:4.6vh;
    float: right;
}
.resolveMore .text p{
    font-size: 1vw;
    color: #515151;
    line-height: 3vh;
    margin-bottom: 1vh;
}
.resolveMore .text p b{
    font-size: 1vw;
}
.resolveMore .text .imgbox{
    width: 100%;
    height:61.5vh;
    text-align: center;
}
.resolveMore .text .imgbox img{
    width: auto;
    height: 100%;
}
.table>thead>tr>th,.table>tbody>tr>td{
    font-size: 1vw;
    text-align: center;
    vertical-align: middle;
}
.table>tbody>tr>td img{
    width: auto;
    height: 15vh;
}
.resolveMore .text .downp a{
    font-size: 0.9vw;
    color: #333;
}
.productBox .botbtns span.icon-angle-left.on,.productBox .botbtns span.icon-angle-right.on,.consultBox .left p i.icon-circle-arrow-right.on,.consultBox .right ul li .text p.botp i.icon-circle-arrow-right.on{
    color: #f26c25;
    border-color: #f26c25;
}
.hrefBar{
    width: 100%;
    height: auto;
    margin-bottom: 4vh;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.hrefBar a{
    font-size:1vw;
    color: #8f8f8f;
}
.hrefBar span{
    font-size: 1vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}
.hrefBar a.on{
    color: #f26c25;
}
.iframeBox{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}
.iframeBox iframe{
    width: 100vw;
    height: 100vh;
}
.iframeBox .closebtn{
    width:4.3vw;
    height:4.3vw;
    position: absolute;
    bottom:3.5vh;
    right:1vw;
    z-index: 999;
    cursor:pointer;
}
.iframeBox .closebtn1{
    top: 3.5vh;
}
.iframeBox .closebtn img{
    width: 100%;
    height: 100%;
}
.productShow2 ul li.on .text button{
    background: #f26c25;
}

.productsBox{
    width: 100%;
    height: auto;
    margin-bottom: 2vh;
    position: relative;
    padding-left: 7.8vw;
    padding-right: 7.8vw;
}
.productsBox .typebtns{
    width:3.2vw;
    height:34vh;
    position: absolute;
    left: 1vw;
    top: 0;
    border: 1px solid #ccc;
    box-shadow: 4px 4px 4px #ccc;
}
.productsBox .typebtns span{
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #1b2234;
    display: inline-block;
    font-size: 2.1vh;
    color: #1b2234;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 1.5vh;
    cursor:pointer;
}
.productsBox .typebtns span:last-child{
    border-bottom: none;
}
.productsBox .typebtns span.on{
    color: #f26c25;
}
.proTypeBar{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 6vh;
}
.proTypeBar span{
    font-size:1.1vw;
    color: #1b2234;
    float: left;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
.proTypeBar ul{
    width:78vw;
    height: auto;
    float: left;
    margin-left: 0.5vw;
}
.proTypeBar ul li,.caseTypeBar .select .left ul li{
    width: auto;
    height:4.6vh;
    padding-left:1vw;
    padding-right:1vw;
    border-radius: 0.1vw;
    border: 1px solid #1b2234;
    float: left;
    font-size:1.1vw;
    color: #1b2234;
    text-align: center;
    line-height: 4.6vh;
    margin-right: 0.8vw;
    cursor:pointer;
}
.proTypeBar ul li.on,.caseTypeBar .select .left ul li.on{
    background: #f26c25;
    color: #fff;
    border-color: #f26c25;
}
.proTypeBar ul li:last-child{
    margin-right: 0;
}
.prolists{
    width: 100%;
    height: 194vh;
    overflow: hidden;
    margin-bottom: 2vh;
}
.prolists ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.prolists ul.posterUl li{
    width:20vw;
    height:28vh;
    float: left;
    border: 1px solid #a3a3a3;
    margin-right:1.3vw;
    margin-bottom:5vh;
    overflow: hidden;
}
.prolists ul.posterUl li:nth-child(4n){
    margin-right: 0;
}
.prolists ul.posterUl li .left{
    width: 100%;
    height: 100%;
    float: left;
}
.prolists ul.posterUl li .left .imgbox{
    width: 100%;
    height:20vh;
    border-bottom: 1px solid #a3a3a3;
}
.prolists ul.posterUl li .left .imgbox img{
    width: 100%;
    height: 100%;
}
.prolists ul.posterUl li .left p{
    width: 100%;
    height: 8vh;
    line-height: 8vh;
    font-size:1.2vw;
    color: #1b2234;
    text-align: center;
}
.prolists ul.posterUl li .right{
    display: none;
}
.prolists ul.keyUl li{
    width:41.4vw;
    height:28.1vh;
    float: left;
    border: 1px solid #a3a3a3;
    margin-right:1.3vw;
    margin-bottom:5vh;
    overflow: hidden;
}
.prolists ul.keyUl li:nth-child(even){
    margin-right: 0;
}
.prolists ul.keyUl li .left{
    width:23.4vw;
    height: 100%;
    float: left;
    border-right: 1px solid #a3a3a3; 
}
.prolists ul.keyUl li .left .imgbox{
    width: 100%;
    height: 23.4vh;
    border-bottom: 1px solid #a3a3a3;
}
.prolists ul.keyUl li .left .imgbox img{
    width: 100%;
    height: 100%;
}
.prolists ul.keyUl li .left p{
    width: 100%;
    height: 4.7vh;
    text-align: center;
    font-size:1.2vw;
    color: #1b2234;
    line-height: 4.7vh;
}
.prolists ul.keyUl li .right{
    width: 17.8vw;
    height: 100%;
    float: left;
    padding:2vh 1vw;
}
.prolists ul.keyUl li .right p{
    font-size:0.93vw;
    color: #8f8f8f;
    margin-bottom: 1vh;
}
.prolists ul.keyUl li .right p b{
    color: #1b2234;
}
.prolists ul.keyUl li .right button{
    width:7.4vw;
    height:3.4vh;
    background: #f26c25;
    border-radius: 0.1vw;
    font-size:0.85vw;
    color: #fff;
    text-align: center;
    line-height:3.4vh;
}
.prolists ul.keyUl li.on,.prolists ul.keyUl li.on .left,.prolists ul.keyUl li.on .left .imgbox,.prolists ul.posterUl li.on{
    border-color: #f26c25;
}
.prolists ul.keyUl li.on .left p,.prolists ul.posterUl li.on .left p{
    color: #f26c25;
}

/*产品详情页面*/
.proCon{
    width: 100%;
    height:84.8vh;
    background: #fff;
    overflow: hidden;
}
.proCon .prodTop{
    width: 100%;
    height:60.7vh;
    /*margin-top: 7vh;*/
    overflow: hidden;
    padding-left:5.2vw;
    padding-right:5.2vw;
    margin-bottom: 9.26vh;
}
.proCon .prodTop .left{
    width:46.1vw;
    height: 100%;
    float: left;
}
.proCon .prodTop .left .showbox{
    width:45.2vw;
    height:45.3vh;
    margin-left:1vw;
    overflow: hidden;
    margin-bottom: 3vh;
    position: relative;
    border: 1px solid #dc7504;
}
.proCon .prodTop .left .showbox img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.proCon .prodTop .left .showbox img.playbtn{
    width: 7vw;
    height: 7vw;
    position: absolute;
    left: 11.5vw;
    top: 11.5vh;
    cursor: pointer;
    display: none;
}
.proCon .prodTop .left .showbot{
    width: 100%;
    height:12vh;
    overflow: hidden;
}
.proCon .prodTop .left .showbot button{
    width:1.7vw;
    height: 100%;
    float: left;
    cursor:pointer;
}
.proCon .prodTop .left .showbot button:nth-of-type(2){
    float: right;
}
.proCon .prodTop .left .showbot button img{
    width:100%;
    height: auto;
}
.proCon .prodTop .left .showbot .ulshow{
    width:38vw;
    height:12vh;
    overflow: hidden;
    float: left;
    margin-left: 2.5vw;
}
.proCon .prodTop .left .showbot .ulshow ul{
    width:100% ;
    height: 100%;
}
.proCon .prodTop .left .showbot .ulshow li{
    width:12vw;
    height: 12vh;
    float: left;
    overflow: hidden;
    margin-right: 0.7vw;
    border: 2px solid #a7a7a7;
}
.proCon .prodTop .left .showbot .ulshow li.on{
    border-color: #dc7504;
}
.proCon .prodTop .left .showbot .ulshow li:last-child{
    margin-right: 0;
}
.proCon .prodTop .left .showbot .ulshow li img{
    width: 100%;
    height: 100%;
}
.proCon .prodTop .right{
    width:43.2vw;
    height: 100%;
    float: left;
    padding-left: 1vw;
    padding-top: 1vh;
}
.proCon .prodTop .right p{
    width: 100%;
    height: auto;
    margin-bottom: 4vh;
}
.proCon .prodTop .right p img{
    width: auto;
    height:3vh;
    vertical-align: top;
    margin-top:0.5vh;
    margin-right: 0.75vw;
}
.proCon .prodTop .right p b{
    font-size:1.8vw;
}
.proCon .prodTop .right p span{
    font-size:1.5vw;
    color: #161616;
}
.prodText{
    width: 100%;
    height: auto;
}
.prodText h4{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 9.26vh;
    text-align: center;
}
.prodText h4 b{
    font-size:1.8vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    vertical-align: middle;
    font-weight: normal;
}
.prodText h4 .line{
    width: auto;
    height:4vh;
    margin-top: 1vh;
    vertical-align: middle;
}
.prodType{
    width: 100%;
    height:32.4vh;
    margin-bottom: 4vh;
    overflow: hidden;
}
.prodType .imgbox{
    width:32.4vw;
    height: 100%;
}
.prodType .imgbox img{
    width: 100%;
    height: 100%;
}
.prodType .text{
    width:37vw;
    height: 100%;
}
.prodType .text h5{
    width: 100%;
    height: auto;
    margin-bottom: 5vh;
    border-left:0.5vw solid #ff7f00;
    padding-left: 1vw;
}
.prodType .text h5 span{
    font-size: 1.5vw;
    font-weight: bold;
}
.prodType .text p{
    font-size:1.2vw;
    line-height: 3.5vh;
}
.prodType1 .text{
    float: left;
}
.prodType1 .imgbox{
    float: right;
}
.prodType2 .text{
    float: right;
}
.prodType2 .imgbox{
    float: left;
}
.prodBox{
    width: 100%;
    height: auto;
    margin-bottom: 9.26vh;
}
.prodBox img{
    width: 100%;
    height: auto;
}
.mainType{
    width: 100%;
    height:4.6vh;
    margin-bottom: 5vh;
    padding-left: 5.2vw;
    padding-right: 5.2vw;
    text-align: center;
}
.mainTypeBar{
    width: 100%;
    height: 100%;
    border-bottom:2px solid #e5e5e5;
}
.mainType ul{
    width: auto;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.mainType ul li{
    width: auto;
    height: 100%;
    line-height: 4.6vh;
    font-size:1.8vw;
    color: #757575;
    margin-right:5.6vw;
    display: inline-block;
    cursor:pointer;
}
.mainType ul li:last-child{
    margin-right: 0;
}
.mainType ul li.on{
    color: #38baf4;
}
.showBomb{
    width:88vw;
    height:88vh;
    background: #fef9f6;
    position: absolute;
    left:6vw;
    top:6vh;
    z-index: 2;
    border-radius: 0.5vw;
    padding: 5vw;
    display: none;
}
.showBomb video,.showBomb .imgbox,.showBomb img,.showBomb video{
    width: 100%;
    height: 100%;
}
.showBomb .closebtn{
    width:4.3vw;
    height:4.3vw;
    position: absolute;
    top:1vw;
    right:1vw;
    cursor:pointer;
}
.showBomb .closebtn img{
    width: 100%;
    height: 100%;
}
.showBomb .leftbtn,.showBomb .rightbtn{
    width:4vw;
    height:4vw;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 42.5vh;
    text-align: center;
}
.showBomb .leftbtn{
    left: 0.5vw;
}
.showBomb .rightbtn{
    right: 0.5vw;
}

.caseTypeBar{
    width: 100%;
    height:auto;
}
.caseTypeBar .select{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 3.6vh;
}
.caseTypeBar .select .left{
    width: auto;
    height: auto;
    float: left;
}
.caseTypeBar .select .left span{
    font-size: 1.1vw;
    color: #1b2234;
    float: left;
}
.caseTypeBar .select .left ul{
    width: auto;
    height: auto;
    float: left;
}
.caseTypeBar .select .searchBox{
    width: auto;
    height: auto;
    float: right;
    border:1px solid #a0a0a0;
}
.caseTypeBar .select .searchBox input[type="text"]{
    width: 25.3vw;
    height:4.6vh;
    padding-left: 1vw;
    font-size:0.95vw;
    color: #727272;
    float: left;
    border: none;
}
.caseTypeBar .select .searchBox button{
    width:5.1vw;
    height:4.6vh; 
    background: #1a4ebb;
    float: left;
    text-align: center;
    line-height: 4.6vh;
}
.caseTypeBar .select .searchBox button i{
    font-size:1.2vw;
    color: #fff;
    vertical-align: middle;
}

.caselists{
    width: 100%;
    height: 165vh;
}
.caselists  ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.caselists  ul li:nth-child(3n){
    margin-right: 0;
}
.caselists .posterUl li,.caselists .keyUl li{
    width: 26.7vw;
    height: 37.5vh;
    border: 1px solid #a3a3a3;
    float: left;
    margin-right:2.1vw;
    margin-bottom:5vh;
}
.caselists .posterUl li .imgbox,.caselists .keyUl li .imgbox{
    width: 100%;
    height:26.7vh;
    border-bottom: 1px solid #a3a3a3;
}
.caselists .posterUl li .imgbox img,.caselists .keyUl li .imgbox img{
    width: 100%;
    height: 100%;
}
.caselists .posterUl li .text,.caselists .keyUl li .text{
    width: 100%;
    height: 10.7vh;
    overflow: hidden;
}
.caselists .posterUl li .text p{
    width: 100%;
    height: 100%;
    font-size:1.2vw;
    text-align: center;
    line-height: 10.7vh;
}
.caselists .keyUl li .text p{
    width: 100%;
    height: 5.3vh;
    line-height: 5.3vh;
    overflow: hidden;
    font-size: 1.2vw;
    color: #1b2234;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
.caselists .keyUl li .text p button{
    width: 8.5vw;
    height: 3.9vh;
    background: #;
    text-align: center;
    line-height: 3.9vh;
    background: #f26c25;
    font-size:0.93vw;
    color: #fff;
    float: right;
    margin-top: 0.7vh;
    margin-right: 0.3vw;
}
.caselists .keyUl li .text p span{
    margin-right: 1vw;
}
.caselists ul li.on{
    border-color: #f26c25;
}
.caselists ul li.on .text p:first-child{
    color: #f26c25;
}
.caselists ul li .text p:first-child{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.caseMore{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
    margin-bottom: 4vh;
}
.caseMore .left{
    width:58.3vw;
    height: auto;
    float: left;
    border: 1px solid #cacaca;
    padding: 4vw;
}
.caseMore .left h4{
    font-size:1.8vw;
    color: #1a4ebb;
    padding-bottom: 3vh;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 4vh;
}
.caseMore .left .text{
    width: 100%;
    height: auto;
    margin-bottom: 2vh;
}
.caseMore .left .text p,.caseMore .left .text h5{
    font-size:1vw;
    color: #1b2234;
    text-indent: 2em;
    margin-bottom: 2vh;
    line-height: 3vh;
}
.caseMore .left .text img{
    /*width: 100%;*/
    height: auto;
    margin-bottom: 2vh;
}
.caseMore .right{
    width:18.75vw;
    height: auto;
    float: right;
}
.caseMore .right h5{
    width: 100%;
    height: auto;
    margin-bottom: 2vh;
}
.caseMore .right h5 img{
    width: auto;
    height:3.5vh;
    vertical-align: middle;
    margin-right: 0.5vw;
    margin-bottom: 2vh;
}
.caseMore .right h5 span{
    font-size:1.8vw;
    color: #3b3b3b;
    vertical-align: top;
}
.caseMore .right1 h5 span{
    font-size: 1.2vw;
}
.caseMore .right ul{
    width: 100%;
    height: auto;
}
.caseMore .right ul li{
    width: 100%;
    height:26.4vh;
    margin-bottom: 2vh;
    border: 1px solid #ccc;
    box-shadow: 4px 4px 4px #ccc;
}
.caseMore .right ul li .imgbox{
    width: 100%;
    height:18.8vh;
}
.caseMore .right ul li .imgbox img{
    width: 100%;
    height: 100%;
}
.caseMore .right ul li p{
    width: 100%;
    height: 7.6vh;
    font-size:1.2vw;
    color: #1b2234;
    line-height: 7.6vh;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.consultBox{
    width: 100%;
    height: auto;
    padding-left: 12.3vw;
    padding-right: 12.3vw;
    overflow: hidden;
}
.consultUl{
    width: 100%;
    height: 187vh;
}
.consultUl li{
    width: 100%;
    height:27.2vh;
    overflow: hidden;
    padding-bottom: 4vh;
    margin-top: 4vh;
    border-bottom: 1px solid #dbdbdb;
}
.consultUl li:last-child{
    border: none;
}
.consultUl li .left{
    width:19.6vw;
    height:100%;
    float: left;
    overflow: hidden;
}
.consultUl li .left img{
    width: 100%;
    height: 100%;
}
.consultUl li .center{
    width:36vw;
    height: 100%;
    float: left;
    margin-left: 3vw;
}
.consultUl li .center h5{
    width: 100%;
    height: auto;
    margin-bottom:2vh;
    font-size:1.2vw;
    color: #1b2234;
}
.consultUl li .center p{
    font-size: 0.93vw;
    color: #8f8f8f;
    line-height: 3vh;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.consultUl li .center button{
    width:2vw;
    height:2vw;
    border-radius: 50%;
    text-align: center;
    line-height: 2vw;
    margin-top: 2vh;
    background: #dbdbdb;
}
.consultUl li.on .center button{
    background: #f26c25;
}
.consultUl li .center button i{
    font-size:0.85vw;
    color: #fff;
    vertical-align: middle;
}
.consultUl li .right{
    width:12.5vw;
    height: 100%;
    float: right;
    line-height: 22.5vh;
    text-align: center;
}
.consultUl li .right span{
    font-size:1.1vw;
    color: #717171;
    vertical-align: middle;
}
.caseMore .left h4.h41{
    color: #061932;
    text-align: center;
    padding: 0;
    border: none;
}
.caseMore .left h5.h51{
    font-size: 0.93vw;
    color: #6f6f6f;
    text-align: center;
    padding-bottom: 3vh;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 4vh;
}
.caseMore .left .text p a{
    color: #1b2234;
}
.caseMore .left .text p span{
    margin-left: 0.5vw;
}
.caseMore .right1{
    padding: 2vh 1vw;
    margin-bottom: 2vh;
    background: #fff;
}
.caseMore .right1 ul li{
    width: 100%;
    height:auto;
    padding-bottom:2vh;
    border: none;
    border-bottom:1px solid #cacaca;
    margin-bottom:2vh;
    box-shadow: none;
    cursor:pointer;
}
.caseMore .right1 ul li h5{
    font-size:1vw;
    color: #1b2234;
    line-height: 3vh;
    margin-bottom: 1vh;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.caseMore .right1 ul li p{
    width: 100%;
    height: auto;
    line-height: initial;
    overflow: hidden;
}
.caseMore .right1 ul li p span,.caseMore .right1 ul li p i{
    font-size:0.85vw;
    color: #9e9e9e;
}
.caseMore .right2 ul li{
    border: none;
}
.caseMore .left>p{
    width: 100%;
}
.caseMore .left>p button{
    width:8.2vw;
    height:4.6vh;
    text-align: center;
    line-height:4.6vh;
    font-size:0.93vw;
    color: #fff;
    background: #f26c25;
}

.aboutBox{
    width: 100%;
    height:auto;
}
.aboutBox .about{
    width: 100%;
    height: auto;
    padding-top: 10vh;
    overflow: hidden;
}
.aboutBox .about:first-child{
    padding-top: 13.7vh;
}
.aboutBox .about h4,.aboutBox .about h5,.aboutBox .about p{
    width: 100%;
    padding-left:10.4vw;
    padding-right:10.4vw;
}
.aboutBox .about h5{
    margin-top: 5vh;
}
.aboutBox .about h4 img{
    width: auto;
    height: 4.3vh;
    vertical-align: middle;
}
.aboutBox .about h4 span{
    font-size:2vw;
    color: #3b3b3b;
    vertical-align: middle;
    margin-left: 1vw;
}
.aboutBox .about h5{
    margin-bottom: 2vh;
}
.aboutBox .about h5 span{
    font-size:1.8vw;
}
.aboutBox .about p{
    font-size:1vw;
    color: #727272;
    margin-bottom: 6vh;
    text-align: center;
    margin-top: 2vh;
}
.aboutBox .about .honorbox{
    width: 100%;
    height: auto;
}
.aboutBox .about .honorbox img,.aboutBox .about .QualBox img{
    width: 100%;
    height: auto;
}
.aboutBox .about .QualBox{
    width: 100%;
    height: auto;
}
.aboutBox .about .productShow{
    height: 26vh;
}
.aboutBox .about .productShow ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.aboutBox .about .productShow ul li{
    width:12.18vw;
    height:10.46vh;
    border:1px solid #acacac;
    float: left;
    margin-bottom:2.5vh;
    margin-right:2.2vw;
    text-align: center;
    line-height: 10.46vh;
}
.aboutBox .about .productShow ul li:nth-child(6n){
    margin-right: 0;
}
.aboutBox .about .productShow ul li img{
    width: auto;
    height: 80%;
    vertical-align: middle;
}
.aboutBox .contact{
    width: 100%;
    height:69.4vh;
    background: url('../img/contactbg.png') no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-left: 10.4vw;
    padding-right: 10.4vw;
    margin-bottom: 0;
}
.aboutBox .contact .left{
    width:41vw;
    height:100%;
    float: left;
}
.aboutBox .contact .left .text{
    width:19vw;
    height: 100%;
    float: left;
}
.aboutBox .contact .left .text h4{
    width: 100%;
    padding: 0;
}
.aboutBox .contact .left .text p{
    padding: 0;
    text-align: left;
    margin-bottom: 2vh;
}
.aboutBox .contact .left .text p img{
    width: auto;
    height:3vh;
    margin-right: 0.2vw;
    vertical-align: middle;
}
.aboutBox .contact .left .inputbox{
    width:21vw;
    height: 100%;
    float: right;
    padding-top: 5.6vh;
}
.aboutBox .contact .left .inputbox input{
    width:9.5vw;
    height:6.8vh;
    border:1px solid #a6d3ff;
    margin-right: 1vw;
    padding-left: 1.5vw;
    font-size:0.93vw;
    color: #727272;
    outline: none;
}
.aboutBox .contact .left .inputbox textarea{
    width: 100%;
    height:13.6vh;
    border:1px solid #a6d3ff;
    resize: none;
    margin-top: 2vh;
    margin-bottom: 3vh;
}
.aboutBox .contact .left .inputbox button,.serviceBox .plan .showbox .ulbox2 li .text button{
    width:13vw;
    height:5.6vh;
    background: #f26c25;
    font-size:0.93vw;
    color:#fff;
    text-align: center;
    line-height: 5.6vh;
}
.aboutBox .contact .right{
    width:36.4vw;
    height:100%;
    float: right;
    padding: 2vw;
}
.aboutBox .contact .right iframe{
    width: 100%;
    height: 100%;
}
.serviceBox .plan{
    background: none;
    padding-top: 0;
    height: auto;
}
.serviceBox .plan .showbox .ulBox ul li{
    padding-top:4vh;
    padding-left: 8vw;
}
.serviceBox .plan .showbox .ulBox ul li .imgbox{
    width:11vw;
    height:11vw;
    border-radius: 50%;
    border:1px solid #4380ba;
    text-align: center;
    line-height: 11vw;
    margin-bottom: 2vh;
}
.serviceBox .plan .showbox .ulBox ul li .imgbox img{
    vertical-align: middle;
    margin-bottom: 0;
}
.serviceBox .plan .showbox{
    height: auto;
    margin-bottom: 7vh;
    overflow: hidden;
}
.serviceBox .plan .showbox .ulBox,.plan .showbox .ulBox ul,.plan .showbox .ulBox ul li{
    height: auto;
    position: initial;

}

.serviceBox .plan .showbox .ulBox1 ul li{
    width:23.8vw;
    height:18.2vh;
    padding:0;
    background: #f0f3f7;
    margin-right: 3vw;
    overflow: hidden;
}
.serviceBox .plan .showbox .ulBox1 ul li:last-child{
    margin-right: 0;
}
.serviceBox .plan .showbox .ulBox1 ul li .imgbox{
    width:14.3vw;
    height: 100%;
    float: left;
    text-align: center;
    border: none;
}
.serviceBox .plan .showbox .ulBox1 ul li .imgbox img{
    width: auto;
    height:8.3vh;
}
.serviceBox .plan .showbox .ulBox1 ul li .text{
    width:9.5vw;
    height: 100%;
    float: left;
    padding-top: 3vh;
}
.serviceBox .plan .showbox .ulBox1 ul li .text p{
    margin-bottom: 1vh;
}
.serviceBox .plan .showbox .ulBox1 ul li .text p b{
    font-size: 1.35vw;
}
.serviceBox .plan2{
    margin-bottom: 7vh;
}
.serviceBox .plan .showbox .ulBox2 ul li{
    width:23.6vw;
    height:18vh;
    border-radius: 18vh;
    border:1px solid #2c70b1;
    padding:1.5vh 1vw;
    overflow: hidden;
    margin-right: 2vw;
}
.serviceBox .plan .showbox .ulBox2 ul li .imgbox{
    width:15.4vh;
    height:15.4vh;
    border-radius: 50%;
    background: #2c70b1;
    text-align: center;
    line-height: 15.4vh;
    float: left;
}
.serviceBox .plan .showbox .ulBox2 ul li .imgbox span{
    font-size:5.2vw;
    color: #fff;
    font-weight: bold;
}
.serviceBox .plan .showbox .ulBox2 ul li:last-child .imgbox span{
    font-size: 3vw;
}
.serviceBox .plan .showbox .ulBox2 ul li .text{
    width:12vw;
    height:100%;
    float: right;
    padding-top: 3.5vh;
}
.plan .showbox .ulBox2 ul li .text p{
    margin-bottom: 1vh;
}
.plan .showbox .ulBox2 ul li .text p span{
    color: #8f8f8f;
    text-align: left;
}
.serviceBox .plan .showbox .text{
    width: 100%;
    height: auto
}
.serviceBox .plan .showbox .text p{
    width: 100%;
    margin-bottom: 2vh;
    text-align: left;
}
.serviceBox .plan .showbox .text p b{
    font-size:1.2vw;
    color: #1b2234;
}
.serviceBox .plan .showbox .text p span{
    font-size: 1.2vw;
    color: #8f8f8f;
    margin-left: 0.5vw;
}
.serviceBox .plan .showbox .text p img{
    width:1.2vw;
    height: auto;
}
.serviceBox .plan .showbox .text2 p{
    text-indent: 2em;
}
.serviceBox .plan h5 span{
    font-size: 1.5vw;
}
.serviceBox .plan .showbox .ulBox3 ul li{
    width:12.76vw;
    height:21.3vh;
    padding: 0;
    position: relative;
}
.serviceBox .plan .showbox .ulBox3 ul li .imgbox{
    width: 100%;
    height: 100%;
    border: none;
}
.serviceBox .plan .showbox .ulBox3 ul li .imgbox img{
    width: auto;
    height: 100%;
}
.serviceBox .plan .showbox .ulBox3 ul li .text{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 3vh 2vw 2vh 2.8vw;
}
.serviceBox .plan .showbox .ulBox3 ul li .text p b{
    font-size: 1.2vw;
}
.serviceBox .plan .showbox .text2{
    width: auto;
    float: left;
}
.serviceBox .plan .showbox .qrBox{
    width:28.6vw;
    height: 15.6vh;
    float: left;
    margin-left: 15vw;
}
.serviceBox .plan .showbox .qrBox li{
    width:6.25vw;
    height: 100%;
    float: left;
    margin-right:4vw;
}
.serviceBox .plan .showbox .qrBox li:last-child{
    margin-right: 0;
}
.serviceBox .plan .showbox .qrBox li img{
    width: auto;
    height: 11.1vh;
}
.serviceBox .plan .showbox .qrBox li p{
    width: 100%;
    font-size:0.93vw;
    color: #8f8f8f;
    text-align: center;
    margin-top: 1vh;
}
.serviceBox .plan .showbox .text3{
    text-align: left;
    padding-bottom: 1vh;
    border-bottom: 1px dashed #8f8f8f;
    margin-bottom: 2vh;
}
.serviceBox .plan .showbox .text3 p{
    display: inline-block;
    width: auto;
    cursor:pointer;
}
.serviceBox .plan .showbox .text3 p i{
    font-size:1.35vw;
    color: #8f8f8f;
}
.serviceBox .plan .showbox .text3.on i{
    color: #f26c25;
}
.serviceBox .plan .showbox .text3.on{
    border-color: #f26c25;
}
.serviceBox .plan .showbox .ulbox2{
    width:100%;
    height: auto;
}
.serviceBox .plan .showbox .ulbox2 li{
    width: 100%;
    height:44vh;
    border:1px solid #ccc;
    overflow: hidden;
    margin-bottom: 6.9vh;
}
.serviceBox .plan .showbox .ulbox2 li:last-child{
    margin-bottom: 0;
}
.serviceBox .plan .showbox .ulbox2 li .imgbox{
    width:37vw;
    height: 100%;
}
.serviceBox .plan .showbox .ulbox2 li .imgbox img{
    width: 100%;
    height: 100%;
}
.serviceBox .plan .showbox .ulbox2 li .text{
    width:42vw;
    height: 100%;
    padding: 1vw;
}
.serviceBox .plan .showbox .ulbox2 li .text p{
    margin-bottom: 1vh;
}
.serviceBox .plan .showbox .ulbox2 li .text p span,.serviceBox .plan .showbox .ulbox2 li .text p b{
    font-size: 0.93vw;
    line-height: 3vh;
}
.serviceBox .plan .showbox .ulBox1 ul li .imgbox1{
    width: 6.7vw;
}
.serviceBox .plan .showbox .ulBox1 ul li .text1{
    width: 16.7vw;
}
.plan .showbox .ulBox ul li .text1 p b,.plan .showbox .ulBox ul li .text1 p span{
    text-align: left;
    text-indent: 0;
    margin-left: 0;
}
.serviceBox .plan .showbox .ulBox1 ul li:nth-child(3n){
    margin-right: 0;
}
.serviceBox .plan .showbox .ulBox1 ul li{
    margin-bottom: 4vh;
}

.serviceBox .plan .showbox .stepimg{
    width: 100%;
    height: auto;
    margin-bottom: 2vh;
}
.serviceBox .plan .showbox .ulbox5{
    width: 100%;
    height:13vh;
    display: flex;
}
.serviceBox .plan .showbox .ulbox5 li{
    height: 100%;
    flex: 1;
    padding-left: 1vw;
    padding-right: 1vw;
}
.serviceBox .plan .showbox .ulbox5 li p b{
    font-size:1.2vw;
    color: #1b2234;
}
.serviceBox .plan .showbox .ulbox5 li p span{
    font-size:0.93vw;
    color: #8f8f8f;
    line-height: 3vh;
}
.serviceBox .plan2 .joinBox{
    width:34.4vw;
    height:69.2vh;
    background:#fff;
    border-radius: 0.5vw;
    position: absolute;
    left:32.8vw;
    top:2.4vh;
    padding: 3vw;
}
.serviceBox .plan2 .joinBox h3{
    width: 100%;
    text-align: center;
    margin-bottom: 5vh;
}
.serviceBox .plan2 .joinBox h3 img{
    width: auto;
    height:4vh;
    vertical-align: middle;
}
.serviceBox .plan2 .joinBox h3 span{
    font-size:2.1vw;
    color: #1b2234;
    vertical-align: middle;
}
.serviceBox .plan2 .joinBox ul{
    width: 100%;
    height: auto;
}
.serviceBox .plan2 .joinBox ul li{
    width: 100%;
    min-height: 5.6vh;
    margin-bottom: 2vh;
    border: 1px solid #8f8f8f;
    line-height: 5.6vh;
}
.serviceBox .plan2 .joinBox ul li label{
    width:6vw;
    display: inline-block;
    padding-left: 0.5vw;
    font-size:0.93vw;
    color: #585858;
}
.serviceBox .plan2 .joinBox ul li label i{
    font-size:0.85vw;
    color: red;
}
.serviceBox .plan2 .joinBox ul li input{
    width:22vw;
    height: 5.6vh;
    font-size: 0.93vw;
    border: none;
    outline: none;
}
.serviceBox .plan2 .joinBox ul li textarea{
    width: 21vw;
    height: 15vh;
    font-size: 0.93vw;
    border: none;
    resize: none;
    outline: none;
}
.serviceBox .plan2 .joinBox button{
    width: 100%;
    height:5.6vh;
    background: #f26c25;
    font-size:0.93vw;
    color: #fff;
    text-align:center;
    line-height:5.6vh;
}

.serviceBox .plan .statebox{
    margin-bottom:4.6vh;
}
.serviceBox .plan .statebox .text p:last-child{
    margin-bottom: 0;
}
.serviceBox .plan .statebox .text p span{
    letter-spacing: 0.05em;
}

.sitemapBox{
    padding-left: 10.4vw;
    padding-right: 10.4vw;
}
.sitemapBox .plan{
    width: 100%;
    height: auto;
    border:1px solid #dcdcdc;
    padding:6.25vh 6.25vw;
    margin-bottom: 8.3vh;
}
.sitemapBox .plan .map1{
    width: 100%;
    height: auto;
    border: 1px solid #dcdcdc;
    margin-bottom: 2vh;
}
.sitemapBox .plan .map1 h5{
    width: 100%;
    height:5.18vh;
    line-height: 5.18vh;
    padding-left:2.6vw;
    background: #f5f5f5;
}
.sitemapBox .plan .map1 h5 span{
    font-size:1.2vw;
    color: #1b2234;
    vertical-align: middle;
}
.sitemapBox .plan .map1 .mapLinks{
    width: 100%;
    height: auto;
    padding: 2.5vw;
}
.sitemapBox .plan .map1 .mapLinks ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.sitemapBox .plan .map1 .mapLinks ul li{
    font-size:1vw;
    color: #8f8f8f;
    float:left;
    margin-right:2.5vw;
    margin-bottom:2.5vh;
    cursor:pointer;
}
.sitemapBox .plan .map1 .mapLinks ul li.on{
    color: #f26c25;
}