.navbar .container ul li .xhx{position: relative;width: 0px;height: 6px;top:-25px;}
.tangce{position: relative;margin-top: 0px;}
.tangce .wenzi{width: 100%;padding: 0 10%;background-color: #ffb616;}
.tangce .wenzi p {font-size: 2em;color: white;margin-bottom:15px;}
.tangce .wenzi p:last-of-type{margin-bottom: 0px;}
.i-footer p{width: 100%;font-size:17px;color: #ff6d33;text-align: center;line-height: 80px;}
.i-header .i-right .xhx{width:0px;height: 6px;position: relative;top:-130px;}
.i-header ul li{height: 80px;}
.i-header{position: fixed;left: 0;top:0;z-index: 999}
.tangzuo{position: relative;margin-top:0px;}
.tangzuo img{width: 100%}
.xhx2{width: 60px;}
.xhx3{width: 60px;}
.tangzuo .aoliao{position: absolute;top:1031px;left:50%;width: 1298px;margin-left: -649px;}
.tangzuo .aoliao>img{width: 95%}
.tangzuo .aoliao .col-md-6 p{width: 100%;text-align: center;font-size: 36px;font-weight: bold;margin: 30px 0;color: #333333}
.tangzuo-main{position: relative;}
.tangzuo-main .zhezhao{position: fixed;left: 0;top:0;bottom:0px;width: 100%;background: rgba(0,0,0,0.5);z-index: 999}
.tangzuo .fenye p{display: inline-block;width: 35px;height: 35px;line-height:35px;border-radius: 50%;color: white;
    background-color: #fdb532;text-align: center;margin-left: 20px; cursor:pointer;}
.tangzuo .fenye p a{font-size: 26px;color: white;line-height: 35px;}
.tangzuo .fenye span{font-size: 49px;color: #fdb532; cursor:pointer;}
.tangzuo .fenye{width:50%;margin: 0 auto;margin-top: 80px;}
.tangzuo .fenye .teshu{position: relative;top:-9px;}
.img{
    cursor: pointer;
    transition: all 0.6s;
}
.fa-search:hover .img{
    transform: scale(1.4);
}

.demo{
    padding: 3em 0;
    font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;
}
.box{
    border-radius: 10px;
    overflow: hidden;
    perspective: 800px;
    position: relative;
}
.box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(36deg, #272b66 42.34%, transparent 42.34%) 0 0,
    linear-gradient(72deg, #2d559f 75.48%, transparent 75.48%) 0 0,
    linear-gradient(-36deg, #9ac147 42.34%, transparent 42.34%) 100% 0,
    linear-gradient(-72deg, #639b47 75.48%, transparent 75.48%) 100% 0,
    linear-gradient(36deg, transparent 57.66%, #e1e23b 57.66%) 100% 100%,
    linear-gradient(72deg, transparent 24.52%, #f7941e 24.52%) 100% 100%,
    linear-gradient(-36deg, transparent 57.66%, #662a6c 57.66%) 0 100%,
    linear-gradient(-72deg, transparent 24.52%, #9a1d34 24.52%) 0 100%,
    #43a1cd linear-gradient(#ba3e2e, #ba3e2e) 50% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    transform: translateX(-50%) translateY(-50%) scale(0) rotate(360deg);
    transition: all 0.3s ease 0s;
}
.box:hover:before{
    opacity: 0.5;
    transform: translateX(-50%) translateY(-50%) scale(1.5) rotate(0);
}
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(255,255,255,0.9),transparent,transparent);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.box:hover:after{ opacity: 1; }

.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 501px;
    height: 372px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.box .inner-content{
    width: 100%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 2;
    transform: translate(-50%, -50%) scale(2);
    transition: all 0.3s ease 0.2s;
}
.box:hover .inner-content{
    opacity: 1;
    transform: translate(-40%, -50%) scale(1);
}
.box .title{
    font-size: 25px;
    font-weight: 600;
    color: #3e0e0c;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    position: relative;
    transition: all 0.3s ease 0.2s;
}
.box .post{
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #3e0e0c;
    text-transform: capitalize;
    letter-spacing: 2px;
}
.box .icon{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: -100%;
    left: 60%;
    transform: translateX(-50%);
    transition: all 0.3s ease 0.2s;
}

.box:hover .icon{ bottom: 15px; }

.box .icon li{
    display: inline-block;
    margin: 0 2px;
}

.box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 30%;
    background: #fff;
    font-size: 20px;
    color: #3e0e0c;
    transition: all 0.3s ease 0s;
}

.box .icon li a:hover{
    background: #3e0e0c;
    color: #fff;
}
@media only screen and (max-width:1450px){
    .tangce .wenzi p {font-size:25px;color: white;margin-bottom:15px;}
    .tangzuo .aoliao{position: absolute;top:700px;left:50%;width: 1298px;margin-left: -649px;}
    .tangzuo .fenye{width:50%;margin: 0 auto;margin-top:20px;}
    .tangzuo .aoliao .col-md-6 p{width: 100%;text-align: center;font-size:26px;font-weight: bold;margin: 20px 0;color: #333333}
    .tangzuo .fenye span{font-size: 31px;color: #fdb532; cursor:pointer;}
}
@media only screen and (max-width:1400px){
    .tangzuo .aoliao{position: absolute;top:600px;left:50%;width: 1298px;margin-left: -649px;}
    .tangzuo .fenye{width:50%;margin: 0 auto;margin-top:0px;}
    .tangzuo .aoliao .col-md-6 p{width: 100%;text-align: center;font-size:26px;font-weight: bold;margin: 20px 0;color: #333333}
}
/*@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}*/
@media only screen and (max-width:418px) {
    .tangce{position: relative;margin-top:0px;}
    .tangce .wenzi p {font-size:15px;color:#fff;margin-bottom:0px;line-height: 25px;}
    .i-footer p{width: 100%;font-size:16px;color: #ff6d33;text-align: center;line-height:40px;}
    .i-header ul li{height:50px;}
    .tangzuo{position: relative;margin-top:0px;}
    .tangzuo .aoliao{position: absolute;top:250px;left:0%;width:100%;margin-left: 0px;}
    .tangzuo .aoliao img{width:95%}
    .tangzuo .aoliao .right img{margin-left: 5%;}
    .tangzuo .aoliao .col-md-6 p{width:95%;text-align: center;font-size:14px;font-weight: bold;margin: 10px 0;color: #333333}
    .tangzuo .fenye p{display: inline-block;width:20px;height: 20px;line-height: 20px;border-radius: 50%;color: white;background-color: #fdb532;text-align: center;margin-left:5px;}
    .tangzuo .fenye p a{font-size:26px;color: white;line-height: 20px;}
    .tangzuo .fenye span{font-size:16px;color: #fdb532;}
    .tangzuo .fenye{width:70%;margin: 0 auto;margin-top:0px;}
    .box .title{font-size: 16px;margin-top: -40px;}
    .tangzuo .fenye .teshu{position: relative;top:-5px;}
    .box-content{display:none;}
    .box:before{
    content: "";
    width: 100%;
    height: 100%;
    background:none;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    transform: translateX(-50%) translateY(-50%) scale(0) rotate(360deg);
    transition: all 0.3s ease 0s;
    }
}

}
@media only screen and (max-width:375px) {
    .tangce .wenzi p {font-size:16px;color:#fff;margin-bottom:0px;}
    .i-footer p{width: 100%;font-size:14px;color: #ff6d33;text-align: center;line-height:40px;}
}
@media only screen and (max-width:360px) {
    .tangce .wenzi p {font-size:13px;color:#fff;margin-bottom:0px;}
    .i-footer p{width: 100%;font-size:14px;color: #ff6d33;text-align: center;line-height:40px;}
}
@media only screen and (max-width:321px) {
    .tangce .wenzi p {font-size:13px;color:#fff;margin-bottom:0px;line-height: 25px;}
    .tangzuo .aoliao{position: absolute;top:170px;left:0%;width:100%;margin-left: 0px;}
    .tangzuo .fenye{width:80%;margin: 0 auto;margin-top:30px;}
    .box .post{margin-top: -30px;}
    .i-footer p{width: 100%;font-size:12px;color: #ff6d33;text-align: center;line-height:40px;}
}
.imgAnimation{
    animation-name: imgAnimation;
    animation: imgAnimation 1s alternate;
    -webkit-animation: imgAnimation 1s alternate ;
    -moz-animation: imgAnimation 1s alternate infinite;
}
@-webkit-keyframes imgAnimation{
    0%{ right: -198px;top:100px;}
    100%{ top: 50px; left: 50%;
        margin-left: -95px;}
}