@charset "utf-8";
/*common*/
html,body,div,i,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input,footer,article,aside,header,section,nav,figure,figcaption,hgroup,fieldset,textarea,em,img,a,span,select,option,table,tr,td,th,tbody,label{margin:0;padding:0;list-style:none;border:none;outline:none;font-style:normal;font-weight:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{font-size:100%;}
body{background-color: #f2ebd1;font-size:0.875rem;color:#333;line-height:1.5;font-family:"microsoft yahei",Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:normal;position:relative;overflow-x:hidden;}
img{display:inline-block;max-width:100%;max-height:100%;}
a{text-decoration:none;color:#333;display:inline-block;}
span,i{display:inline-block;}

.head{background:url(bg.png)0 14px no-repeat;height: 100px;}
.con{width:1200px;margin:0 auto;overflow:hidden;background-color: #fff;}
header{/*width:1200px;*/margin:0 auto;overflow:hidden;}
.banner{width: 1200px;text-align: center;position:relative;padding: 0px 35px;}
.banner img{height: 575px;overflow:hidden;/*position:relative;text-align: center;*/}

.head{width: 100%;height:575px;background:url(bg.png) no-repeat center center}
.head-bg{width: 1200px;height: 168px; margin: 408px auto;background-color: #fff;overflow:hidden;}
.head-bg img{overflow:hidden;position:relative;display: block;margin: 25px auto;}
.index-banner{width:100%;height:472px;overflow:hidden;position:relative;}
.banner>ul{width:100%;height:472px;position:relative;z-index:18;}
.banner>ul>li{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.banner>ul>li:nth-of-type(1){z-index:19;}
.banner>ol{position:absolute;bottom:14px;left:90%;margin-left:-50px;z-index:20;}
.banner>ol>li{width:15px;height:15px;border-radius: 50%;border: 1px solid #fff;cursor:pointer;float:left;margin-left:10px;}
.banner>ol>li:nth-of-type(1){margin-left:0;}
.banner>ol>li.current{background-color:#fff;}
.banner>ul>li>h3{padding:8px 30px;background-color:rgba(0,0,0,0.6);position:absolute;bottom:0;font-size:18px;color:#fff;width: 1129px;text-align: left;}
.build,.work,.found,.elegant{width: 1129px;overflow:hidden;position:relative;/*text-align: center;*/margin: 50px auto;}
h2{font-size: 24px;color: #c90823;font-weight: bolder;display: inline-block;}
h2 a{color: #c90823}
 .title .bg2{margin-right: 40px;margin-bottom: 8px;}
 .title .bg3{margin-left: 40px;margin-bottom: 8px;}
 .title .star1{margin-right: 10px;}
 .title .star2{margin-left: 10px;}

/*党政建设*/
 .build-con{margin-top: 36px;}
 .build-con img{width: 336px;height: 186px;}
 .build-con span{width: 6px; height: 6px; background-color: #aaa;border-radius: 50px;}
 .build-con>ul>li>a{font-size: 16px;color: #423838;line-height: 36px;}
 .build-con>ul>li>a:hover {color: #c90307;}
 .build-con>ul{margin-left: 40px;margin-top: 0px;position:relative;bottom: 28px;width: 350px;}

 /*群团工作*/
 .work-con{margin-top: 36px;}
 .work-con img{width: 258px;height: 138px;}
 .work .work-con>ul>li{display: inline-block;margin-right: 26px;}
 .work .work-con>ul>li:last-child{display: inline-block;margin-right: 0px;}


/*品牌创建*/
.found span{background:url(star3.jpg) no-repeat center center;display: inline-block;width: 11px;height: 10px;}
.found-con{margin-top: 36px;}
.found-con>ul{width: 550px;}
.found-con>ul>li>a{font-size: 16px;color: #423838;line-height: 36px;}
.found-con>ul>li>a:hover {color: #c90307;}
.found-con>ul>li>a>span{margin-right: 8px;}
.found-con>ul>li>a:hover span{background:url(star2.jpg) no-repeat center center;display: inline-block;width: 11px;height: 10px;}


/*党员风采*/
.box {width: 1129px; height: 300px; transform-style: perserve-3d; margin: 40px auto; position: relative;}
.box img{width:360px; height: 210px; position: absolute; top: 60px; transition:all .3s linear;margin: 0 auto;display: inline-block;}
.box .pic{height: 500px;margin: 0 auto; position: absolute;margin-left: 88px;width: 1129px;}
 
.front,.box .lunbo:nth-child(1) {left: 0px;}
.back,.box .lunbo:nth-child(2)  {left: 600px;} 
.active,.box .lunbo:nth-child(3)  {left: 300px; transform: scale(1.5); z-index: 10;}
 
.btns .btn {width: 32px; height: 56px; display: block; position: absolute; text-align: center; cursor: pointer; z-index: 100;  transition:opacity .3s linear;} 
.btns .btn:first-child {top: 125px;background:url(left.jpg) no-repeat;height: 56px;width: 32px;}
.btns .btn:last-child {top: 125px; right: 0px;background:url(right.jpg) no-repeat;height: 56px;width: 32px;}
/*链接*/
.link{width: 1129px;overflow:hidden;position:relative;margin: 0 auto;margin-bottom: 20px;}
.link>a{width: 260px; height: 38px;border: 1px solid #c90307; border-radius: 4px;text-align: center;margin-left: 10px;line-height: 38px;}

.foot-con{background-color:#c90307;color:#fff;height: 176px;}
.foot-two{width:100%;background-color:#c90307;padding:56px 0;text-align:center;}