/* CSS Document */

*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;-webkit-appearance : none ;}
body{background: center center; font-size:20px; color:#666666; padding-top:4.1em; max-width:750px; margin:0 auto;}
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:hover,.nav li a:hover{color:#c81428; text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none; overflow: hidden;}
ul:after,.box:after{content:''; display: block; width:0; height:0; font-size:0; clear: both;}
i,em{font-style:normal;}
img{border:none;}
.bkf7{background-color: #f7f7f7}
.bkef{background-color: #efefef}

@font-face {
    font-family: 'iconfont';  /* project id 2209171 */
    src: url('../font/font_2209171_6dhulfde0x.eot');
    src: url('../font/font_2209171_6dhulfde0x.eot#iefix') format('embedded-opentype'),
    url('../font/font_2209171_6dhulfde0x.woff2') format('woff2'),
    url('../font/font_2209171_6dhulfde0x.woff') format('woff'),
    url('../font/font_2209171_6dhulfde0x.ttf') format('truetype'),
    url('http://at.alicdn.com/t/font_2209171_6dhulfde0x.svg#iconfont') format('svg');
}

.ift{font-family:'iconfont'; display: inline-block;}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.imenu,.imenu:after,.imenu:before,.navbk,.nav,a:after,.banner-swiper .swiper-pagination-bullet,.swp_un,.pic img,.swiper-slide p,.swiper-slide img,.boxmsg li p,.boxmsg li img,.listtg li b:after,.backtop,.wx2wm img,.wx2wm,.listm3 li span,.listm3 li p,.listm3 li:after,.listimgs li img,.boxmsg ul li div,.boxaltinfo{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}
.pic{overflow: hidden; display: block;}
.pic img{object-fit: cover; width:100%; height:100%; display: block;}
.pic:hover img{transform: scale(1.05);}

.font2h,.font3h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd,.boxmsg .swiper-slide div span{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.boxflex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.boxflex li{-webkit-flex:1; flex:1; float: left; white-space:nowrap;}
.box{width:100%; max-width:976px; box-sizing: border-box; padding:0 1.3em; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main{background-color: #fff; padding:15px; overflow: hidden;}
/* Swiper */
.swiper-container{margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0,0px)}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y; touch-action:pan-y}
.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform; -webkit-box-sizing:content-box; box-sizing:content-box}
.swiper-pagination{position:absolute; text-align:center; -webkit-transition:.3s opacity; -o-transition:.3s opacity; transition:.3s opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0px,0px,0px); z-index:10}
.swiper-pagination{bottom:10px; width:auto; right:10px; text-align:right}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.3em}
.swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:0.2}
.swiper-pagination-bullet-active{opacity:1; background:#007aff}
.swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height:auto}
.swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity:1}
.swiper-pagination-bullet::after{content:""; display:block; background-color:#fff; width:10px; height:10px; border-radius:50%}
.swiper-pagination-bullet-active::after{background-color:#ffe84b}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-slide{-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:transform; -o-transition-property:transform; transition-property:transform; transition-property:transform,transform}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0; right:auto}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.2; cursor:auto; pointer-events:none}
.swiper-button-next,.swiper-button-prev{position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0px; left:auto}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical;-webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
/* head */
.head{background-color: #fff; border-bottom:5px solid #c81428; position:fixed; top:0; left:0; right:0; z-index:9; margin:0 auto;}
.head .box{position: relative; padding:.4em 2.5em; max-width:750px;}
.head .logo{background: url("../image/logo.png") no-repeat center center / cover; text-indent:-999px; overflow: hidden; width:8em; height:3.3em; float: left;}
.head .nav{position: absolute; top:100%; right:0; opacity:0; padding-top:.5em; font-size:1.6em; visibility: hidden; text-align: center;}
.head .nav li{font-size:1em; padding:0 1.5em;}
.head .nav li a{display: block; line-height:1em; position: relative; padding:.5em 0; color:#fff;}
.head .nav li.on a,.head .nav li a:hover{color:#c81428;}
.imenu{position:absolute; top:50%; transform: translate(0,-50%); right:2.5em; width:2.2em; height:18px; border-top:5px solid #c81428; border-bottom:5px solid #c81428; cursor: pointer; z-index:9;}
.imenu:after,.imenu:before{position: absolute; top:50%; margin-top:-2.5px; right:0; left:0; border-top:5px solid #c81428; content: ''; display: block;}
.showMenu{overflow: hidden;}
.showMenu .imenu{border:0px solid transparent;}
.showMenu .imenu:after{transform: rotate(45deg)}
.showMenu .imenu:before{transform: rotate(-45deg)}
.showMenu .head .nav{opacity:1; visibility: visible; padding-top:1em;}
.navbk{content:''; background-color: rgba(0,0,0,.8); position: fixed; top:0; left:0; right:0; bottom:0; z-index:2; opacity:0; visibility: hidden;}
.showMenu .navbk{z-index:2; opacity:1; visibility: visible;}

/* 轮播图 */
.banner-swiper{position: relative}
.banner-swiper .swiper-slide{position: relative; z-index: 1;}
.banner-swiper .swiper-slide img{display: block; width:100%; max-width:100%;}
.banner-swiper .swiper-slide a,.sbanner a{background-position: center center; background-size:cover; height:454px; display: block; max-width:1920px; margin:0 auto;}
.banner-swiper .swiper-pagination{left:0; right:0; bottom:1em; text-align: center;}
.banner-swiper .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height: auto;}
.banner-swiper .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:10px; height:10px; border-radius:50%;}
.banner-swiper .swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity: 1;}
.banner-swiper .swiper-pagination-bullet-active:after{background-color:#c81428;}
.boxsbanner{background:#000; overflow:hidden; position: relative;}
.boxsbanner img{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width:100%;}
/* body */
.boxptb{padding:2em 0;}
.boxptb .box{padding:0;}
.homehstl{padding:0; overflow: hidden; position: relative;}
.homehstl div{background-color: #c81428; color:#fff; padding:2em 19%; box-sizing: border-box; font-size:1.1em; overflow: hidden;}
.homehstl div p{font-size:1em; padding:.2em 2em; line-height:1.6em; text-align: justify; font-weight: lighter; display:inline-block;}
.homehstl div:after,.homehstl div:before{content:''; display: block; background: no-repeat center center / cover; width:2.4em; height:2em; font-size:.8em;}
.homehstl div:after{background-image: url("../image/i_htr.png"); float: right;}
.homehstl div:before{background-image: url("../image/i_htl.png");}

.boxcase{padding:1em;}
.boxcase.n{margin-bottom:3em;}
.boxcase li{float: left; width:20%; padding:.3em 0;}
.boxcase li img{display: block; max-width:100%;}
.swp_un{position: absolute; top:50%; transform: translate(0,-50%); background-color: rgba(0,0,0,.05); color:#333; font-size:1em; width: auto; height: auto; width:1.4em; height:1.4em; line-height:1.4em; text-align: center; font-family:iconfont; border-radius:50%; margin:0!important;}
.swp_un:hover{background-color: rgba(0,0,0,.2);}
.swp_un.swiper-button-next:hover{transform: translate(.2em,-50%)}
.swp_un.swiper-button-prev:hover{transform: translate(-.2em,-50%)}
.titlesa{text-align: center;}
.titlesa b{color:#000; font-size:1.3em; display:inline-block; font-weight: normal;}
.titlesa b:after,.titlesa b:before{font-family:iconfont; color:#c81428; font-size:.8em; margin:0 .4em; display: inline-block; transform: translate(0,-1px);}
.titlesa b:after{content:'\e601';}
.titlesa b:before{content:'\e600';}
.boxmsg{background-color:#e6e6e6; padding-bottom:0;}
.boxmsg .box{max-width:1080px;}
.boxmsg ul{margin-top:2em; color:#fff;}
.boxmsg ul li{background-color: #c81428; position: relative; clear: both; overflow: hidden; height:21em;}
.boxmsg ul img{float: right; width:50%;}
.boxmsg ul li div{position: absolute; left:0; right:50%; top:50%; transform: translate(0,-50%); text-align: center; opacity:1;}
.boxmsg ul li div b{font-size:1.4em;}
.boxmsg ul li div span{font-size:1.2em; font-weight: lighter; display: block; padding:.5em 0;}
.boxmsg ul li div span i{display: block; font-size:0;}
.boxmsg ul li div strong{font-weight:lighter; background-color: #b20b17; border-radius:.5em; display:inline-block; padding:.2em .5em;}
.boxmsg ul li p{background-color:rgba(150,11,28,.6); text-align: justify; left:50%; position: absolute; top:50%; transform: translate(-50%,-50%) scale(1.1); width:87%; opacity:0; margin:0 auto; font-size:1em; box-sizing: border-box; padding:2em; line-height:1.6em;}
.boxmsg ul li p i{display: block; text-align: right; font-size:1.2em; padding-top:.3em;}
.boxmsg ul li:hover p{opacity:1; transform: translate(-50%,-50%) scale(1);}
.boxmsg ul li:hover div{opacity:0;}
.boxmsg ul li:nth-child(2n) img{float: left;}
.boxmsg ul li:nth-child(2n) div{left:50%; right:0;}
.boxcs{background:url("../image/bk_cs.jpg") #cfcecb no-repeat center center / cover;}
.boxcs .boximg{margin-top:3em;}
.boxs1{background: url("../image/bk_icon.png") #fff no-repeat center 4em / 90%; padding:3em 0;}
.boxs2{background: #f6f5f5 no-repeat center center / contain; padding:3em 0 5em;}
.boxs2 .box{max-width: 976px;}
.listtg{overflow: visible; padding:3em 0 0;}
.listtg li{text-align: center; background-color:rgba(255,255,255,.8); max-width:400px; margin:0 auto 2.5em; border-radius:.5em; box-shadow: 15px 15px 35px 0 rgba(0, 0, 0, .2); padding-bottom:2em;}
.listtg li img{display: block; width:100%;}
.listtg li b{font-weight:bold; font-size:1.6em; padding:1.5em 0 .5em; display: block; color:#000; position: relative;}
.listtg li b:after{content:''; position: absolute; left:50%; bottom:.3em; transform: translate(-50%,0); border-bottom:2px solid #c81428; width:0; opacity:0;}
.listtg li p{font-size:1em; line-height:2em;}
.listtg li:hover img{transform: scale(1.05);}
.listtg li:hover b{color:#c81428;}
.listtg li:hover b:after{width:3.5em; opacity: 1;}
.boxmoshi{max-width:456px; margin:3em auto 1em; position: relative;}
.boxmoshi i{background: no-repeat center center / cover; width:5em; height:4.6em; position: absolute; left:0; right:0; font-size:.85em;}
.boxmoshi i.t1{background-image: url("../image/tit01.png");}
.boxmoshi i.t2{background-image: url("../image/tit02.png");}
.boxmoshi div{margin-left:5em; display: inline-block;}
.boxmoshi b,.boxmoshi strong{font-size:1.2em; color:#c81428; font-weight:normal; display: block;}
.boxmoshi strong{font-weight: bold; padding-top:.2em; font-size:2em;}
.boxmoshi span{display: block; color:#333; font-size:1em; padding-bottom:.7em;}
.boxmoshi p{color:#666; text-align: justify; font-size:.8em; line-height:1.6em; max-width:310px;}
.banner{position: relative; background: no-repeat center center / cover; text-align: center;}
/*.banner .info{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:90%; text-align: center;}*/
.nb_about{background-image: url("../image/bk_nb_abt.jpg"); padding:3.3em 0;}
.nb_about .info{max-width:488px; margin:0 auto;}
.nb_about b{font-size:3.3em; color:#c81428; display: block; margin-bottom:.5em;}
.nb_about span{font-size:1.5em; color:#000; display:inline-block; width:100%; padding:.5em 0; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(102, 101, 101, 0.24);}
.nb_about p{font-size:1.2em; display: inline-block; color:#555; max-width:34em; margin:2em auto 0; text-align: left; text-align: justify; line-height:1.8em;}
.box.bki{background-color: #efefef;}
.nb_contact{background-image: url("../image/bk_nb_cnt.jpg"); min-height:766px; color:#fff;}
.nb_contact .info{top:28%;}
.nb_contact b{font-size:2.5em; font-weight: normal;}
.nb_contact p{font-size:.9em; max-width:900px; margin:1em auto;}
.nb_contact p:after{content:''; display: block; height:3px; background-color: #fff; width:6em; margin:1em auto 0;}
.titlesc{padding:5em 0 2em; text-align: center;}
.titlesc b{color: #c81428; font-size:2.1em; display: block; font-weight: normal;}
.titlesc b em{color:#000;}
.titlesc span{color:#ccc; font-size:1.1em; display: block; text-transform: uppercase;}
.titlesd{text-align: center; padding:4em 0; color:#c81428;}
.titlesd em{display: block; text-transform: uppercase; font-size:1.2em;font-weight: lighter;}
.titlesd b{display: block; font-size:1.6em; font-weight: normal;}
.aboutinfo{padding:5em 2em 0; background: url("../image/img_abt_xms.jpg") no-repeat right bottom; margin-bottom:3em;}
.aboutinfo img{float: left; max-width:46%;}
.aboutinfo .info{color:#333; max-width:380px; display: inline-block;}
.aboutinfo .info .t{border-bottom:2px solid #c81428; padding-bottom:1em; margin-bottom:.5em;}
.aboutinfo .info h3{font-size:2em; display: block; padding-bottom:.5em;}
.aboutinfo .info b{display: block; font-size:1.35em; font-weight: normal; line-height:1.8em;}
.aboutinfo .info p{padding:.7em 0; text-align: justify; color:#333; font-size:1.1em; line-height:1.8em;}
.listm3{margin-bottom:2em;}
.listm3 li{float: left; width:32%; position: relative;}
.listm3 li:nth-child(2){margin:0 2%;}
.listm3 li span{display: block;text-align: center; background-color: #c81428; font-size:1em; color:#fff; line-height:3em; position: relative; z-index:2;}
.listm3 li p{display: none;}
.listm3 .pic{position: relative;}
.listm3 li:hover img{transform: scale(1.05);}
.listm3 li:hover span{background-color: #c81428; color:#fff;}
.titm3{text-align: center; color:#fff; font-weight: bold; background-color: #c81428; font-size:1.2em; line-height:2.2em; margin-bottom:.3em;}
.boxaltinfo{position: fixed; top:0; left:0; right:0; bottom:0; transform:scale(1.05); background-color: rgba(0,0,0,.5); z-index:3; opacity:0; visibility:hidden;}
.boxaltinfo.on{opacity:1; visibility: visible; transform:scale(1);}
.boxaltinfo .box{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:700px; background-color:#c81428; color:#fff; border:2px solid #fff; border-radius:5px; padding:1.5em 1.5em 2em;}
.boxaltinfo .box b{text-align:center; display: block; font-size:1.6em; padding:0 0 .5em;}
.boxaltinfo .box .close{position: absolute; top:0; right:0; width:2em; height:2em; line-height:2em; text-align: center;}
.boxaltinfo .box p{font-size:1.1em; text-align: justify;}
.nbanner .swiper-slide a{height:400px;}
.nbanner .swiper-pagination{bottom:2.5em;}
.boxcst{position:relative; top:-2em; margin-bottom:1em; z-index: 2; background-color: #fff; box-shadow: rgba(0,0,0,.1) 0 0 1em; padding:1.5em 1em; border-radius:.5em; width:94%;}
.boxcst .titlesa b{color:#c81428;}
.lict{padding:2em 0 0;}
.lict li{float: left; width:16.666%; text-align: center;}
.lict li img{display: block; margin:0 auto; width:90%; max-width:42px;}
.lict li span{display: block; font-size:1em; padding-top:.8em;}
.listcsm{text-align: center; max-width:1205px; margin:3em auto 3em; overflow: visible;}
.listcsm li{padding:.3em 0; width:11.111%; box-sizing: border-box; float:left; overflow: visible;}
.listcsm li:nth-child(9n+1){clear: left;}
.listcsm li img{display: block; max-width:100%; margin:0 auto;}
.listcnt{padding:1em 0 5em; display: inline-block; width:100%;}
.listcnt li{text-align: center; width:60%; margin:0 auto 2em; font-size:1.4em;}
.listcnt li:last-of-type{margin-bottom:1em;}
.listcnt li img{display: block; margin:0 auto; width:70px;}
.listcnt li b{font-weight:normal; color:#c81428; font-size:1em; padding:.5em 0; display: block;}
.listcnt li p{font-size:.8em; color:#333; line-height:1.6em;}
.map{text-align: center; width:100%; height:26em; border:none;}
.map a{display: block;}
.boxcntinfo{background-color: #efefef; max-width:1200px;}
.boxcntinfo .box{padding:6em 1em; font-size:.8em; color:#333; overflow: hidden;}
.boxcntinfo .t{color:#c81428; text-transform: uppercase; font-size:3.2em; float: left;}
.boxcntinfo .t:after{content:''; display: block; height:2px; background-color: #c81428; margin:.3em 0 .4em;}
.boxcntinfo .l{float: left; margin-bottom:1em;}
.boxcntinfo .r{float: right; margin-bottom:1em;}
.boxcntinfo .tel{font-size:2.3em;}
.boxcntinfo .tel i{font-size:1.2em; margin-right:.1em;}
.boxcntinfo ul{float: right; text-align: right; padding-top:3em;}
.boxcntinfo li{font-size:1.2em; padding-bottom:1.2em;}
.boxcntinfo li:first-of-type span{font-size:1.3em;}
.boxcntinfo li:last-of-type i{transform: translate(0,.05em) scale(1.2); display: inline-block;}
.boxcntinfo i{font-family:iconfont; color:#d5d5d5; font-size:1.8em; margin-right:.3em;}
i.hr{width:100%; display: block; height:1px; background-image: linear-gradient(to right,#ccc 0%,#ccc 50%,transparent 50%); background-size:1em 5px; background-repeat:repeat-x; clear: both; margin:0 0 1em;}

.boxcaseinfo{padding:3.5em 0; position: relative;}
.boxcaseinfo img{position: absolute; left:5%; top:50%; transform: translate(0,-50%); max-width:30%;}
.boxcaseinfo>div{margin-left:40%; display:inline-block; width:55%;}
.boxcaseinfo .t b{font-weight: normal; color:#000; font-size:2em; display: block;}
.boxcaseinfo .t span{color:#000; font-size:1.5em; display: block;}
.boxcaseinfo i{display: block; width:7em; height:3px; margin:1em 0;}
.boxcaseinfo p{font-size:1.2em; line-height:1.5em; text-align: justify;}
.boxcaseinfo.c{max-width:88%; margin:0 auto;}
.boxcaseinfo.c img{position: static; transform: none; float: left; max-width:57%;}
.boxcaseinfo.c i{width:auto;}
.boxcaseinfo.c>div{display: block; margin-left:0; float: right; width: auto;}
.boxcaseinfo.c p{clear: both; padding-top:1em; font-size:25px; display:inline-block; width:100%;}
.boxcsimg{margin:0 auto 3em;}
.boxcscnt{padding:0 2em 5em; display:inline-block; width:100%; max-width:100%;}
.boxcscnt img{max-width:100%; height: auto!important;}
.boxcscnt p{line-height:1.8em; padding:1em 0; text-align: justify; color:#999;}
.boxcscnt p .i{margin-bottom:2em; display: block;}
.boxcscnt p b{font-weight: normal; font-size:1.2em;}
.boxcscnt .tit{display:inline-block; width:100%; margin-bottom:.1em;}
.boxcscnt .tit em{font-size:4.5em; float: left; margin-right:.2em; line-height:1em;}
.boxcscnt .tit b{font-size:1.6em; display: block; color:#000; line-height:1.5em; text-transform: uppercase;}
.boxcscnt .tit span{font-size:1.35em; color:#444;}
.boxcscnt .tit.ch{text-align: center;}
.boxcscnt .tit.ch em,.boxcscnt .tit.cr em{float: none; margin:0;}
.boxcscnt .tit.ch i,.boxcscnt .tit.cr i{width:4em; height:2px; margin:1.5em auto 2em; display: block;}
.boxcscnt .tit.cr{text-align: center; float: right; width:40%;}
.boxcscnt .titc{position: relative; padding-left:1em; margin-bottom:1em;}
.boxcscnt .titc b{display: block; font-size:2em;}
.boxcscnt .titc span{display: block; font-size:1.3em;}
.boxcscnt .titc i{position: absolute; top:0; left:0; bottom:0;}
.boxcscnt .rpd{padding:0 2em;}

.listimgs{padding-top:2em; margin:0 auto;}
.listimgs.n{padding-bottom:3em;}
.listimgs li{position: relative; float: left;}
.listimgs li a{display: block;}
.listimgs li img{display: block; width:100%;}
.listimgs li img.n{position:absolute; top:0; left:0; max-width:100%; opacity:0;}
.listimgs li:hover img.n{opacity:1;}
.listimgs .ct{object-fit:cover; background-color: #c81428;}
.listimgs .ct img{width:100%; height:100%;}
.boxcs .m{text-align: center; padding-top:1.5em;}
.boxcs .m a{background-color: #fff; border-radius:.5em; padding:.3em .7em; color:#c81428; display: inline-block;}


.fy{text-align: center; padding:30px 0 20px; font-size:14px;}
.fy li{display: inline-block; background-color:#f3f1ed; border-radius:5px; margin:0 3px;}
.fy li a,.fy li span{padding:5px 12px; display:inline-block;}
.fy li:hover{background-color:#fff;}
.fy li.thisclass{background-color:#c81428;}
.fy li.thisclass a,.fy li.thisclass span{color:#fff;}
.fy .pageinfo{display: none;}
.boxun{font-size:14px; line-height:24px; padding:20px 20px 40px;}
.boxun .back{float: right; margin-top:10px;}

.footer{background-color: #1b1b1b; text-align: center; position: relative;padding:5em 0 3em;}
.footer .backtop{background: url("../image/bn_back.png") no-repeat center center / cover; width:5.1em; height:5.1em; border-radius:50%; position: absolute; top:0; left:50%; transform: translate(-50%,-30%); overflow: hidden; text-indent:-999px; cursor: pointer;}
.footer p{font-size:.8em; color:#999; line-height:1.6em; display: inline-block;}
.footer .logo{background: url("../image/logo_f.png") no-repeat center center / cover; width:5.5em; height:2.5em; margin:1.33em auto;}
.footer .wx2wm{max-width:180px;}

.footer .info{}
.footer .info>div{margin-left:10em;}
.footer .fnav{text-align:left; font-size:.8em; line-height:1em;}
.footer .fnav li{display: inline-block; padding-right:3em;}
.footer .fnav li a{color:#fff;}
.footer .fnav li a:hover{color:#999;}
.footer .cp{text-align: center; color:#fff; font-size:.6em; text-transform: uppercase; padding-bottom:1em;}
.footer .cp a{color:#fff;}
.footer .cp a:hover{color:#999;}