﻿/*****标题******/
.in-title01{ border-bottom: solid 4px #d7161b; padding-bottom: 6px; height: auto; overflow: hidden; margin-bottom: 20px; }
.in-title01 li{font-size: 1.25rem; color: #d7161b; font-weight: bold; float: left; padding-left: 30px; background: url("../images/in-title.png") no-repeat left center; background-size: 24px; }
.in-title01 span{ float: right; padding-top: 0.708em;}
.in-title01 span a{ font-weight: bold; color: #d7161b; font-size: 0.666rem;}

.in-title02{ background: url("../images/in-title02.png") no-repeat center; background-size: 100%; margin-bottom: 30px;}
.in-title02 li{ text-align: center; color: white; font-size: 1.25rem;}

.in-title03{ background: #d7161b; height: 60px; width: 100%; margin-bottom: 30px;}
.in-title03 li{ font-size: 1.25rem;font-weight: bold; display: inline-block!important; line-height: 60px;}
.in-title03 .cur{ background: white; color: #d7161b; height: 57px; margin-top: 3px; margin-left: 2px;}
.in-title03 a{ color: white; display: block;  padding: 0 20px;}

.in-title04{ padding-bottom: 6px; height: 40px; background: #d7161b; overflow: hidden; margin-bottom: 20px; }
.in-title04 li{font-size: 1.25rem; color: white; line-height: 40px; font-weight: bold; float: left; padding-left: 40px;  }
.in-title04 span{ float: right; padding-top: 12px; margin-right: 2.6%;}
.in-title04 span a{  font-weight: bold; color: white; font-size: 0.666rem;}

/*****党建新闻******/
.in-djxw{ background: #f2f2f2; height: auto; overflow: hidden;}
/*.in-djxw{ margin-top: 10px; background: #f2f2f2; height: auto; overflow: hidden;}*/
.in-djxw .left{ width: 28.8%; margin-right: 2%; float: left; height: 80px; background: #d7161b;}
.in-djxw .left li{ text-align: center; }
.in-djxw .left li a{  font-size:1.25rem; line-height: 80px;font-weight: bold; color: white; }
.in-djxw .right{ width:69.2%; float: left; }
.in-djxw .right li{ display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.in-djxw .right a{  font-size:1.083rem; line-height: 80px;font-weight: bold; color: #d7161b; }

/*****新闻热点******/
.in-xwrd{ width: 100%; margin-top: 30px; height: auto; overflow: hidden;}
.in-xwrd .in-xwrd-list li{ margin:10px 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.in-xwrd .in-xwrd-list li a{ color: #333333; font-size: 1.083rem;}
.in-xwrd .in-xwrd-list li a:hover{ color: #d7161b;}

/*****导航******/
.in-banner{ position: relative;}
.in-banner img{ width: 100%; height: auto;}
.in-banner .fenxiang{ position: absolute; right: 2.2%; top: 24%;}
.in-banner .fenxiang li{ width: 36%; height: 32px; display: inline-block!important; text-align: center; float: right; margin-left: 5px;}
.in-banner .fenxiang  img{ width: 100%; height: auto;}

/*****公告通知******/
.in-xwrd .bord{ border-bottom: 1px solid #bdb9ba; padding-bottom: 30px; margin-bottom: 30px; }
.in-xwrd .ggtz{ height: auto; overflow: hidden;}
.in-xwrd .ggtz .left{ width: 28.8%; float: left; margin-right:3%; }
.in-xwrd .ggtz .left img{ width: 100%; height: auto;}
.in-xwrd .ggtz .right{ width: 68.2%; float: left;}
.in-xwrd .ggtz .right a{ font-size: 1.083rem; color: #333333; line-height: 2em;}

/*****秦武名人******/
.qwmr-img{ width: 32%; float: left; margin: 0 0.666%;}
.qwmr-img img{ width: 100%; height: auto; max-height: 184px;}

/*****赛事活动******/
.in-sshd{ background: url("../images/in-sshd.jpg") repeat-y top; background-size: 100%; padding-top: 30px; padding-bottom: 30px; height: auto; overflow: hidden;}
.in-sshd .list{ width: 48%; background: white; border-radius: 5px; border: 1px solid #dddddd;text-align: center; padding-top: 5px; margin: 0 1% 30px 1%;}
.in-sshd .list img { width: 94.4%; height: auto; }
.in-sshd .list .text{ padding: 14px 0 20px 0;}
.in-sshd .list .text a{ color: #333333; font-size: 0.916rem;}
.in-sshd .quanbu a{ color: white; font-size: 1.083rem; width: 54%; min-height: 30px; text-align: center; margin: 0 auto; display: block; border: 1px solid white; border-radius: 5px; line-height: 30px;}

/*****秦武联盟******/
.in-qwlm{ width: 21.8%;  margin: 0 1.6%;}
.in-qwlm li{height: auto;}
.in-qwlm li img{ width: 100%; height: auto;}
.in-qwlm p{ width: 100%; height: auto; padding:0; margin: 0; font-size:1rem; color: #333333; text-align: center;}

/******研究会*******/
.in-yjh li img{ width: 100%; height: auto;}
.in-yjh li a{ color: #333333; font-size: 1.083rem; font-weight: bold;}

/******研究会*******/
.in-pxrz{ background: #eeeeee; padding: 20px 12px; margin-bottom: 30px;}
.in-pxrz .img{ margin-bottom: 20px;}
.in-pxrz .img img{ width: 100%; height: auto;}
.in-pxrz a{ color: #d7161b; font-size: 1.083rem; font-weight: bold;}
.in-pxrz span{ color: black; font-size: 1rem; display: block; margin: 10px 0;}
.in-pxrz .zhaiyao{ color: #666666; font-size: 1rem; margin-top: 14px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
/*.in-pxrz .zhaiyao{ color: #666666; font-size: 1rem; margin-top: 30px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}*/

.in-qwzx{ background: #015293; padding:  30px 3%;}
.in-qwzx h4{ color: white; font-size: 1.25rem;}
.in-qwzx .in-xwrd-list{ margin-top: 30px;}
.in-qwzx .in-xwrd-list li{ margin: 10px 0; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.in-qwzx .in-xwrd-list li a{ color: white; font-size: 1.083rem;}
.in-qwzx .in-xwrd-list li a:hover{ color: #d7161b;}

.in-wljx{ margin-top: 30px;}
.in-wljx .list{  width: 48%; margin: 0 1% 15px 1%;}
.in-wljx .list p{ font-size: 1.083rem; color: #333333; text-align: center; padding: 0 ;margin: 0;}
.in-wljx .list p a{ font-size: 1.083rem; color: #333333; text-align: center; padding: 0 ;margin: 0;}
.in-wljx .list .img{ border: solid 1px #dfdfdf; border-radius: 5px; padding: 10px 4%; position: relative; margin-bottom: 20px; }
.in-wljx .list img{ width: 100%; height: auto;}
.in-wljx .list .icon{ width: 22.3%; position: absolute; top: 35%; left: 38.7%;}














/* banner */
.index-banner,.banner-inner{width:100%;overflow:hidden;}
.banner-inner li,.banner-inner li a{padding:0 0 14px 0;display:inline-block; position: absolute; bottom: 0; font-size: 1rem; text-align: left; width:100%;}
.banner-inner li{position: relative; height: auto;}
.banner-inner li img{ width: 100%;}
.banner-inner li.first .ban_title{ background-color:rgba(0,0,0,0.6); color: white; padding: 12px 0 12px 5%;}
.banner-inner li.second .ban_title{ background-color:rgba(0,0,0,0.6); color: white; padding: 12px 0 12px 5%;}
.banner-inner li.third .ban_title{ background-color:rgba(0,0,0,0.6); color: white; padding: 12px 0 12px 5%;}


.edslider{position:relative;margin:auto;background:#c4c4c4;height: 100%;}
.edslider ul{list-style:none;position:relative;padding:0;margin:0}
.edslider>ul{background:#c4c4c4;width:100%;height:100%;display:block;overflow:hidden;text-align:center;}
.edslider>ul:after{ content:"武术协会"; color:#fa8689;font-size:3rem; letter-spacing:20px; filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
.edslider>ul li{background:#c4c4c4;display:none;width:100%;position:absolute;top:0;left:0;z-index:0}
.edslider a{display:block;position:absolute;left:0;z-index:0}
.edslider a img{border:0; width: 100%;}
.edslider .current{z-index:1!important}
.edslider .controls{ width:100%;height:100%; position: absolute; top:0;}
.edslider .controls .navigator{background:rgba(0,0,0,.3);background-image:url(../images/sprite-navigator.png);cursor:pointer;display:block; width:50px;height:50px;position:absolute;overflow:hidden;
    top:50%;margin-top:-25px;transition:background .2s}
.edslider .controls .next{background-position:0 0;right:0;z-index: 2;}
.edslider .controls .prev{background-position:0 -50px;left:0;z-index: 2;}
.edslider .controls .next:hover,.edslider .controls .prev:hover{ background-color:rgba(0,0,0,0.6)}
.edslider .controls .paginator{ position: absolute; text-align: right; bottom:0rem; width: 98%; padding-right:2%; z-index: 2;}
.edslider .controls .paginator li{background:rgba(255,255,255,.6); box-sizing:border-box;display:inline-block;  margin:0 3px;  width:7px;  height:7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-position:-14px 0;cursor:pointer;
    transition:background .1s;background-position:-213px 0}
.edslider .controls .paginator li.current,.edslider .controls .paginator li:hover{ background:#d7161b; width:30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.edslider .progress{background:rgba(91,152,247,.5)}
.edslider .progress{position:absolute;top:0;height:3px;z-index:2}

@media screen and (max-width:1024px){
    /*   .index-banner, .banner-inner{height: 20rem;}   */
    .edslider>ul:after{line-height: 20rem;}
    .edslider .controls .navigator{width: 2.8rem;height: 2.8rem;}
    .edslider .controls .paginator{bottom: 0.2rem;}
    .edslider .controls .next{background-position: 0 -3px;}
    .edslider .controls .prev {
        background-position: 0 -52px;}
}
@media screen and (max-width:766px){
    /* .index-banner, .banner-inner{
         height: 16rem;
     }  */
    .edslider>ul:after{line-height: 16rem;}
}
@media screen and (max-width:560px){
    .edslider>ul:after{line-height: 12rem;}
    .edslider .controls .navigator{background-size: 88%;}
    .edslider .controls .navigator{width: 2.4rem;height: 2.4rem;}
    .edslider .controls .paginator{bottom: 0rem;}
    .edslider .controls .next{background-position: 2px 2px;}
    .edslider .controls .prev {background-position: 2px -31px;}

}
@media screen and (max-width:414px){
    /*  .index-banner, .banner-inner{height: 12rem;}   */
    .edslider>ul:after{line-height: 11rem;}}

.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }