body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,option,p,blockquote,th,td{margin:0;padding:0;}
* {outline: 0 none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul li{list-style: none;}
a{color:black;outline:0 none;text-decoration: none;cursor:pointer;}
img{border:0;}
body{
    font-family: "Microsoft YaHei","Arial";
    font-size: 14px;
}

/*头部*/
.top {width: 100%;position:fixed;top: 0;z-index: 9;background: #fff}
.top .container{width: 1200px;height: 120px;line-height: 120px;margin: 0 auto;}
.top .logo{vertical-align: middle;}
.top .menu{display: none}
.top .nav,.top .CE{float: right;}
.top .nav li{float: left;margin-right:45px}

/* .top .nav li:hover .topson{visibility:visible;}  */
.top .nav li .topson{ position: absolute; top:80px;display: none;background-color: rgba(255, 255, 255);     border-top: 2px solid #c9151e; box-shadow: 0px 0px 6px 6px rgb(29 29 29 / 8%);}
.top .nav li .topson .topfons div {line-height: 25px; border-bottom: 1px solid #ccc; padding: 10px 30px;} 
.top .nav li .topson .topfons div a{font-size: 14px;}
.top  a,.top .CE{font-size: 16px;color: #6c6c6c;}
.top  a.active,.top  a:hover{color: #c9151e;}

.banner{width: 100%;position: relative;overflow:hidden;height: auto;margin-top:120px;visibility: hidden;}
.banner .slider{position: relative;}
.banner .slider li{float: left;}
.banner .slider li img{width:100%;height: 100%}
.banner .bannertext{position: absolute;left:18%;top:10%;height: 65%}
.slider .fss-wrapper{float: left;}
.banner .pagination{width: 10px;height: 10px;}
.banner .pagination{position: absolute; bottom: 6%; left: 0px; z-index: 2; width: 100%;text-indent: 20%}
.banner .pagination a{display: inline-block;width: 31px;height: 30px;overflow: hidden; text-indent: -99px; background:url(../images/bannerbtn.png);margin: 0 7px;}
.banner .pagination a.selected,.banner .pagination a:hover{background:url(../images/banneractive.png)}

.footer{width: 1200px;margin:0 auto;margin-top: 43px;margin-bottom: 50px;position: relative;}
.footer>ul{width: 66%;float: left;}
.footer .mainnav{float: left;width: 18%;margin-right: 7%;}
.footer .nav{font-size: 16px;color: #333;display: inline-block;width: 100%;padding-bottom: 10px;border-bottom: 1px solid rgb(204,204,204 )}
.footer .nav:hover{color:#c9151e}
.footer .mainnav li a{font-size: 13px;color: #999}
.footer .mainnav li a:hover{color:#c9151e }
.footer .mainnav li {margin-top: 15px}                 
.footer .copyright{position: absolute;right: 0}
.footer .copyright p,.footer .copyright a{color:#666;font-size: 13px;}
.footer .copyright p{text-align: center;}
.footer .copyright>div{margin-top: 75px;margin-bottom: 20px;position: relative;}
.footer .copyright img.img1{float: left;width: 70%} 
.footer .copyright img.img2{float: right;width: 13%;cursor: pointer;} 
.footer .copyright .shows{width: 258px;position: absolute;left: 26%;top: -451%;display: none;}

.about_top{position: relative;}
.about_top .company{font-size: 20px;line-height: 24px;color: #c9151e;}
.about_top .en{color: #999;font-weight: normal;margin-left: 15px;font-size: 18px;line-height: 24px;}
.bread {position:absolute;font-size: 13px;font-weight: normal;top: 0;right: 0;line-height: 24px}      /*面包屑*/
.bread a{color:#999}
.bread span{color:#c9151e;}
.two{ background-color: #fff;}

.two .img{width:100%;display: flex;flex-direction: row; justify-content: space-between;}
.two .img div{
    width: 50%;
}
.two .img div img{
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    background: #fff;
}
.product03 img{
    height: 603px;
}
.two .imgs{
    position: relative;
}
.two .imgs img{
    width: 101%;
    height: 101%;
}
.product03{
    position: relative;
}
.product03 li {
    position:absolute;
    width: 199px;
    height: 55px;
}
.product03 a .li1{
    top: 15%;
    left: 10%;
}
.product03 a .li2{
    top: 29%;
    left: 9%;
}
.product03 a .li3{
    top: 39%;
    left: 9%;
}
.product03 a .li4{
    top: 50%;
    left: 9%;
}
.product03 a .li5{
    top: 61%;
    left: 9%;
}
.product03 a .li6{
    top: 71%;
    left: 9%;
}
.productlist03{
    position: relative;  
    background: #fff;
}
.productlist03 li{
    position: absolute;
    width: 195px;
    height: 52px;
}
.productlist03 a .li01{
    top: 18%;
    left: 5%;
}
.productlist03 a .li02{
    top: 29%;
    left: 5%;
}
.productlist03 a .li03{
    top: 40%;
    left: 5%;
}
.productlist03 a .li04{
    top: 51%;
    left: 5%;
}
.productlist03 a .li05{
    top: 61.5%;
    left: 5%;
}
.productlist03 a .li06{
    top: 72.5%;
    left: 5%;
}
.productlist03 a .li07{
    top: 18%;
    left: 55.5%;
}
.productlist03 a .li08{
    top: 29%;
    left: 55.5%;
}
.productlist03 a .li09{
    top: 40%;
    left: 55.5%;
}
.productlist03 a .li10{
    top: 50.5%;
    left: 55.5%;
}
.productlist03 a .li11{
    top: 61.5%;
    left: 55.5%;
}
.productlist03 a .li12{
    top: 72.5%;
    left: 55.5%;
}
.productlist03 a .li13{
    top: 83.5%;
    left: 55.5%;
}



/* .two .img::after{
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #ccc;
} */

.pager ul{width: 100%;text-align: center;font-size: 0}
.pager li{display: inline-block;zoom:1;}
.pager li a{padding: 14px 20px;border: 1px solid rgb(204,204,204);font-size: 16px;color: #aaaaaa;border-left: none;display: inline-block;}
.pager li a.first{border-left:1px solid rgb(204,204,204) }
.pager li a.active,.pager li a:hover{background: rgb(231,76,60);color: #fff}

#weixin02{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
#weixin02 .shadows{width: 100%;height: 100%;position: relative;background: #000;opacity: 0.6;}
#weixin02 .wrap{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 150px;height:150px}
#weixin02 .weixin02{width: 150px;} 
#weixin02 .close{position: absolute;left:91%;top:-9%;cursor: pointer;}