/*
作者：天兴工作室
网址：https://www.txcstx.cn
邮箱：admin@txcstx.cn
*/
.wide{width: 1200px;max-width: none}
@font-face {font-family: 'gothambookregular';src: url('fonts/gothambook-webfont.woff2') format('woff2'),url('fonts/gothambook-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
body {font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial,
        "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;background: url(img/bg.jpg) repeat;background-size: 100%;width: 100%;height: 100%;overflow-x: hidden;min-width: 1200px;}
.mb60{margin-bottom: 60px;}.ov-h{overflow: hidden}
/* 分页条 */
.pagebar{padding: 50px 0;}
.pagebar a,.pagebar .now-page{padding:0 12px;line-height:30px;display:inline-block;border: 1px solid transparent;margin:0 3px 3px 0;}
.pagebar a:hover,.pagebar .now-page{color: #000;border: 1px solid #888;}
/* 评论 */
.tx-comments>ul.msg{margin-bottom:10px;border:1px solid #eee;padding:10px;border-radius:4px;}
.msg img.avatar{float:left;margin-right:10px;border-radius:5px;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
.msg li.msgname p.commentname{line-height:22px;font-size:12px;margin-bottom:5px;}
.msg li.msgname small{color:#aaa;font-size:12px;}
.msg li.msgname small a,.tx-comment label,.tx-comments label{display:none;}
.msg li.msgname:hover small a{display:inline-block;}
.msg li ul.msg{margin-top:12px;padding:10px;border:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.tx-comment-textarea{position:relative;}
.tx-comment-textarea .tx-btn{position:absolute;right:0;bottom:0;}
.tx-comment-textarea .tx-textarea{float:left;display:block;}
.reply-frm{margin-top:15px;}

.header{position: relative;z-index: 99;height: 100px;padding: 30px 10px;}
.logo{padding: 4px 0;}
.logo a,.logo img{display: block;line-height: 1;height: 32px;width: auto;}

.nav li{float: left;margin-right: 35px;font-size: 16px;line-height: 40px;}
.nav li a:hover{color:#000}
.nav li ul,.foot-nav li ul{display: none;}
.header-ico li,.foot-ico li{float: left;margin-left: 18px;position: relative;}
.header-ico li i.fa{line-height: 40px;display: inline-block;width: 40px;text-align: center;}
.header-ico li i img{display: block;height: 13px;width: auto;margin:13px 0;}
.header-ico li>div{position: absolute;width: 128px;left: -54px;background-color:#484848;padding: 6px;color: #fff;text-align: center;line-height: 1;display: none;}
.header-ico li>div::after,.foot-ico li>div::after,.xhs-btn>div::after{content:"";position: absolute;top: -20px;left: 50%;width: 0;height: 0;border-style: solid;border-width: 12px;border-color: transparent transparent #484848 transparent;margin-left: -4px;}
.header-ico li:hover>div,.foot-ico li:hover>div,.xhs-btn:hover>div{display: block;}
.header-ico li>div img,.foot-ico li>div img,.xhs-btn>div img{width: 100%;margin-bottom: 5px;}
.header-ico li>div.map-box{width: 220px;left: auto;right: -58px;padding-bottom: 50px;}
.header-ico li:hover>i.fa-search,.header-ico li:hover>i.fa-map-marker{background-color:#484848;color: #fff;}
.header-ico li>div.search-box::after,.header-ico li>div.map-box::after{display:none;}
.header-ico li>div.search-box{left: auto;right: 0;width:320px;}
.search-box form{overflow: hidden; position: relative;}
.search-box input{width: 100%;padding:0 10px;border: 0; background-color:#fff;line-height: 30px;height: 30px; color: #555;font-size: 13px;transition:all .35s ease 0s;}
.search-box button{position: absolute;right:0;top:0;border: 0;width: 0;line-height: 30px;height:30px;color:#fff; text-align: center;background-color: transparent;}

.nav-down-box{background-color: rgba(51,51,51,0.8);position:absolute;width: 100%;height: 100%;z-index: 98;display: none;}
.nav-down-box .wide{position: relative;}
.nav-down-box .wide>dl{padding: 50px;position: absolute;left: 0;width: 100%;background-color: #fff;display: none;}
.nav-down-box .wide>dl.dl-composition{padding: 50px 150px;}
.nav-down-box ul.ul-30 li{position: relative;padding-left: 10px;}
.nav-down-box ul.ul-30 li::after{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px; border-left: 1px solid #333;}

.home-flash{width: 100%;max-width: 2560px;background: #fff;margin-top: -100px;position:relative;z-index:20;}
.home-flash .swiper-slide img{width: 100%;height: auto;}
.swiper-button-next::after, .swiper-button-prev::after{display: none;}
.home-flash .swiper-button-next,.home-flash .swiper-button-prev{height: 62px;width: 31px;}
.home-flash .swiper-button-next{background:url(img/arrow-r.png) no-repeat 0 0;background-size: auto 100%;}
.home-flash .swiper-button-prev{background:url(img/arrow-l.png) no-repeat 0 0;background-size: auto 100%;}
.swiper-pagination-bullet{width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background-color: #000;}

.home-pd{padding: 80px 0;}
.index-title{font-family: "gothambookregular",Gotham-Book;font-size: 42px;font-weight: bold;color: #333;text-align: center;padding: 50px 0;}
.index-title span{font-size: 40px;font-weight: normal;margin-right: 10px;}

.item-pro{display: block;}
.item-pro:hover{color: #666;}
.item-pro:hover .f-gray{color:#999；}
.movie-about{line-height: 36px;padding: 60px 20px 0 0}
.n-title{font-family: "gothambookregular",Gotham-Book;font-size: 21px;line-height: 60px;color: #555;border-bottom: 1px solid #777;}
.home-news-box{padding:25px 0;border-bottom: 1px solid #777;}
.ul-42 li{line-height:42px;height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.list-pro-nav{background:url(img/product-banner.jpg) no-repeat 0 0;}
.list-nav-box{height: 600px;background-size: 100% 600px;position: relative;margin: 35px 0;}
.list-nav-title{width: 470px;height: 214px;border: 1px solid rgba(255,255,255,0.8);position: absolute;left: 50%;top: 50%;padding: 7px;margin-left: -243px;margin-top: -108px;}
.list-nav-title h1{width: 100%;height: 200px;line-height: 200px;font-size: 65px;font-weight: 800;background: rgba(255,255,255,0.8);text-align: center;}
.list-pro-nav ul,.page-nav-list>span{position: absolute;left: 7%;width: 86%;bottom: 30px;display: block;text-align: center;}
.list-pro-nav ul li{width: 20%;display:inline-block;}
.list-pro-nav ul li a{display: block;text-align: center;line-height: 35px;font-size: 16px;background-color: #fff;}
.list-pro-nav ul li:nth-child(2n) a{background-color: #ebebeb}
.list-pro-nav ul li a:hover,.list-pro-nav ul li.on a{background-color: #555;color: #fff;}
.page-nav-list>span a{display: inline-block;line-height:37px;height:37px;border: 1px solid #888;background-color: #fff;padding: 0 18px;border-radius: 2px;margin-right: -1px;}
.page-nav-list>span a:hover,.page-nav-list>span a.on{background-color: #555;color: #fff;}
.page-nav>img{width: 100%;height: 600px;-o-object-fit: cover;object-fit: cover;}
sub, sup { font-size: 75%; line-height: 0; position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em; } 
sup {  top: -0.5em; }

.item-pro1{padding: 70px;}
.item-pro1>a,.item-pro1>div{display: block;float: left;width: 460px;margin-right: 100px;}
.item-pro1 section{padding-top: 40px;}
.item-pro1 section ul{margin: 72px 0 28px 0;}
.item-pro1 section ul li{margin-bottom: 20px;}
.item-pro1 section ul li span{color: #888;margin-right: 35px;}
.dob-t{border-top: 1px solid #555;border-bottom: 1px solid #555;line-height: 45px;}
.tx-font{font-family: "gothambookregular",Gotham-Book;}
.pro-buy-btn a{display: inline-block;line-height: 30px;height: 30px;margin-right: 15px;}
.pro-buy-btn a>img{display: block;line-height: 1;height: 30px;width: auto;}
.xhs-btn{position: relative;}
.xhs-btn>div{position: absolute;bottom:30px;left:5px;width: 128px;margin-bottom: 10px; background-color:#484848;padding: 6px;color: #fff;text-align: center;line-height: 1;display: none;}

.list-title1{padding: 80px;text-align: center;font-size: 65px;font-weight: 800;}
.list-news li{border-bottom: 1px solid #888;line-height: 54px;height: 54px;overflow: hidden;}
.list-news li span{float: left;display: block;width: 10%;}
.list-news li span:first-child{width: 80%;text-align: left;}


.info-title{border-bottom: 1px solid #888;padding-bottom: 15px;margin-bottom: 50px;}
.tx-text-news{border-bottom: 1px solid #888;padding-bottom: 30px;margin-bottom: 25px;}
.info-next{line-height: 50px;height: 50px;}
.info-next .f-next{float: right;padding-right: 40px;background: url(img/i-next.png) no-repeat right center;background-size: 20px 20px;}
.info-next .f-back{float: left;padding-left: 40px;background: url(img/i-back.png) no-repeat left center;background-size: 20px 20px;}
.cf-title{font-size:65px;padding:20px 0 40px 0;}

.tx-text h1, .tx-text h2, .tx-text h3{background-color:transparent;position:relative;border:0; line-height: 35px;font-weight:500;color:#fff;background: #777;padding:0 15px;display: inline-block; margin: 40px 0 40px;}
.tx-text h1::after, .tx-text h2::after, .tx-text h3::after{ content: " ";position: absolute;bottom: 0;left: 0;width: 1120px;height: 1px;overflow: hidden;background: #777;}

.page-info hr{opacity: 0;}
.form-con{width: 60%;margin: 10px auto;}
.form-con li{position: relative;padding-left: 100px;}
.form-con li label{position: absolute;left: 0;top: 0;line-height: 38px;font-size: 18px;}
.form-con li label b{color: #c00}

.gotop{position: fixed;left: 50%;bottom: 270px;margin-left: 564px;width: 36px;height: 36px;z-index: 10;background:url(img/top.png) no-repeat 0 0;background-size: cover;cursor: pointer;}
.footer{padding: 38px 0 20px 0;font-weight: 500;color: #555;position: relative;}
.foot-logo img{display: block;line-height: 1;height: 50px;width: auto;}
.foot-nav li{float: left;line-height: 16px;padding:0 20px;border-right: 1px solid #555;}
.foot-nav li:first-child{padding-left: 0;}
.foot-nav li:last-child{border: 0;}
.foot-ico{position: absolute;bottom: 20px;right: 0;}
.foot-ico li{margin-left: 30px;}
.foot-ico li>div{position: absolute;bottom:48px;left:-40px;width: 128px;margin-bottom: 10px; background-color:#484848;padding: 6px;color: #fff;text-align: center;line-height: 1;display: none;}
.foot-ico li>i{display: inline-block;width: 46px;height: 46px;line-height: 46px;background-color: #777777;border-radius: 50%;text-align: center;color: #fff;}
.foot-ico li>div::after,.xhs-btn>div::after{top: auto;bottom: -20px;border-color: #484848 transparent transparent transparent;margin-left: -12px;}

.brand-content,.product-content{color: #333;}
.brand-content h1,.product-content h1{font-size:65px; margin: 0 0 40px 0; line-height: 80px; text-align: left;font-weight:700;}
.brand-content h2,.product-content h2{font-size: 40px; margin: 0 0 40px 0; line-height: 50px; text-align: left;font-weight:700;}
.brand-content h3,.product-content h3{font-size: 30px; margin: 0 0 20px 0; line-height: 40px; text-align: left; font-weight: 400;}
.brand-content h4,.product-content h4{font-size: 24px; margin: 0 0 20px 0; line-height: 30px; text-align: left; font-weight: 400;}
.brand-content p,.product-content p{font-size: 18px; line-height: 1.9; text-align: left;}
.product-content img{display: block; margin: 0 auto;}
.page-content{width: 1200px; margin:50px auto 100px; background: #fff; text-align: center;}
.page-content ul.list-r li{list-style: square inside url('img/li-r.png');}
.page-content ul.list-r{text-align: left; width: 1000px; margin:0 auto; line-height: 2.5; font-size: 18px; color: #444;}
.page-title{font-size: 65px; text-align: center; padding:80px; font-weight:800; color: #333;}
.content-inner{text-align: left; padding:50px 50px 70px; color: #555555; font-size: 18px; line-height: 2;}
.content-inner h1{font-size:22px; line-height: 35px; font-weight:500; color:#fff; background: #777; padding:0 15px; display: inline-block; margin: 40px 0 40px; position: relative;}
.content-inner h1:after{content: " "; position: absolute; bottom: 0; left: 0; width: 1100px; height: 1px; overflow: hidden; background: #777;}
.content-inner p{margin: 0 40px;}
.content-inner ul{margin: 0 40px;}
.content-inner ul li{list-style: square inside url('img/li-ico.png');}
.content-inner table{width:906px; margin:0 auto; border:1px solid #555; border-collapse: collapse;}
.content-inner table th{background: #777; color: #fff; font-weight: normal;}
.content-inner table td,.content-inner table th{border:1px solid #555; text-align: center; padding:4px 0;}



a:hover{color: #000;}