@charset "utf-8";
*{margin:0; padding:0;}
*:focus{outline:none;}
body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;}
body{background-color:#fff; font-size:12px; color:#666666; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none; margin:0 auto;}
a,a:link,a:active,a:visited{color:#666; text-decoration:none;}
a:hover{color:#d8160d; text-decoration:none;}
a:focus{-moz-outline-style:none;}
b{color:#000;}
ul{list-style:none;}
img{border:none;}
input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@font-face {
  font-family: 'iconfont';  /* project id 878186 */
  src: url('//at.alicdn.com/t/font_878186_fjjxgfn5k74.eot');
  src: url('//at.alicdn.com/t/font_878186_fjjxgfn5k74.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_878186_fjjxgfn5k74.woff') format('woff'),
  url('//at.alicdn.com/t/font_878186_fjjxgfn5k74.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_878186_fjjxgfn5k74.svg#iconfont') format('svg');
}
.ift{font-family:"iconfont"; font-style: normal;}

.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.nav li a,.sbanner .swiper-pagination-bullet:after,.h-pro .hd dd a,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.boxsoso span a,.nav,.boxsoso,.navm,.nav li.isoso:before,.h-pro .hd dd,.listpro li .t,.listpro li .n,.listcsn li,.listcsn li a{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;}

.video-container {
            margin: 20px auto;
            position: relative;
            background: #000;
            width: 560px;
            height: 380px;
            float: left;
        }

        #myVideo {
            width: 100%;
        }

        .controls {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: rgba(0,0,0,0.7);
            padding: 10px;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .control-btn {
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            font-size: 16px;
        }

        .progress-bar {
            flex: 1;
            height: 5px;
            background: #555;
            cursor: pointer;
            position: relative;
        }

        .progress-filled {
            height: 100%;
            background: #ff0000;
            width: 0%;
        }

        .time-display {
            color: white;
            font-size: 14px;
        }

        .volume-container {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .volume-slider {
            width: 80px;
        }

.font2h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.fontovdd{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.dwFlex{display:-webkit-flex; display: flex; flex-wrap:wrap;}
.dwFlexs{-webkit-flex:1; flex:1; float: left;}
.lt{float: left;}
.rt{float: right;}

.box,.nmain{max-width:1140px; margin:0 auto; clear: both; padding:0 10px; position: relative;}

.boxtop{height:90px; background-color:rgba(0,0,0,0.7); position: absolute; top:0; left:0; right:0; z-index:9;}
.tlogo{background: url(../images/tlogo.png) no-repeat center center; width:160px; height:46px; margin:20px 0 0 10px; display: block; text-indent:-999px; overflow: hidden; float: left;}
.ttel{background:url(../images/ttel.png) no-repeat center center; width:220px; height:42px; float: left; margin:26px 0 0 20px;}
.sellan{font-size:14px; color:#afafaf; position: absolute; top:10px; right:14px;}
.sellan a{color:#afafaf;}
.sellan a.on{color: #fff;}
.nav{float: right;}
.nav > li{float: left;}
.nav > li > a{font-size:14px; color: #fff; padding:52px 16px 19px; display: block;}
.nav > li.on a,.nav > li:hover > a{background-color: #d8160d;}
.nav li.isoso{width:70px; height:45px; overflow: hidden; text-align: center; margin:45px 0 0 0; cursor: pointer; position: relative;}
.nav li.isoso:before{content:''; opacity:0; display: block; width:0; height:0; border-right:6px solid transparent; border-bottom:6px solid #f7f7f7; border-left:6px solid transparent; position: absolute; left:50%; bottom:-6px; transform: scale(-50%,0);}
.nav li.isoso:after{content:'\e683'; display: block; font-size:30px; color:red; font-family: iconfont;}
.nav li.isoso.on:before{bottom:0; opacity:1;}
.boxsoso,.navm{background-color: #f7f7f7; clear: both; font-size:14px; padding:0; opacity:0; visibility: hidden;}
.boxsoso.on,.navm.on{padding:20px 0; opacity:1; visibility: visible;}
.navm{position: absolute; top:90px; left:0;right:0; text-align: center;}
.navm em:after{content:'/'; display: inline-block; margin:0 10px; font-size:10px; color:#ccc;}
.navm em:last-of-type{display:none;}
.boxsoso span{color:#afafaf; line-height:26px;}
.boxsoso span a{color:#757575; display: inline-block; padding:0 10px; margin:0 5px;}
.boxsoso span a:hover{background-color: #dedede;}
.boxsoso span a:active{color: #fff;}
.boxsoso .box div{float: right; position: relative; top:-7px;}
.boxsoso input{border:none; height:40px; line-height:40px; padding:0 20px;}
.boxsoso .txt{border:1px solid #dedede; width:260px;}
.boxsoso .bn{border:1px sold #d12d25; background-color: #d12d25; color:#fff; cursor: pointer;}
.boxsoso .bn:hover{background-color:#eb3229;}
.boxsoso .bn:active{background-color:#d12d25;}

.close{display:none;}
.imenu{display:none; position:absolute; top:34px; right:30px; width:40px; height:23px; border-top:3px solid #fff; border-bottom:3px solid #fff; cursor: pointer;}
.imenu:after,.imenu:before{position: absolute; top:50%; margin-top:-2px; right:0px; left:0px; border-top:3px solid #fff; content: ''; display: block;}

/* home banner */
.sbanner,.imgtabsa{position: relative}
.sbanner .swiper-slide{height:750px; background-position: center center; background-size:cover; position: relative;}
.sbanner .swiper-slide a{position: absolute; top:0; right:0;bottom:0;left:0;z-index: 2;}
.sbanner .swiper-slide img,.imgtabsa .swiper-slide img{display: block; width:100%; max-width:100%;}
.sbanner .swiper-pagination,.imgtabsa .swiper-pagination{bottom:25px;}
.sbanner .swiper-pagination-bullet,.imgtabsa .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:6px; margin:0 10px; opacity:1; width:auto; height: auto;}
.sbanner .swiper-pagination-bullet:after,.imgtabsa .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:8px; height:8px; border-radius:50%;}
.sbanner .swiper-pagination-bullet-active,.imgtabsa .swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity: 1;}
.sbanner .swiper-pagination-bullet-active:after,.imgtabsa .swiper-pagination-bullet-active:after{background-color:red;}
.sbanner.sn .swiper-pagination,.imgtabsa.sn .swiper-pagination{bottom:15px;}
.nbanner img{display: block; max-width:100%; margin:0 auto;}

.title{text-align: center;}
.title b{font-size:30px; color:#fff; display: block; padding-bottom:6px;}
.title em{font-size:18px; color:#aaabac; text-transform: uppercase; font-style: normal;}

.h-about{padding:60px 10px;}
.h-about .xc{width:560px; height:380px; display: block; float: left;}
.h-about .cnt{background: url(../images/logo_abt.png) no-repeat left top; padding-top:110px; margin-left:620px; height:270px; font-size:14px; line-height:28px; color:#666666;}
.h-about .cnt a.more{color:#fff; background-color: #d8160d; display: inline-block; line-height:40px; padding:0 30px; margin-top:25px; border-radius:3px; font-size:16px;}
.cnt a.more:hover{background-color: #ED231A;}
.cnt a.more:active{background-color: #d8160d;}
.listzs{clear: both; margin-top:40px; text-align: center; font-size:14px; line-height:40px;}
.listzs img{display: block; width:220px; height:150px;}
.listzs > .swiper-wrapper{transition-timing-function: ease-in-out;}

.h-shili{background-color: #b8130b; padding:60px 0;}
.h-shili .t{text-align: center; color:#fff;}
.h-shili .t strong{font-size:30px; display:block;}
.h-shili .t span{color:rgba(255,255,255,0.50); font-size:18px;}
.h-shili ul{overflow: hidden; margin-top:33px;}
.h-shili ul li{float: left; background-color: #fff; color:#343434; width:calc(33.33% - 80px); margin:0 15px 15px 0; padding:35px;}
.h-shili ul li span{font-size:18px; display: block; margin-bottom:12px;}
.h-shili ul li span,.h-shili ul li p{margin-left:70px;}
.h-shili ul li p{min-height:40px; line-height:18px; font-size:14px; color:#757575;}
.h-shili ul li i{font-family: iconfont; color:#b8130b; width:50px; margin-top:10px; text-align: center; font-size:50px; display:block; font-style: normal; float: left;}

.footer{background: url('../images/bk_footer.png') #202020 no-repeat center center;}
.footer .box{min-height:308px; position: relative; padding-top:20px; padding-right:166px; overflow: hidden;}
.footer .box ul{float: left; border-right:1px solid #373737; min-height:288px; padding:0 60px;}
.footer .box ul:last-of-type{border:none;}
.footer .box ul li.t{font-size:18px; padding:10px 0;}
.footer .box ul li{font-size:14px; line-height:36px;}
.footer .box ul li a{color:#bcbcbc;}
.footer .box ul li.t a{color: #fff;}
.footer .box ul li a:hover{color:#fff;}
.footer .if2wm{background:url('../images/ico_ft.png') no-repeat center center; width:166px; height:328px; display: block; position: absolute; top:0; right:0; bottom:0;}
.copyright{font-size:12px; color: #afafaf; line-height:56px; background-color: #000; text-align: center;}
.copyright a{color: #afafaf;}
.h-pro{overflow: hidden; padding:60px 0; background-color: #fff;}
.h-pro .hd{width:280px; float: left; border:1px solid #d0d0d0;}
.h-pro .hd dt{background-color: #222a2d; color:#fff; line-height:130px; border-top:5px solid #d8160d;}
.h-pro .hd dt b{font-size:30px; color: #fff; padding:0 6px 0 20px;}
.h-pro .hd dt em{font-size:18px; font-style: normal;}
.h-pro .hd dd{min-height:70px; padding:3.5px 0;}
.h-pro .hd dd a{display: block; border-left:3px solid #cccccc; padding:15px 30px 15px 16px;}
.h-pro .hd dd span{display:block; font-size:18px; color: #333333;}
.h-pro .hd dd em{font-size:12px; color: #afafaf; font-style: normal;}
.h-pro .hd dd.on{background-color: #d8160d;}
.h-pro .hd dd.on a{border-color: #b8130b;}
.h-pro .hd dd.on span,.h-pro .hd dd.on em{color: #fff;}

.h-pro .bd{margin-left:300px;}
.h-pro .bd ul{display: none;}
.h-pro .bd ul.on,.h-pro .bd ul.allpros{display: block;}
.h-pro .bd ul li{float: left; width:30%; margin-right:5%; margin-bottom:5%;}
.h-pro .bd ul li:nth-child(3n){margin-right:0;}
.h-pro .bd ul li img{display: block; width:100%; max-width:100%;}
.h-pro .bd ul li a{display: block; border:1px solid #cccccc;}
.h-cs{background: url('../images/bk_s1.jpg') no-repeat center center; background-size: cover;}
.h-cs .box{padding-bottom:40px;}
.h-cs .title{padding:100px 0 70px;}
.scase .swiper-slide{text-align: center; color:#fff; font-size:14px; padding-bottom:60px;}
.scase .swiper-slide span{font-size:18px; color:#fff; padding:20px 0 15px; display:block;}
.scase .swiper-slide p{text-align: left; line-height:22px;}
.scase .swiper-pagination-bullet{background-color: #afafaf;}
.scase .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #d8160d;}

.h-news .title{padding:80px 0 50px;}
.h-news .title b{color:#000;}
.listns{overflow: hidden; padding-bottom:60px;}
.listns li{float: left; width:31%; margin-right:3.5%;}
.listns li:last-of-type{margin-right:0;}
.listns li img{display: block; margin-bottom:20px; width:100%; max-width:100%;}
.listns li a span{font-size:18px; color: #000;}
.listns li p{padding:10px 0; font-size:14px; color: #757575;}
.listns li em{font-size:14px; color: #afafaf;}

/* pages */
.nbanner{text-align: center; height:370px; background:no-repeat center center; background-size:cover; overflow: hidden;}
.nbanner b{display: block; color: #fff; font-size:30px; margin-top:180px; font-weight: normal;}
.nbanner em{font-size:18px; line-height:40px; color: #b4b4b4; font-style: normal; text-transform: uppercase;}
.nbanner:after{content:''; display: block; width:60px; height:3px; background-color: #d8160d; margin:0 auto;}
.cntsa{padding:60px 20px; font-size:14px;}
.cntsa p{line-height:26px; color: #666; padding:5px 0; text-indent:30px;}
.cntsa img{max-width:100%; height: auto!important;}
.ntitle{padding:10px 0;}
.ntitle b{font-size:24px; color:#000000;}
.ntitle em{font-style: normal; font-size:12px; color:#afafaf; display:block;}
.listpro{overflow: hidden; padding:50px 0;}
.listpro li{float: left; width:32%; margin:0 2% 0 0; position: relative; overflow: hidden;}
.listpro li:nth-child(3n){margin-right:0;}
.listpro li a{display: block;border: 1px solid #cccccc;}
.listpro li img{max-width:100%;width:100%;}
.listpro li .t,.listpro li .n{position: absolute; left:0; right:0; background-color: rgba(0,0,0,0.8);}
.listpro li .t,.listpro li .t b{ color:#fff;}
.listpro li .t{bottom:0; opacity:1;line-height:46px; text-align: center; font-size:18px; font-weight: normal; background-color: rgba(0,0,0,0.8);}
.listpro li:hover .t{bottom:-46px; opacity:0;}
.listpro li .n{top:100%; bottom:-40px; opacity:0;}
.listpro li:hover .n{top:30%; bottom:0; opacity:1; color:#fff;}
.listpro li .n b{font-size:18px; color:#fff; display: block; text-align: center; font-weight: normal; padding:30px 0 20px;}
.listpro li .n span{display: block; padding:20px 6%; overflow: hidden; font-size:14px; line-height:24px; text-align: center;}
.box .listns{padding:60px 0 30px;}
.showpro{}
.nstitle{text-align: center; padding:60px 0 10px; border-bottom:1px solid #cccccc;}
.nstitle h3{font-size:24px; color: #000; padding-bottom:20px;}
.nstitle i,.boxcnt i{font-family: iconfont; font-style: normal; margin:0 6px 0 30px;}
.nstitle i:first-of-type{margin-left:0;}
.nxtns,.listcsn{padding:40px 0 20px;}
.nxtns dt{display:block; font-size:18px; font-weight: normal; padding-bottom:20px;}
.nxtns dd a{font-size:18px;}
.nxtns dd{padding:5px 0;}
.hb{font-size:18px; color: #d8160d; display: block; padding:40px 0 20px;}
.cntsa .tit{margin:0 auto; display: block;}
.listss{overflow: hidden; padding:10px 0 50px;}
.listss li,.listcsn li{float: left; width:32%; margin:0 2% 0 0;}
.listss li:nth-child(3n){margin-right:0;}
.boxcnt{padding:60px 0 40px; overflow: hidden; color: #333333;}
.boxcnt dl{padding:60px 0; float: left;}
.boxcnt dt{font-size: 18px; font-weight: bold; padding-bottom:30px;}
.boxcnt dd{line-height:40px; padding:10px 0; font-size:16px;}
.boxcnt i{margin:0 20px 0 0;; background-color: #d8160d; width:40px; height:40px; text-align: center; line-height:40px; border-radius:50%; color: #fff; display: block; font-size:24px; float: left;}
.cntmap{float: right;}
.listcsn li{background-color: #fafafa; color: #202020; margin-bottom:2%;}
.listcsn li:nth-child(3n){margin-right:0;}
.listcsn li:hover{background-color: #202020; color: #fff;}
.listcsn li div{padding:30px 20px;}
.listcsn li span{font-size:18px;}
.listcsn li em{color: #afafaf; display:block; padding:5px 0 0;}
.listcsn li p{font-size:14px; line-height:20px; padding-top:12px; min-height:100px;}
.listcsn .more{border:1px solid #d8160d; color:#d8160d; text-align: center; width:150px; line-height:40px; display: block; margin:15px auto; font-size:14px;}

.fy{text-align: center; clear: both; padding:30px 0 50px;}
.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:#ec2828;}
.fy li.thisclass a,.fy li.thisclass span{color:#fff;}
.fy .pageinfo{display: none;}

@media screen and (min-width:760px) {
	.h-shili ul li:nth-child(3n){margin-right:0;}
}

@media screen and (max-width:760px) {
	.sbanner .swiper-slide{height:400px;}
	.nav.on{left:0px; opacity:1; visibility:visible;}
	.imenu{display: block;}
	.imenu.on{opacity:0;}
	.boxtop.on .nav{left:0; opacity: 1; visibility: visible;}
	.nav{position: fixed; margin:0; top:0px; left:-30px; width:100%; z-index:9; bottom:0px; opacity:0; visibility: hidden; background-color:rgba(0,0,0,0.77);}
	.nav li:first-child{margin-top:90px;}
	.nav li a{color: #fff!important; line-height:240%; font-size:30px; padding:0;}
	.isoso{display: none;}
	.nav li a:hover{background-color:rgba(255,255,255,0.12)!important;}
	.nav li{float: none; text-align: center;}
	.nav li a:after{display: none;}
	.nav li.close{display:block; position: absolute; top:20px; right:20px; color: #f30; font-size:33px; font-family: iconfont; cursor:pointer}
	
	.h-about{padding:20px 10px;}
	.h-about .xc{width:100%; float: none;}
	.h-about .cnt{margin:20px 0 0 0; height: auto;}
	
	.h-shili ul li{width:calc(50% - 77.5px); margin:0 15px 15px 0; padding:35px;}
	.h-shili ul li:nth-child(2n){margin-right:0;}
	.h-shili ul li p{min-height:60px;}
	.listpro li,.listns li,.listcsn li,.listss li{width:49%; margin-right:2%;}
	.listpro li:nth-child(2n),.listns li:nth-child(2n),.listcsn li:nth-child(2n),.listss li:nth-child(2n){margin:0;}
	.boxcnt dl{padding:50px 30px;}
	.cntmap{float: none; text-align: center;}
	.sellan{display: none;}
	.h-pro{padding:40px 0 30px;}
	.h-pro .hd{width:auto; float: none; margin-bottom:20px;}
	.h-pro .hd dt{line-height:60px;}
	.h-pro .hd dd{display: none;}
	.h-pro .bd{margin-left:0;}
	.scase .swiper-slide p{text-align: center;}
	.copyright{padding:10px 0; line-height:26px;}
	.footer .if2wm{display: none;}
	.footer .box ul{width:23%; padding:0 5%;}
	.footer .box{padding-right:0;}
	
}
.fxpst{display: none;}
@media screen and (min-width:1000px) {
	.fxpst{display:block; visibility: hidden; opacity:0; position: fixed; bottom:0; right:20px; transform: translate(0,-50%); z-index:8; background-color: rgba(255,255,255,.7);cursor: pointer; border-radius:5px;}
	.fxpst.on{visibility: visible; bottom:20px; opacity:1;}
}