@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html, body {margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;background:#fff; height:100%; background: url(../images/bj.jpg) center center no-repeat; background-size:cover; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#444; text-decoration:none; }
a:hover{ color:#bf1920; text-decoration:none;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,d,span,b,p,em,a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#superContainer { width:100%; height:100%; position:relative; }
.section { width:100%; position:relative; height:100%; overflow:hidden; top:0; bottom:0;  }

#menubox { position:fixed; z-index:70; height:100%; right:0; top:0; }
#menu { width:36px; position:absolute; height:440px; margin-top:-220px; top:50%; right:-28px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear;}
#menu ul li { float:left; width:100%; font-size:16px; right:-28px;}
#menu a { width:100%; background:#d6af93; display:inline-block; text-align:center; margin:3px; float:left; color:#fff; font-size:18px; line-height:19px; padding:15px 9px; text-align:center; margin:1px 0; font-family:"\65B0\5B8B\4F53"; }
#menu a:hover { background:#bf1920;  }
#menu .active a { background:#bf1920;}
#menu:hover { right:0px; }


.bj { width:100%; height:100%; background:url(../images/bj2.jpg) center center no-repeat; background-size:cover; }
.arrows { width:60px; height:72px; position:absolute; left:50%; margin-left:-30px; bottom:150px; z-index:5; }
.arrows path{stroke:#fff; fill:transparent; stroke-width:2px; animation:arrow 2s infinite; -webkit-animation:arrow 2s infinite; }
@keyframes arrow
{
0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow
{
0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}


.header { width:100%; height:100%; position:absolute; left:0; top:0;  }
.tit { width:1200px; position:absolute; top:11%; margin-top:0; left:50%; margin-left:-600px; text-align: center; -webkit-animation:tit 1s ease .5s backwards; animation:tit 1s ease .5s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.sub { width:100%; position:absolute; left:0; bottom:0; background: rgba(43,117,75,.9);  -webkit-animation:sub .6s ease 1s backwards; animation:sub .6s ease 1s backwards;}
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
.sub b { width: 1100px; margin: 0 auto; overflow: hidden; display:block; padding:18px 0; font-size:16px; line-height:30px;color:rgba(255,255,255,.9); text-indent: 2em; }


.con { width:1200px; position:absolute; left:50%; top:7%;  margin-left:-600px; height:640px; margin-top:0; }
.lm { position:absolute; left:50%; top:0; margin-left:-350px; }
.active .lm { -webkit-animation:lm .5s ease-out 1s backwards; animation:lm .5s ease-out 1s backwards; }
@keyframes lm
{
0%   { -webkit-transform:scale(0.1);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes lm
{
0%   { -webkit-transform:scale(0.1);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}


/*共富路上·委员说*/ 
.road { width:1200px; height:520px; position:absolute; left:0; top:25%; }
.road01 { position:absolute; left:30px; top:80px; width:380px;  }
.active .road01 { 
-webkit-animation:road01 0.5s ease-out 1.5s backwards; 
-moz-animation:road01 0.5s ease-out 1.5s backwards;
-o-animation:road01 0.5s ease-out 1.5s backwards;
-ms-animation:road01 0.5s ease-out 1.5s backwards;
animation:road01 0.5s ease-out 1.5s backwards; 
}
@keyframes road01
{
0%   {opacity:0; -webkit-transform:translate(385px,120px); }
100% { opacity:1;}
}
@-moz-keyframes road01
{
0%   {opacity:0; -webkit-transform:translate(385px,120px); }
100% { opacity:1;}
}
@-webkit-keyframes road01
{
0%   {opacity:0; -webkit-transform:translate(385px,120px); }
100% { opacity:1;}
}
@-o-keyframes road01
{
0%   {opacity:0; -webkit-transform:translate(385px,120px); }
100% { opacity:1;}
}
@-ms-keyframes road01
{
0%   {opacity:0; -webkit-transform:translate(385px,120px); }
100% { opacity:1;}
}
.road01 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road01 h4 { width:225px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px;  display:flex; justify-content:center; align-items:center; height:150px;}

.road02 { position:absolute; left:470px; top:0; width:320px; }
.active .road02 { 
-webkit-animation:road02 0.5s ease-out 2.7s backwards; 
-moz-animation:road02 0.5s ease-out 2.7s backwards;
-o-animation:road02 0.5s ease-out 2.7s backwards;
-ms-animation:road02 0.5s ease-out 2.7s backwards;
animation:road02 0.5s ease-out 2.7s backwards; 
}
@keyframes road02
{
0%   {opacity:0; -webkit-transform:translate(0,190px); }
100% { opacity:1;}
}
@-moz-keyframes road02
{
0%   {opacity:0; -webkit-transform:translate(0,190px); }
100% { opacity:1;}
}
@-webkit-keyframes road02
{
0%   {opacity:0; -webkit-transform:translate(0,190px); }
100% { opacity:1;}
}
@-o-keyframes road02
{
0%   {opacity:0; -webkit-transform:translate(0,190px); }
100% { opacity:1;}
}
@-ms-keyframes road02
{
0%   {opacity:0; -webkit-transform:translate(0,190px); }
100% { opacity:1;}
}
.road02 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road02 h4 { width:170px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px;  display:flex; justify-content:center; align-items:center; height:150px}

.road03 { position:absolute; left:820px; top:60px; width:340px;   }
.active .road03 { 
-webkit-animation:road03 0.5s ease-out 2.1s backwards; 
-moz-animation:road03 0.5s ease-out 2.1s backwards;
-o-animation:road03 0.5s ease-out 2.1s backwards;
-ms-animation:road03 0.5s ease-out 2.1s backwards;
animation:road03 0.5s ease-out 2.1s backwards; 
}
@keyframes road03
{
0%   {opacity:0; -webkit-transform:translate(-380px,240px);}
100% { opacity:1;}
}
@-moz-keyframes road03
{
0%   {opacity:0; -webkit-transform:translate(-380px,240px); }
100% { opacity:1;}
}
@-webkit-keyframes road03
{
0%   {opacity:0; -webkit-transform:translate(-380px,240px); }
100% { opacity:1;}
}
@-o-keyframes road03
{
0%   {opacity:0; -webkit-transform:translate(-380px,240px); }
100% { opacity:1;}
}
@-ms-keyframes road03
{
0%   {opacity:0; -webkit-transform:translate(-380px,240px); }
100% { opacity:1;}
}
.road03 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road03 h4 { width:185px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px;  display:flex; justify-content:center; align-items:center; height:150px}

.road04 { position:absolute; left:390px; top:190px; width:335px;  }
.active .road04 { 
-webkit-animation:road04 0.5s ease-out 3.6s backwards; 
-moz-animation:road04 0.5s ease-out 3.6s backwards;
-o-animation:road04 0.5s ease-out 3.6s backwards;
-ms-animation:road04 0.5s ease-out 3.6s backwards;
animation:road04 0.5s ease-out 3.6s backwards; 
}
@keyframes road04
{
0%   {opacity:0; -webkit-transform:translate(100px,-40px); }
100% { opacity:1;}
}
@-moz-keyframes road04
{
0%   {opacity:0; -webkit-transform:translate(100px,-40px); }
100% { opacity:1;}
}
@-webkit-keyframes road04
{
0%   {opacity:0; -webkit-transform:translate(100px,-40px); }
100% { opacity:1;}
}
@-o-keyframes road04
{
0%   {opacity:0; -webkit-transform:translate(100px,-40px); }
100% { opacity:1;}
}
@-ms-keyframes road04
{
0%   {opacity:0; -webkit-transform:translate(100px,-40px); }
100% { opacity:1;}
}
.road04 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road04 h4 { width:180px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px; display:flex; justify-content:center; align-items:center; height:140px }

.road05 { position:absolute; left:770px; top:250px; width:335px;  }
.active .road05 { 
-webkit-animation:road05 0.5s ease-out 3s backwards; 
-moz-animation:road05 0.5s ease-out 3s backwards;
-o-animation:road05 0.5s ease-out 3s backwards;
-ms-animation:road05 0.5s ease-out 3s backwards;
animation:road05 0.5s ease-out 3s backwards; 
}
@keyframes road05
{
0%   {opacity:0; -webkit-transform:translate(-330px,-40px); }
100% { opacity:1;}
}
@-moz-keyframes road05
{
0%   {opacity:0; -webkit-transform:translate(-330px,-40px); }
100% { opacity:1;}
}
@-webkit-keyframes road05
{
0%   {opacity:0; -webkit-transform:translate(-330px,-40px); }
100% { opacity:1;}
}
@-o-keyframes road05
{
0%   {opacity:0; -webkit-transform:translate(-330px,-40px); }
100% { opacity:1;}
}
@-ms-keyframes road05
{
0%   {opacity:0; -webkit-transform:translate(-330px,-40px); }
100% { opacity:1;}
}
.road05 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road05 h4 { width:180px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px;  display:flex; justify-content:center; align-items:center; height:150px}

.road06 { position:absolute; left:90px; top:320px; width:335px;  }
.active .road06 { 
-webkit-animation:road06 0.5s ease-out 2.4s backwards; 
-moz-animation:road06 0.5s ease-out 2.4s backwards;
-o-animation:road06 0.5s ease-out 2.4s backwards;
-ms-animation:road06 0.5s ease-out 2.4s backwards;
animation:road06 0.5s ease-out 2.4s backwards; 
}
@keyframes road06
{
0%   {opacity:0; -webkit-transform:translate(350px,-180px); }
100% { opacity:1;}
}
@-moz-keyframes road06
{
0%   {opacity:0; -webkit-transform:translate(350px,-180px); }
100% { opacity:1;}
}
@-webkit-keyframes road06
{
0%   {opacity:0; -webkit-transform:translate(350px,-180px); }
100% { opacity:1;}
}
@-o-keyframes road06
{
0%   {opacity:0; -webkit-transform:translate(350px,-180px); }
100% { opacity:1;}
}
@-ms-keyframes road06
{
0%   {opacity:0; -webkit-transform:translate(350px,-180px); }
100% { opacity:1;}
}
.road06 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road06 h4 { width:180px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px; display:flex; justify-content:center; align-items:center; height:140px }

.road07 { position:absolute; left:460px; top:390px; width:360px;  }
.active .road07 { 
-webkit-animation:road07 0.5s ease-out 3.3s backwards; 
-moz-animation:road07 0.5s ease-out 3.3s backwards;
-o-animation:road07 0.5s ease-out 3.3s backwards;
-ms-animation:road07 0.5s ease-out 3.3s backwards;
animation:road07 0.5s ease-out 3.3s backwards; 
}
@keyframes road07
{
0%   {opacity:0; -webkit-transform:translate(-20px,-235px); }
100% { opacity:1;}
}
@-moz-keyframes road07
{
0%   {opacity:0; -webkit-transform:translate(-20px,-235px); }
100% { opacity:1;}
}
@-webkit-keyframes road07
{
0%   {opacity:0; -webkit-transform:translate(-20px,-235px); }
100% { opacity:1;}
}
@-o-keyframes road07
{
0%   {opacity:0; -webkit-transform:translate(-20px,-235px); }
100% { opacity:1;}
}
@-ms-keyframes road07
{
0%   {opacity:0; -webkit-transform:translate(-20px,-235px); }
100% { opacity:1;}
}
.road07 h3 { position:absolute; width:140px; height:140px; left:0; display:inline-block; border:8px solid #fff; background-repeat:no-repeat; background-position:center center; background-size: cover; text-align:center; border-radius:50%; }
.road07 h4 { width:205px; position:absolute; right:0; top:0; font-size:16px; color:#555; line-height:25px;  display:flex; justify-content:center; align-items:center; height:150px}
.road01 a:hover h4,.road02 a:hover h4,.road03 a:hover h4,.road04 a:hover h4,.road05 a:hover h4,.road06 a:hover h4,.road07 a:hover h4 { color:#bf1920; } 



/*共富路上·委员帮*/ 
.xdz { width:100%; position:absolute; left:0; top:25%; height:480px }


.xdz .tabs { width:100%; position:absolute; left:0; top:0; position:absolute; overflow:hidden; z-index:5;} 
.tabs { width:100%; float:left; text-align: center;  }
.tabs a { width:15%;margin:0 10px; display:inline-block; font-size:18px; color:#fff; line-height:50px; cursor:pointer; text-align:center; background:#d6af93; text-align: center; border-radius:10px; }
.tabs a.active { background:#bf1920; }

.active .xdz .tabs { 
-webkit-animation:tabs 0.8s ease-out 1.5s backwards; 
-moz-animation:tabs 0.8s ease-out 1.5s backwards;
-o-animation:tabs 0.8s ease-out 1.5s backwards;
-ms-animation:tabs 0.8s ease-out 1.5s backwards;
animation:tabs 0.8s ease-out 1.5s backwards; 
}
@keyframes tabs
{
0%   {opacity:0; -webkit-transform:translateX(-100%); }
100% { opacity:1;}
}
@-moz-keyframes tabs
{
0%   {opacity:0; -webkit-transform:translateX(-100%); }
100% { opacity:1;}
}
@-webkit-keyframes tabs
{
0%   {opacity:0; -webkit-transform:translateX(-100%); }
100% { opacity:1;}
}
@-o-keyframes tabs
{
0%   {opacity:0; -webkit-transform:translateX(-100%); }
100% { opacity:1;}
}
@-ms-keyframes tabs
{
0%   {opacity:0; -webkit-transform:translateX(-100%); }
100% { opacity:1;}
}


.swiper-container { width:100%; position:relative; overflow:hidden; z-index:1; float:left;  }
.swiper-wrapper { width:100%;  position:relative; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox;}
.swiper-slide { width:100%; position:relative; height:480px; top:100px; overflow:hidden; }

.tuping { width:100%; float:left;  }
.tuping dl { width:48%; float:left; margin-right:4%; margin-bottom:25px;  }
.tuping dl dd { width:32%; float:left;  }
.tuping dl dd img { width:100%; height:110px; border-radius:10px;  }
.tuping dl dt { width:68%; float:right; font-size:18px; color:#231815; line-height:32px;  padding:0 0 0 5%;  display:flex; align-items:center; height:110px;  }
.tuping dl:nth-child(2n) { margin-right:0;}
.tuping dl:hover dt { color:#bf1920; }

.active .tuping { 
-webkit-animation:tuping 0.8s ease-out 1.5s backwards; 
-moz-animation:tuping 0.8s ease-out 1.5s backwards;
-o-animation:tuping 0.8s ease-out 1.5s backwards;
-ms-animation:tuping 0.8s ease-out 1.5s backwards;
animation:tuping 0.8s ease-out 1.5s backwards; 
}
@keyframes tuping
{
0%   {opacity:0; -webkit-transform:translateX(100%); }
100% { opacity:1;}
}
@-moz-keyframes tuping
{
0%   {opacity:0; -webkit-transform:translateX(100%); }
100% { opacity:1;}
}
@-webkit-keyframes tuping
{
0%   {opacity:0; -webkit-transform:translateX(100%); }
100% { opacity:1;}
}
@-o-keyframes tuping
{
0%   {opacity:0; -webkit-transform:translateX(100%); }
100% { opacity:1;}
}
@-ms-keyframes tuping
{
0%   {opacity:0; -webkit-transform:translateX(100%); }
100% { opacity:1;}
}


.more { width:100%; float:left; text-align: right;  margin-top:2%; }
.more a { display:inline-block; font-size:16px; color:#fff; line-height:40px; padding:0 18px; background:#d6af93; border-radius:10px; }
.more a:hover { background:#bf1920; }
.active .more { 
-webkit-animation:more 0.5s ease-out 2s backwards; 
-moz-animation:more 0.5s ease-out 2s backwards;
-o-animation:more 0.5s ease-out 2s backwards;
-ms-animation:more 0.5s ease-out 2s backwards;
animation:more 0.58s ease-out 2s backwards; 
}
@keyframes more
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-moz-keyframes more
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes more
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-o-keyframes more
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-ms-keyframes more
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}

/*手机适应*/
@media screen and (max-width:899px) and (min-width: 160px){
html, body { background-size:cover; background: url(../images/mobbj.jpg) center center no-repeat; background-size:cover; }
.bj { background-size:cover; background: url(../images/mobbj2.jpg) center center no-repeat;  background-size:cover;}
.arrows {  -webkit-transform:scale(.75); bottom:5%; }

.header { width:100%; height:100%; position:absolute; left:0; top:0%;  }
.tit { position:absolute; left:0; top:8%; width:100%;margin-left:auto; }
.tit img { width: 85%; }

.sub { left:0; top:30%; bottom:auto; background:none; }
.sub b { width:100%; padding:0 6%; font-size:1rem; line-height:1.75rem; color:rgba(0,0,0,.7); text-indent: 2em; }
 

    
    
    
    
    


.con { width:90%; position:absolute; left:5%; top:0;  margin-left:0; height:100%; margin-top:0; }
.lm { position:absolute; left:0; top:4.5%; margin-left:0; text-align:center; }
.lm img { width:90%; }


/*共富路上·委员说*/
.road { width:100%; height:90%; position:absolute; left:0; top:12%; }
.road01 { left:0; top:0; width:95%; }
.road01 h3 { width:5rem; height:5rem; left:0;  border:.25rem solid #fff; }
.road01 h4 { width:70%; left:6rem; top:0; font-size:.9rem; line-height:1.4rem; height:5rem; }

.road02 { left:auto; right:0; top:4.6rem; width:90%; }
.road02 h3 { width:5rem; height:5rem; left:auto; right:0; border:.25rem solid #fff; }
.road02 h4 { width:60%; left:12%; top:0; font-size:.9rem; line-height:1.4rem; height:5rem;}

.road03 { left:0; top:8.6rem; width:95%; }
.road03 h3 { width:5rem; height:5rem; left:0;  border:.25rem solid #fff; }
.road03 h4 { width:50%; left:6rem; top:0; font-size:.9rem; line-height:1.5rem; height:5rem; }

.road04 { left:auto; right:0; top:13.1rem; width:90%; }
.road04 h3 { width:5rem; height:5rem; left:auto; right:0; border:.25rem solid #fff; }
.road04 h4 { width:72%; left:0; top:0; font-size:.9rem; line-height:1.4rem; height:5rem;}

.road05 { left:0; top:17.8rem; width:95%; }
.road05 h3 { width:5rem; height:5rem; left:0;  border:.25rem solid #fff; }
.road05 h4 { width:60%; left:6rem; top:0; font-size:.9rem; line-height:1.4rem; height:5rem; }

.road06 { left:auto; right:0; top:22.4rem; width:90%; }
.road06 h3 { width:5rem; height:5rem; left:auto; right:0; border:.25rem solid #fff; }
.road06 h4 { width:72%; left:0; top:0; font-size:.9rem; line-height:1.4rem; height:5rem;}

.road07 { left:0; top:27.3rem; width:95%; }
.road07 h3 { width:5rem; height:5rem; left:0;  border:.25rem solid #fff; }
.road07 h4 { width:70%; left:6rem; top:0; font-size:.9rem; line-height:1.4rem; height:5rem;}






/*共富路上·委员帮*/ 
.xdz { width:100%; position:absolute; left:0; top:14.5%; height:80%; }
  
.xdz .tabs { width:100%; position:absolute; left:0; top:0; position:absolute; overflow:hidden; z-index:5;} 
.tabs { width:100%; float:left; text-align: center;  }
.tabs a { width: 22%; text-align: center; margin:0 4px; font-size:.85rem; line-height:2rem; padding:0; border-radius:10px; }
.tabs a span { display:none;}
   
.more { width:100%; float:left; text-align: right; margin-top:3%;  }
.more a { font-size:.85rem; line-height:2rem;padding:0 .8rem; border-radius:5px; }

    
.swiper-container { width:100%; position:relative; overflow:hidden; z-index:1; float:left;  }
.swiper-wrapper { width:100%;  position:relative; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox;}
.swiper-slide { width:100%; position:relative; height:32rem; top:3.2rem; overflow:hidden; }
 
.tuping { width:98%; float:left; margin-left:1%;  }
.tuping dl { width:47.5%; float:left; margin-right:0; margin-bottom:3%;  }
.tuping dl dd { width:100%; float:left; padding-bottom:4%;  }
.tuping dl dd img { width:100%; height:6rem; border-radius:10px;  }
.tuping dl dt { width:100%; float:right; font-size:.9rem; color:#231815; line-height:1.3rem;  padding:0;  display: inline-block; justify-content:auto; align-items:auto; height:2.5rem; overflow:hidden;  }
.tuping dl:nth-child(2n) { float:right;}
.tuping dl:hover dt { color:#e60012; }




#menubox { position:fixed; z-index:70; height:100%; right:0; top:0; display:none; }
#menu { width:36px; position:absolute; height:430px; margin-top:-215px; top:50%; right:-28px; -webkit-transition:all .3s linear; -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear;}
#menu ul li { float:left; width:100%; font-size:16px; right:-28px;}
#menu a { width:100%; background:#d6af93; display:inline-block; text-align:center; margin:3px; float:left; color:#fff; font-size:18px; line-height:19px; padding:15px 9px; text-align:center; margin:1px 0; font-family:"\65B0\5B8B\4F53"; }
#menu a:hover { background:#e60012;  }
#menu .active a { background:#e60012;}
#menu:hover { right:0px; }
}