﻿@charset "utf-8";

/*注意本CSS设置 在320px下1rem=12px; 1px=0.0833rem 在小于640px 1rem=24px; 1px=0.05rem*/
/*初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button { margin:0;padding:0;border:0;outline:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0; }
.overclear{ margin:0; line-height:0; padding:0; clear:both; border:0; height:0;}
body{ font-size:62.5%; color:#666; background:#fff; font-family:'Microsoft YaHei,Arial, Helvetica, sans-serif';}
.clear{clear:both;}
.clearfix:after { content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both; } 
.clearfix { zoom:1; }  
a{outline:0;blr:expression(this.onFocus=this.blur()); text-decoration:none;}
a:active{ background: none}
a,input {outline:none;}
input,textarea{ font-size:0.875em;font-family:'Microsoft YaHei';}


/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}


/* 去掉外 内 边框  */
.mr_0{margin-right: 0 !important;}  .ml_0{margin-left: 0 !important;}  .mt_0{margin-top: 0 !important;}
.mb_0{margin-bottom: 0 !important;}  .pl_0{padding-left: 0 !important;}  .pr_0{padding-right: 0 !important;}
.pb_0{padding-bottom: 0 !important;}  .pt_r{padding-top: 0 !important;}  .bbtom{border-bottom:0 !important;}
.brtom{border-right:0 !important;}
/* 已经计算内边框  */
.borderBox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pb5{ padding-bottom: 5rem !important;}
.max640{max-width: 640px; min-width: 320px; margin: 0 auto; width: 100%;}
.w1100{ width: 1100px; margin: 0 auto}
.max1920{ max-width: 1920px; width: 100%; margin: 0 auto}



/*----------首页 start--------*/

.indexEntry{
    background: url('/xiaochengxu/images/main/Ndrk-bg.png') no-repeat center center;
    height: 690px;
}
.indexEntry .entryTitle{  padding-top:60px; }
.indexEntry .entryTitle h5{ text-align:center; font-size: 32px;color: #fff;  }
.indexEntry .entryTitle p{ text-align:center; font-size: 16px;color: #999;  margin-top:10px; }
.indexEntry .entryList{ margin-top: 40px; }
.indexEntry .entryList li{ }



.indexEntry .entryList li {
    width: 180px;
    height:220px;
    float: left;
    background: url('/xiaochengxu/images/main/bg.png');
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 10px;
    overflow:hidden;
}
.indexEntry .entryList .ml{ margin-right: 0 !important; }
.indexEntry .entryList a {
    width: 180px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) 0s;
}
 .t-sec {height: 74px;width: 74px; display: block;margin: 40px auto 20px;overflow: hidden;transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;}
.t-bgi-bg-a{ background: url('/xiaochengxu/images/main/a.png') no-repeat;}
.t-bgi-bg-b{ background: url('/xiaochengxu/images/main/b.png') no-repeat;}
.t-bgi-bg-c{ background: url('/xiaochengxu/images/main/c.png') no-repeat;}
.t-bgi-bg-d{ background: url('/xiaochengxu/images/main/d.png') no-repeat;}
.t-bgi-bg-e{ background: url('/xiaochengxu/images/main/e.png') no-repeat;}
.t-bgi-bg-f{ background: url('/xiaochengxu/images/main/f.png') no-repeat;}
.t-bgi-bg-g{ background: url('/xiaochengxu/images/main/g.png') no-repeat;}
.t-bgi-bg-h{ background: url('/xiaochengxu/images/main/h.png') no-repeat;}
.t-bgi-bg-j{ background: url('/xiaochengxu/images/main/j.png') no-repeat;}
.t-bgi-bg-i{ background: url('/xiaochengxu/images/main/i.png') no-repeat;}
.t-bgi-bg-k{ background: url('/xiaochengxu/images/main/k.png') no-repeat;}
.t-bgi-bg-l{ background: url('/xiaochengxu/images/main/l.png') no-repeat;}
 .t-mod1 h3 {transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;font-size: 20px;color: #666;}

.indexEntry .inter{position: absolute; bottom: 0;
    left: 0;
    width: 180px;
    height: 220px;
   
    z-index: 5;
    display:none;
        
}
.indexEntry .inter-a{ background: url('/xiaochengxu/images/main/a2.png') no-repeat center;}
.indexEntry .inter-b{ background: url('/xiaochengxu/images/main/b2.png') no-repeat center;}
.indexEntry .inter-c{ background: url('/xiaochengxu/images/main/c2.png') no-repeat center;}
.indexEntry .inter-d{ background: url('/xiaochengxu/images/main/d2.png') no-repeat center;}
.indexEntry .inter-e{ background: url('/xiaochengxu/images/main/e2.png') no-repeat center;}
.indexEntry .inter-f{ background: url('/xiaochengxu/images/main/f2.png') no-repeat center;}
.indexEntry .inter-g{ background: url('/xiaochengxu/images/main/g2.png') no-repeat center;}
.indexEntry .inter-h{ background: url('/xiaochengxu/images/main/h2.png') no-repeat center;}
.indexEntry .inter-j{ background: url('/xiaochengxu/images/main/j2.png') no-repeat center;}
.indexEntry .inter-i{ background: url('/xiaochengxu/images/main/i2.png') no-repeat center;}
.indexEntry .inter-k{ background: url('/xiaochengxu/images/main/k2.png') no-repeat center;}
.indexEntry .inter-l{ background: url('/xiaochengxu/images/main/l2.png') no-repeat center;}
 .indexEntry .inter p {
    opacity: 0;
    font-size: 12px; margin-top:0px;
    color: #fff;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    text-align: center;
}

 .indexEntry .inter span {opacity: 0;
    font-size: 20px; margin-top:0px;
    color: #fff;
    display: block;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    text-align: center;
}


 .indexEntry .inter .t-bgi-more {
    opacity: 0;
    width: 48px;
    height: 48px;
   margin: 0px auto 0;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    display: block;
   
}

.indexEntry .inter .t-bgi-a{ background:  url('/xiaochengxu/images/main/a1.png') no-repeat center;}
.indexEntry .inter .t-bgi-b{ background:  url('/xiaochengxu/images/main/b1.png') no-repeat center;}
.indexEntry .inter .t-bgi-c{ background:  url('/xiaochengxu/images/main/c1.png') no-repeat center;}
.indexEntry .inter .t-bgi-d{ background:  url('/xiaochengxu/images/main/d1.png') no-repeat center;}
.indexEntry .inter .t-bgi-e{ background:  url('/xiaochengxu/images/main/e1.png') no-repeat center;}
.indexEntry .inter .t-bgi-f{ background:  url('/xiaochengxu/images/main/f1.png') no-repeat center;}
.indexEntry .inter .t-bgi-g{ background:  url('/xiaochengxu/images/main/g1.png') no-repeat center;}
.indexEntry .inter .t-bgi-h{ background:  url('/xiaochengxu/images/main/h1.png') no-repeat center;}
.indexEntry .inter .t-bgi-j{ background:  url('/xiaochengxu/images/main/j1.png') no-repeat center;}
.indexEntry .inter .t-bgi-i{ background:  url('/xiaochengxu/images/main/i1.png') no-repeat center;}
.indexEntry .inter .t-bgi-k{ background:  url('/xiaochengxu/images/main/k1.png') no-repeat center;}
.indexEntry .inter .t-bgi-l{ background:  url('/xiaochengxu/images/main/l1.png') no-repeat center;}
 .indexEntry .inter:hover span {  opacity: 1; margin-top:25px;}
 .indexEntry .inter:hover p {  opacity: 1;margin-top:10px;}
.indexEntry .inter:hover .t-bgi-more{opacity: 1;margin: 40px auto 0;}

 .indexEntry .entryList a:hover {
    width: 180px;
    height: 220px;
    position: absolute;
    top: -80px;
    left: 0;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}
.indexEntry .entryList a:hover .inter{
    position: absolute;
    top: 80px;
    left: 0;
    display: block;
 } 

