@charset "utf-8";
body{margin: 0;color: #333;font-family: "Microsoft Yahei";font-size: 15px;line-height: 1;letter-spacing: 1px;}
*{margin: 0;padding: 0;}
li{list-style: none;}
i,em{font-style: normal;}
img{border: 0;vertical-align: middle;}
.cen{margin: 10px auto;text-align: center;}
.cen img{border-radius: 8px;}
a{color: #555;text-decoration: none;}
a:hover{color: #cc0000;text-decoration: none;}
header{background: #ed1d24;}
header .top{width: 100%;height: 35px;background: #333;color: #fff;font-size: 18px;line-height: 35px;text-align: right;font-weight: 800;}
header .top i{display: block;max-width: 1200px;margin: 0 auto;}
header .top img{margin-right: 10px;}
header .head{width: 1200px;height: 92px;margin: 0 auto;}
header .head .logo{float: left;width: 300px;padding-top: 16px;color: #fff;font-size: 24px;}
header .head .logo img{margin-right: 20px;}
header .nav{float: right;width: 800px;}
header .nav li{float: left;margin-right: 10px;font-size: 16px;line-height: 92px;font-weight: 600;text-align: center;}
header .nav li a{display: block;padding: 0 27px;color: #fff;transition: all .5s;}
header .nav li a:hover,header .nav li:first-child a{background: #fff;color: #ed1d24;}
.banner{position: relative;overflow: hidden;width: 100%;margin: 0 auto;}
.slide{overflow: hidden;display: block;float: left;width: 1920px;}
#dots{position: absolute;bottom: 13px;left: 51.6%;z-index: 99;height: 13px;}
#dots li{float: left;width: 100px;height: 10px;margin-left: -76px;}
#dots li a{display: block;width: 10px;height: 10px;background: #999;border: #fff 1px solid;border-radius: 4px;}
#dots li.act a{background: #ed1d24;}
.w1200{width: 1200px;margin: 0 auto;}
.title{height: 90px;color: #333;font-size: 38px;text-align: center;}
.title em{display: block;padding-top: 15px;color: #999;font-size: 16px;line-height: 20px;font-weight: normal;text-transform: uppercase;}
.chanpin{overflow: hidden;margin-top: 50px;}
.chanpin .list{overflow: hidden;margin-top: 10px;}
.chanpin .list dl{position: relative;float: left;width: 22.8%;margin: 1%;border: #e5e5e5 1px solid;border-radius: 3px;}
.chanpin .list dt{position: relative;width: 100%;}
.chanpin .list dt img{display: block;width: 100%;}
.chanpin .list dd{width: 100%;height: 50px;background: #e5e5e5;color: #474747;font-size: 16px;line-height: 50px;text-align: center;}
.chanpin .list dl:hover{box-shadow: 0 0 7px 2px rgb(0 0 0 / 19%);border-radius: 3px;}
.chanpin .list dl:hover dd{background: #ed1d24;color: #fff;}
.about{position: relative;overflow: hidden;width: 100%;height: 620px;margin: 0 auto;margin-top: 50px;background: url(img/abg.jpg) no-repeat center top;}
.about dl{margin-top: 65px;}
.about dt{float: right;width: 495px;}
.about dd{float: left;width: 600px;}
.about dd h2{margin-bottom: 40px;color: #ed1d24;font-size: 30px;font-weight: 500;}
.about dd h2 span{padding-left: 15px;color: #fff;font-size: 26px;}
.about dd p{color: #fff;font-size: 16px;line-height: 1.8;}
.about dd .more{width: 120px;height: 40px;margin-top: 30px;color: #fff;line-height: 40px;text-align: center;transition: all .5s;}
.about dd a.more{display: block;border-radius: 5px;border: #fff 1px solid;}
.about dd a:hover.more{background: #ed1d24;border: #ed1d24 1px solid;}
.about ul{position: absolute;bottom: 0;}
.about li{float: left;width: 600px;height: 185px;padding: 50px 70px 0 150px;box-sizing: border-box;}
.about li h3{margin-bottom: 10px;color: #fff;font-size: 18px;font-weight: 500;}
.about li p{color: #fff;line-height: 24px;}
.about li:nth-child(1){background: url(img/ico1.png) no-repeat 30px 50px;}
.about li:nth-child(2){background: url(img/ico2.png) no-repeat 30px 50px;}
.app{margin-top: 50px;}
.app ul{}
.app li{position: relative;float: left;width: 18.4%;margin: 0.8%;transition: all .5s;}
.app li img{display: block;width: 100%;box-sizing: border-box;border: rgba(0, 0, 0, 0.2) 5px solid;}
.app li span{position: absolute;top: 50%;display: block;width: 100%;margin-top: -15px;font-size: 18px;line-height: 30px;text-align: center;opacity: 0;}
.app li:hover{background: #e21300;}
.app li:hover img{opacity: 0.6;}
.app li:hover span{opacity: 1;color: #fff;}

.news{overflow: hidden;width: 100%;height: auto;padding: 40px 0 40px;background: #fff;}
.news .new-box{overflow: hidden;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;width: 100%;height: auto;margin: 20px auto;}
.news .left{overflow: hidden;height: auto;padding: 20px;background: #fafafa;}
.news .left img{width: 100%;margin-bottom: 20px;}
.news a{display: block;padding: 10px 0;color: #111;font-size: 18px;font-weight: 600;}
.news .left h3{padding: 6px 10px;border-bottom: #999 1px dashed;}
.news .left p{padding: 10px;color: #666;line-height: 30px;}
.news .left img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.news .left img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.news .right{overflow: hidden;height: auto;}
.news .right h3{padding: 0 25px;}
.news .right p{padding: 0 25px;color: #999;font-size: 16px;}
.news .right li{overflow: hidden;width: 100%;height: auto;margin-bottom: 20px;padding: 20px 0;background: #fafafa;transition: all .5s;-webkit-transition: all .5s;}
.news .right li:last-child{margin-bottom: 0;}
.news .right li:hover{background: #e21300;}
.news .right li:hover a,.news .right li:hover p{color: #fff;}
.xinwen{overflow: hidden;width: 100%;height: auto;}
.xinwen li{overflow: hidden;width: 100%;height: auto;margin-bottom: 20px;padding: 20px;background: #fff;border: #dedede 1px solid;box-sizing: border-box;}
.xinwen dl{display: grid;grid-template-columns: 1.2fr 2.8fr;grid-gap: 30px;}
.xinwen dt,.xinwen dd{overflow: hidden;width: 100%;height: auto;}
.xinwen dt img{width: 100%;}
.xinwen dd h3{margin-bottom: 10px;font-weight: normal;}
.xinwen dd h3 a{display: block;color: #111;font-size: 18px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;}
.xinwen dd p{margin-bottom: 40px;color: #797979;line-height: 24px;}
.xinwen dd .more{overflow: hidden;display: block;float: right;width: 100px;height: auto;background: #b6b6b6;line-height: 40px;text-align: center;}
.xinwen dd a{color: #fff;}
.xinwen li:hover{border: #0f58d6 1px solid;}
.xinwen li:hover .more{background: #0f58d6;}
.page{width: 100%;height: auto;margin: 0 auto;padding: 3px;line-height: 50px;text-align: center;clear: both;}
.next99{padding: 10px;border: #999 1px dashed;text-align: center;}
















footer{position: relative;overflow: hidden;width: 100%;height: auto;background: #efefef url(img/fbg.jpg) repeat-x left 280px;}
footer .w1200{overflow: hidden;padding-top: 50px;}
.foot{overflow: hidden;padding-bottom: 20px;border-bottom: #e50012 2px solid;}
.foot li{float: left;width: 200px;height: auto;font-size: 16px;}
.foot li h3{margin-bottom: 30px;color: #111;font-size: 22px;font-weight: normal;}
.foot li a{display: block;color: #666;line-height: 35px;}
.foot li p{display: block;color: #666;line-height: 35px;}
.foot li:nth-child(3){width: 600px;}
.foot li:nth-child(3) a{display: inline-block;}
.foot li:nth-child(4){text-indent: 15px;}
.foot li span{display: block;font-size: 20px;line-height: 50px;text-indent: 35px;}
.banquan{background: #fff;color: #666;font-size: 16px;text-align: center;line-height: 60px;}