.socialAnimation{width: 400px;height: 300px;margin: 20px auto;}
.socialAnimation li{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px solid hsl(var(--my_color_d), var(--my_color_e), 95%);list-style-type: none;-webkit-animation: scaleLi 4s ease-in-out infinite;
-moz-animation: scaleLi 4s ease-in-out infinite;-o-animation: scaleLi 4s ease-in-out infinite;-ms-animation: scaleLi 4s ease-in-out infinite;animation: scaleLi 4s ease-in-out infinite;}
/* @-webkit-keyframes scaleLi {0% { -webkit-transform: scale(1);}45% { -webkit-transform: scale(1);}60% {-webkit-transform: scale(1.2);}75% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(1);}}
@-moz-keyframes scaleLi {0% { -moz-transform: scale(1);}45% { -moz-transform: scale(1);}60% {-moz-transform: scale(1.2);}75% { -moz-transform: scale(1);}100% { -moz-transform: scale(1);}}
@-o-keyframes scaleLi {0% { -o-transform: scale(1);}45% { -o-transform: scale(1);}60% {-o-transform: scale(1.2);}75% { -o-transform: scale(1);}100% { -o-transform: scale(1);}}
@-ms-keyframes scaleLi {0% { -ms-transform: scale(1);}45% { -ms-transform: scale(1);}60% {-ms-transform: scale(1.2);}75% { -ms-transform: scale(1);}100% { -ms-transform: scale(1);}}
@keyframes scaleLi {0% { transform: scale(1);}45% { transform: scale(1);}60% {transform: scale(1.2);}75% { transform: scale(1);}100% { transform: scale(1);}} */
.socialAnimation .person{width: 80px;height: 80px;margin: 110px 0 0 160px;z-index: 9;}
.socialAnimation .person img{width: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;margin: 5px;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);}
.socialAnimation li div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;}
.socialAnimation li div.connector span{display: block;width: 15px;height: 15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);margin: -5px 0 0 0;position: absolute;-webkit-animation: connections 4s ease-in-out infinite;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite;}
.socialAnimation li div.connector span.two{-webkit-animation: connections 4s ease-in-out infinite 1s;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite 1s;}
@-webkit-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-moz-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-o-keyframes connections {0% { left: 0}80% { left: 100%; }}
@-ms-keyframes connections {0% { left: 0}80% { left: 100%; }}
@keyframes connections {0% { left: 0}80% { left: 100%; }}
.socialAnimation li .containerImg{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;
-o-transition: background 0.3s linear;-ms-transition: background 0.3s linear;transition: background 0.3s linear;z-index: 10;background-repeat: no-repeat;}

.socialAnimation .facebook{width: 110px;height: 110px;margin: 0px 0 0 50px;}
.socialAnimation .facebook .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .facebook div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 90px;margin: 108px 0 0 65px;transform:rotate(-138deg); -webkit-transform:rotate(-138deg); -moz-transform:rotate(-138deg); -ms-transform:rotate(-138deg); -o-transform:rotate(-138deg); }

.socialAnimation .googlePlus{width: 110px;height: 110px;margin: 0px 0 0 240px;}
.socialAnimation .googlePlus .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .googlePlus div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 70px;margin: 108px 0 0 -35px;transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); }

.socialAnimation .twitter{width: 110px;height: 110px;margin: 100px 0 0 335px;}
.socialAnimation .twitter .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .twitter div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 230px;margin: 50px 0 0 -140px;transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); }

.socialAnimation .linkedin{width: 110px;height: 110px;margin: 100px 0 0 -45px;}
.socialAnimation .linkedin .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .linkedin div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 230px;margin: 50px 0 0 25px;transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); }

.socialAnimation .yt{width: 110px;height: 110px;margin: 215px 0 0 145px;}
.socialAnimation .yt .containerImg{width: 100px;height: 100px;margin: 5px;}
.socialAnimation .yt div.connector{position: absolute;background-color: hsl(var(--my_color_d), var(--my_color_e), 95%);height: 5px;width: 80px;margin: -15px 0 0 14px;transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }

/*index*/
.index-content1-wrap{
    position: relative;
}

@keyframes init{
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes aa{
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1) rotatez(7deg) translate(-17px, 1px);
    }
}
@keyframes ab{
    0% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }
    50% {
        transform: rotatez(-7deg) translate(17px, 1px);
    }
    100% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }
}


.index-content1{height: 480px;}

.index-slide-wrapper {
    position: relative;
    width: 679px;
    height: 307px;
    border:1px solid hsl(var(--my_color_d), 0%, 90%);
}
.index-slide-wrapper .slide li img{
    width: 679px;
    height: 307px;
}

.index-slide-wrapper .prev, 
.index-slide-wrapper .next, 
.index-content1-cad .prev, 
.index-content1-cad .next{background: url(../images/icon.png) no-repeat;}

.index-slide-wrapper .prev{display: none; position: absolute; top: 50%; left: 0; width: 26px; height: 54px; margin-top: -27px; opacity: 0.5; filter:alpha(opacity=50); background-position:-544px -30px; z-index: 9;}
.index-slide-wrapper .next{display: none; position: absolute; top: 50%; right: 0; width: 26px; height: 54px; margin-top: -27px; opacity: 0.5; filter:alpha(opacity=50); background-position:-574px -30px; z-index: 9;}
.index-slide-wrapper .prev:hover, .index-slide-wrapper .next:hover{ opacity: 0.9; filter:alpha(opacity=90);}
.index-slide-wrapper:hover .next, .index-slide-wrapper:hover .prev{display: block;}

.index-content1-cad{
    height: 120px;
    margin-top: 20px;
    width:650px;
    position: relative;
    padding:10px 15px;
    box-shadow: 0 0 12px #ddd;
}
.index-content1-cad ul li{width:162px;text-align: center;}
.index-content1-cad li img{height:120px;width:140px;}
.index-content1-cad .prev{ display: block; position: absolute; left: 5px; top: 60px; width: 14px; height: 24px; background-position: -381px 0;}
.index-content1-cad .prev:hover{ background-position: -415px 0;}
.index-content1-cad .next{ display: block; position: absolute; right: 5px; top: 60px; width: 14px; height: 24px; background-position: -400px 0;}
.index-content1-cad .next:hover{ background-position: -432px 0;}


.index-content1-l{	
    width:80%;
    height:678px;
    margin-top: -70px;
	margin-left:50px;
    
    margin-right: 12px;
    
}

.index-content1-l2{
    margin-top:10px;
    padding: 0 15px;
}


.index-content1-l2 .require-item{
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 14px;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f25));
}
.index-content1-l2 .require-item::after{
    content:'';
    clear:both;
    display: block;
}

.index-content1-l2 .require-item .body select{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    height: 30px;
    border-radius: 5px;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    color:#fff;
    font-size:12px;
}


.index-content1-l2 .require-item .body textarea{
    border: 1px solid hsl(var(--my_color_d), 0%, 90%);
    margin-top: 6px;
    color: #333;
    font-size: 14px;
    resize: none;
    height: 90px;
    width:200px;
    padding:5px;
    border-radius: 5px;
}

.index-content1-l2 .require-item .body textarea.holder{
    color:#999;
    font-size:12px;
}

.index-content1-l2 .require-btn{
    text-align: center;
}
.index-content1-l2 .require-btn .btn{
    color:#fff;
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border:none;
    width:190px;
    border-radius: 5px;
}

/* right */
.index-content1-r{
    width:247px;
    height:468px;
    margin-top: 10px;
    box-shadow: 0 0 12px #ddd;
    background: url(../images/index-l2-bg.jpg) no-repeat center 0;
}

.index-content1-r2{
    margin-top:100px;
    padding: 0 15px;
}


.index-content1-r2 .share-item{
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 14px;
    color: hsl(var(--my_color_d), 0%, var(--my_color_f25));
}
.index-content1-r2 .share-item::after{
    content:'';
    clear:both;
    display: block;
}

.index-content1-r2 .share-item .body select{
    border: 1px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    height: 50px;
    width:67px;
    border-radius: 35px;
    text-align:center;
    color:#111;
    font-size:12px;
}

.index-content1-r2 .share-item .body textarea{
    border: 1px solid hsl(var(--my_color_d), 0%, 90%);
    margin-top: 6px;
    color: #333;
    font-size: 14px;
    resize: none;
    height: 195px;
    width:205px;
    padding:5px;
    border-radius: 5px;
}
.index-content1-r2 .share-item .body textarea.holder{
    color:#999;
    font-size:12px;
}

.index-content1-r2 .share-btn{
    text-align: center;
}
.index-content1-r2 .share-btn .btn{
    color:#111;
    text-align:center;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    border:none;
    width:320px;
    border-radius: 35px;
}

.index-content1-r4{
    margin:10px 0;
}

.index-content1-r4 .select{
    width:240px;
    margin:0 auto;
    height:30px;
    padding-left:10px;
}
.index-content1-r4 .select li{
    width:30%;
    float: left;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color:hsl(var(--my_color_d), 0%, 75%);
    margin: 0 0.5%;
}
.index-content1-r4 .select li:nth-child(3){}
.index-content1-r4 .select li.active{
    border-bottom: 2px solid hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
    color:hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}

.index-content1-r4 .select li .fa{
    display: inline-block;
    width:20px;
    height: 20px;
    color:#fff;
    background: hsl(var(--my_color_d), 0%, 75%);
    border-radius: 10px;
    line-height: 20px;
    margin-right: 3px;
}
.index-content1-r4 .select li.active .fa{
    background: hsl(var(--my_color_d), var(--my_color_e55), var(--my_color_f50));
}

.index-content1-r4-c{
    clear:both;
    margin-top: 15px;
    width:220px;
}
.index-content1-r4-c li{
    padding:0 15px;
    height: 25px;
    line-height: 25px;
    white-space:nowrap;    
    overflow: hidden;
}
.index-content1-r4-c li a{
    color:#666;
}
.index-content1-r4-c li a:hover{
    color:#f00;
}

.index-content2{height:75px;margin-top: 10px;}
.index-content2 a{display: inline-block;margin-right: 10px;}
.index-content2 a:last-child{margin-right: 0;}
.index-content2 img{width:593px;height:75px;}

.index-content3{
    height:438px;
    border: solid 1px hsl(var(--my_color_d), 0%, 91%);    
    width:1198px;
    margin-top: 10px;
    box-shadow: 0 0 12px #ddd;
}
.index-content3 .title{
    height: 40px;line-height: 40px;
    border-bottom: solid 2px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55));
}
.index-content3 .title span{display: inline-block;}
.index-content3 .title .title-new{
    background: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55));
    color:#fff;
    font-size:18px;
    text-align: center;
    width:200px;
}
.index-content3 .title .t1{width:125px;color:#f00;text-align: center;font-size: 18px;}
.index-content3 .title .t2{width:440px;color:#666;}
.index-content3 .title .t3{width: 355px;color:#666;display: inline-block;height:25px;overflow: hidden;}
.index-content3 .title .t3 span{color:#f00;}
.index-content3 .title .t4 a{color: #f00;font-size:14px;}
.index-content3 .c1{
    width: 200px;
    border-right: solid 1px hsl(var(--my_color_d), 0%, 91%);
}
.index-content3 .c1 .slide-wrap{height:308px;overflow: hidden;}
.index-content3 .c1 dl{
    height:60px;
    border-bottom: solid 1px hsl(var(--my_color_d), 0%, 91%);
    padding: 8px 10px;    
    white-space: nowrap;
    overflow: hidden;
}
.index-content3 .c1 dt{float:left;width:75px;}
.index-content3 .c1 dt img{width:60px;height:60px;}
.index-content3 .c1 dd{line-height: 30px;color:#666;width:100px;float:left;overflow: hidden;
                       text-overflow: ellipsis;}
.index-content3 .c1 dd a{font-weight: bold;}

.index-content3 .c1 .bt{
    height:90px;
    text-align: center;
    clear:both;
}
.index-content3 .c1 .bt a{
    width:180px;
    height:40px;
    background: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f55));
    color:#fff;
    line-height: 40px;
    text-align: center;
    font-size:14px;
    display: inline-block;
    margin-top: 25px;
}
.index-content3 .c2{width:990px;margin-top: 10px;padding:10px 0;}
.index-content3 .c2 dl{
    height:50px;
    width:310px;
    float:left;
    line-height: 20px;
    padding: 5px 10px;
}
.index-content3 .c2 dt{    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-content3 .c2 dt span{color:#f00;margin-right: 10px;}
.index-content3 .c2 dt sub{vertical-align: baseline;}
.index-content3 .c2 dd{color:#999;}

.jrxs-title{width: 100%;height: 60px;position: relative;margin-top: 30px;}
.jrxs-title .jrxs-title1{font-size:30px;line-height: 50px;text-align: center;}
.jrxs-title .jrxs-title2{font-size:16px;color:hsl(var(--my_color_d), 0%, var(--my_color_f50));text-align: center;}
.jrxs-line{width:40px;height:1px;background:#ccc;}
.jrxs-line-lk1{position:absolute;left: 450px;top:28px;}
.jrxs-line-lk2{position:absolute;right:450px;top:28px;}

.index-content4{
    height: 660px;
}
.index-content4 .title{
    height:0;
}
.index-content4 .c1{margin-top: 10px;}
.index-content4 dl{
    width: 155px;
    height: 290px;
    float: left;
    margin-right: 30px;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 12px #ddd;
}
.index-content4 dl:nth-child(6), 
.index-content4 dl:nth-child(12){
    margin-right: 0;
}
.index-content4 dl img{width:155px;height:155px;}
.index-content4 dt{font-size:14px;margin:10px 0;height: 33px;overflow: hidden;line-height: 16px;}
.index-content4 dd{line-height: 25px;color:#999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-content4 dd span{text-align: center;white-space: nowrap;
                        overflow: hidden;}
.index-content4 dd span i{color:#f00;font-style: normal;}
.index-content4 dd.c11{
    width:135px;height:270px;position: absolute;top:0;left:0;background: hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f60));
    filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; 
    padding:20px 20px;
    color:#fff;
    font-size:13px;
    line-height: 25px;
    display: none;
    white-space:normal;
}
.index-content4 .c11 a{color:#fff;}
.index-content4 .c11 em{display: block;text-align: center;font-style: normal;}



.index-content-shangjin{height:415px;margin-top: 20px;box-shadow: 0 0 12px #ddd;}
.index-content-shangjin .title{font-size:18px;background:url(../images/titbg.png) no-repeat 0 0;
                               padding-left:20px;color:#fff;border: none;height: 40px;line-height: 40px;}
.index-content-shangjin .title span{float: right;font-size:14px;margin-right: 20px;}
.index-content-shangjin .title span a{color:hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));}
.index-content-shangjin .title span a, .index-content-shangjin .title i{color:#fff;}
.index-content-shangjin .title >i{font-style: normal;font-size: 14px;margin-left: 30px;font-weight: normal;}
.index-content-shangjin .title img{width:20px;margin-top: -2px;}
.index-content-shangjin .c1{border: solid 1px hsl(var(--my_color_d), 0%, 91%);height: 373px;border-bottom: none;}
.index-content-shangjin .c1 li{
    width:268px;
    border-right: solid 1px hsl(var(--my_color_d), 0%, 91%);
    border-bottom: solid 1px hsl(var(--my_color_d), 0%, 91%);
    height:156px;
    float:left;
    position: relative;
    padding:15px;
}
.index-content-shangjin .c1 li:nth-child(4), 
.index-content-shangjin .c1 li:nth-child(8){border-right: none;}
.index-content-shangjin .c11{width:120px;text-align: center;}
.index-content-shangjin .c11 dt{margin-bottom: 10px;margin-top: 10px;}
.index-content-shangjin .c11 img{width:100px;height:100px;}

.index-content-shangjin .c12{width:130px;margin-right: 12px;}
.index-content-shangjin .c12 dl{margin-top: 10px;}
.index-content-shangjin .c12 dt{font-size:14px;overflow: hidden;height:33px;line-height: 16px;}
.index-content-shangjin .c12 dd{margin:20px 0;line-height: 20px;color:#666;}
.index-content-shangjin .c12 dd span{color:#333;}
.index-content-shangjin .c12 dd:nth-child(2){width:153px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-content-shangjin .c12 dd:nth-child(4){width:128px;text-align: right;padding-right: 30px;color:#f00;}
.index-content-shangjin .c12 dd a{color:#f00;}

.index-content-shangjin .c13 {width:280px;}
.index-content-shangjin .c13 span{line-height: 20px;color:#666;width:40%;text-align: center;display: inline-block;}
.index-content-shangjin .c13 span:nth-child(2){width:58%;}
.index-content-shangjin .c13 span i{color:#f00;font-style: normal;}

.index-content-shangjin .c14{width:258px;height:146px;position: absolute;top:0;left:0;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65));
                             filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; 
                             padding:20px 20px;
                             color:#fff;
                             font-size:13px;
                             line-height: 25px;
                             display: none;
}
.index-content-shangjin .c14 span{display: block;text-align: center;}

.index-content5 .c1{border-bottom: solid 1px hsl(var(--my_color_d), 0%, 91%);}


.index-content-cat{width:390px;height:340px;float:left;margin-left:10px;box-shadow: 0 0 12px #ddd;margin-bottom: 20px;}
.index-content-cat:nth-child(1), 
.index-content-cat:nth-child(4){margin-left: 0;}
.index-content-cat .title{height: 35px;line-height: 35px; background: url(../images/titbg.png) no-repeat -70px -240px;color:#fff;font-size:14px;padding:0 10px;}
.index-content-cat .title span{float:right;font-size:12px;line-height: 20px;margin-top: 12px;}
.index-content-cat .title span a{color:#fff;}
.index-content-cat .c1{padding-top: 10px;}
.index-content-cat .c1 dl{
    height:50px;
    line-height: 20px;
    padding: 5px 20px;
}
.index-content-cat .c1 dt{    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-content-cat .c1 dt span{color:#f00;margin-right: 10px;}
.index-content-cat .c1 dt sub{vertical-align: baseline;}
.index-content-cat .c1 dd{color:#999;}

.index-content10 .title{background-position-y: -290px;}
.index-content11 .title{background-position-y: -340px;}
.index-content12 .title{background-position-y: -390px;}
.index-content13 .title{background-position-y: -440px;}
.index-content14 .title{background-position-y: -490px;}

.index-friends{margin: 20px auto;}
.index-friends .title{height: 30px;line-height: 30px;color:#f00;border-bottom: solid 1px #f00;font-weight: bold;width:115px;text-align: center;}
.index-friends .c1{line-height: 30px;}
}
/*按钮开始*/
#box3 { overflow:hidden;text-align:center;position:absolute;left:33%;top:18%;z-index:10;background:#fff no-repeat;background-size:10px 20px;}
#box3 a { 
	position:relative;
	width:100px; height:100px; overflow:hidden;
	margin:20px;
	line-height:100px;
	text-align:center;
	font-size:50px;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	color:#fff;
	background:#000;
	/* border-radius  */
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	/* text-shadow */
	-webkit-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
	/* box-shadow */
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.75);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.75);
	/* circle transitions (shadow and top) */
	-webkit-transition:-webkit-box-shadow 0.2s ease-out, top 0.2s ease-out;
	-moz-transition:-moz-box-shadow 0.2s ease-out, top 0.2s ease-out;
	-o-transition:box-shadow 0.3s ease-out, top 0.2s ease-out;
	transition:box-shadow 0.3s ease-out, top 0.2s ease-out;
}
#box3 a:hover {
	top:-10px; left:0;
	-webkit-box-shadow:0 20px 30px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 20px 30px rgba(0, 0, 0, 0.5);
	box-shadow:0 20px 30px rgba(0, 0, 0, 0.5);
}
#box3 a span { 
	display:block;
	position:relative;
	overflow:hidden;
	width:100px;
	height:100px;
	
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	
	-moz-box-shadow:inset 0 -10px 40px rgba(0, 0, 0, 0.75);
	box-shadow:inset 0 -10px 40px rgba(0, 0, 0, 0.75);
	
	/* inner shadow transitions */
	-webkit-transition:background 0.3s ease-out; 
	-o-transition:box-shadow 0.3s ease-out;
	-moz-transition:-moz-box-shadow 0.3s ease-out;
	transition:box-shadow 0.3s ease-out;
	background:-webkit-gradient(radial, 50 40, 30, center center, 80, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); 
}
#box3 a:hover span { 
	/*-webkit-box-shadow:inset 0 -10px 30px rgba(0, 0, 0, 0.75);*/
	-moz-box-shadow:inset 0 -10px 30px rgba(0, 0, 0, 0.75);
	box-shadow:inset 0 -10px 30px rgba(0, 0, 0, 0.75);
	background:-webkit-gradient(radial, 50 30, 40, center center, 80, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
}
#box3 a:nth-child(1) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#box3 a:nth-child(2) { background:hsl(var(--my_color_d), 0%, var(--my_color_f60)) }
#box3 a:nth-child(3) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#box3 a:nth-child(4) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
#box3 a:nth-child(5) { background:hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f40)) }
/*按钮结束*/

/*镜框边框3开始*/
.wrap25{
	color:#000;
    margin: 0px auto;
    display: block;
	overflow:hidden;
    width:90%;
    padding:20px;
    -webkit-box-shadow:0 2px 5px hsla(0, 0%, 0%, .4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 12px 12px hsla(0, 0%, 0%, .9),  inset 0 0 45px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));  
		-moz-box-shadow:0 2px 5px hsla(0, 0%, 0%, .4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 12px 12px hsla(0, 0%, 0%, .9),  inset 0 0 45px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));  
			box-shadow:0 2px 5px hsla(0, 0%, 0%, .4),  
			inset 0 1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset 1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -1px 0 hsl(var(--my_color_d), var(--my_color_e85), 70%),  inset -1px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -2px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -2px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -3px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -3px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset 4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -4px 0 hsl(var(--my_color_d), var(--my_color_e80), 77%),  inset -4px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  inset 0 -5px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -5px 0 0 hsl(var(--my_color_d), var(--my_color_e85), 75%),  
			inset 0 6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset 6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -6px 0 hsl(var(--my_color_d), var(--my_color_e85), 71%),  inset -6px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  inset -7px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f65)),  
			inset 0 8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  inset 0 -8px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -8px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)),  
			inset 0 9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  inset 0 -9px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -9px 0 0 hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f60)),  
			inset 0 10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset 0 -10px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  inset -10px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f60)),  
			inset 0 11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  inset -11px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55)),  
			inset 0 12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),  inset -12px 0 0 hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)),    
			inset 0 0 12px 5px hsla(0, 0%, 0%, .9),  inset 0 0 45px hsla(0, 0%, 0%, .7);  
    border:0px solid #eee;
    /*border-radius*/
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    position:relative;
}
.wrap22{
    margin: 0px auto;
	float:left;
    display: block;
	overflow:hidden;
    width:100%;
    padding:20px 20px 30px 20px;
    /*box-shadow*/
    -webkit-box-shadow:0 7px 10px hsla(0, 0%, 0%, .4),  inset 0 6px 0 #ccc,  inset 6px 0 0 #aaa,  inset 0 -6px 0 #ccc,  inset -6px 0 0 #aaa,  inset 0 7px 0 hsl(var(--my_color_d), 0%, 78%),  inset 7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), 0%, 78%),  inset -7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 8px 0 hsl(var(--my_color_d), 0%, 75%),  inset 8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 -8px 0 hsl(var(--my_color_d), 0%, 75%),  inset -8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 9px 0 hsl(var(--my_color_d), 0%, 73%),  inset 9px 0 0 #999,  inset 0 -9px 0 hsl(var(--my_color_d), 0%, 73%),  inset -9px 0 0 #999,  inset 0 10px 0 hsl(var(--my_color_d), 0%, 71%),  inset 10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -10px 0 hsl(var(--my_color_d), 0%, 71%),  inset -10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset -14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 15px 0 #888,  inset 15px 0 0 #666,  inset 0 -15px 0 #888,  inset -15px 0 0 #666,  inset 0 0 15px 15px hsla(0, 0%, 0%, .5),  inset 0 0 50px hsla(0, 0%, 0%, .5);
       -moz-box-shadow:0 7px 10px hsla(0, 0%, 0%, .4),  inset 0 6px 0 #ccc,  inset 6px 0 0 #aaa,  inset 0 -6px 0 #ccc,  inset -6px 0 0 #aaa,  inset 0 7px 0 hsl(var(--my_color_d), 0%, 78%),  inset 7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), 0%, 78%),  inset -7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 8px 0 hsl(var(--my_color_d), 0%, 75%),  inset 8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 -8px 0 hsl(var(--my_color_d), 0%, 75%),  inset -8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 9px 0 hsl(var(--my_color_d), 0%, 73%),  inset 9px 0 0 #999,  inset 0 -9px 0 hsl(var(--my_color_d), 0%, 73%),  inset -9px 0 0 #999,  inset 0 10px 0 hsl(var(--my_color_d), 0%, 71%),  inset 10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -10px 0 hsl(var(--my_color_d), 0%, 71%),  inset -10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset -14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 15px 0 #888,  inset 15px 0 0 #666,  inset 0 -15px 0 #888,  inset -15px 0 0 #666,  inset 0 0 15px 15px hsla(0, 0%, 0%, .5),  inset 0 0 50px hsla(0, 0%, 0%, .5);
            box-shadow:0 7px 10px hsla(0, 0%, 0%, .4),  inset 0 6px 0 #ccc,  inset 6px 0 0 #aaa,  inset 0 -6px 0 #ccc,  inset -6px 0 0 #aaa,  inset 0 7px 0 hsl(var(--my_color_d), 0%, 78%),  inset 7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 -7px 0 hsl(var(--my_color_d), 0%, 78%),  inset -7px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 0 8px 0 hsl(var(--my_color_d), 0%, 75%),  inset 8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 -8px 0 hsl(var(--my_color_d), 0%, 75%),  inset -8px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 0 9px 0 hsl(var(--my_color_d), 0%, 73%),  inset 9px 0 0 #999,  inset 0 -9px 0 hsl(var(--my_color_d), 0%, 73%),  inset -9px 0 0 #999,  inset 0 10px 0 hsl(var(--my_color_d), 0%, 71%),  inset 10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -10px 0 hsl(var(--my_color_d), 0%, 71%),  inset -10px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 -11px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -11px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f55)),  inset 0 12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -12px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -12px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset 13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -13px 0 hsl(var(--my_color_d), 0%, var(--my_color_f65)),  inset -13px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset 14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 -14px 0 hsl(var(--my_color_d), 0%, var(--my_color_f60)),  inset -14px 0 0 hsl(var(--my_color_d), 0%, var(--my_color_f50)),  inset 0 15px 0 #888,  inset 15px 0 0 #666,  inset 0 -15px 0 #888,  inset -15px 0 0 #666,  inset 0 0 15px 15px hsla(0, 0%, 0%, .5),  inset 0 0 50px hsla(0, 0%, 0%, .5);
    border:1px solid #eee;
    -webkit-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    position:relative;
}
.wrap22 img{
    width: 100%;
    height: 100%;
}
.holder22{
    width:195px;
    position:relative;
    margin:20px auto;
    margin-top:70px;
}
.box4_aa{ 
	display:block;
	position:relative;
	overflow:hidden;
	width:18px;
	height:18px;
	z-index:22;
    top:-88px;
    left:48%;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	-moz-box-shadow:inset 0 -3px 7px rgba(0, 0, 0, 0.75);
	box-shadow:inset 0 -3px 7px rgba(0, 0, 0, 0.75);
	background:-webkit-gradient(radial, 50 40, 30, center center, 80, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); 
}
.box4_bb{ 
	display:block;
	position:relative;
	overflow:hidden;
	width:18px;
	height:18px;
	z-index:1;
    top:-68px;
    left:47%;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;	
	background:#fff;
}
.line_one22{
    width:150%;
    height:4px;
    background:hsl(var(--my_color_d), 0%, 97%);
    background:-webkit-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:   -moz-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:     -o-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:        linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(198, 198, 198, 1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), 0%, 97%)', endColorstr='hsl(var(--my_color_d), 0%, 78%)', GradientType=0 );
    position:absolute;
    /*transform*/
    -webkit-transform:rotate(-20deg);
       -moz-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
         -o-transform:rotate(-20deg);
            transform:rotate(-20deg);
    top:-12px;
    left:-92%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
}
.line_two22{
    width:150%;
    height:4px;
    background:hsl(var(--my_color_d), 0%, 97%);
    background:-webkit-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:   -moz-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:     -o-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:        linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(198, 198, 198, 1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), 0%, 97%)', endColorstr='hsl(var(--my_color_d), 0%, 78%)', GradientType=0 );
    position:absolute;
    z-index:0;
    /*transform*/
    -webkit-transform:rotate(20deg);
       -moz-transform:rotate(20deg);
        -ms-transform:rotate(20deg);
         -o-transform:rotate(20deg);
            transform:rotate(20deg);
    top:-12px;
    right:-95%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
 }
.line_one33{
    width:100%;
    height:4px;
    background:hsl(var(--my_color_d), 0%, 97%);
    background:-webkit-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:   -moz-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:     -o-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:        linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(198, 198, 198, 1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), 0%, 97%)', endColorstr='hsl(var(--my_color_d), 0%, 78%)', GradientType=0 );
    position:absolute;
    /*transform*/
    -webkit-transform:rotate(-20deg);
       -moz-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
         -o-transform:rotate(-20deg);
            transform:rotate(-20deg);
    top:-26px;
    left:-45%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
}
.line_two33{
    width:100%;
    height:4px;
    background:hsl(var(--my_color_d), 0%, 97%);
    background:-webkit-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:   -moz-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:     -o-linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:        linear-gradient(rgba(247, 247, 247, 1) 0%, rgba(198, 198, 198, 1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(198, 198, 198, 1)));
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='hsl(var(--my_color_d), 0%, 97%)', endColorstr='hsl(var(--my_color_d), 0%, 78%)', GradientType=0 );
    position:absolute;
    z-index:0;
    /*transform*/
    -webkit-transform:rotate(20deg);
       -moz-transform:rotate(20deg);
        -ms-transform:rotate(20deg);
         -o-transform:rotate(20deg);
            transform:rotate(20deg);
    top:-26px;
    right:-48%;
    /*box-shadow*/
    -webkit-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.2);
 }
/*镜框边框3结束*/

.button_hong {
	content:"1";
	text-align:center;
	float:left;
	display:block;
	padding:6px 2px 7px 5px;
	font-weight:bold;
	color:hsl(var(--my_color_d), 0%, 97%);
	border-radius: 25px;
	text-shadow:1px 1px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30));
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65)) 0%, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f65))), color-stop(1, hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50))));
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	-ms-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 5px 3px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 3px 0px 0px hsl(var(--my_color_d), var(--my_color_e80), var(--my_color_f30)), 0px 6px 3px #999 ;
}
/*说明2*/
.accordionMenu {
			width:82%;
			margin: 0px auto;
			padding: 30px;
			color: #000;
			font-size: 25px Arial, Verdana, sans-serif;
            position:relative;
			font-family:  'Microsoft Yahei', serif;
}
.hang {
	cursor:pointer;
	width:75%;
	line-height:39px;
	padding-left:35px;
	padding-right:30px;
	background-color:hsl(var(--my_color_d), 0%, 97%);
	font-family: 'Microsoft Yahei', 'SimSun', 'Open Sans', sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#333;
	text-align:left;
	letter-spacing:2px;
	border-left:solid 1px hsl(var(--my_color_d), 0%, 87%);
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), 0%, 89%) 0%, hsl(var(--my_color_d), 0%, 100%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 89%) 0%, hsl(var(--my_color_d), 0%, 100%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 89%) 0%, hsl(var(--my_color_d), 0%, 100%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 89%) 0%, hsl(var(--my_color_d), 0%, 100%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 89%) 0%, hsl(var(--my_color_d), 0%, 100%) 100%);
	background-image: -webkit-gradient(	linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), 0%, 89%)), color-stop(1, hsl(var(--my_color_d), 0%, 100%))	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999;
}
.hang:hover {
	line-height:42px;
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), 0%, 100%) 0%, hsl(var(--my_color_d), 0%, 89%) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), 0%, 100%)), color-stop(1, hsl(var(--my_color_d), 0%, 89%))	);
	-webkit-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 5px 3px #999;
}
.hang::before {
	background-color:hsl(var(--my_color_d), 0%, var(--my_color_f25));
	content:"1";
	text-align:center;
	line-height:36px;
	width:30px;
	height:39px;
	float:left;
	margin-left:-58px;
	padding:0px 6px;
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 3px hsl(var(--my_color_d), 0%, var(--my_color_f5));
	border-right:solid 1px hsl(var(--my_color_d), 0%, var(--my_color_f25));
	background-image: linear-gradient(bottom, hsl(var(--my_color_d), 0%, var(--my_color_f60)) 0%, hsl(var(--my_color_d), 0%, 87%) 100%);
	background-image: -o-linear-gradient(bottom, hsl(var(--my_color_d), 0%, var(--my_color_f60)) 0%, hsl(var(--my_color_d), 0%, 87%) 100%);
	background-image: -moz-linear-gradient(bottom, hsl(var(--my_color_d), 0%, var(--my_color_f60)) 0%, hsl(var(--my_color_d), 0%, 87%) 100%);
	background-image: -webkit-linear-gradient(bottom, hsl(var(--my_color_d), 0%, var(--my_color_f60)) 0%, hsl(var(--my_color_d), 0%, 87%) 100%);
	background-image: -ms-linear-gradient(bottom, hsl(var(--my_color_d), 0%, var(--my_color_f60)) 0%, hsl(var(--my_color_d), 0%, 87%) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, hsl(var(--my_color_d), 0%, var(--my_color_f60))), color-stop(1, hsl(var(--my_color_d), 0%, 87%))	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 0px 10px 5px #999 ;
}
.hang:hover::before {
	margin-bottom:3px;
	-webkit-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px hsl(var(--my_color_d), 0%, 87%), 0px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f40)), 1px 1px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 2px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 2px 5px 0px 0px hsl(var(--my_color_d), 0%, var(--my_color_f30)), 6px 4px 2px hsl(var(--my_color_d), 0%, var(--my_color_f50)), 0px 10px 5px #999 ;
}
.zhankai {
width:102%;
height:0px;
overflow: hidden;
letter-spacing:1px;
text-indent:-2em;
padding:15px 20px 0px 0px;
font-size:17px;
text-align:left;
line-height:25px;
margin:5px 10px 10px 0px;
z-index: 2;
font-family:'Microsoft Yahei', 'SimSun', serif;
-webkit-transition: height 0.5s ease-in;
-moz-transition: height 0.5s ease-in;
-o-transition: height 0.5s ease-in;
transition: height 0.5s ease-in;
}
.zhankai_js {display:none;color:#333;font-family:"Microsoft YaHei" ;
width:96%;
overflow: hidden;
letter-spacing:1px;
padding:5px 60px 30px 20px;
font-size:13px;
text-align:left;
line-height:30px;
margin:15px 10px 20px 0px;
z-index: 2;
}
.zhankai p{margin-bottom:5px;font-size:16px;letter-spacing:1px;}
.hangzong{}
.hangzong:hover .zhankai{height:220px;}

.hangzong1{}
.hangzong1:hover .zhankai{height:720px;}

.hangzong2{}
.hangzong2:hover .zhankai{height:720px;}

.hangzong3{}
.hangzong3:hover .zhankai{height:720px;}

.hangzong4{}
.hangzong4:hover .zhankai{height:720px;}

.hangzong5{}
.hangzong5:hover .zhankai{height:720px;}

.hangzong6{}
.hangzong6:hover .zhankai{height:720px;}

.twob::before {
	content:"2";
}
.threeb::before {
	content:"3";
}
.fourb::before {
	content:"4";
}
.fiveb::before {
	content:"5";
}
.sixb::before {
	content:"6";
}
.sevenb::before {
	content:"7";
}
.eightb::before {
	content:"8";
}


.biaoti11{
	padding:0px 38px;
	font-size:20px;
	font-family: 'Microsoft Yahei', serif;
	font-weight: 700; 
	color:#000; 
	letter-spacing:3px;
	text-align:left;
	border-radius:20px;
	line-height:45px;
}
.biaoti1{
	padding:0px 18px;
	height:50px;
	font-size:22px;
	color: hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));
	font-family: 'Microsoft Yahei', serif;
	font-weight: 700; 
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); 
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:3px;
	margin:20px auto 20px;
	text-align:center;
	border-radius:20px;
	line-height:50px;
}
.biaoti2{
	padding:5px 18px;
	width:160px;
	font-size:15px;
	font-family: 'Microsoft Yahei', serif;
	font-weight: 700; 
	color:hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50)); 
	text-shadow: 1px 1px 3px hsl(var(--my_color_d), var(--my_color_e25), 81%);
	letter-spacing:3px;
	margin:0px auto;
	text-align:center;
	border-radius:20px;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
.baoming{margin-top:80px; width:100%;float:left;}
.baoming img{z-index:2; margin:-140px auto 0px;}


.fws{width:100%;float:left;}
.fws a{font-size:14px;}
.fws p{width:153px;margin-top:10px;}
.fws .da:hover{transform: scale(1.2);color:#000;}
.fws .da a:hover{color:#000;}
.fwsdn{background:url('/static/skins/2018/images/fwsdn.png') no-repeat;width:143px;height:133px;zoom:1;}
.pspxzx{background-position:-601px -467px;}
.pswltg{background-position:-455px -617px;}
.pshdch{background-position:-597px -617px;}
.pszscq{background-position:-157px -467px;}
.psbgrj{background-position:-308px -321px;}
.psggcm{background-position:-308px -467px;}
.pslyfw{background-position:-454px -25px;}
.pslpfw{background-position:-601px -321px;}
.psrlfw{background-position:-308px -173px;}
.pscsfw{background-position:-455px -617px;}
.psfwfw{background-position:-310px -617px;}
.psbzys{background-position:-597px -617px;}
.psbgyj{background-position:-454px -173px;}
.pswlys{background-position:-157px -25px;}
.psqt{background-position:-16px -25px;}
.psazapp{background-position:-16px -747px;}


/*
.pspxzx{background-position:-601px -467px;}
.pswltg{background-position:-455px -617px;}
.pshdch{background-position:-308px -321px;}
.pszscq{background-position:-308px -173px;}
.psbgrj{background-position:-160px -321px;}
.psggcm{background-position:-12px -467px;}
.pslyfw{background-position:-604px -25px;}
.pslpfw{background-position:-157px -617px;}
.psrlfw{background-position:-454px -467px;}
.pscsfw{background-position:-455px -617px;}
.psfwfw{background-position:-310px -617px;}
.psbzys{background-position:-597px -617px;}
.psbgyj{background-position:-454px -173px;}
.pswlys{background-position:-157px -25px;}
.psqt{background-position:-16px -25px;}
.psazapp{background-position:-16px -747px;}
*/
/*问答部分开始*/
.accordionMenu {
			width:82%;
			margin: 0px auto;
			padding: 30px;
			color: #000;
			font-size: 25px Arial, Verdana, sans-serif;
            position:relative;
			font-family:  'Microsoft Yahei', serif;
		}

		.accordionMenu h2 {
			position: relative;
			margin: 5px 0;
			padding: 0;
		}
		.accordionMenu h2:before { /*制作向下三角效果*/
			position: absolute;
			top: 25px;
			right: 10px;
			width: 0;
			height: 0;
			border: 5px solid hsl(var(--my_color_d), 0%, var(--my_color_f50));
			border-color: hsl(var(--my_color_d), 0%, var(--my_color_f50)) transparent transparent;
			content: "";
		}
		.accordionMenu h2 a { /*制作手风琴标题栏效果*/
			background: hsl(var(--my_color_d), 0%, 89%);
			background: -moz-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			background: -webkit-gradinet(linear, left top, left bottom, from(hsl(var(--my_color_d), 0%, 97%)), to(hsl(var(--my_color_d), 0%, 89%)));
			background: -webkit-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			background: -o-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));background: -ms-linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			background: linear-gradient(hsl(var(--my_color_d), 0%, 97%), hsl(var(--my_color_d), 0%, 89%));
			border-radius: 30px;
			box-shadow:0 0px 12px 1px rgba(0, 0, 0, .2) ;
			color: #000;
			display: block;
			font-size: 17px;
			font-weight: normal;
			margin: 0;
			padding: 15px 15px;
			text-decoration: none;
		}
		.accordionMenu  p { /* 标题栏对应的内容 */
			overflow: hidden;
			height: 0; /*默认栏目内容高度为0，达到隐藏效果*/
			margin: 0;
			padding: 6px 15px 0px 40px;
			font-size:17px;
			line-height:30px;
			text-align:left;
            text-indent:-2em;
			font-family:  'Microsoft Yahei', serif;
			-webkit-transition: height 0.5s ease-in;
			-moz-transition: height 0.5s ease-in;
			-o-transition: height 0.5s ease-in;
			transition: height 0.5s ease-in;
		}
 
		/*关键代码 显示内容部分信息*/
		.accordionMenu :hover p { /*展开对应目标内容*/
			overflow: visible;
			height: 210px;/*显示对应目标栏内容*/
			padding:6px 15px 0px 40px;

		}
		.accordionMenu :hover h2:before { /*展开时标题三角效果*/
			border-color: transparent transparent transparent hsl(var(--my_color_d), 0%, var(--my_color_f50));
			top:20px;
		}
/*问答部分结束*/
/*精美边框3*/
.box511{
    margin: 20px auto;
    width: 300px;
    min-height: 310px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(hsl(var(--my_color_d), 0%, 95%)), to(#fff), color-stop(.1, hsl(var(--my_color_d), 0%, 95%)));
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);    
}
.box511:before{
    content:'';    
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1, #fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
                        skew(-40deg, -3deg)
                        translate(-13px, -13px);
}
.box511:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px, -20px)
                        skew(20deg);
}
.fold_box511{
    z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;

    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(40px, -20px)
                        skew(-20deg);
}
.fold2_box511{
    content:'';    
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; left:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1, #fff));
    -webkit-border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg)
                        skew(-3deg, -40deg)
                        translate(-13px, -15px);
}
.box511 img {
    width: 100%;
    margin-top: 15px;
}
/*精美边框3结束*/


/*精美边框4*/
.box15{
    margin: 18px auto;
    width: 320px;
    min-height: 310px;
    padding: 10px;
    position:relative;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(hsl(var(--my_color_d), 0%, 95%)), color-stop(.1, #fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    
}

.box15:before{
    content: '';
    width: 98%;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(hsl(var(--my_color_d), 0%, 98%)), color-stop(.1, #fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -webkit-transform: skew(2deg, 2deg)
                        translate(3px, 8px)
}
.box15:after{
    content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(hsl(var(--my_color_d), 0%, 95%)), to(hsl(var(--my_color_d), 0%, 96%)), color-stop(.1, #fff));
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    -webkit-transform: skew(2deg, 2deg)
                        translate(-1px, 2px)
}

.box15_ribbon{
    position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1, rgba(0, 0, 0, 0.2)));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-30deg) skew(0, 0) translate(-30px, -20px);
}

.box15 img {
    width: 100%;
    margin-top: 15px;
}
/*精美边框4结束*/

/* 以下为时钟 */
.t1 {width: 100%;height: 100%;}
.t2 {position: relative;width: 100%;height: 100%;z-index: -3;margin-top:-160px;}
.t3 {position: absolute;left: 50%;margin-left: -175px;top: 30%;height: 350px;width: 350px;border-radius: 60px;background: #fff;background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e35), 91%) 40px, hsl(var(--my_color_d), var(--my_color_e35), 91%) 210px, hsl(var(--my_color_d), var(--my_color_e25), 87%));}
.t3:before {content: "";position: absolute;box-shadow: 0px -4px 3px 3px hsl(var(--my_color_d), 15%, 76%) inset;border-radius: 60px;opacity: 0.6;height: 100%;width: 100%;-webkit-filter: blur(1px);z-index: 2;}
.t3:after {content: "";height: 17px;width: 300px;position: absolute;top: 97%;margin-left: 25px;background: hsl(var(--my_color_d), 1%, var(--my_color_f15));-webkit-filter: blur(7px); /*Chrome, Opera*/z-index: -1;}
.t4 {position: relative;margin: 71px;width: 210px;height: 210px;border-radius: 50%;background-image: linear-gradient(hsl(var(--my_color_d), var(--my_color_e), 99%), hsl(var(--my_color_d), var(--my_color_e55), 91%));box-shadow: 0px 0px 28px -8px hsl(var(--my_color_d), var(--my_color_e55), 95%);z-index: 11;font-size: 20px;;color: hsl(var(--my_color_d), 23%, var(--my_color_f60));font-family: Arial;}
.t4 i {font-style: normal}
.hour {position: absolute;}
.hour3 {right: 30px;top: 50%;margin-top: -7px;}
.hour6 {left: 50%;bottom: 27px;margin-left: -5px;}
.hour9 {left: 30px;top: 50%;margin-top: -7px;}
.hour12 {left: 50%;top: 30px;margin-left: -10px;}
.t4:before {content: "";position: absolute;width: 210px;height: 210px;border-radius: 50%;box-shadow: 0px 15px 24px -5px hsl(var(--my_color_d), 24%, var(--my_color_f55));z-index: 10;}
.t4:after {content: "";left: 0px;top: 0px;position: absolute;width: 210px;height: 210px;border-radius: 50%;box-shadow: 0px 4px 4px -1px hsl(var(--my_color_d), 24%, var(--my_color_f55));z-index: 9;}
#miao, #fen, #shi {position: absolute;left: 50%;height: 210px;width: 10px;margin-left: -5px;}
#miao {z-index: 23;}
#fen {z-index: 22;}
#shi {z-index: 21;}
#shi:after{content: "";height: 60px;width: 6px;position: absolute;top: 60px;left:2px;background: hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f50));border-radius: 8px 8px 8px 8px;z-index: -1;}
#fen:after{content: "";height: 65px;width: 4px;position: absolute;top: 60px;left:3px;background: hsl(var(--my_color_d), var(--my_color_e75), var(--my_color_f50));border-radius: 8px 8px 8px 8px;z-index: -1;}
#miao:after{content: "";height: 80px;width: 1px;position: absolute;top: 48px;left:4px;background: hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50));z-index: -1;/*box-shadow: 5px 10px 8px 3px hsl(var(--my_color_d), var(--my_color_e25), 76%);*/}
#point{ position: absolute; left:50%; top: 50%; width: 16px; height:16px; margin-left: -8px; margin-top: -8px; z-index: 999;    border-radius: 50%;  box-shadow: 0px 3px 8px -1px hsl(var(--my_color_d), var(--my_color_e65), var(--my_color_f25));}
#point:before, #point:after{content: "";height: 10px;width: 10px;position: absolute;top:0%;background: hsl(var(--my_color_d), 23%, var(--my_color_f60));border-radius: 50%;z-index: 1; }
#point:before {width: 16px; height:16px;}
#point:after {background: hsl(var(--my_color_d), var(--my_color_e30), 87%); left: 3px; top:3px;}




/* 以下为钟摆效果 */
background:radial-gradient(circle at 800px 800px, hsl(var(--my_color_d), var(--my_color_e55), 79%), hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f50)));
.clock-box {width:300px;height:300px;margin:100px auto;border:1px solid hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f50));}
.clock {width: 2px;height: 100px;margin: 30px auto;position: relative;}
.clock::after {content: "";position: absolute;bottom: -20px;left: -9px;width: 20px;height: 20px;border-radius: 10px;}
.clock {-webkit-animation: go 1s ease-in-out alternate infinite;-moz-animation: go 1s ease-in-out alternate infinite;-ms-animation: go 1s ease-in-out alternate infinite;-o-animation: go 1s ease-in-out alternate infinite;animation: go 1s ease-in-out alternate infinite;}
@keyframes go {0% {-webkit-transform: rotate(10deg);-webkit-transform-origin: top center;-moz-transform: rotate(10deg);-moz-transform-origin: top center;-ms-transform: rotate(10deg);-ms-transform-origin: top center;-o-transform: rotate(10deg);-o-transform-origin: top center;transform: rotate(10deg);transform-origin: top center;}
100% {-webkit-transform: rotate(-10deg);-webkit-transform-origin: top center;-moz-transform: rotate(-10deg);-moz-transform-origin: top center;-ms-transform: rotate(-10deg);-ms-transform-origin: top center;-o-transform: rotate(-10deg);-o-transform-origin: top center;transform: rotate(-10deg);transform-origin: top center;}}

/* 以下为艺术字（蓝色、会动） */ 
@charset "UTF-8";
.stage { margin: auto;  position: absolute;  top: 80px;  right: 0;  bottom: 0;  left:-700px;  perspective: 9999px;  transform-style: preserve-3d; zoom:0.5;-moz-transform:scale(0.5);-moz-transform-origin:70% -38%;-o-transform:scale(0.5);-o-transform-origin:70% -38%;}
 .layer {  width: 100%;  height: 100%;  position: absolute;  transform-style: preserve-3d;  animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s;  animation-fill-mode: forwards;  transform: rotateY(30deg) rotateX(33deg) translateZ(0);}
/*.layer {  width: 100%;  height: 100%;  position: absolute;  transform-style: preserve-3d;  animation-fill-mode: forwards;  transform: rotateY(20deg) rotateX(13deg) translateZ(0);} */
.layer:after {  font: 150px/0.95 'buding', 'Pacifico', 'Kaushan Script', Futura, 'Roboto', 'Trebuchet MS', Helvetica, sans-serif;  content: '所有秘密\A \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 \00A0 都在这里!';  
white-space: pre;  text-align: center;  height: 100%;  width: 100%;  position: absolute;  top: 50px;  color: whitesmoke;  letter-spacing: 5px;  text-shadow: 4px 0 10px rgba(0, 0, 0, 0.13);}
.layer:nth-child(1):after {  transform: translateZ(0px);}
.layer:nth-child(2):after {  transform: translateZ(-1.5px);}
.layer:nth-child(3):after {  transform: translateZ(-3px);}
.layer:nth-child(4):after {  transform: translateZ(-4.5px);}
.layer:nth-child(5):after {  transform: translateZ(-6px);}
.layer:nth-child(6):after {  transform: translateZ(-7.5px);}
.layer:nth-child(7):after {  transform: translateZ(-9px);}
.layer:nth-child(8):after {  transform: translateZ(-10.5px);}
.layer:nth-child(9):after {  transform: translateZ(-12px);}
.layer:nth-child(10):after {  transform: translateZ(-13.5px);}
.layer:nth-child(11):after {  transform: translateZ(-15px);}
.layer:nth-child(12):after {  transform: translateZ(-16.5px);}
.layer:nth-child(13):after {  transform: translateZ(-18px);}
.layer:nth-child(14):after {  transform: translateZ(-19.5px);}
.layer:nth-child(15):after {  transform: translateZ(-21px);}
.layer:nth-child(16):after {  transform: translateZ(-22.5px);}
.layer:nth-child(17):after {  transform: translateZ(-24px);}
.layer:nth-child(18):after {  transform: translateZ(-25.5px);}
.layer:nth-child(19):after {  transform: translateZ(-27px);}
.layer:nth-child(20):after {  transform: translateZ(-28.5px);}
.layer:nth-child(n+10):after {  -webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);}
.layer:nth-child(n+11):after {  -webkit-text-stroke: 20px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f55));  /* text-shadow: 6px 0 6px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20)), 5px 5px 5px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f15)), 0 6px 6px hsl(var(--my_color_d), var(--my_color_e), var(--my_color_f20)); */}
.layer:nth-child(n+12):after {  -webkit-text-stroke: 20px hsl(var(--my_color_d), var(--my_color_e85), var(--my_color_f40));}
.layer:last-child:after {  -webkit-text-stroke: 17px rgba(0, 0, 0, 0.1);}
.layer:first-child:after {  color: #fff;  text-shadow: none;}@keyframes ಠ_ಠ {  100% {    transform: rotateY(-30deg) rotateX(-33deg);  }}