@charset "utf-8";
/* CSS Document */
body { margin:0px auto;font-family:Verdana, Geneva, sans-serif; background:fff; color:#3d3d3d; font-size:12px;}
img {border:none;}
ul li {list-style-type:none;}
body,ul,form,p,a,img,table,tr,td,li,span,form,h1,input,h1,select,table,tr,th,td,textarea{margin:0px;padding:0px; font-family:Verdana, Geneva, sans-serif; color:#3d3d3d;}
a{text-decoration:none; color:#3d3d3d;}
a:hover{ color:#3b7a08;}

input,select,textarea,submit,form{ font-family:Verdana, Geneva, sans-serif;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}	
.blod{ font-weight:bold;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.cemain{ padding-bottom:50px;}
.cen{ padding-top:22px;}
.celie{ width:195px; float:left; margin-left:103px; margin-top:37px;}
.cetu{ padding:8px; /*background:url(../img/muban.jpg) no-repeat center;*/}
.cetun{ position:relative; background:#fff; text-align:center; overflow:hidden;max-width:179px; margin:auto;}
.cetun>img{ width:100%; max-width:179px; max-height:250px;}
.cetun a{ display:block; position:absolute; width:100%; height:100%; top:100%; left:0px; background:#115086; background:rgba(17,80,134,0.5);filter:alpha(opacity=80);}
.cetun a img{ width:40px; height:41px; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-20px;}
.cezi{ display:block; text-align:center; font-size:12px; font-size:1.2rem; line-height:30px; margin-top:5px;}
.cetu:hover a{ top:0px;}
.xvxian{ width:100%; height:1px; background:url(../img/xvxian.jpg) repeat-x bottom; padding-top:26px;}
.mat2{ margin-top:51px;}
.maln{ margin-left:auto !important}
@media screen and (min-width:1000px) and (max-width:1219px){
.celie{ width:185px; margin-left:50px;}
}
@media screen and (max-width:999px){
.celie{ width:23%; margin-left:1% !important; margin-right:1%;}
.xvxian{ display:none}
.cetun a{ top:0px;}
}
@media screen and (max-width:639px){
.celie{ width:30%; margin-left:1.5% !important; margin-right:1.5%;}
}
@media screen and (max-width:449px){
.celie{ width:47%; margin-left:1.5% !important; margin-right:1.5%;}
}