@charset "utf-8";
/* CSS Document */
a{ text-decoration:none !important; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
input,select,textarea {outline:none; background-color: transparent;}
*{ margin: 0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-size:14px;}
*[class~="row"] {margin: 0;}
*[class*="col-"] {padding: 0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
* html .clearfix {zoom:1;}
img{ border:none; display:block;}
ul,li{ list-style:none; }
em,i{ font-style:normal;}
body{ font-family:Arial !important;background-color: #fff; }


.topbox{ width: 100%; }
.topbox .toplogo{ width: 1237px; margin: 0 auto; background: #fff; overflow: hidden; padding-top: 34px; }
.topbox .toplogo .leftbox{ float: left; overflow: hidden; }
.topbox .toplogo .leftbox .logo{ width: 114px; height: 126px; float: left; margin-right: 58px; cursor: pointer; }
.topbox .toplogo .leftbox .logoright{float: left; }
.topbox .toplogo .leftbox .logoright h3{ font-size: 36px; color: #3e3e3e; }
.topbox .toplogo .leftbox .logoright p{ font-size: 18px; color: #4e4947; letter-spacing: 2px }
.topbox .toplogo .leftbox .logoright .logorb{ float: left;  overflow: hidden; margin-top: 20px;}
.topbox .toplogo .leftbox .logoright .logorb dl{ overflow: hidden; float: left; margin-right: 40px; }
.topbox .toplogo .leftbox .logoright .logorb dl dd{ float: left; }
.topbox .toplogo .leftbox .logoright .logorb dl dd img{ width: 22px; height: 22px; }
.topbox .toplogo .leftbox .logoright .logorb dl dt{ float: left;font-size: 14px; color: #686767; line-height: 22px; margin-left: 10px;}
.topbox .toplogo .rightbox{ float: right; overflow: hidden; margin-top: 56px; }
.topbox .toplogo .rightbox .search{ float: left; margin-top: 20px; margin-right: 30px; }
.topbox .toplogo .rightbox .search img{ cursor: pointer; width: 19px; height: 20px; }
.topbox .toplogo .rightbox .online{ float: left; display: flex; justify-content: center; align-items: center; cursor: pointer; background: #af0032; width: 150px;height: 60px; transition: all 0.6s; }
.topbox .toplogo .rightbox .online a{ display: block; font-size: 14px; color: #fff; }
.topbox .toplogo .rightbox .online span{ width: 24px; height: 21px; display: block; background: url(../images/img06.png) no-repeat; background-size: 24px 21px; background-position: center; margin-left: 12px;}
.topbox .toplogo .rightbox .online:hover{ background: rgba(16,92,161,1); }
.topbox .topnav{ width: 100%; /*height: 58px;*/ background-image: url(../images/img07.png); background-repeat: repeat-x; background-size:auto 100%; background-position: left center; position: relative; z-index: 888;  } 
.topbox .topnav .nav{ width: 1237px; margin: 0 auto; margin-top: 22px; } 
.topbox .topnav .nav ul{  line-height: 58px;border-right: 2px solid #e7e7e7;  } 
.topbox .topnav .nav ul li{ float: left; width:16.66%; transition: all 0.4s; border-left: 2px solid #e7e7e7; position: relative; } 
.topbox .topnav .nav ul li a{ display: block; width: 100%; height: 100%; color: #2d2d2d; text-align: center;} 
.topbox .topnav .nav ul li p{ position: absolute; left: 0; top:56px; padding-top: 2px; width: 100%; z-index: 999999; display: none; background-color: transparent;}
.topbox .topnav .nav ul li p a{ display: block; height: 44px; line-height: 44px; padding: 0 10px; background-color:  rgba(0,0,0,0.65); border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 14px; color: #fff; position: relative; z-index: 888; } 

.topbox .topnav .nav ul li.on>a{color: #af0032; font-weight: bold;} 
.topbox .topnav .nav ul li:hover>a{color: #af0032; font-weight: bold;} 
.topbox .topnav .nav ul li p a:hover{color: #af0032; font-weight: bold;} 

.bannerbox{ width: 100%; overflow: hidden; position: relative; height: 846px; z-index: 1;  }
.tempWrap{ }
.bannerbox .banner{ width: 100%; position: absolute; top: 0; width: 1920px; height: 846px; left: 50%; transform: translateX(-50%);}
.bannerbox .banner img{ width: 100%; height:100%}

.aboutbox{ width: 100%; background: #fff; padding: 56px 0; }
.aboutbox .about{ width: 1237px; margin: 0 auto;}
.aboutbox .about .abtop{ overflow: hidden; border-bottom: 2px solid #af0032; padding-bottom: 15px; margin-bottom: 20px; }
.aboutbox .about .abtop .left{ float: left; width: 600px; }
.aboutbox .about .abtop .left h3{ font-size: 18px; color: #af0032; font-weight: bold; }
.aboutbox .about .abtop .left h2{ font-size: 55px; color: #575656; font-weight: bold; }
.aboutbox .about .abtop .left p{ font-size: 14px; color: #575757; margin-top: 20px; line-height: 30px; }
.aboutbox .about .abtop .right{ float: right; }
.aboutbox .about .abtop .right>img{ width: 538px; height: 331px;}

.aboutbox .about .abbtt{ overflow: hidden; border-bottom: 2px solid #af0032; padding-bottom: 15px; margin-bottom: 20px; } 
.aboutbox .about .abbtt .left{ float: left; width: 676px; height: 308px; }
.aboutbox .about .abbtt .right{ float: left; width: 561px; height: 308px;  background: #f3f3f3; display: flex; align-items: center; justify-content: center; }
.aboutbox .about .abbtt .right .rb{ width: 100%; }
.aboutbox .about .abbtt .right .rb h4{ font-size: 36px; color: #026cb1; width: 100%; line-height: 36px; background: #fff; text-align: center; padding-top: 22px;  }
.aboutbox .about .abbtt .right .rb p{ font-size: 12px; color: #026cb1; letter-spacing: 2.7px; width: 100%; line-height: 12px; background: #fff;text-align: center; padding-bottom: 22px; padding-top: 10px;  }

.aboutbox .about .abbt{ overflow: hidden; } 
.aboutbox .about .abbt .right{ float: left; width: 676px; height: 308px; }
.aboutbox .about .abbt .left{ float: left; width: 561px; height: 308px;  background: #f3f3f3; display: flex; align-items: center; justify-content: center; }
.aboutbox .about .abbt .left .rb{ width: 100%; }
.aboutbox .about .abbt .left .rb h4{ font-size: 36px; color: #026cb1; width: 100%; line-height: 36px; background: #fff; text-align: center; padding-top: 22px;  }
.aboutbox .about .abbt .left .rb p{ font-size: 12px; color: #026cb1; letter-spacing: 2.7px; width: 100%; line-height: 12px; background: #fff;text-align: center; padding-bottom: 22px; padding-top: 10px;  }


.newsbox{ width: 100%; background: #ececec; padding: 56px 0; }
.newsbox .news{ width: 1237px; margin: 0 auto;}
.newsbox .news .abtop{ overflow: hidden;}
.newsbox .news .abtop .left{ float: left;}
.newsbox .news .abtop .left h3{ font-size: 18px; color: #af0032; font-weight: bold; }
.newsbox .news .abtop .left h2{ font-size: 55px; color: #575656; font-weight: bold; }
.newsbox .news .abtop .left>img{ width: 446px; height: 401px; margin-top: 30px;}
.newsbox .news .abtop .right{ float: right; margin-top: 28px; }
.newsbox .news .abtop .right dl{ overflow: hidden; margin-top: 32px;cursor: pointer; }
.newsbox .news .abtop .right dl dd{ float: left; width: 179px; height: 134px; transition: all 0.6s;  }
.newsbox .news .abtop .right dl dd>img{width: 179px; height: 134px; }
.newsbox .news .abtop .right dl dt{ float: left; width: 480px; margin-left: 42px; border-bottom: 1px dashed #575757; padding-bottom: 10px; transition: all 0.6s; }
.newsbox .news .abtop .right dl dt h5{ font-size: 14px; color:  #575757;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 6px; transition: all 0.6s;  }
.newsbox .news .abtop .right dl dt p{ font-size: 12px; color:  #717171;  line-height: 24px; max-height: 66px; overflow: hidden; }
.newsbox .news .abtop .right dl dt span{ display: block; font-size: 12px; color:  #717171;margin-top: 16px;}
.newsbox .news .abtop .right dl:hover dd{transform: translateX(10px);}
.newsbox .news .abtop .right dl:hover dt{transform: translateX(-10px);}
.newsbox .news .abtop .right dl:hover dt h5{color: #af0032}

.productbox{ width: 100%; background: #fff; padding: 56px 0; }
.productbox .product{ width: 1237px; margin: 0 auto;}
.productbox .product .abtop{ overflow: hidden;}
.productbox .product .abtop .left{ float: left;}
.productbox .product .abtop .left h3{ font-size: 18px; color: #af0032; font-weight: bold; }
.productbox .product .abtop .left h2{ font-size: 55px; color: #575656; font-weight: bold; }
.productbox .product .abtop .left>img{ width: 446px; height: 401px; margin-top: 30px;}
.productbox .product .abtop .right{ float: right; margin-top: 9px; }
.productbox .product .abtop .right>img{ width: 184px; height: 72px;}
.productbox .product .abbt{ margin-top: 70px; }
.productbox .product .abbt ul{display: flex; justify-content: space-between; }
.productbox .product .abbt ul li{ width: 386px; cursor: pointer; transition: all 0.6s; }
.productbox .product .abbt ul li>img{ width: 386px; height: 290px; }
.productbox .product .abbt ul li>p{ font-size: 14px; color: #575757; text-align: center; padding: 15px 0; transition: all 0.6s; }
.productbox .product .abbt ul li:hover{ transform: translateY(-20px); box-shadow: 0 4px 12px rgba(50,50,51,.2);  }
.productbox .product .abbt ul li:hover p{ background: #af0032; color: #fff; }

.kwbox{ width: 100%; background: #ececec; padding: 56px 0; }
.kwbox .kw{ width: 1237px; margin: 0 auto;}
.kwbox .kw .abtop{ overflow: hidden;}
.kwbox .kw .abtop .left{ float: left; width: 580px;}
.kwbox .kw .abtop .left h3{ font-size: 18px; color: #af0032; font-weight: bold; }
.kwbox .kw .abtop .left h2{ font-size: 55px; color: #575656; font-weight: bold; }
.kwbox .kw .abtop .left p{ font-size: 14px; color: #575757; margin-top: 20px; line-height: 30px; }
.kwbox .kw .abtop .right{ float: right; margin-top: 48px; }
.kwbox .kw .abtop .right ul{ display: flex; justify-content: space-between;}
.kwbox .kw .abtop .right ul li{ width: 272px; height: 202px; position: relative; margin-left: 46px; cursor:pointer; }
.kwbox .kw .abtop .right ul li .imgbox{ width: 272px;}
.kwbox .kw .abtop .right ul li .imgbox>img{ width: 272px; height: 202px; position: absolute;left: 0;top: 0; transition: all 0.6s }
.kwbox .kw .abtop ul li .imgbox>img.img1{opacity: 1 }
.kwbox .kw .abtop ul li .imgbox>img.img2{opacity: 0 }
.kwbox .kw .abtop .right ul li .titbox{ position: absolute; font-size: 24px; color: #fff; width: 238px; left: 20px; top: 26px;transition:  all 0.6s  }
.kwbox .kw .abtop .right ul li .jia{ position: absolute; width: 21px; height: 21px; background: url(../images/img15.png) no-repeat; background-size: 21px; background-position: center;  left: 44px; bottom: 80px; }
.kwbox .kw .abbt{ margin-top: 70px; width: 100%; }
.kwbox .kw .abbt ul{ width: 100%; display: flex; justify-content: space-between;}
.kwbox .kw .abbt ul li{ width: 272px; height: 202px; position: relative; cursor:pointer; }
.kwbox .kw .abbt ul li .imgbox{ width: 272px;}
.kwbox .kw .abbt ul li .imgbox>img{ width: 272px; height: 202px; position: absolute;left: 0;top: 0; transition:  all 0.6s }
.kwbox .kw .abbt ul li .imgbox>img.img1{opacity: 1; }
.kwbox .kw .abbt ul li .imgbox>img.img2{opacity: 0 }
.kwbox .kw .abbt ul li .titbox{ position: absolute; font-size: 24px; color: #fff; width: 238px; left: 20px; top: 26px; transition:  all 0.6s }
.kwbox .kw .abbt ul li .jia{ position: absolute; width: 21px; height: 21px; background: url(../images/img15.png) no-repeat; background-size: 21px; background-position: center;  left: 44px; bottom: 80px; }
.kwbox .kw ul li .after{ display: block; position: absolute; left: 0; width: 0; height: 5px; bottom: 0; background: #af0032; transition:  all 0.6s }
.kwbox .kw ul li:hover .after{ width: 100%; }
.kwbox .kw ul li:hover .titbox{ opacity: 0; }
.kwbox .kw ul li:hover .jia{ opacity: 0; }
.kwbox .kw ul li:hover .imgbox>img.img1{ opacity: 0; }
.kwbox .kw ul li:hover .imgbox>img.img2{ opacity: 1; }

.foodbox{ width: 100%; background: url(../images/img22.png) no-repeat; background-size:1575px 428px; background-position: top center; padding-top: 140px; padding-bottom: 40px; }
.foodbox .food{ width: 1237px; margin: 0 auto; overflow: hidden; }
.foodbox .food .left{ float: left; }
.foodbox .food .left ul{overflow: hidden;}
.foodbox .food .left ul li{ float: left; margin-left: 68px;}
.foodbox .food .left ul li h2{ font-size: 14px; color: #686767;text-align: left; font-weight: bold; margin-bottom: 8px;}
.foodbox .food .left ul li a{ display: block; font-size: 14px; color: #686767; line-height: 36px;}
.foodbox .food .left ul li a i{ color: #af0032; font-size: 8px; margin-right: 5px;}
.foodbox .food .middle{ float: left; width: 310px; margin-left: 80px; font-size: 14px; color: #666666 }
.foodbox .food .right{ float: right; display: flex; justify-content: center;}
.foodbox .food .right .ewm{ width: 99px; height: 99px;}
.foodbox .food .right p{font-size: 14px; color: #666666; margin-left: 20px;}
.foodbox .food .left ul li a:hover{ color: #af0032 }
.foodbox .btt{ text-align: center;font-size: 14px; color: #666666; margin-top: 100px }