@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 .top{height: 35px;background: #f5f5f5;line-height: 35px;}
header .top i{display: block;max-width: 1200px;margin: 0 auto;}
header .head{max-width: 1200px;height: 123px;margin: 0 auto;padding-top: 27px;}
header .head .logo{float: left;width: 260px;width: 335px;height: 98px;margin-right: 32px;background: url(img/jbg.png) no-repeat right center;border-right: 1px solid #dadada;}
header .head .txt{float: left;padding-top: 16px;color: #d52a4b;font-size: 24px;font-weight: bold;}
header .head .txt span{display: block;margin-top: 12px;color: #333;font-size: 20px;font-weight: normal;}
header .head .tel{float: right;padding-left: 55px;color: #404040;font-size: 16px;background: url(img/tel.png) no-repeat left center;}
header .head .tel span{display: block;margin-top: 10px;font-family: GothamBook, Arial;font-size: 26px;color: #141414;}
nav{position: relative;height: 60px;background: #c10001;}
nav .nav{max-width: 1200px;height: 60px;margin: 0 auto;}
nav .nav li{float: left;width: 120px;text-align: center;}
nav .nav li a{display: block;color: #fff;font-size: 16px;font-weight: 500;line-height: 60px;}
nav .nav li a:hover,nav .nav li:first-child a{background: #3d3d3d;}
.banner{position: relative;max-width: 1920px;height: auto;margin: 0 auto !important;}
.banner .bd li{float: left;width: 100%;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;}
.banner .hd{position: absolute;z-index: 1;left: 0;bottom: 6%;width: 100%;margin: 0 auto;text-align: center;}
.banner .hd li{display: inline-block;width: 40px;height: 8px;margin: 0 5px;background: #fff;}
.banner .hd li.on{background: #c10001;}
.banner .prev{position: absolute;z-index: 10;top: 40%;left: 6%;cursor: pointer;}
.banner .next{position: absolute;z-index: 10;top: 40%;right: 6%;cursor: pointer;}


section{overflow: hidden;padding-top: 60px;}
.title{color: #252525;font-size: 40px;line-height: 40px;text-align: center;font-weight: normal;}
.title span{color: #c10001;font-weight: bold;}
.title em{display: block;margin-top: 15px;color: #333;font-size: 20px;font-weight: normal;}
.about{overflow: hidden;max-width: 1200px;margin: 0 auto;}
.about dl{position: relative;overflow: hidden;height: 435px;margin-top: 30px;background: #f5f5f5;border-radius: 5px;}
.about dt{float: left;width: 600px;}
.about dd{float: right;width: 600px;padding: 30px 50px;box-sizing: border-box;}
.about dd h3{height: 80px;margin-bottom: 25px;border-bottom: #dcdcdc 1px solid;font-weight: normal;}
.about dd h3 span{display: block;font-size: 30px;line-height: 40px;}
.about dd h3 em{display: block;color: #666;font-size: 18px;line-height: 32px;}
.about dd p{color: #666;font-size: 16px;line-height: 30px;}
.about .more{width: 173px;height: 54px;margin-top: 25px;background: #c10001;border-radius: 30px;text-align: center;}
.about .more a{color: #fff;}
.about .more i{display: inline-block;height: 54px;padding-right: 39px;background: url(img/ico1.png) no-repeat right;line-height: 54px;}

.chanpin{position: relative;max-width: 1200px;margin: 0 auto;}
.chanpin ul{margin-top: 30px;}
.chanpin li{position: relative;overflow: hidden;float: left;width: 24%;margin-bottom: 1%;margin-right: 1%;box-sizing: border-box;}
.chanpin li img{width: 100%;height: 100%;}
.chanpin li .img{position: relative;overflow: hidden;display: block;width: 100%;border: #ddd 1px solid;border-radius: 3px;box-sizing: border-box;}
.chanpin li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: all 1s;}
.chanpin li .txt{height: 50px;font-size: 16px;line-height: 50px;text-align: center;box-sizing: border-box;}
.chanpin li:hover{color: #c10001;}
.chanpin li:hover .cover{opacity: 1;}

.brand{position: relative;max-width: 1200px;margin: 0 auto;margin-top: 20px;}
.brand h2{height: 60px;color: #414141;font-size: 45px;line-height: 60px;}
.brand h2 span{float: right;display: block;width: 28%;color: #666;font-size: 14px;line-height: 30px;font-weight: normal;}
.brand ul{display: inline-block;width: 100%;margin-top: 30px;}
.brand li{float: left;display: inline-block;width: 24.5%;vertical-align: bottom;}
.brand dl{position: relative;overflow: hidden;z-index: 1;margin: 0 2px;padding: 20px;background: #fff;border: #d7d7d7 1px solid;border-radius: 3px;}
.brand dt h3{height: 52px;color: #c10001;font-size: 25px;line-height: 52px;transition: all .2s linear 0s;}
.brand dt span{display: block;height: 100px;margin-top: 10px;margin-bottom: 20px;color: #666;font-size: 14px;line-height: 28px;transition: all .2s linear 0s;}
.brand dd{position: relative;width: 100%;margin: 0 auto;}
.brand dd img{position: absolute;top: 0;left: 0;width: 100%;}
.brand dd:before{display: block;content: "";padding-top: 70%;}
.brand dd:after{position: absolute;top: 50%;left: 50%;z-index: -1;content: "";width: 1000px;height: 1000px;margin-top: -500px;margin-left: -500px;border-radius: 50%;background: #ddd;transform: scale(0);transition: all .2s linear 0s;}
.brand li:hover dd:after{transform: scale(1);-webkit-transform: scale(1);}
main{position: relative;overflow: hidden;padding: 3% 0;background: #eee;}
.w1200{overflow: hidden;width: 1200px;margin: 30px auto;}
.content{width: 1200px;margin: 0 auto;}
.content .left{float: left;width: 23%;height: auto;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.content .left h2{height: 100px;background: #c10001;color: #fff;font-size: 40px;text-align: center;line-height: 100px;font-weight: normal;}
.content .left .menu{width: 240px;margin: 0 auto;padding: 12px;background: #fff;border-radius: 5px;}
.content .left ul{background: url(img/pp.png) no-repeat;}
.content .left ul li{position: relative;height: 60px;margin-bottom: 21px;box-sizing: border-box;font-size: 20px;line-height: 60px;text-indent: 140px;}
.content .left ul li a{display: block;height: 60px;line-height: 60px;}
.content .left ul li:last-child{margin-bottom: 0;}
.content .right{overflow: hidden;margin: 0 -10px;float: right;width: 72%;height: auto;padding: 2%;line-height: 2;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.content .grh{overflow: hidden;margin: 0 -10px;float: right;width: 72%;height: auto;padding: 2%;background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.content .right h2{position: relative;margin-bottom: 30px;padding-bottom: 15px;border-bottom: #ebebeb 1px solid;color: #222;font-size: 24px;line-height: 35px;font-weight: 500;}
.content .right h2:before{position: absolute;bottom: -3px;display: block;width: 80px;height: 5px;content: "";background: #c10001;}
.content .grh h2{position: relative;margin-bottom: 30px;padding-bottom: 15px;border-bottom: #ebebeb 1px solid;color: #222;font-size: 24px;line-height: 35px;font-weight: 500;}
.content .grh h2:before{position: absolute;bottom: -3px;display: block;width: 80px;height: 5px;content: "";background: #c10001;}
.content .right h4{margin-bottom: 15px;font-size: 30px;line-height: 50px;font-weight: normal;}
.content .right p{margin-bottom: 10px;}
.content .right .txt{padding: 0 2%;}
.content .right ul{margin-top: 30px;}
.content .right li{position: relative;overflow: hidden;float: left;width: 32%;margin-bottom: 1%;margin-right: 1%;box-sizing: border-box;}
.content .right li img{width: 100%;height: 100%;}
.content .right li .img{position: relative;overflow: hidden;display: block;width: 100%;border: #ddd 1px solid;border-radius: 3px;box-sizing: border-box;}
.content .right li .cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: all 1s;}
.content .right li .txt{height: 50px;font-size: 16px;line-height: 50px;text-align: center;box-sizing: border-box;}
.content .right li:hover{color: #c10001;}
.content .right li:hover .cover{opacity: 1;}

.ys{overflow: hidden;width: 100%;height: 2115px;margin-top: 60px;padding-top: 40px;background: url(img/ysbg.jpg) no-repeat center;box-sizing: border-box;}
.ys .tit{height: 185px;}
.ys .tit i{display: block;width: 428px;height: 51px;margin: 0 auto 13px;background: url(img/ys-tit.png) no-repeat center;color: #fff;font-size: 25px;line-height: 51px;text-align: center;}
.ys .tit h2{width: 650px;margin: 0 auto;text-align: center;}
.ys .tit h2 b{display: block;float: left;color: #c10001;font-size: 45px;line-height: 45px;}
.ys .tit h2 span{display: block;float: right;width: 400px;}
.ys .tit h2 span em{display: inline-block;height: 45px;color: #172938;font-size: 44px;line-height: 45px;}
.ys .tit h2 span p{display: inline-block;height: 18px;color: #999;font-size: 11px;line-height: 18px;font-weight: normal;text-transform: uppercase;letter-spacing: 0.5px;}
.ys dt{overflow: hidden;float: right;width: 909px;height: 480px;margin-right: -360px;}
.ys dt img{width: 100%;height: 100%;transition: all 1s;}
.ys dd{float: left;width: 550px;padding-top: 47px;}
.ys dd .ys-tit{height: 107px;margin-bottom: 17px;border-bottom: #d1d1d1 1px solid;}
.ys dd .ys-tit i{display: block;float: left;width: 89px;height: 71px;margin: 15px 19px 0 0;border-right: #cfcfcf 1px solid;}
.ys dd .ys-tit span{display: block;float: left;}
.ys dd .ys-tit span em{display: block;height: 55px;color: #c10001;font-size: 44px;line-height: 55px;font-weight: bold;}
.ys dd .ys-tit span p{height: 38px;color: #172938;font-size: 26px;line-height: 38px;font-weight: bold;}
.ys dd .ys-desc{width: 507px;margin-bottom: 39px;}
.ys dd .ys-desc p{margin-bottom: 13px;padding-left: 25px;color: #666;font-size: 16px;line-height: 25px;}
.ys dd .gun li{float: left;padding: 0 40px;border-right: 1px solid rgba(49,49,49,0.1);box-sizing: border-box;}
.ys dd .gun li span{display: block;height: 47px;}
.ys dd .gun li span em{display: inline-block;height: 47px;color: #333;font-family: "Acrom";font-size: 47px;line-height: 47px;font-weight: bold;}
.ys dd .gun li span i{display: inline-block;width: 21px;height: 21px;background: #666;border-radius: 50%;color: #fff;font-size: 14px;text-align: center;line-height: 21px;}
.ys dd .gun li p{height: 27px;color: #666;font-size: 16px;line-height: 27px;}
.ys dd .gun li:first-child{padding-left: 28px;}
.ys dd .gun li:last-child{border-right: 0;}
.ys dd .gun li:hover span em{color: #c10001;}
.ys dd .gun li:hover span i{background: #c10001;}
.ys dd .gun li:hover p{color: #c10001;}
.ys dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.ys .ys1,.ys .ys2{height: 480px;}
.ys .ys2 dt{float: left;margin-top: -12px;margin-left: -360px;}
.ys .ys2 dd{float: right;width: 560px;margin-right: -10px;padding-top: 64px;}
.ys .ys3{height: 469px;}
.ys .ys3 dt{float: right;margin: -12px -360px 0 0;}
.ys .ys4{height: 446px;}
.ys .ys4 dt{float: left;height: 446px;margin-top: -12px;margin-left: -360px;}
.ys .ys4 dd{float: right;padding-top: 105px;}

.app{position: relative;overflow: hidden;width: 100%;padding-top: 60px;padding-bottom: 30px;background: url(img/bg1.jpg) no-repeat top center;}
.app ul{width: 103%;margin-top: 30px;}
.app li{float: left;width: 30.33%;margin-bottom: 30px;margin-right: 3%;text-align: center;}
.app li .img{overflow: hidden;display: block;width: 100%;height: 255px;}
.app li img{max-width: 100%;width: 100%;height: 100%;border-top-right-radius: 66px;transition: all .5s ease;}
.app li p{overflow: hidden;margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;}
.app li:hover img{transform: scale(1.1);}

.adv{position: relative;height: 260px;padding: 3.5% 0;background: url(img/adbg.jpg) no-repeat center;background-size: cover;color: #fff;box-sizing: border-box;}
.adv dt{float: left;width: 65%;}
.adv dt h3{margin-bottom: 10px;font-size: 39px;line-height: 2;font-weight: 600;}
.adv dt p{font-size: 18px;}
.adv dd{float: right;}
.adv dd i{display: block;margin-top: 10px;font-size: 30px;font-weight: bold;}

.news{position: relative;overflow: hidden;height: 710px;padding: 60px 0 0;box-sizing: border-box;background: url(img/nbg.jpg) no-repeat center top;}
.news .nbox{position: relative;width: 1200px;margin: 0 auto;margin-top: 30px;}
.news1{float: left;width: 50%;}
.news1-tit{height: 70px;border-top: #e3e3e3 3px solid;}
.news1-tit a{position: relative;float: left;display: block;margin-right: 35px;color: #333;font-size: 20px;line-height: 70px;font-weight: bold;}
.news1-tit a.cur{color: #d70200;}
.news1-tit a.cur::after{position: absolute;top: -3px;left: 50%;width: 119px;height: 7px;margin-left: -60px;content: "";background: url(img/x2.png) no-repeat center top;}
.news1-con{overflow: hidden;width: 100%;}
.news1-con li{height: 57px;color: #666;font-size: 16px;line-height: 57px;}
.news1-con li a{overflow: hidden;display: inline-block;width: 95%;padding-left: 28px;background: url(img/ico2.png) no-repeat left center;white-space: nowrap;text-overflow: ellipsis;}
.news1-con li span{float: right;color: rgba(51, 51, 51, 0.55);}
.news2{float: right;width: 47.14%;}
.news2-con{position: relative;overflow: hidden;width: 100%;}
.news2-con dl{overflow: hidden;width: 100%;}
.news2-con dt{position: relative;overflow: hidden;width: 100%;max-height: 330px;}
.news2-con dt img{display: block;width: 100%;}
.news2-con dd{position: relative;overflow: hidden;width: 100%;padding: 40px 0 0;box-sizing: border-box;}
.news2-con dd h4{overflow: hidden;height: 36px;margin-bottom: 15px;color: #333;font-size: 20px;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;}
.news2-con dd p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%;color: #666;font-size: 16px;line-height: 24px;text-overflow: ellipsis;}
.news2-con dd a{color: #333;}
.news2-con dl img{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.news2-con dl:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);}
.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: #c10001 1px solid;}
.xinwen li:hover .more{background: #c10001;}

.store{overflow: hidden;width: 1200px;margin: 60px auto;}
.store ul{margin-top: 20px;}
.store li{float: left;width: 23%;height: 100%;padding: 10px;}
.store li img{width: 100%;border-radius: 4px;}
.store li:hover{opacity: 0.8;}

.biaoti{height: 110px;text-align: center;}
.biaoti h2{position: relative;display: inline-block;margin-bottom: 15px;font-size: 36px;}
.biaoti p{position: relative;padding-bottom: 8px;color: #999;font-size: 18px;text-transform: uppercase;}
.biaoti p::after{position: absolute;bottom: 0;left: 50%;content: "";width: 40px;height: 2px;background: #c10001;transform: translateX(-50%);}

.guanyu{position: relative;margin-bottom: 30px;padding: 40px;background: #f7f7f7;font-size: 16px;line-height: 2;}
.guanyu h3{padding-bottom: 10px;color: #c10001;font-size: 24px;font-weight: 500;}
.guanyu p{margin-bottom: 10px;}
.youshi{overflow: hidden;}
.youshi ul{margin-bottom: 4%;margin-top: 3%;}
.youshi li{float: left;width: 21.6%;height: 230px;margin-bottom: 30px;margin-right: 2%;padding: 20px 10px;background: #fff;border: #dedede 1px solid;border-radius: 10px;color: #666;text-align: center;transition: all .6s;}
.youshi li h4{margin: 10px 0 15px;color: #c10001;font-size: 18px;font-weight: 600;}
.youshi li em{display: block;width: 88%;margin: 0 auto;color: #444;line-height: 2;}
.youshi li:nth-child(4){margin-right: 0;}
.contact{overflow: hidden;width: 1200px;margin: 30px auto;}
.contact dl{height: 300px;margin-bottom: 45px;}
.contact dt{float: left;width: 440px;}
.contact dt img{display: block;width: 440px;height: 300px;}
.contact dd{float: left;width: 63%;height: 300px;padding: 45px 40px 0;box-sizing: border-box;border: #dedede 1px solid;}
.contact dd h3{width: 150px;padding: 0 20px;background: #c10001;color: #fff;font-size: 20px;line-height: 45px;text-align: center;border-radius: 50px 0;}
.contact dd p{margin: 20px 0;font-size: 16px;line-height: 34px;}
.contact ul{height: 220px;}
.contact li{float: left;width: 21.6%;height: 166px;margin-bottom: 30px;margin-right: 2%;padding: 30px 10px;background: #fff;border: #dedede 1px solid;border-radius: 10px;color: #666;line-height: 160%;text-align: center;transition: all .6s;}
.contact li img{width: 62px;margin-top: 10px;}
.contact li h3{padding: 10px 0;color: #333;font-size: 18px;}
.contact li span{display: block;font-size: 16px;}
.contact li:hover,.youshi li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);}
.contact li:nth-child(4){margin-right: 0;}
.page{width: 100%;height: auto;margin: 0 auto; clear: both;padding: 3px;text-align: center;line-height: 50px;}
.next99{padding: 10px;border: #999 1px dashed;text-align: center;}
#xh{ margin:0px auto; margin-bottom:15px; background:#ccc; line-height:30px;}
#xh th{ background:#f3f3f3; color:#222;}
#xh td{ background:#f3f3f3; color:#222; text-align:center;}
#xh td a{ color:#222;}
.search{height: 72px;background: #fff;border-bottom: 1px solid #f2f2f2;}
.ssleft{float: left;padding-left: 30px;color: #888;line-height: 72px;background: url(img/hot.png) no-repeat left center;}
.ssleft b{margin-right: 10px;color: #343434;font-weight: normal;}
.ssleft a{display: inline-block;color: #666;}
.ssleft a:after{display: inline-block;margin: 0 5px;color: #eaeaea;content: "/";}
.ssleft a:last-child:after{display: none;margin: 0;}
.ssright{position: relative;overflow: hidden;width: 447px;height: 45px;padding-left: 50px;padding-top: 10px;background: rgba(238,238,238,,0.5);}
.ssright .ipt1{width: 390px;height: 43px;color: #999;line-height: 43px;text-indent: 20px;background: none;border: 1px solid #dedede;}
.ssright .ipt2{display: block;float: right;width: 33px;height: 22px;margin-top: 11px;margin-right: 19px;padding-left: 1px solid #dedede;background: url(img/search.png) no-repeat 13px center;border: none;border-left: 1px solid #dedede;}
footer{position: relative;overflow: hidden;height: auto;padding-top: 40px;background: #1f1f1f;}
.foot{overflow: hidden;width: 1200px;margin: 0 auto;}
.foot .nav{overflow: hidden;float: left;width: 410px;height: 380px;}
.foot .nav h2,.foot .txt h2{position: relative;height: 72px;margin-bottom: 25px;color: #fff;font-size: 30px;line-height: 72px;font-weight: normal;}
.foot .nav h2:before,.foot .txt h2:before{position: absolute;bottom: 0;left: 0;width: 26px;height: 4px;content: "";background: #c10001;}
.foot .nav h2 em,.foot .txt h2 em{padding-left: 6px;color: #555;font-size: 20px;}
.foot .nav p{font-size: 15px;}
.foot .nav p a{overflow: hidden;display: block;float: left;width: 200px;height: 48px;color: #b9b9b9;line-height: 48px;}
.foot .nav p a:hover{color: #c10001;font-weight: bold;}
.foot .code{float: left;width: 310px;color: #b9b9b9;font-size: 15px;text-align: center;}
.foot .code h2{height: 119px;margin-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.foot .code h2 img{display: block;margin: 0 auto 18px;padding-top: 20px;}
.foot .code p{height: 171px;line-height: 40px;}
.foot .code p img{display: block;width: 105px;height: 105px;margin: 0 auto;border: #fff 5px solid;}
.foot .txt{float: right;width: 350px;}
.foot .txt p{color: #b9b9b9;font-size: 15px;line-height: 48px;}
.foot .txt p a{color: #b9b9b9;}
.copy{background: #c10001;color: #fff;font-size: 15px;line-height: 60px;text-align: center;}
.copy a{color: #fff;}