@charset "utf-8";
/*初始化样式*/
*{margin:0;padding:0}
body {
    padding:0px; 
    margin:0px auto; 
    color:#444;
    background:#fff;
    /*letter-spacing:1px;*/
    font:16px/28px "Microsoft Yahei", Arial, Verdana, Tahoma, Sans-Serif 
    /* font:14px/24px 'FangSong','华文宋体','仿宋','FangSong_GB2312','仿宋_GB2312',"宋体","Microsoft Yahei", Sans-Serif */
    /*font:15px/24px 'KaiTi','楷体','Kai','KaiTi_GB2312','楷体_GB2312','STKaiti','华文楷体',"宋体","Microsoft Yahei", Sans-Serif*/
}
ul, ol, li {list-style:none;margin:0;padding:0}
input {font-size:12px}
table, td, th{font-size:14px;border:1px solid;line-height: 28px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
h1 {font-size:28px}
h2 {font-size:18px}
h3 {font-size:16px}
h4 {font-size:14px}
h5, h6 {font-size:12px}
a{text-decoration:none;color:#4c4c4c;display:block;cursor:pointer;}
a:hover{color:#991017}
div{display:block;}
p{display:block;margin:0px;	padding:0px;}
article{width:100%;display:block;margin-bottom:50px;}
section{width:99%;display:block;overflow:hidden;zoom:1;}
dl,dt,dd{margin:0;padding:0}
img{border:none}
.clear{clear: both;}
.full{width:100%}
.line{height:10px;width:100%;}
.fl{float:left}
.fr{float:right}
.mr30{margin-right: 30px;}
.container{
    margin:0 auto;
    width: 1200px;
}
.ml15{margin-left: 15px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt8{margin-top: 8px;}
.mt5{margin-top: 5px;}
.bt{border-top: 1px solid #ccc;}
.pt8{padding-top: 8px;}
.mr20{margin-right: 20px;}
body{
    min-width:1200px;
    background-color: #fff;
}

.header{
    overflow: hidden;
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-color: #fff;
}
.logo{
    width: 20%;
    float: left;
    text-align: center;
}
.logo img{
    height: 65px;
    width: 221px;
}
.nav{
    width: 60%;
    float: left;
    padding: 0 8%;
    font-size: 16px;
}
.nav li{
    float: left;
    width: 106px;
    text-align: center;
}
.nav li a{
    font-weight: 400;
}
.nav li.active a{
    color:#991017
}
.banner{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.banner .hd{
    position: absolute;
    height: 20px;
    width: 100%;
    z-index: 99;
    bottom: 20px;
    left: 0;
}
.banner .hd ul{
    overflow: hidden;
    margin: 0 auto;
    width:80px;
}
.banner .hd ul li{
    width: 20px;
    height: 20px;
    margin: 0 10px;
    float: left;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
}
.banner .hd ul li.on{
    background-color: #991017;
}
.banner .bd{
    width: 100%;
    height: 100%;
}
.banner .bd li{
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
}
.hproduct{
    overflow: hidden;
    margin-top: 100px;
    background-color: #fff;
}
.htitle{
    width: 330px;
    margin: 0 auto;
    text-align: center;
}
.htitle h2{
    font-size: 42px;
    color: #991017;
    line-height: 70px;
    font-weight: 700;
}
.htitle .hb{
    font-size: 40px;
    color:#bbb;
    z-index: -1;
    font-weight: 700;
}
.hproduct .hd{
    overflow: hidden;
    margin-top: 50px;
}
.hproduct .hd ul{
    overflow: hidden;
    line-height: 42px;
    /*height: 44px;*/
    margin: 0 auto;
    text-align: center;
    /*width: 676px;*/
}
.hproduct .hd li{
    /*float: left;*/
    /*width: 100px;*/
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    border: 1px solid #991017;
    border-radius: 3px;
    padding:0 15px;
}
.hproduct .hd li.on {
    background: #991017;
}
.hproduct .hd li:hover{
    cursor: pointer;
    
}

.hproduct .hd li.on a{
    color:#fff
}
.hproduct .hd li a{
    color: #991017;
    font-size: 14px;
}

.hproduct .bd{
    overflow: hidden;
    margin-top: 30px;
    height: 640px;
}

.hproduct .bitem{
    height: 100%;
    overflow: hidden;
}
.hproduct .bditem ul{
    overflow: hidden;
}
.hproduct .bditem li{
    width: 25%;
    float: left;
    overflow: hidden;
}

.hproduct .bditem li:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    transition:0.6s;
    overflow:hidden;
    opacity:0.7;
}
.hproduct .bditem li:hover a{
    background: hsla(357, 81%, 33%, 0.247);
}
.hproduct .bditem li a{
    display: block;
    margin: 5px;
    text-align: center;
    overflow: hidden;
}

.hproduct .bditem li img{
    width: 100%;
    height: 350px;
}
.hproduct .bditem li p{
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 16px;
}
.hproduct .bditem li p a{
    color:#333
}

.hproduct .bditem .showmore{
    height: 185px;
    overflow: hidden;
    width: 100%;
}

.hproduct .bditem .showmore .s{
    
    width:180px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin: 0 auto;
    border: 1px solid #991017;
    text-align: center;
    display: block;
    color:#991017;
    margin-top: 40px;
}
.aboutbox{
    overflow: hidden;
    background-color: #f6f6f6;
    padding-bottom: 60px;
}
.about{
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 464px;
}
.about .imgbck{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 758px;
    height: 464px;
    z-index: 1;
}
.about .aboutcon{
    width: 520px;
    height: 370px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 5;
}
.about .aboutcon p{
    margin: 85px 80px ;
    line-height: 34px;
}
.about .more{
    background: #991017;
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 99;
    text-align: center;
    bottom: 0;
    left: 460px;
}
.about .more a{
    overflow: hidden;
    width: 100%;
    padding-top: 40px;
    color:#fff;
    font-size: 14px;
    cursor: pointer;
}
.about .more a:hover{
    font-weight: 600;
}
.about .more span{
    display: block
}

.aboutbox .aitembox{
    width: 100%;
    margin-top: 30px;
}
.aboutbox .aitembox .aitem{
    width: 240px;
    height: 60px;
    padding: 35px 70px;
    background-color: #fff;
    float: left;
}
.aboutbox .aitembox .aitem img{
    float: left;
}
.aboutbox .aitembox .pic-attr{
    overflow: hidden;
    padding-left: 20px;
}
.aboutbox .aitembox .pic-attr h3{
    font-size: 18px;
    font-weight: 500;
}
.aboutbox .aitembox .pic-attr p{
    font-size: 14px;
}
.homeal{
    overflow: hidden;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}

.hanli{
    overflow: hidden;
    /* padding: 0 30px; */
    position: relative;
    height: 430px;
}
.hanli .controls a{
    position: absolute;
    top: 50%;
    margin-top: -45px;
    outline: 0;
    width: 54px;
    height: 90px;
    text-indent: -9999px;
    z-index: 98;
    text-align: center;
    border-radius: 8px;
}
.hanli .pre{
    left: 2%;
    background: url(../images/left.png) no-repeat center rgba(5, 5, 5, 0.3);
    background-size: contain;
}
.hanli .next{
    right: 2%;
    background: url(../images/right.png) no-repeat center rgba(5, 5, 5, 0.3);
    background-size: contain;
}
.hanli .hd{
    display: none;
}
.hanli .bd{
    overflow: hidden;
}
.hanli .bd li{
    height: 430px;
    width: 570px;
    margin: 0 15px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.hanli .bd li:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    transition:0.6s;
    overflow:hidden;
    opacity:0.7;
}
.hanli .bd li>img{
    width: 100%;
    height: 100%;
}
.hanli .bd li .text{
    cursor: pointer;
    width: 100%;
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    height: 60px;
    line-height: 60px;
    background-color: rgba(5, 5, 5, 0.329);
}
.hanli .bd li .text .p{
    font-size: 18px;
    color:#fff;
    padding-left: 30px;
    float: left;
}
.hanli .bd li .text .i{
    display: none;
    float: right;
    padding-right: 30px;
    padding-top: 15px;
}


.ntitle{
    line-height: 30px;
    border-left: 5px solid #991017;
    height: 30px;
    padding-left: 15px;
}
.ntitle a{
    font-size: 18px;
}
.news{
    overflow: hidden;
    width: 730px;
    float: left;
}
.news ul{
    overflow: hidden;
    background-color: #fafafa;
    margin-top: 20px;
    height: 360px;
}
.news ul li{
    overflow: hidden;
    height: 74px;
    padding: 8px 15px;
}
.news ul li a{
    font-size: 16px;
    line-height: 32px;
    height: 32px;
}
.news ul li a span{
    width: 100px;
    float: right;
}
.news ul li p{
    line-height: 20px;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
}
.video{
    width: 450px;
    float: right;
    overflow: hidden;
}
.video .player{
    margin-top: 20px;
}

.footer{
    background-color: #ddd;
    width: 100%;
    height: 380px;
}
.fbox{
    height: 280px;
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
}
.fitem{
    width: 120px;
    float: left;
    margin-right: 80px;
}

.fbox .ftitle{
    font-size: 15px;
    font-weight: 600;
}
.fbox ul{
    overflow: hidden;
    margin-top: 20px;
}
.fitem ul li{
    line-height: 32px;
    font-size: 13px;
}
.fitemx{
    width: 240px;
    float: left;
    margin-right: 80px;
}

.fitemx ul li{
    line-height: 32px;
    height: 32px;
    font-size: 13px;
    width: 120px;
    float: left;
}
.fitemr{
    float: right;
    width: 120px;
    padding:0 30px;
}
.fitemr img{
    width: 120px;
    height: 120px;
    padding-top: 60px;
}
.footer .fcor{
    line-height: 60px;
    height: 60px;
    width: 100%;
    background: #444;
    text-align: center;
    color: #fff;
}
.footer .fcor a{
    display: inline;
}

.nbanner{
    
    width: 100%;
    height: 260px;
    overflow: hidden;
    background: url(../images/bg.jpg) no-repeat 100% 100%;
}
.nbanner .container{
    position: relative;
    height: 100%;
}
.nbnav{
    line-height: 50px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.nbnav ul{
    padding: 0 10px;
    overflow: hidden;
}
.nbnav ul li{
    padding: 0 10px;
    float: left;
}
.nbnav ul li a{
    color:#fff
}
.nbnav ul li a:hover{
    color: #991017;
}

.nlist{
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 50px;
}
.nlist .news{
    width: 100%;
}
.page{
    overflow: hidden;
    margin: 20px auto;
    text-align: center;

}
.page a{
    display: inline;
    padding: 0 12px;
    line-height: 32px;
    height: 32px;
}
.page > b{
    line-height: 32px;
    height: 32px;
    padding: 0 12px;
    display: inline-block;
    color: #fff;
    background: #991017;
}

.nlist .product{
    width: 100%;
    overflow: hidden;
}


.nlist .product ul{
    overflow: hidden;
    margin-top: 30px;
}

.nlist .product ul li{
    width: 25%;
    float: left;
    overflow: hidden;
}

.nlist .product ul li:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    transition:0.6s;
    overflow:hidden;
    opacity:0.7;
}
.nlist .product ul li:hover a{
    background: hsla(357, 81%, 33%, 0.247);
}
.nlist .product ul li a{
    display: block;
    margin: 5px;
    text-align: center;
    overflow: hidden;
}

.nlist .product ul li img{
    width: 100%;
    height: 350px;
}
.nlist .product ul li p{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}
.nlist .product ul li p a{
    color:#333
}

.aritlce{
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 50px;
}

.newstitle{
    font-size:24px; 
    line-height:46px; 
    text-align:center; 
    color:#333333; 
    font-family:"Microsoft YaHei";  
    padding-bottom:26px;
    margin-top: 40px;
}
.newstitlef{font-size: 18px; font-weight:bold;text-align: center;line-height: 30px;}
.newsinfo{ margin:10px 0; text-align:center; color:#333; line-height:25px; text-align:center; height:25px; font-size:14px;}
.newsinfo a{ color:#333;display: inline;}
.newsinfo input{width:16px;height:16px;border:#666 1px solid;vertical-align:middle;cursor:pointer;} 
.newsinfo1{ height:25px; line-height:25px;width: 250px;margin:0 auto; font-size:15px; text-align:center;}
.newsinfo1  .font{width: 150px;float: left;}
.newsinfo1  .print {width: 100px;float: left;}
.newsinfo1  .font a{ padding:0 2px; display: inline-block;}
.newsinfo1  .print a{ display:inline-block; background:url(../images/wzicon1.gif) 0 center no-repeat; padding-left:22px;  }

.aricontent{
    margin-top: 30px;
    font-size: 16px;
    text-align: justify;
    /*text-indent: 32px;*/
    line-height:34px
}
.aricontent p{
	text-align: justify;
    margin-bottom:10px
}