﻿@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* side */
.kfside{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.kfside ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.kfside ul li .kfsidebox{position:absolute;width:274px;height:274px;top:0;right:0;transition:all 0.3s;background: #7c0c0d;opacity:1;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.kfside ul li .kfsidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.kfside ul li .kfsidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.kfside ul li img{float:left;}
.zxt{width: 950px;margin: 0 auto; padding-top:20px;}
.zxt h4{font:36px "Microsoft YaHei"; color:#000;font-weight: bold;text-align: center;background: url(../images/td_bj.jpg) repeat;}
.zxt h4 i{display: block;font:16px "宋体"; color:#aba7a5;text-transform: uppercase; padding-top:5px;}
.zxs{width: 960px;padding-top: 23px;}
.zxs dl{width: 225px;height: 363px;float: left;background: url(../img/tp_0.png) no-repeat;text-align: center;margin-right: 140px;}
.zxs .none{margin-right: 0px;}
.zxs dt{width: 225px;height: 240px;position: relative;}
.zxs dt img{width: 225px;height: 222px;padding-top: 17px;}
.zxs dt span{width: 143px;height: 112px; display: block;background: url(../img/lx_03.png) no-repeat;font:30px "Microsoft YaHei"; color:#fff;font-weight: bold;text-align: center;position: absolute;top:79px;left:46px; ;}
.zxs dd p{font:16px "Microsoft YaHei"; color:#000;font-weight: bold;padding: 12px 0; border: 1px solid #391304;}
.fl_nav { width: 1200px; height:220px; margin-left: auto; margin-right: auto;background: url(../images/td_bj.jpg) repeat;}
.fl_nav h3 { 
    color: #000;
    text-align: center;
    height: 65px;
    background: url(../images/td_bj.jpg) repeat;
    padding-top: 20px;
    font: 36px "Microsoft YaHei";
    font-weight: bold;
} 




.liucheng { width: 1200px; height:520px; margin-left: auto; margin-right: auto;background: url(../images/td_bj.jpg) repeat;}
.liucheng h3 { 
    color: #000;
    text-align: center;
    height: 65px;
    background: url(../images/td_bj.jpg) repeat;
    padding-top: 20px;
    font: 36px "Microsoft YaHei";
    font-weight: bold;

} 
.liucheng h3 i {
    display: block;
    font: 16px "宋体";
    color: #aba7a5;
    text-transform: uppercase;
    padding-top: 5px;}
.liucheng ul { width:1200px;   margin-right: auto; margin-left: auto; overflow: hidden; }
.liucheng li { float: left; width: 282px; height:409px; margin-left: 8px; margin-right: 8px; background-position: right center; background-repeat: no-repeat; text-align: center; }
.liucheng li img { width: 100%; height: 409px; }
.liucheng li span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.liucheng a { height :20px;}
.fl { transition: all 0.5s ease-in-out 0s; }
.fl:hover { transform: rotate(360deg); }
.cp_xg { width: 858px; overflow: hidden; }


.chanpin { width: 1200px; height:80px; margin-left: auto; margin-right: auto;background: url(../images/td_bj.jpg) repeat;}
.chanpin h3 { 
    color: #000;
    text-align: center;
    height: 65px;
    background: url(../images/td_bj.jpg) repeat;
    padding-top: 20px;
    font: 36px "Microsoft YaHei";
    font-weight: bold;

} 
 