@charset "gb2312";
/* CSS Document */

*{margin: 0;padding: 0;font-family: "Microsoft Yahei";}
html,body{width: 100%;height: 100%;}
ul,li{list-style: none;}
a{text-decoration:none;color: #000;}
.w{width: 1160px;margin: 0 auto; overflow: hidden;}
img{display:block;border:none;}

.clear_f:before {
    content: "";
    display: table;
}
.clear_f:after {
    content: "";
    display: table;
    clear: both;
}



.content_box{width:1136px;margin: 20px auto;}
.ul2-sx{
    border-bottom: 1px solid #333;
    width: 1136px;
    margin: 5px auto 20px;
}
.ul2-sx li{
    float: left;
    font-size: 20px;
    line-height: 45px;
    margin-bottom: 10px;
    margin-left: 10px;
}
.ul2-sx li:last-child{
    float: right;
}
.ul2-sx li:nth-child(2){
    font-size: 14px;
    color: #888;
    line-height: 22px;
    max-width: 650px;
    margin-left: 20px;
}
.ul2-sx li:last-child div{
    display: inline-block;
    width: 155px;
    text-align: center;
    margin-left: 5px;
    cursor: pointer;
    font-size: 16px;
}
.kccz{
    background: #DDDDDD;
}
.kcqr{
    background: #cc7833;
    color: #fff;
}
.zyszfl_content{
    width: 1136px;
    margin: 0 auto;
}
.zyszfl_content span{
    font-size: 16px;
    line-height: 35px;
    margin-left: 15px;
    color: #333;
}
.zyszfl_content ul{
    display: inline-block;
}
.ul2-0 li{display: inline-block;font-size: 16px;line-height: 30px;margin-right: 8px;color: #888;width: 116px;}
.ul2-0 i{display:inline-block;width: 16px;vertical-align: middle;position: relative;top: -2px;margin-right: 4px;cursor: pointer;}
.ul2-0 img{width: 100%;}
.zyfl span{cursor: pointer;}
.ul2-0 .active .xuanze1,.ul2-0 .xuanze2{display:none}
.ul2-0 .active .xuanze2{display:block}
.ul2-0 .active{color:#ff8900;}
.zy_box{width: 1137px;margin: 20px auto 0;padding-top: 40px;border-top: 1px solid #333;}
.zy_box li{float: left;width: 369px;margin-right: 5px;margin-left: 5px;position: relative;margin-bottom: 45px;border-radius: 0;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.zy_box li img{    position: relative;z-index: -2;}
.zy_box h3{font-size: 16px;line-height: 45px;text-align: center;}
.zy_box p{width: 93.75%;margin: -5px auto 15px;font-size: 13px;line-height: 20px;height: 80px;color: #888;}
.zy_btn{width: 93.75%;margin: 10px auto 10px;}
.zy_btn a{float: left;width: 48%;margin-right: 4%;text-align: center;font-size: 16px;line-height: 38px;background:#cc7833;color: #fff;border-radius: 25px;border: 1px solid #cc7833;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.zy_btn a:last-child{margin-right: 0;border-color: #94532b;background: #94532b;color: #fff;}
.zy_xz{width: 64px;text-align: center;height: 72px;background: url(../images/shape1.png) no-repeat;background-size: 100%;color: #fff;position: absolute;top: -26px;left: 50%;margin-left: -32px;z-index: 1;}
.zy_xz b{width: 64px;height: 72px;position: absolute;left: 0;top: 0;transform: rotate(0deg);animation: rotate 6s infinite linear;background: url(../images/shape2.png) no-repeat;background-size: 100%;z-index: -1;}
.zy_xz h4{font-size: 15px;line-height: 18px;padding-top: 16px;}
svg{position: absolute;left: 0;top: 0;z-index: -1;}
svg line{stroke: #A7A7A7;stroke-width: 3px;transition: all .8s ease-in-out;}
svg line.top,svg line.bottom{stroke-dasharray: 380 90;}
svg line.left,svg line.right{stroke-dasharray: 410 90;}
.zy_box li:hover .top{transform: translateX(-738px);}
.zy_box li:hover .left{transform: translateY(792px);}
.zy_box li:hover .bottom{transform: translateX(738px);}
.zy_box li:hover .right{transform: translateY(-792px);}


@keyframes rotate{
    0%{
        transform: rotate(-360deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-webkit-keyframes rotate{
    0%{
        transform: rotate(-360deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-moz-keyframes rotate{
    0%{
        transform: rotate(-360deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-ms-keyframes rotate{
    0%{
        transform: rotate(-360deg);
    }
    100%{
        transform: rotate(0deg);
    }
}


















