*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
.row{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.rows{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more_topic{ width: 1200px; margin: 80px auto 35px; text-align: center;}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ width: 100%; height: 35px; line-height: 35px; background: url(../images/headtopbg.png)no-repeat center; overflow: hidden;}
.header .header_slogan .topic{color: #fff; font-size: 14px;}
.header .header_slogan .right a{ display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right i{ margin: 0 15px; display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right a:hover{ text-decoration: underline;}
.header .header_mid{ background: url(../images/headnrbg.png)no-repeat center -24px; width: 100%; height: 210px;}
.header .header_mid .nr{ height: 155px;}
.header .header_mid .logo{ position: relative; padding-top: 20px; width: 140px;}
.header .header_mid .logo:before{ content: url(../images/headhr.png); position: absolute; right: 20px; top: 29px; width: 1px; height: 99px;}
.header .header_mid .text h3{ font-weight: bold; color: #121212; font-size: 24px; line-height: 24px; margin: 50px 0 15px;}
.header .header_mid .text h3 b{ color: #c1000a; font-weight: bold;}
.header .header_mid .text h4{ color: #121212; font-size: 18px; line-height: 18px;}
.header .header_mid .right{ margin-top: 50px;}
.header .header_mid .right img{ vertical-align: middle; margin-right: 15px;}
.header .header_mid .right p{ display: inline-block; vertical-align: middle; font-size: 16px; color: #333;}
.header .header_mid .right i{ margin-top: 5px; display: block; font-size: 24px; line-height: 24px; color: #c1000a; font-weight: bold;}
.header .nav{ width: 100%; height: 58px; line-height: 58px;}
.header .nav .nav-content nav .xz{ width: 167px; height: 55px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
/*.header .nav .nav-content nav .xz:first-child{ width: 100px; text-align: left;}*/
/*.header .nav .nav-content nav .xz:first-child+.xz{ width: 245px;}
.header .nav .nav-content nav .xz:first-child+.xz+.xz{ width: 210px;}*/
/*.header .nav .nav-content nav .xz:last-child{ width: 100px; text-align: right;}*/
.header .nav .nav-content nav .xz a{ display: block; height: inherit; color: #585858; font-size: 16px;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{ font-weight: bold;color: #c1000a;}
.header .nav .nav-content nav .xz:before{ content: ""; width: 1px; height: 18px; background-color: rgb(201, 201, 201); position: absolute; right: 0; top: 20px;}
.header .nav .nav-content nav .xz:last-child:before{display: none;}
.header .nav .nav-content nav .xz ul{ display: none; padding: 5px 0; text-align: center; position: absolute; z-index: 2; background: #f5f5f5; width: 100%; left: 50%; margin-left: -68px; top: 54px;}
.header .nav .nav-content nav .xz ul li{ height: 30px; line-height: 30px; font-size: 16px; color: #222;}
.header .nav .nav-content nav .xz ul li:hover{ color: #c1000a;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.banner-index .slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ position: absolute; bottom: 35px;left: 50%; transform: translateX(-50%); font-size: 0; z-index: 1;}
.slideBox .hd ul li{ background: #a3a4a1; width: 9px; height: 9px; margin-right: 10px; float: left; border-radius: 50%; cursor: pointer;}
.slideBox .hd ul li:last-child{ margin-right: 0;}
.slideBox .hd ul li.on{ background: #c1000a;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; height: 70px; line-height: 70px; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #121212; font-size: 16px;margin-right: 15px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #999; font-size: 14px;}
.search-keywords a:hover{ color: #c1000a;}
.search-keywords i{ margin: 0 15px;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; background: url(../images/search.png)no-repeat; width: 350px; height: 35px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #bbb;}
#searchForm .search-input{ height: 35px; line-height: 35px; width: 87%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #bbb;}
#searchForm .search-input:-moz-placeholder{ color: #bbb;}
#searchForm .search-input::-moz-placeholder{ color: #bbb;}
#searchForm .search-input:-ms-input-placeholder{ color: #bbb;}

/*product*/

.product{ position: relative; font-size: 0;}
.product:before{ content: ""; position: absolute; left: 0; top: 125px; background: url(../images/cpbig.png)no-repeat; width: 309px; height: 452px;z-index: -1;}
.product .more_topic{ margin: 90px auto 60px; background: url(../images/cptitle.png)no-repeat center;height: 71px;}
.product .nr .pro-left{ width: 270px;}
.product .nr .pro-left .top{ background: url(../images/cp_top.png)no-repeat;height: 97px;}
.product .nr .pro-left .sideMenu{padding: 15px 20px 4px;background: #f6f6f6;}
.product .nr .pro-left .sideMenu h3{padding-bottom: 15px;margin-bottom: 18px;line-height: 18px;background: url(../images/cphr.png)no-repeat 0 bottom;}
.product .nr .pro-left .sideMenu h3 a{ color: #c1000a; font-size: 18px; display: block;}
.product .nr .pro-left .sideMenu h3 em{ display: inline-block; vertical-align: middle; background: url(../images/cpicon1.png)no-repeat; width: 5px; height: 10px; margin-left: 15px;}
.product .nr .pro-left .sideMenu ul{padding-bottom: 20px;}
.product .nr .pro-left .sideMenu ul li{color: #666;font-size: 14px;line-height: 14px;margin-bottom: 10px;cursor: pointer;}
.product .nr .pro-left .sideMenu ul li i{ margin-right: 15px;}
.product .nr .pro-left .sideMenu ul li:hover{ color: #c1000a;}
.product .nr .pro-left .sideMenu ul li:last-child{ margin-bottom: 0;}
/*.product .nr .pro-left .sideMenu .list:last-child h3{ margin-bottom: 0;}*/
.product .nr .right{ margin-left: 20px; width: 910px; height: 829px; overflow: hidden;}
.product .nr .right ul li{ display: inline-block; vertical-align: top; width: 290px; text-align: center; margin-right: 20px; margin-bottom: 20px;}
.product .nr .right ul li:nth-child(3n){ margin-right: 0;}
.product .nr .right ul li .pic{ border: 1px solid #e8e8e8; border-bottom: none; width: 100%; height: 228px; overflow: hidden;}
.product .nr .right .pic img{ width: 100%; transition: all ease-in .3s;}
.product .nr .right .pic:hover img{ transform: scale(1.1);}
.product .nr .right ul li .title{ height: 35px; line-height: 35px; color: #333; font-size: 16px; background: #eee;}
.product .nr .right ul li:hover .title{ background: #d01616;color: #fff;}

/*model1*/

.model1{ background: url(../images/model1bg.png)no-repeat center; background-size: cover; width: 100%; height: 243px; overflow: hidden; margin-top: 60px; padding-top: 30px;}
.model1 .nr{ position: relative; height: 177px; border: 1px solid #fff; overflow: hidden; padding: 35px;}
.model1 .nr .text h3{ color: #fff; font-size: 30px; font-weight: bold; line-height: 30px;}
.model1 .nr .text p{ color: #fff; font-size: 16px; line-height: 16px; margin: 10px 0 30px; letter-spacing: 2px;}
.model1 .nr .text .btnr>a{ display: inline-block; vertical-align: top; width: 30px; height: 30px; cursor: pointer;}
.model1 .nr .text .btnr .prev{ background: url(../images/model1btn1.png)no-repeat;}
.model1 .nr .text .btnr .next{ margin-left: 7px; background: url(../images/model1btn2.png)no-repeat;}
.model1 .nr .bd{ width: 756px; height: 112px; overflow: hidden;}
.model1 .nr .bd ul li{ float: left; width: 174px; height: 112px; margin-right: 20px; overflow: hidden;}
.model1 .nr .bd ul li .pic img{ width: 100%; transition: all ease-in .3s;}
.model1 .nr .bd ul li:hover .pic img{ transform: scale(1.1);}

/*advantage*/

.advantage{ background: url(../images/ysbg.png)no-repeat center; background-size: cover; padding-top: 80px; width: 100%; height: 754px; overflow: hidden;}
.advantage .more_topic{ background: url(../images/ystitle.png)no-repeat center; height: 71px;}
.advantage .nr .bd{ height: 341px; overflow: hidden;margin-bottom: 25px;}
.advantage .nr .bd ul li .pic{ background-color: rgb(225, 225, 225); box-shadow: 6.364px 6.364px 5.64px 0.36px rgba(0, 0, 0, 0.3); width: 535px; height: 341px; overflow: hidden;}
.advantage .nr .bd ul li .text{ position: relative; margin-left: 60px; width: 605px; height: 341px; overflow: hidden;}
.advantage .nr .bd ul li .text dt{ margin-top: 5px; color: #070707; font-size: 28px;}
.advantage .nr .bd ul li .text p{ display: inline-block; vertical-align: top; margin: 5px 0 30px; padding: 0 10px; height: 30px; line-height: 30px; background: #c1000a; color: #fff; font-size: 18px;}
.advantage .nr .bd ul li .text dd{ color: #333; font-size: 16px; line-height: 30px; margin-bottom: 10px; width: 525px;}
.advantage .nr .bd ul li .text .more{ margin-top: 40px; background: url(../images/yszb.png)no-repeat; width: 99px; height: 13px; display: block;}
.advantage .nr .bd ul li .text .zx{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.advantage .nr .bd ul li .text .zx em{ display: block; background: url(../images/ysicon.png)no-repeat; width: 11px; height: 13px; margin-bottom: 10px;}
.advantage .nr .bd ul li .text .zx em.on{ background: url(../images/ysicon2.png)no-repeat;}
.advantage .nr .bd ul li .text .zx em:last-child{ margin-bottom: 0;}
.advantage .nr .hd{ background: url(../images/yshdmr.png)no-repeat; height: 102px; overflow: hidden;}
.advantage .nr .hd ul li{ float: left; width: 300px; height: 102px; padding-top: 25px; cursor: pointer; text-align: center; position: relative;}
.advantage .nr .hd ul li dt{ position: relative; z-index: 1; color: #fff; font-size: 22px;margin-bottom: 5px;}
.advantage .nr .hd ul li dd{ position: relative; z-index: 1; font-size: 14px; font-family: arial; color: rgba(255, 255, 255, 0.502); text-transform: uppercase;}
.advantage .nr .hd ul li:before{ content: ""; background: url(../images/yshdon.png)no-repeat; width: 100%; height: 50%; opacity: 0; position: absolute; left: 0; top: -50px; transition: all .3s ease;}
.advantage .nr .hd ul li.on:before{ top: 0; opacity: 1; height: 100%;}
.advantage .nr .hd ul li:after{ content: ""; background: url(../images/yshr.png)no-repeat; width: 2px; height: 100%; position: absolute; right: 0; top: 0;}
.advantage .nr .hd ul li:last-child:after{ display: none;}

/*model2*/

.model2 .more_topic{ background: url(../images/model2title.png)no-repeat center; height: 71px;}
.model2 .nr{ position: relative;height: 415px;}
.model2 .nr .btn{ position: absolute; top: 175px; z-index: 1; width: 40px; height: 40px; cursor: pointer;}
.model2 .nr .prev{ left: -75px; background: url(../images/model2btn1.png)no-repeat center #262626;}
.model2 .nr .next{ right: -75px; background: url(../images/model2btn2.png)no-repeat center #c1000a;}
.model2 .nr .prev:hover{ background: url(../images/model2btn1.png)no-repeat center #c1000a;}
.model2 .nr .bd{ height: 415px; overflow: hidden;}
.model2 .nr .bd ul li{ float: left; width: 281px; margin-right: 25px; text-align: center;}
.model2 .nr .bd ul li .pic{ width: 281px; height: 384px; overflow: hidden;}
.model2 .nr .bd ul li .pic img{ width: 100%; transition: all ease-in .3s;}
.model2 .nr .bd ul li .title{ margin-top: 10px; color: #333; font-size: 16px;}
.model2 .nr .bd ul li:hover .title{ color: #c1000a;}

/*model3*/

.model3{ margin-top: 80px; padding-top: 50px; background: url(../images/model3bg.png)no-repeat center; width: 100%; height: 627px; background-size: cover; overflow: hidden;}
.model3 .more_topic{ background: url(../images/model3title.png)no-repeat center; height: 72px;}
.poster-main{ position: relative;margin: 40px auto 0;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 371px;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-list:after{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.3);}
.poster-main .poster-list .poster-item-titlex{ position: absolute; margin-top: 15px; width: 100%; height: 18px; line-height: 18px; overflow: hidden; text-align: center; left: 50%; transform: translateX(-50%);}
.poster-main .poster-list:hover .poster-item-titlex span{ color: #c1000a;}
.poster-main .poster-list .poster-item-titlex span{ font-size: 18px; color: #fff;}
.poster-main .poster-btn{ position: absolute; top: 150px; cursor: pointer; width: 34px!important;height: 61px!important;}
.poster-main .poster-prev-btn{ left: 65px; background: url(../images/model3btn1.png) no-repeat;}
.poster-main .poster-next-btn{ right: 65px; background: url(../images/model3btn2.png) no-repeat;}

/*about*/

.about{ margin-top: 85px;}
.about .nr .top .pic{ width: 628px; height: 330px; overflow: hidden;}
.about .pic img{ width: 100%; transition: all .8s;}
.about .pic:hover img{ transform: scale(1.1);}
.about .nr .top .text{ width: 500px; height: 330px;overflow: hidden; padding-top: 5px;padding-bottom: 20px;}
.about .nr .top .text dt{ background: url(../images/abouttitle.png)no-repeat; height: 72px;}
.about .nr .top .text p{ color: #666; font-size: 14px; line-height: 28px; height: 166px; -webkit-line-clamp: 5; margin-top: 30px;}
.about .nr .top .text .more{ display: inline-block; vertical-align: top; position: relative; width: 116px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #c1000a; background: #c1000a; color: #fff; font-size: 16px; overflow: hidden;}
.about .nr .top .text .mores{ background: none;margin-left: 20px;}
.about .nr .top .text .morea:hover{ text-decoration: underline;}
.about .nr .top .text .mores .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #c1000a; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.about .nr .top .text .mores .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #c1000a transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.about .nr .top .text .mores .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #c1000a;}
.about .nr .top .text .mores:hover .i1{ color: #fff;}
.about .nr .top .text .mores:hover .i2{ border-width: 120px 0 0 120px;}
.about .nr .top .text .mores:hover .i3{ border-width: 0 120px 120px 0;}
.about .nr .bottom{ margin-top: 30px;height: 255px; overflow: hidden;}
.about .nr .bottom .parHd{ position: relative; overflow: hidden; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
.about .nr .bottom .parHd ul li,.about .nr .bottom .parHd ul em{ position: relative; float: left; font-size: 18px; color: #666; cursor: pointer;}
.about .nr .bottom .parHd ul li:first-child{ padding-left: 30px; background: url(../images/abouticon1.png)no-repeat 0 center;}
.about .nr .bottom .parHd ul li.on:first-child{ background: url(../images/abouticon1s.png)no-repeat 0 center;}
.about .nr .bottom .parHd ul li:before{ content: ""; width: 50%; height: 2px; position: absolute; left: 0; bottom: -10px; z-index: 1; background: #c1000a; transition: all .3s ease; opacity: 0;}
.about .nr .bottom .parHd ul em{ margin: 0 10px;}
.about .nr .bottom .parHd ul li.on{ color: #c1000a;}
.about .nr .bottom .parHd ul li.on:before{ opacity: 1; width: 100%;}
.about .nr .bottom .parBd .slideBox{ position: relative;}
.about .nr .bottom .parBd .slideBox .more{ font-size: 18px; color: #999; text-transform: uppercase; font-family: arial; padding-right: 15px; background: url(../images/abouticon.png)no-repeat right center; position: absolute; right: 0; top: -45px;}
.about .nr .bottom .parBd .slideBox ul li{ float: left; width: 285px; height: 200px; overflow: hidden; margin-right: 20px;}
.about .nr .bottom .parBd .slideBox .more:hover{ color: #c1000a;}

/*new*/

.new{ background: #f5f5f5; margin-top: 60px; padding: 65px 0 25px;}
.new .newtab{ width: 776px; height: 403px;overflow: hidden;}
.new .newtab .hd ul li{ float: left; background: url(../images/newson.png)no-repeat; padding-left: 45px; width: 50%; height: 70px; line-height: 70px;cursor: pointer; overflow: hidden;}
.new .newtab .hd ul li+li{ border-left: none;padding-left: 55px;}
.new .newtab .hd ul li p{ font-size: 18px; color: #fff;}
.new .newtab .hd ul li p i{ font-size: 12px; color: rgba(255, 255, 255, 0.549); text-transform: uppercase;margin-left: 25px;}
.new .newtab .hd ul li.on{ background: #c1000a; border: 1px solid #ccc;}
.new .newtab .bd ul li{ padding: 20px;padding-bottom: 0;}
.new .newtab .bd ul li .tjnew>div{ float: left; width: 286px; height: 179px; overflow: hidden; margin-bottom: 25px;}
.new .newtab .bd ul li .pic img{ width: 100%; transition: all .8s;}
.new .newtab .bd ul li .pic:hover img{ transform: scale(1.1);}
.new .newtab .bd ul li .tjnew .text{ width: 425px; margin-left: 25px;}
.new .newtab .bd ul li .tjnew .text h6{ margin-top: 5px; padding-bottom: 15px; line-height: 18px; border-bottom: 1px solid #ccc;}
.new .newtab .bd ul li .tjnew .text h6 a{ display: inline-block; vertical-align: top; width: 100%; color: #333; font-size: 18px;}
.new .newtab .bd ul li .tjnew .text h6 a:hover{ color: #c1000a;}
.new .newtab .bd ul li .tjnew .text p{ color: #666; font-size: 14px; line-height: 24px; -webkit-line-clamp: 3; margin-top: 15px; width: 400px; height: 87px;}
.new .newtab .bd ul li .tjnew .more{ display: block; width: 134px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; background: #c1000a; overflow: hidden;}
.new .newtab .bd ul li .tjnew .more:hover{ text-decoration: underline;}
.new .newtab .bd ul li .xwlist dl dd{ line-height: 14px; float: left; width: 50%; margin-bottom: 25px;}
.new .newtab .bd ul li .xwlist dl dd a{ display: inline-block; vertical-align: top; font-size: 14px; color: #666; line-height: 14px; width: 95%;}
.new .newlist{ width: 340px; height: 403px; overflow: hidden; padding-top: 25px;}
.new .newlist .top p{ font-size: 18px; color: #333; line-height: 18px;}
.new .newlist .top p i{ font-size: 12px; color: rgba(51, 51, 51, 0.549); text-transform: uppercase;margin-left: 10px;}
.new .newlist .top p a{ font-size: 14px; color: #666; line-height: 14px; float: right; margin: 5px 0 0;}
.new .newlist .top hr{ width: 340px; height: 1px; margin: 20px 0 10px; background: #d8d8d8; outline: none; border: none; display: block;}
.new .newlist .question dl dd{ margin-bottom: 25px; padding-bottom: 12px; border-bottom: 1px dashed #ccc; height: 63px!important; overflow: hidden;}
.new .newlist .question dl dd .wen{ margin-bottom: 10px;}
.new .newlist .question dl dd .wen a i{ display: inline-block; vertical-align: top; width: 310px;overflow: hidden; font-size: 14px; color: #666;}
.new .newlist .question dl dd .wen a:before,.new .newlist .question dl dd .da a:before{ width: 20px; height: 20px; line-height: 20px; color: #fff; border-radius: 2px; text-align: center; margin-right: 10px; display: inline-block; font-size: 14px;}
.new .newlist .question dl dd .wen a:before{ content: "Q"; background: #c1000a;}
.new .newlist .question dl dd .da a:before{ content: "A"; background: #252525;}
.new .newlist .question dl dd .da a i{ display: inline-block; vertical-align: top; width: 310px;overflow: hidden; font-size: 14px; color: #999;}
.new .newlist .top p a:hover,.new .newlist .question dl dd a:hover i,.new .newtab .bd ul li .xwlist dl dd a:hover{ color: #c1000a;}

/*foot*/

.linksy{ padding-bottom: 25px;font-size: 0; background: #f5f5f5;}
.linksy .top>div{ display: inline-block; vertical-align: middle;}
.linksy .top .zz{ color: #d01616; font-size: 18px; font-weight: bold;}
.linksy .top .z{ background: #ccc; width: 957px; height: 1px; margin: 0 15px 0 20px;}
.linksy .top .y{ color: #666; font-size: 14px;}
.linksy .top .y:hover{ color: #c1000a;}
.linksy .list{ margin-top: 5px; position: relative;}
.linksy .list dd{ position: absolute; left: 0; top: 0; color: #eee; font-size: 36px; font-family: arial; text-transform: uppercase; font-weight: bold; line-height: 36px;}
.linksy .list ul{ margin-top: 6px;}
.linksy .list ul a:first-child{ padding-left: 130px;}
.linksy .list ul a{ margin-right: 30px; display: inline-block; vertical-align: top; color: #666; font-size: 14px;}
.linksy .list ul a:hover{ color: #c1000a;}
.foot .footbg{ font-size: 0;border-top: 10px solid #c1000a; background: url(../images/footbg.png)no-repeat center 0; background-size: cover; height: 275px; overflow: hidden;}
.foot nav ul{ padding: 30px 0 22px; position: relative;}
.foot nav ul:before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/foothr.png)no-repeat; width: 100%; height: 2px;}
.foot nav ul li{ float: left; margin-right: 76px;}
.foot nav ul li:last-child{ margin-right: 0;}
.foot nav ul li a{ font-size: 16px; color: #fff; line-height: 16px;}
.foot nav ul li a:hover{color: #c1000a;}
.foot .footbg .nr{ padding-top: 43px;}
.foot .footbg .nr>div{ display: inline-block; vertical-align: top;}
.foot .footbg .nr .txt dl{ display: inline-block; vertical-align: top;}
.foot .footbg .nr .txt dl:first-child{ width: 285px;}
.foot .footbg .nr dl dd{ font-size: 14px; color: #fff; line-height: 30px;}
.foot .footbg .nr dl dd a{ font-size: 14px; color: #fff;}
.foot .footbg .nr dl dd a:hover{ text-decoration: underline;}
.foot .footbg .nr .wechat dd,.foot .footbg .nr .wechat dd p{ display: inline-block; vertical-align: top;}
.foot .footbg .nr .wechat dd img{ vertical-align: middle;}
.foot .footbg .nr .wechat dd p{ width: 14px; font-size: 14px; color: #fff; line-height: 18px; margin-right: 15px; margin-top: 5px;}
.foot .footbg .nr .wechat dd span{ position: relative; width: 98px; height: 97px; display: inline-block; vertical-align: top; overflow: hidden;}
.foot .footbg .nr .wechat dd span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 3s linear infinite;}
