@charset "utf-8";
/* CSS Document */
/*top*/
.tops{
    position:  fixed;
    z-index:  999;
    width: 100%;
    height:  170px;
}
.top{
    background: #2222226b;
    height: 120px;
}
.head{}
.head-left{
    float:  left;
    margin-top: 23px;
}
.head-left h2{
    color: #fff;
    font-size: 42px;
    font-weight:  bold;
}
.head-left p{
}
.head-left p a{
    color: #cbcaca;
    line-height: 30px;
    color: white;
    font-size: 16px;
}
.hend-right{
    float:  right;
    margin-top: 40px;
}
.hend-right .hua {
    float:  left;
}
.hend-right .hua img{
    width: 42px;
}
.hend-right .ji{
    float:  right;
    margin-top: 2px;
    margin-left: 15px;
}
.hend-right .ji p{
    color: #fff;
    font-size: 28px;
}
/*nav*/
.nav{
    background: #0a51bb;
    border-top: 1px solid #5d8ed67d;
}
.daohang{}
.daohang li{
    float:  left;
    height: 65px;
    padding: 0px 60px;
}
.daohang li:hover{
    background: #1d6ce2;
    transition: all 0.5s;
}
.daohang li a{
    line-height: 65px;
    text-align:  center;
    color: #fff;
    font-size: 16px;
}
/*main*/
.gut{
    height: 355px;
}
.gut li{
    float:  left;
    margin: 60px 20px 0px;
    width: 390px;
}
.gut li .gut1{
    background: url(../images/m1.jpg);
    height: 261px;
    padding: 100px 65px 65px;
    text-align:  center;
}
.gut li:hover .gut1{
    margin-top:  20px;
    transition: all 0.5s;
    box-shadow: rgba(0, 0, 0, 0.21) 0px 5px 20px;
    transform: translateY(-12px);
}
.gut li:hover .gut2{margin-top: 20px;transition: all 0.5s;box-shadow: rgba(0, 0, 0, 0.21) 0px 5px 20px;transform: translateY(-12px);}
.gut li:hover .gut3{margin-top: 20px;transition: all 0.5s;box-shadow: rgba(0, 0, 0, 0.21) 0px 5px 20px;transform: translateY(-12px);}
.gut li .gut1 h2{
    color:  #fff;
    font-size: 40px;
    background: #0a51bbba;
    padding: 10px;
}
.gut li .gut1 p{
    color: #fff;
    font-size:  20px;
}
.gut li .gut1 span{
    background:  red;
    width: 92px;
    height: 3px;
    display:  block;
    margin:  0px auto;
}
.gut li .gut2{
    background: url(../images/m2.jpg);
    height: 261px;
    padding: 100px 65px 65px;
    text-align: center;
}
.gut li .gut2 h2{
    font-size: 40px;
    color: #fff;
    background: #0a51bbba;
    padding: 10px;
}
.gut li .gut2 p{
    color: #fff;
    font-size:  20px;
}
.gut li .gut2 span{
    background: red;
    width: 92px;
    height: 3px;
    display: block;
    margin: 0px auto;
}
.gut li .gut3{
    background: url(../images/m3.jpg);
    height: 261px;
    padding: 100px 65px 65px;
    text-align: center;
    transition: all 0.5s;
}
.gut li .gut3 h2{
    font-size: 40px;
    color: #fff;
    background: #0a51bbba;
    padding: 10px;
}
.gut li .gut3 p{
    font-size:  20px;
    color: white;
}
.gut li .gut3 span{
    background: red;
    width: 92px;
    height: 3px;
    display: block;
    margin: 0px auto;
}
/*abouts*/
.abouts{
}
.tex{
    text-align:  center;
    margin: 60px 0px;
}
.tex h2{
    font-weight:  bold;
    font-size: 45px;
}
.tex p{
}
.tex span{
    background:  red;
    width: 66px;
    height: 3px;
    display:  block;
    margin:  0px auto;
    margin-bottom: 12px;
    margin-top: 10px;
}
.tex .t{}
.tex .t p{
    color: #9c9c9c;
}
.abouts-left{
    float:  left;
    width: 640px;
}
.abouts-left p{
    line-height: 34px;
    color: #858383;
    text-indent:  2em;
    font-size: 16px;
}
.more{
    border: 1px solid lightgrey;
    width: 140px;
    height: 38px;
    margin-top: 50px;
}
.more:hover{
    background: #0a51bb;
    transition: all 0.5s;
    border: 1px solid #053e94;
}
.more:hover a{
    color:  #fff;
}
.more a{
    text-align:  center;
    display:  block;
    line-height: 38px;
}
.abouts-right{
    float:  right;
}
.abouts-right img{}
/*product*/
.prod{
    overflow:  hidden;
    background: #f6f6f6cc;
    margin-top: 70px;
    padding-bottom: 50px;
}
.cpfenlei{}
.cpfenlei li{
    float:  left;
    margin:  10px;
    height: 45px;
    border: 1px solid lightgrey;
    width: 240px;
    border-radius: 50px;
    background: #fff;
}
.cpfenlei li a{
    line-height: 45px;
    text-align:  center;
    display:  block;
    font-size: 16px;
}
.cpfenlei li:hover{
    background: #0a51bb;
    transition: all 0.5s;
    border: 1px solid #0544a2;
}
.cpfenlei li:hover a{
    color: #fff;
}
.tpian{
    margin-top: 36px;
    height: 645px;
}
.tpian li{
    float:  left;
    border: 1px solid lightgrey;
    margin:  10px;
    background: #fff;
    width: 305px;
}
.tpian li .tup{
    overflow: hidden;
    transition: all 0.8s ease-out;
}
.tpian li .tup:hover{
    transition: all 0.8s ease-out;
}
.tpian li .tup img{
    width: 304px;
    padding: 15px;
    transition: all 0.9s ease-out;
}
.tpian li .tup:hover img{
    transform: scale(1.2);
    transition: all 0.9s ease-out;
}
.tpian li .tux{}
.tpian li .tux p{
    text-align:  center;
    line-height:  40px;
}
/*news*/
.news{padding-top: 10px;}
.newsleft{
    float: left;
}
.newsleft img{}
.newsrq{}
.newsrq h2{}
.newsrq p{}
.newsright{width: 708px;float: right;background: #f8f8f8;padding: 0px  20px 0px 45px;}
.newsright ul{}
.newsright ul li{
    height: 100px;
    border-bottom: 1px dashed #202020;
    padding-top: 15px;
}
.newsright ul li .newsrq{
    float: right;
    background: #0a51bb;
    padding:  10px;
    width: 80px;
    text-align:  center;
    margin-bottom: 26px;
    height: 68px;
}
.newsright ul li .newsrq h2{
    color: white;
    font-size: 20px;
    line-height: 23px;
}
.newsright ul li .newsrq p{
    color: #fff;
    font-size:  16px;
}
.newsright ul li .newstxt{
    float: left;
    width: 480px;
}
.newsright ul li .newstxt a{}
.newsright ul li .newstxt a h2{
    font-size: 16px;
    line-height: 18px;
    transition: all 0.5s ease;
}
.newsright ul li .newstxt a p{
    line-height: 26px;
    color: #747474;
}
.newsright ul li:hover .newstxt a h2{
    color: #e10707;
    letter-spacing: 0.8px;
    transition: all 0.5s ease;
    /* font-weight:  bold; */
    font-size: 16px;
}
.newsright ul li:hover .newstxt a p{color: #000000;/* margin-left: 20px; */transition: all 1s ease;}
/*youshi*/
.part04{
  width: 100%;
  height: 365px;
  background-image: url(../images/bg.jpg);
  background-attachment:fixed;
  overflow: hidden;
  margin-top: 80px;
  margin-bottom: 80px;
}
.part04 p{
  display: block;
  margin-top: 118px;
  height: 103px;
  font-size: 58px;
  color: #ffffff;
  letter-spacing: 0px;
  text-align: center;
}
.part04 span{
  display: block;
  font-size: 36px;
  color: #ffffff;
  letter-spacing: 0px;
  text-align:  center;
}
/*zhongzhi*/
.zz{
}
.zz li{
    float: left;
    margin: 15px;
}
.zz1{
    background: url(../images/pic1.jpg);
    width: 630px;
    height:  168px;
    padding: 60px 30px 60px 210px;
}
.zz1 h2{
    color:  #fff;
}
.zz1 p{
    color: #bebebe;
    line-height:  30px;
}
.zz2{
    background: url(../images/pic2.jpg);
    width: 570px;
    height: 168px;
    padding: 60px 30px 60px 210px;
}
.zz2 h2{
    color: #fff;
}
.zz2 p{
    color: #bebebe;
    line-height: 30px;
}
/*foods*/
.foods{
    background: #f4f2f2;
    margin-top: 68px;
}
.hang{padding: 10px 100px;height: 80px;border-bottom: 1px solid #e4e4e4;}
.hang li{
    float:  left;
    margin: 28px 46px;
    text-align:  center;
}
.hang li a{
    text-align:  center;
    color: #0a51bb;
    font-size: 16px;
    font-weight: bold;
}
.bao{height: 200px;}
.lx-left{float:  left;margin-top: 30px;}
.lx-left p{
}
.hang li:hover a{
    color: black;
    font-weight:  bold;
}
.sj{
    font-size: 33px;
    font-weight:  bold;
}
.ma{
    float:  right;
    margin-top:  30px;
}
.ma img{}
.ban{
    background: #eceaea;
}
.banquan{
    height: 50px;
}
.banquan p{
    text-align:  center;
    line-height:  50px;
}
.banquan p a{
    color:  red;
}