/* CSS Document */
/* 是否要过度动画IE9有效  */
 
*{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
:after,:before {
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s;
}
.ani-none *{
 -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
ul,li,dl,dt,dd{ margin:0; padding:0}
ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,p{ list-style:none; }
.lui-show{ display:block}
.lui-hide{ display:none}
.block{ display:block}
.rad-100{ border-radius:100%}
.over-hidden{ overflow:hidden}
.relative{ position:relative}
.hide{ display:none!important}
.tabcon{ display:none}
.show{ display:block !important}
/* 字体大小常用  */
.font12{ font-size:12px}
.font14{ font-size:14px}
.font16{ font-size:16px}
.font18{ font-size:18px}
.font24{ font-size:24px}
.font30{ font-size:30px}
.font36{ font-size:36px}
.font48{ font-size:48px}


.lui-open{ width:20px ; display:inline-block; border-bottom:#fff solid 1px; position:relative; top:-5px;}
.lui-open:after{ content:''; display:block; width:100%; position:absolute; border-bottom:#fff solid 1px;   top:-6px; left:0 }
.lui-open:before{ content:'';  border-bottom:#fff solid 1px;display:block; width:100%; position:absolute;  top:6px; left:0 }

/* 关闭图标  */

.lui-close{ display:inline-block; width:30px; height:30px;  position:absolute; right:25px; top:35px}
.lui-close:before{
content:''; 
display:block; 
width:100%; 
position:absolute; 
border-bottom:#444 solid 1px; 
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg); 
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);   }
.lui-close:after{
content:''; 
display:block;  
width:100%; 
position:absolute; 
border-bottom:#444 solid 1px; 
transform:rotate(-45deg);left:0;
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); }
.wapmenu li{ padding:16px 30px; border-bottom:#333 solid 1px; font-size:16px; }

/*媒体图文一排*/
.lui-media, .lui-media-body {
    overflow: hidden;
    zoom: 1;
}
.lui-media-left,.lui-media-top, .lui-media>.pull-left {
    padding-right: 10px;
}

.lui-media-body, .lui-media-left, .lui-media-right {
    display: table-cell;
    vertical-align: middle;
}
.lui-media-top{display: table-cell; vertical-align:top}

.lui-media-body {
   
}


.line{ border-top:#333 solid 1px; border-bottom:none}
.lui-top{ top:0}
.lui-bottom{ bottom:0}
.lui-left{ left:0}
.lui-right{ right:0}

.lui-fontbig{ font-size:24px}
.bg-hui{ background:#eee}
.bg-bai{ background:#fff;}

.hei10{ height:10px;}
.hei20{ height:20px;}
.hei30{ height:30px;}
.hei40{ height:40px;}
.hei50{ height:50px;}
.hei60{ height:60px;}
.hei70{ height:70px;}
.hei80{ height:80px;}
.hei90{ height:90px;}
.hei100{ height:100px;}

/*距离顶部margin属性*/
.m-top-10{ margin-top:10px;}.m-10{ margin:10px 0;}
.m-top-20{ margin-top:20px;}.m-20{ margin:20px 0;}
.m-top-30{ margin-top:30px;}.m-30{ margin:30px 0;}
.m-top-40{ margin-top:40px;}.m-40{ margin:40px 0;}
.m-top-50{ margin-top:50px;}.m-50{ margin:50px 0;}
.m-top-60{ margin-top:60px;}.m-60{ margin:60px 0;}
.m-top-70{ margin-top:70px;}.m-70{ margin:70px 0;}
.m-top-80{ margin-top:80px;}.m-80{ margin:80px 0;}
.m-top-90{ margin-top:90px;}.m-90{ margin:90px 0;}
.m-top-100{ margin-top:100px;}.m-100{ margin:100px 0;}

/*距离顶部margin属性*/
.m-bottom-10{ margin-bottom:10px;}
.m-bottom-20{ margin-bottom:20px;}
.m-bottom-30{ margin-bottom:30px;}
.m-bottom-40{ margin-bottom:40px;}
.m-bottom-50{ margin-bottom:50px;}
.m-bottom-60{ margin-bottom:60px;}
.m-bottom-70{ margin-bottom:70px;}
.m-bottom-80{ margin-bottom:80px;}
.m-bottom-90{ margin-bottom:90px;}
.m-bottom-100{ margin-bottom:100px;}
/*距离左边margin属性*/
.m-left-10{ margin-left:10px;}
.m-left-20{ margin-left:20px;}
.m-left-30{ margin-left:30px;}
.m-left-40{ margin-left:40px;}
.m-left-50{ margin-left:50px;}
.m-left-60{ margin-left:60px;}
.m-left-70{ margin-left:70px;}
.m-left-80{ margin-left:80px;}
.m-left-90{ margin-left:90px;}
.m-left-100{ margin-left:100px;}

/*距离右边margin属性*/
.m-right-10{ margin-right:10px;}
.m-right-20{ margin-right:20px;}
.m-right-30{ margin-right:30px;}
.m-right-40{ margin-right:40px;}
.m-right-50{ margin-right:50px;}
.m-right-60{ margin-right:60px;}
.m-right-70{ margin-right:70px;}
.m-right-80{ margin-right:80px;}
.m-right-90{ margin-right:90px;}
.m-right-100{ margin-right:100px;}

.pad0{ padding:0px}
.pad10{ padding:10px}
.pad20{ padding:20px}
.pad30{ padding:30px}
.pad40{ padding:40px}
.pad50{ padding:50px}


.obj-img{ height:100%;width:100%; transition: all 0.4s;position: relative;object-fit:cover;transition: all 0.2s;}

.po-width{ position:absolute; width:100%; left:0; }
.po-all{ position:absolute; width:100%; height:100%; left:0; top:0; display:table;}
.middle{ display:table-cell; vertical-align:middle;}


/*定义颜色*/
.red{ color:#CC0000}
.green{ color:#009933}
.blue{ color:#0066CC}
.yellow{ color:#FFFF00}
.org{ color:#FF6600}
.black{ color:#000000}
.grew{ color:#999999}

/* hover效果 */
.hover-opa:hover,.hover-opa:hover .hov,.hover-opa-none:hover .hov {
   filter:alpha(opacity=50); /* ie 有效*/-moz-opacity:0.5; /* Firefox 有效*/opacity: 0.5; /* 通用，其他浏览器 有效*/
 }
.hover-opa-none:hover{filter:alpha(opacity=100); /* ie 有效*/-moz-opacity:1; /* Firefox 有效*/opacity: 1; /* 通用，其他浏览器 有效*/}

.hover-big:hover .hov,.hover-big:hover,.hover-big-none:hover .hov{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1)}
.hover-big-none:hover{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1)}


.hover-xuan:hover .hov,.hover-xuan:hover,.hover-xuan-none:hover .hov{transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); }
.hover-xuan-none:hover{transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); }

.hover-shadow:hover{ -moz-box-shadow:0px 0px 15px #ddd; -webkit-box-shadow:0px 0px 15px #ddd; box-shadow:0px 0px 15px #ddd;}

.hover-show:hover .hov{ display:block !important}



body{font-size:14px}

a{ text-decoration:none; color:#333;}