body{
    font-family: "微软雅黑";
    padding-top: 130px;
}

.header{
    width: 100%;
    height: 130px;
    background:rgba(0,0,0,1);
    position: fixed;
    top: 0;
    z-index: 5;
    transition:color 0.3s linear;

}
.opta{
     background:rgba(0,0,0,0.8);
     transition:color 0.3s linear;
}
.header .con{
    width: 1120px;
    margin: 0 auto;
}
.header .con .top{
    text-align: right;
    color: #767474;
    padding: 23px 13px 15px 0;
}
.header .con .top a{
    color: #767474;
    padding: 2px 5px;
    margin:0 4px;
}
.header .con .top .tel{
    color: #d00101;
    margin-left:5px;
}

.header .con .bottom{
    height: 78px;
}
.header .con .bottom .logo{
    position: relative;
    padding-left: 10px;
    top: -15px;
    width: 375px;
}
.header .con .bottom .navbox{
    overflow:hidden;
    text-align: right;
    font-size: 12px;
}
.nav-list li{
    display: inline-block;
    text-align: center;
    
}
.nav-list li a{
    color: #dddddd;
    display: block;
    padding: 10px 17px;
    transition:color 0.3s linear
}
.nav-list li a:hover{
  text-decoration: none;
  color: #d00101;
}
.nav-list li a h3{
    font-size: 16px;
    margin-bottom: 3px;
}



.footer{
    background: #232323;
    width: 100%;
    border-top: 7px solid #b0000d;
}
.footer .gtbox{
    width: 1120px;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}
.footer  .gtot{
    width:705px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
    font-size: 13px;
    
}
.footer  .gtot .cent{
  width: 320px;
  margin-left: 52px;
  background: #d0000f;
  color: #ffffff;
  padding: 35px 0 20px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.footer  .gtot .cent .c-btn{
    text-align: center;
}
.footer  .gtot .cent .c-btn a{
    color: #ffffff;
    border-radius: 40px;
    border:1px solid #ffffff;
    font-size: 15px;
    padding: 3px 15px;
    margin: 0 25px;
}

.footer  .gtot .cent h3{
    font-size: 28px;
}
.footer  .gtot .cent h2{
    font-size: 40px;
    margin-bottom: 20px;
}
.footer  .gtot img{
    margin-bottom: 15px;
}
.footer{

}
.footer .gtin{
    font-size: 15px;
}
.footer .gtin a{ 
    color: #ffffff;
    padding: 10px 3px;
    padding-left: 33px;
    margin:0 22px;
    display:inline-block;
    }
.footer .gtin .line{
   border-left:1px dashed #414141;
 
}

.footer .link{
    background: #232323;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 15px;
    border-top:1px solid #414141;
    color: #8a8a8a;
}
.footer .link a{
       color: #8a8a8a;
    padding: 2px 3px;
    margin:0 1px;
    font-size: 13px;
}
.footer .bottom{
    background: #000000;
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    padding:13px 0;
}
.footer .bottom .cot{
  width: 1120px;
  margin: 0 auto;
}
.footer .bottom .cot .fr {
    color: #777777;
}
.footer .bottom .cot .fr a{
    color: #777777;
    padding: 2px 5px;
    margin:0 4px;
}
.gry{
 color: #747474;
}
.footer .bottom .cot .gry{
    padding-left: 70px;
}

.page{
    overflow: hidden;
    text-align: center;
}
.page a{
    display: inline-block;
    text-align: center;
   min-width: 40px;
   height: 40px;
   border:1px solid #d1cfd0;
   color: #000000;
   line-height: 40px;
   margin: 0 5px;
   transition:color 0.3s linear;
   background: #ffffff;
}
.page a:hover, .page a.active{
    background: #d00000;
    color:#ffffff;
}
.f_qq{
     background: url("../image/f-qq.png")  no-repeat scroll left center; 
}
.f_ww{
     background: url("../image/f-ww.png")  no-repeat scroll left center; 
}


.lc-layout{
 position:relative;
}
.lc-list{
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 30px;
   
}
.lc-list li{
    display:inline-block;
    float: left;
    width: 20%;
    min-width: 220px;
    text-align: center;

}
.lc-list li .lc-icon{
   display: block;
   width: 120px;
   height: 120px;
   background-color: #ffffff;
   border-radius: 50%;
   overflow: hidden;
   border:1px solid #b8b6b7;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 12px;
   cursor: pointer;
   opacity: 0;
   position: relative;
   bottom:-80px;
   transition:all 500ms linear;

}
.lc-list li:hover .lc-icon{
  border-color: #d00101;
}
.lc-list li:hover .lc1{
       background: url("../image/h-lcicon1.png") no-repeat scroll center center #d00101;
 }
 .lc-list li:hover .lc2{
     background: url("../image/h-lcicon2.png") no-repeat scroll center center #d00101;
 }
 .lc-list li:hover .lc3{
     background: url("../image/h-lcicon3.png") no-repeat scroll center center #d00101;
 }
 .lc-list li:hover .lc4{
     background: url("../image/h-lcicon4.png") no-repeat scroll center center #d00101;
 }
 .lc-list li:hover .lc5{
     background: url("../image/h-lcicon5.png") no-repeat scroll center center #d00101;
 }

.lc-list li h3{
    font-size:16px;
    margin-bottom: 15px;
 }
 .lc-list li p{
     font-size: 14px;
     color: #818181;
     line-height: 180%;
 }
 .tline{ width: 100%;
     height:1px;
     border-top: 1px solid #dddddd;
     position: absolute;
     z-index: -1;
     bottom:50%;}
 .lc1{
     background: url("../image/lcicon1.png") no-repeat scroll center center #ffffff;
 }
 .lc2{
     background: url("../image/lcicon2.png") no-repeat scroll center center #ffffff;
 }
 .lc3{
     background: url("../image/lcicon3.png") no-repeat scroll center center #ffffff;
 }
 .lc4{
     background: url("../image/lcicon4.png") no-repeat scroll center center #ffffff;
 }
 .lc5{
     background: url("../image/lcicon5.png") no-repeat scroll center center #ffffff;
 }

.red{
    color: #d00000;
}



.sideIcon { position: fixed; right: 0; height: 255px; z-index: 10;;top: 50%;margin-top: -128px;display: none;}
.sideIcon > div,.sideIcon > a { width: 47px; height: 50px; border-radius: 5px 0 0 5px; background-color: #333333; text-align: center; line-height: 50px; margin-bottom: 1px; font-size: 12px; color: #FFF; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; cursor: pointer; position: absolute; right: 0; }
.sideIcon div.top { top: 0; overflow: hidden;}
.sideIcon div i,.sideIcon a i { width: 24px; height: 24px; display: inline-block; }
.sideIcon div.top i { background: url(../image/float_topicon.png) center no-repeat; margin-top: 15px; }
.sideIcon .qq,.sideIcon .phone{display: block;}
.sideIcon .qq i { background: url(../image/float_qqicon.png) center no-repeat; margin-left: 12px; margin-top: 10px; float: left; }
.sideIcon .phone i { background: url(../image/float_phoneicon.png) center no-repeat; margin-left: 12px; margin-top: 10px; float: left; }
.sideIcon div.code i { background: url(../image/float_codeicon.png) center no-repeat; margin-top: 10px; margin-left: 5px; }
.sideIcon .phone p, .sideIcon .qq p { float: left; margin-left: 10px; }
.sideIcon .qq { top: 51px; text-align: left;overflow: hidden; }
.sideIcon .phone { top: 102px; text-align: left;overflow: hidden; }
.sideIcon div.code {top: 153px;}
.sideIcon div p,.sideIcon a p { display: none; }
.sideIcon div:hover { background-color: #d10d21; }
.sideIcon a.qq:hover p,.sideIcon a.phone:hover p,.sideIcon .code:hover p{display:block;}
.sideIcon .searchicon{top: 153px;overflow: hidden;}
.sideIcon .searchicon:hover{width: 200px; border-radius: 5px 0 0 5px;}
.sideIcon .searchicon i{background: url(404.png) no-repeat center;margin-top: 12px;width: 47px;float: left;}
.sideIcon .searchicon input{padding: 0 3px;line-height: 25px;height: 25px;}
.sideIcon .qq:hover { width: 120px; }
.sideIcon .phone:hover { width: 164px; }
.sideIcon div.code .codeimg { position: absolute; left: -200px; bottom: 0; width: 190px; height: 190px; padding: 5px; background: #999 url(../image/codeimg.jpg) center no-repeat; }
.yqlj {text-align:center;color:#777777}
.yqlj a{color:#777777}