/* #c1{

    padding-top:10px;width:100%;height:100%px;box-sizing: border-box;border-style:1px solid #385DB7;
 } */
 #c2{
   margin-left:48px;font-size: 16px;color: #51FCFD;font-weight:bold;margin-top:21px;
 }
 #c3{
    margin-top:18px;margin-left:48px;font-size: 16px;color: #FFFFFF;letter-spacing:0px;
 }
.css1{
     /* position: relative; */
    /* display: flex;flex-direction:row;flex-wrap:nowrap; */
    margin-top:37px;margin-left:48px;
 }
 /* justify-content:center;align-items:center; */
 .css2{
    margin-left: 54px;
 }
 .p1{
    display: flex;flex-direction:column;
 }
 .p2{
    display: flex;flex-direction:column;margin-top: 177px;
 }
 .css3{
    width:230px;margin-top:31px;margin-left:1px;border-style:1px solid #385DB7;background-color: #203C63FF;color:#51FCFDFF;border-radius:5px;
 }
 .css4{
    margin-top:169px;margin-left:12px;display: flex;
 }
 #v1{
     display: flex;flex-direction:column;
 }
 .css5{
     margin-left:12px;border-style:1px solid #385DB7;background-color:#203C63FF;border-radius:5px;
 }
 #v2{
     color:#51FCFDFF;font-size:15px;text-align: center;margin:9px 23px 11px 23px;
 }
 #v3{
     margin-top:11px;margin-left: 12px;border-style:1px solid #385DB7;background-color:#203C63FF;border-radius:5px;
 }
 .css6{
     width: 29px;height: 29.24px;margin-left: 58px;margin-top: 10px;
 }
 .x1{
     width: 110.54px;height:38.8px;margin-left:11px;margin-top:91px;
 }
 .x2{
     width:193.05px;height: 200.37px;margin-left:0px;margin-top:10px;
 }
 .x3{
     margin-top:177px;margin-left:141px;font-size:18px;color:#FFFFFFFF;
 }
 .x4{
    margin-top:177px;margin-left:213px;font-size:18px;color:#FFFFFFFF;
 }
 .box1{
    display: flex;
 }
 .x5{
    width:234px;margin-top:23px;margin-left:60px;display:flex;flex-direction:column;align-items:center;background-color:#203C63FF;
 }
 .z1{
    margin-top:70px;margin-left:22px;display: flex;
 }
 .z2{
    width:234px;margin-top:23px;margin-left:14px;display:flex;flex-direction:column;align-items:center;background-color:#203C63FF;
 }
 .z3{
    width:234px;margin-top:60px;margin-left:60px;display:flex;flex-direction:column;align-items:center;background-color:#203C63FF;
 }
 .z4{
    margin-top:100px;margin-left:22px;display: flex;
 }
 .z5{
    width:234px;margin-top:60px;margin-left:14px;display:flex;flex-direction:column;align-items:center;background-color:#203C63FF;
 }
 .d3{
     margin-top:10px;
     width:30px; 
     height:20px;
     background-color: #51FCFD;
     border-right:none;
 }
 .d4{
     width: 0; 
     height: 0;
     border-width: 20px;
     border-style: solid;
     border-color: transparent #51FCFD transparent transparent;
     transform: rotate(180deg); /*顺时针旋转90°*/
     /* box-shadow: darkgrey 1px 1px 1px 1px; 阴影*/
    }
 /* .f{
     position: absolute;width:6px;height:6px;background-color: #51FCFD;border:2px solid rgb(126, 207, 207);border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius:50%;
 } */
 /* 小圆点  */
 .f{
    position: absolute;
    width: 8px; 
    height: 8px; 
    background: #51FBFDed; 
    margin:auto; 
    border-radius: 50%; 
    box-shadow: 0px 0px 2px 1px rgb(126, 207, 207); 
    transform: scale(1); 
    transition: box-shadow 0.6s, transform 0.5s; 
 }
 .f:hover{
    position: absolute;
    width: 8px;
	height: 8px;
	background: #51FBFDed;
	margin:auto;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 2px rgb(126, 207, 207);
	transition: box-shadow 0.5s;
}
/* 斜线 */
 .slopingside1{
    position: absolute;
    height:0px;
    border:1px solid #51FCFD;
    width:263px;
    transform:rotate(29deg);
    -o-transform:rotate(29deg);
    -moz-transform:rotate(29deg);
    -webkit-transform:rotate(29deg);
    left:254px;top:233px;
}
.slopingside2{
    position: absolute;
    height:0px;
    border:1px solid #51FCFD;
    width:250px;
    transform:rotate(24deg);
    -o-transform:rotate(22deg);
    -moz-transform:rotate(22deg);
    -webkit-transform:rotate(22deg);
    left:264px;top:433px;
}
.slopingside3{
    position: absolute;
    height:0px;
    border:1px solid #51FCFD;
    width:210px;
    transform:rotate(18deg);
    -o-transform:rotate(18deg);
    -moz-transform:rotate(18deg);
    -webkit-transform:rotate(18deg);
    left:300px;top:448px;
}
.slopingside4{
    position: absolute;
    height:0px;
    border:1px solid #51FCFD;
    width:58px;
    transform:rotate(7deg);
    -o-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    left:446px;top:387px;
}
.slopingside5{
    position: absolute;
    height:0px;
    border:1px solid #51FCFD;
    width:190px;
    transform:rotate(141deg);
    -o-transform:rotate(141deg);
    -moz-transform:rotate(141deg);
    -webkit-transform:rotate(141deg);
    left:334px;top:358px;
}
/* 虚线*/
.sold{
    left:643px;top:389px;
    position: absolute;
    border-bottom:2px dashed #51FCFD;
    width:70px;
}
/*  竖线*/
.soll{
    left:910px;top:28px;
    position: absolute;
    border-right:2px solid #51FCFD;
    height:668px;
}
#img_1{
width:414px;height:720px;}
#p_1{
margin:9px 22px 13px 23px;font-size:15px;}
#img_2{
width: 47.41px;height:57.04px;margin:24px 94px 0px 93px;}
#span_1{
margin-top:13px;margin-bottom:24px;font-size:14px;color:#51FCFD;}
#img_3{
width: 47.41px;height:57.04px;margin:24px 84px 0px 85px;}
#span_2{
margin-top:11px;margin-bottom:24px;font-size:14px;color:#51FCFD;}
#img_4{
width: 47.41px;height:57.04px;margin:26px 99px 0px 99px;}
#span_3{
margin-top:10px;margin-bottom:20px;font-size:14px;color:#51FCFD;}
#img_5{
width:47.41px;height:57.04px;margin:26px 94px 0px 93px;}
#span_4{
margin-top:10px;margin-bottom:20px;font-size:14px;color:#51FCFD;} 



/* 背景图 */
.bottom-bb{
   display: flex;
   flex-direction: column;
   /* margin-top: 10px; */
   margin-bottom: 18px;
   width:100%;
   height:100%; 
   /* margin-left:40px;margin-top:30px; */
   background: url(../../../img/xhbg1.png);
   background-size:100% 100%;
   background-repeat:no-repeat;
 }
#imgwh{
   width:95%;
   height:95%;
   /* margin-right:100px;margin-bottom:60px; */
}