@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#666;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;color:#666;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/zhuanti/2016cy/an.png) no-repeat;}
.ggtit{ width: 603px; height: 181px; left: 50%; top: -90px; margin-left: -302px;}

/*页头*/
.headergb{ background:url(/images/zhuanti/2016cy/cy_01.jpg) no-repeat center top; height: 315px;}
.headergb2{ background:url(/images/zhuanti/2016cy/cy_02.jpg) no-repeat center top; height: 315px;}
.header .logo{ display: block; width: 222px; height: 57px; top: 21px; left: 0; -webkit-animation-delay: 2s; animation-delay: 2s;z-index: 9;}
.header .cen{ width: 210px; height: 570px; top: 0; left: 427px;z-index: 9;}
.header .right{ top: 82px; left: 641px; -webkit-animation-delay: 1s; animation-delay: 1s;z-index: 9;}
.header .cao{ width:1000px; position:absolute; top:502px; left:0;}

/*顶部轮换*/
.tlhgb{ background:url(/images/zhuanti/2016cy/cy_03.png) no-repeat center top; height: 639px;}
.tlh .jy{ padding: 60px 90px 0 162px; line-height: 26px; font-size: 16px; text-indent: 2em;}
.tlh .jy a{ color: #cc0000;}
.slideBox{height:332px;width:822px;overflow:hidden; margin: 36px 0 0 89px;}
.slide-bd{width:100%;height:332px;position:absolute;top:0;right:0}
.slide-bd ul li{width:100%;height:332px;position:relative}
.slide-bd ul li a{display:block;position:absolute;bottom:0;*bottom:-1px;left:0;width:300px;overflow:hidden;height:58px;color:#fffad6;font-size:14px;line-height:58px;z-index:1;padding-left:25px}
.slide-bd ul li a:hover{text-decoration:none}
.slide-bd ul li .slide-bg{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;bottom:0px;right:0;width:1000px;height:58px}
.slide-hd{position:absolute;bottom:0;right:0;width:500px;height:58px}
.slide-hd li{ float:left;width:78px;height:36px;margin:9px 0 0 13px;opacity:0.5;filter:alpha(opacity=50);padding:3px;cursor:pointer}
.slide-hd li img{width:78px;height:36px}
.slide-hd li.on{opacity:1;filter:alpha(opacity=100);border:3px solid #c40f42;padding:0}

/*运动会*/
.ydhgb{ background:url(/images/zhuanti/2016cy/cy_04.jpg) no-repeat center top; height: 736px;}
.ydh .pic {  display: block;  width: 304px;  height: 188px;  overflow: hidden; position: relative;}
.ydh .pic img {  display: block;  width: 304px;  height: 188px;  position: absolute;  left: 50%;  top: 50%;  margin: -94px 0 0 -152px;  z-index: 1;  }
.ydh p{ display:block; position:absolute; left:0; bottom:0; width:304px; line-height:30px; text-align:center; font-size:14px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); z-index: 2;}
:root .ydh p{filter:none;}/*for IE9*/
.ydh .nr01{ top: 155px; left: 8px;}
.ydh .nr02{ top: 155px; left: 347px;}
.ydh .nr03{ top: 155px; left: 688px;}
.ydh .nr04{ top: 390px; left: 7px;}
.ydh .nr05{ top: 390px; left: 347px;}
.ydh .nr06{ top: 390px; left: 688px;}

/*盛典*/
.sdgb{ background:#faab35;}
.sd{ padding-top: 134px;}
.sd .tit{ width: 373px; height:62px; background:url(/images/zhuanti/2016cy/cy_16.png) no-repeat; padding-left: 15px; font-size: 30px; line-height: 62px; color: #fff; margin-bottom: 25px;}
.sd .cen{height:348px;overflow:hidden; background-color: #a40431; margin-bottom: 58px;}
.video{ width:616px; height:348px;}
.video object{vertical-align:top;}
.dtImg{width:616px; height:348px;}
.video-roll{width:370px;height:348px;background:#a40431;border-right:4px solid #830126;}
.video-roll p{ padding: 0 25px; line-height: 28px; font-size: 16px; color: #fff;}
.video-roll p span{ line-height: 92px; text-align: center; display: block; font-size: 20px;}
.sd .bot{ margin-bottom: 150px;}
.lht{ width:864px; height:180px; overflow:hidden; position:relative; z-index:9; margin-left: 68px;}
.lht li{ width:260px; height:172px; float:left; border: 4px solid #fff; margin-right: 30px; position:relative;}
.lht .pic { display: block; width:260px; height:172px; overflow: hidden; position: relative;}
.lht .pic img { display: block;  width: 260px;  height: 172px;  position: absolute;  left: 50%;  top: 50%; margin: -86px 0 0 -130px; z-index: 1;}
.lht p{ display:block; position:absolute; left:0; bottom:0; width:260px; line-height:30px; text-align:center; font-size:14px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); z-index: 2;}
:root .lht p{ filter:none;}/*for IE9*/
.lht-BtnL,.lht-BtnR{ width:55px; height:55px; cursor:pointer; position:absolute; top:62px; left:0; background-position:0 -240px;}
.lht-BtnR{ left:auto; right:0; background-position:0 -300px;}
.lht-BtnL:hover{ background-position:0 0;}
.lht-BtnR:hover{ background-position:0 -60px;}

/*拉练*/
.lltgb{ background:#2dc44a;}
.llt{ padding: 104px 0 16px 0;}
.llt p{ line-height: 26px; font-size: 16px; color: #fff;}
.llcgb{ background:url(/images/zhuanti/2016cy/cy_05.jpg) no-repeat center top;}
.llc{ width:1000px; height:373px; position:relative; z-index:9;}
.llc .top{ display: none;}
.llc li{ width:27px; height:33px; display:block; cursor:pointer; background:url(/images/zhuanti/2016cy/an.png) no-repeat -231px -322px;}
.llc li span{ display:none;}
.llc .nr01{ position:absolute; top:295px; left:68px;}
.llc .nr02{ position:absolute; top:210px; left:278px;}
.llc .nr03{ position:absolute; top:235px; left:445px;}
.llc .nr04{ position:absolute; top:175px; left:545px;}
.llc .nr05{ position:absolute; top:190px; left:810px;}
.llc .nr06{ position:absolute; top:280px; left:930px;}
.llc .hover{ position:relative; background:url(/zhuanti/2015cy/images/an.png) no-repeat -237px -230px;}
.llc .hover span{ display:block; position:absolute; bottom:18px; left:50%; margin-left:-84px; width:111px; height:161px; background-position:-91px 0; padding:20px 28px 0 28px; line-height:20px; color:#fff;}
.llc .hover span b{ display: block; text-align: center; line-height: 34px; font-size: 26px; color: #fff;}
.llbgb{ background:url(/images/zhuanti/2016cy/cy_06.jpg) no-repeat center top;}
.llb{ width:1000px; height:294px;}
.llb .lht01{ width:864px; height:188px; overflow:hidden; position:relative; z-index:9; margin-left: 68px;}
.llb .lht01 li{ display:inline; width:272px; height:184px; float:left; position:relative; border:2px solid #fff; margin-right: 18px;}
.llb .lht01 .pic { display: block; width:272px; height:184px; overflow: hidden; position: relative;}
.llb .lht01 .pic img { display: block;  width: 272px;  height: 184px;  position: absolute;  left: 50%;  top: 50%; margin: -92px 0 0 -136px; z-index: 1;}
.llb .lht01 p{ display:block; position:absolute; left:0; bottom:0; width:272px; line-height:30px; text-align:center; font-size:14px; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); z-index: 2;}
:root .llb .lht01 p{filter:none;}/*for IE9*/
.llb .lht01-BtnL,.llb .lht01-BtnR{ width:55px; height:55px; cursor:pointer; position:absolute; top:66px; left:0; background-position:0 -240px;}
.llb .lht01-BtnR{ left:auto; right:0; background-position:0 -300px;}
.llb .lht01-BtnL:hover{ background-position:0 -120px;}
.llb .lht01-BtnR:hover{ background-position:0 -180px;}

/*欢庆*/
.hqgb{ background:#f9ac17;}
.hq{ padding: 180px 0 160px 0;}
.hq .ggtit{top: -55px;}

/*回顾*/
.hggb{ background:url(/images/zhuanti/2016cy/cy_07.jpg) no-repeat center bottom #ab2718; height: 980px;}
.hg{ padding-top: 104px;}
.hg p{ line-height: 26px; font-size: 16px; color: #fff;}
.hg .nr01{ top: 232px; left: 89px;}
.hg .nr02{ top: 228px; left: 586px;}
.hg .nr03{ top: 595px; left: 102px;}
.hg .nr04{ top: 595px; left: 587px;}

/*记录*/
.jlgb{ background:url(/images/zhuanti/2016cy/cy_08.png) no-repeat center top; height: 235px;}
.jlgb .left{ width: 530px; padding: 30px 0 0 140px; line-height: 34px; font-size: 16px; color: #fff;}
.jlgb .right{ width: 148px; padding-top: 30px; text-align: center; line-height: 48px; font-size: 14px; color: #fff;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*云飘*/
.cloud{ position: absolute; top: 0; left: 0; -webkit-animation-duration: 250s;animation-duration: 250s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;z-index:2;}
@-webkit-keyframes clouds {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes clouds {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.clouds {
    -webkit-animation-name: clouds;
    animation-name: clouds
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}


@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}