.columns{padding:58px 0; background:#fff; position:relative; }
.columns-title{text-align:center;}
.columns-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.columns-title h2{font-size:36px; margin:0;} 
.columns-title h2:after{width:60px; height:2px; display:block; margin:0 auto; content:''; background:#fc6b00;}
.columns-title h2>span:after{width:80px; height:2px; display:block; margin:0 auto 4px auto; content:''; background:#fc6b00;}
.columns-title p{margin:18px 0; color:#686868;}
.columns-list{margin:0 -16px; font-size:0;}
.columns-list:after{display:block; content:''; clear:both;}
.columns-item{display:inline-block; width:33.333%; padding:0 16px; margin-top:28px;}
.columns-item a{display:block; border:1px solid #e8e8e8; border-radius:3px; background:#fff; border-radius:3px; overflow:hidden;}
.columns-item a:hover{box-shadow:0 0 8px rgba(0,0,0,.1);}
.columns-item ins{float:left; overflow:hidden;}
.columns-item ins>img{display:block; height:158px; position:relative; z-index:8; transition:.3s;}
.columns-item a:hover ins>img{transform:scale(1.08);}
.columns-item span{display:block; padding:18px 28px; border-radius:8px; overflow:hidden;}
.columns-item h3{font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:6px;}
.columns-item p{overflow:hidden; height:56px; font-size:14px; color:#989898;}
.columns-item b{display:block; font-weight:normal; font-size:15px; margin-top:8px; color:#fc6b00;}
.columns-item b>u{text-decoration:none;}
.columns-item b>i{font-style:normal; margin-left:6px; transition:.3s;}
.columns-item a:hover b>i{transform:translateX(4px);}
@media(max-width:1200px){
.columns{padding:38px 0;}
.columns-title b{font-size:18px;} 
.columns-title h2{font-size:28px;} 
.columns-title h2:after{width:50px; height:2px;}
.columns-title h2>span:after{width:70px; height:2px;}
.columns-title p{margin:14px 0;}
.columns-list{margin:0 -8px;}
.columns-item{padding:0 8px; margin-top:18px;}
.columns-item ins>img{height:138px;}
.columns-item span{padding:12px 18px;}
.columns-item h3{font-size:16px; margin-bottom:4px;}
.columns-item b{margin-top:6px; font-size:14px;}
}
@media(max-width:992px){
.columns-item{width:50%;}
}
@media(max-width:767px){
.columns{padding:18px 0;}
.columns-title b{font-size:16px;} 
.columns-title h2{font-size:24px;} 
.columns-title h2>span:after{margin-bottom:2px;}
.columns-list{margin:0 -4px;}
.columns-item{padding:0 4px; margin-top:8px;}
.columns-item ins{width:100%;}
.columns-item ins>img{height:auto; width:100%;}
.columns-item span{padding:8px; text-align:center;}
}

.stance{padding:58px 0px; width:100%; overflow:hidden; position:relative; background:#f8f8f8;} 
.stance>article{position:relative; z-index:8;}
.stance-title{display:block;}
.stance-title h2{font-size:38px; margin:0;} 
.stance-title h2:after{width:60px; height:2px; display:block; content:''; background:#fc6b00;}
.stance-title h2>span:after{width:80px; height:2px; display:block; margin-bottom:4px; content:''; background:#fc6b00;}
.stance-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.stance-title p{margin:18px 0; color:#686868;}
.stance-image{float:right; width:50%; padding-left:58px;} 
.stance-image img{display:block;}
.stance-text{float:left; width:50%;}
.stance-text aside{margin-top:28px; font-size:15px;}
.stance-text aside p+p{margin-top:18px;}
.stance-more{font-size:0; margin-top:28px;}
.stance-more>a{display:inline-block; overflow:hidden; position:relative;  border:1px solid #d8d8d8; background:#fff; border-radius:3px; padding:8px 28px;}
.stance-more>a:after{position:absolute; z-index:1; left:0; top:0; bottom:0; content:''; width:0; transform:skewX(30deg); transform-origin:bottom left; transition:0.6s; background:#fc6b00;}
.stance-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.stance-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.stance-more>a:hover{color:#fff; border-color:#fc6b00;}
.stance-more>a:hover:after{width:108%; transform:skewX(0);}
.stance-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.stance{padding:38px 0px;}
.stance-title{text-align:center;}
.stance-title h2{font-size:28px;} 
.stance-title h2:after{width:50px; height:2px; margin:0 auto;}
.stance-title h2>span:after{width:70px; height:2px; margin:0 auto 4px auto;}
.stance-title b{font-size:18px;} 
.stance-title p{margin:14px 0;}
.stance-image{padding-left:28px;} 
.stance-text aside{margin-top:18px; font-size:14px;}
}
@media(max-width:992px){
.stance-image{float:none; width:100%; padding:0 0 28px 0;} 
.stance-text{float:none; width:100%;}
}
@media(max-width:767px){
.stance{padding:18px 0px;}
.stance-image{padding:0 0 18px 0;} 
.stance-more{margin-top:8px;}
.stance-more>a{padding:8px 28px;}
.stance-more>a>u{font-size:14px;}
.stance-more>a>i{font-size:16px; margin-left:6px;} 
.stance-more>a:hover>i{transform:translateX(4px);}
}

.item{padding:58px 0; color:#fff; position:relative; background:fixed center #000000 url('../../upload/photo/202407/100949212.png'); background-size:cover;}
.item:after{display:block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:.68;}
.item ul{text-align:center; position:relative; z-index:8; font-size:0;}
.item ul>li{display:inline-block; width:20%; line-height:1;}
.item ul>li>b{font-size:58px;}
.item ul>li>i{font-style:normal; font-size:18px; padding-left:4px;}
.item ul>li>u{display:block; font-size:14px; text-decoration:none; margin-top:8px;}
@media(max-width:1200px){
.item{padding:38px 0;}
.item ul>li>b{font-size:48px;}
.item ul>li>i{font-size:16px;}
.item ul>li>u{margin-top:6px;}
}
@media(max-width:767px){
.item{padding:18px 0;}
.item ul>li{width:33.333%; padding:8px 0;}
.item ul>li>b{font-size:28px;}
.item ul>li>i{font-size:14px; padding-left:2px;}
.item ul>li>u{font-size:12px;}
}

.product{padding:58px 0;}
.product-title{text-align:center;}
.product-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.product-title h2{font-size:36px; margin:0;} 
.product-title h2:after{width:60px; height:2px; display:block; margin:0 auto; content:''; background:#fc6b00;}
.product-title h2>span:after{width:80px; height:2px; display:block; margin:0 auto 4px auto; content:''; background:#fc6b00;}
.product-title p{margin:18px 0; color:#686868;}
.product-list{margin:28px 0;}
.product-list ul{margin:0 -16px;}
.product-list ul:after{display:block; content:''; clear:both;}
.product-list ul>li{float:left; width:25%; padding:16px;}
.product-list ul>li>a{display:block; border:1px solid #e8e8e8; border-radius:3px; overflow:hidden;}
.product-list ul>li>a:hover{box-shadow:0 0 8px rgba(0,0,0,.1);}
.product-list ul>li>a>div{position:relative; transition:.3s; overflow:hidden;}
.product-list ul>li>a>div>ins{display:block; overflow:hidden;}
.product-list ul>li>a>div>ins>img{width:100%; display:block; transition:.3s;}
.product-list ul>li>a>h3{text-align:center; padding:10px 18px; border-radius:3px; background:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-list ul>li>a:hover>div>span{transform:translateY(-100%);}
.product-list ul>li>a:hover>div>ins>img{transform:scale(1.08);}
.product-more{text-align:center; font-size:0; margin-top:28px;}
.product-more>a{display:inline-block; overflow:hidden; position:relative;  border:1px solid #d8d8d8; border-radius:3px; padding:8px 28px;}
.product-more>a:after{position:absolute; z-index:1; left:0; top:0; bottom:0; content:''; width:0; transform:skewX(30deg); transform-origin:bottom left; transition:0.6s; background:#fc6b00;}
.product-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.product-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.product-more>a:hover{color:#fff; border-color:#fc6b00;}
.product-more>a:hover:after{width:108%; transform:skewX(0);}
.product-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.product{padding:38px 0;}
.product-title b{font-size:18px;} 
.product-title h2{font-size:28px;} 
.product-title h2:after{width:50px; height:2px;}
.product-title h2>span:after{width:70px; height:2px;}
.product-title p{margin:14px 0;}
.product-list{margin:18px 0;}
.product-list ul{margin:0 -8px;}
.product-list ul>li{padding:8px;}
}
@media(max-width:992px){
.product-list ul>li{width:50%;}
}
@media(max-width:767px){
.product{padding:18px 0;}
.product-title b{font-size:16px;} 
.product-title h2{font-size:24px;} 
.product-title h2>span:after{margin-bottom:2px;}
.product-list ul{margin:0 -4px;}
.product-list ul>li{padding:4px;}
.product-list ul>li>a>h3{padding:8px; font-size:14px;}
.product-more{margin-top:8px;}
.product-more>a{padding:8px 28px;}
.product-more>a>u{font-size:14px;}
.product-more>a>i{font-size:16px; margin-left:6px;} 
.product-more>a:hover>i{transform:translateX(4px);}
}

.scen{padding:58px 0 0; position:relative; background:#f8f8f8;}
.scen-title{text-align:center;}
.scen-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.scen-title h2{font-size:36px; margin:0;} 
.scen-title h2:after{width:60px; height:2px; display:block; margin:0 auto; content:''; background:#fc6b00;}
.scen-title h2>span:after{width:80px; height:2px; display:block; margin:0 auto 4px auto; content:''; background:#fc6b00;}
.scen-title p{margin:18px 0; color:#686868;}
.scen-content{margin-top:38px; position:relative; z-index:8;} 
.scen-content:after{display:block; content:''; clear:both;}
.scen-item{float:left; width:20%;}
.scen-item a{position:relative; display:block; overflow:hidden;}
.scen-item a:before{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:''; transition:.3s; visibility:hidden; opacity:0; background:#000;}
.scen-item a span{position:absolute; z-index:8; top:50%; left:0; right:0; margin-top:-14px; padding:0 28px; text-align:center; color:#fff;}
.scen-item a span h3{font-size:24px; line-height:28px; transition:.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 0 8px #000;}
.scen-item a span p{opacity:0; visibility:hidden; transition:.3s; overflow:hidden; height:112px;}
.scen-item a span u{opacity:0; visibility:hidden; transition:.3s; border:1px solid rgba(255,255,255,.38); transition:.3s; font-style:normal; text-decoration:none; padding:8px 18px; border-radius:3px;}
.scen-item a span u i{padding-left:8px;}
.scen-item a img{display:block; width:100%; transition:.3s;}
@media(min-width:768px){
.scen-item a:hover img{transform:scale(1.08);}
.scen-item a:hover:before{visibility:visible; opacity:.8; }
.scen-item a:hover span h3{text-shadow:none; transform:translateY(-74px);}
.scen-item a:hover span p{opacity:1; visibility:visible; transform:translateY(-56px);}
.scen-item a:hover span u{opacity:1; visibility:visible;}
.scen-item a:hover span u:hover{background:#fff; color:#fc6b00;}
}
.scen-text{background:#333333; color:#fff; padding:32px 0;}
.scen-text span{float:left;}
.scen-text p{margin:8px 0 0;}
.scen-text a{float:right; color:#fff; font-size:16px; margin-top:8px; border-radius:3px; padding:8px 28px; background:#fc6b00;}
.scen-text a:hover{background:#fff; color:#fc6b00;}
@media(max-width:1600px){
.scen-item{width:25%;}
.scen-item:nth-child(9),
.scen-item:nth-child(10){display:none;}
}
@media(max-width:1200px){
.scen{padding:38px 0 0;}
.scen-title b{font-size:18px;} 
.scen-title h2{font-size:28px;} 
.scen-title h2:after{width:50px; height:2px;}
.scen-title h2>span:after{width:70px; height:2px;}
.scen-title p{margin:14px 0;}
.scen-item{width:33.333%;}
.scen-item:nth-child(9){display:block;}
}
@media(max-width:992px){
.scen-item{width:50%;}
.scen-item:nth-child(10){display:block;}
}
@media(max-width:767px){
.scen{padding:18px 0 0;}
.scen-title b{font-size:16px;} 
.scen-title h2{font-size:24px;} 
.scen-title h2>span:after{margin-bottom:2px;}
.scen-text{padding:18px 0; text-align:center;}
.scen-text a{display:inline-block; float:none; margin-top:18px;}
.scen-item a span{padding:0;}
.scen-item a span h3{font-size:16px;}
}

.news{padding:58px 0; background:#fff;}
.news-title{text-align:center;}
.news-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.news-title h2{font-size:36px; margin:0;} 
.news-title h2:after{width:60px; height:2px; display:block; margin:0 auto; content:''; background:#fc6b00;}
.news-title h2>span:after{width:80px; height:2px; display:block; margin:0 auto 4px auto; content:''; background:#fc6b00;}
.news-title p{margin:18px 0; color:#686868;}
.news-content{margin:28px -12px 0 -12px;}
.news-content:after{display:block; content:''; clear:both;}
.news-item{float:left; width:25%; padding:12px;}
.news-item a{display:block; position:relative; border-radius:3px; background:#fff; border:1px solid #e8e8e8; overflow:hidden;}
.news-item a:hover{box-shadow:0 0 8px rgba(0,0,0,.1);}
.news-item a:before{position:absolute; top:0; left:0; bottom:0; content:''; width:0; transition:.6s; transform:skewX(-30deg); transform-origin:top left; background:#fc6b00;}
.news-item ins{display:block; position:relative; z-index:2; overflow:hidden;}
.news-item ins>img{display:block; transition:.3s;}
.news-item a:hover ins>img{transform:scale(1.08);}
.news-item span{display:block;}
.news-item span div{padding:16px 0;}
.news-item span div:after{display:block; content:''; clear:both;}
.news-item span div>u{float:left; position:relative; left:-8px; text-decoration:none; padding:0 16px 0 24px; color:#fff; background:#fc6b00;}
.news-item span div>u:before{position:absolute; left:0; bottom:100%; content:''; border-style:solid; border-width:0 0 8px 8px; border-color:transparent transparent #fc6b00 transparent;}
.news-item span div>b{float:right; font-weight:normal; padding:0 16px;}
.news-item span div>b i{color:#fc6b00;}
.news-item span h3{font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 16px;}
.news-item span p{margin:6px 0 16px 0; padding:0 16px; overflow:hidden; height:112px; color:#686868;}
.news-more{text-align:center; font-size:0; margin-top:28px;}
.news-more>a{display:inline-block; overflow:hidden; position:relative;  border:1px solid #d8d8d8; border-radius:3px; padding:8px 28px;}
.news-more>a:after{position:absolute; z-index:1; left:0; top:0; bottom:0; content:''; width:0; transform:skewX(30deg); transform-origin:bottom left; transition:0.6s; background:#fc6b00;}
.news-more>a>u{position:relative; z-index:2; display:inline-block; text-decoration:none; font-size:16px;}
.news-more>a>i{position:relative; z-index:2; font-size:18px; transition:0.3s; margin-left:8px;}
.news-more>a:hover{color:#fff; border-color:#fc6b00;}
.news-more>a:hover:after{width:108%; transform:skewX(0);}
.news-more>a:hover>i{color:#fff; transform:translateX(8px);}
@media(max-width:1200px){
.news{padding:38px 0;}
.news-title b{font-size:18px;} 
.news-title h2{font-size:28px;} 
.news-title h2:after{width:50px; height:2px;}
.news-title h2>span:after{width:70px; height:2px;}
.news-title p{margin:14px 0;}
.news-content{margin:28px -8px 0 -8px;}
.news-item{padding:8px;}
}
@media(max-width:992px){
.news-item{width:50%;}
}
@media(max-width:767px){
.news{padding:18px 0;}
.news-title b{font-size:16px;} 
.news-title h2{font-size:24px;} 
.news-title h2>span:after{margin-bottom:2px;}
.news-content{margin:8px -4px 0 -4px;}
.news-item{width:100%;}
.news-more{margin-top:8px;}
.news-more>a{padding:8px 28px;}
.news-more>a>u{font-size:14px;}
.news-more>a>i{font-size:16px; margin-left:6px;} 
.news-more>a:hover>i{transform:translateX(4px);}
}

.mess{padding:58px 0; position:relative; color:#fff; background:#000 fixed url('../../upload/photo/202504/101040000.jpg'); background-size:cover;}
.mess>article{position:relative; z-index:8;}
.mess:before{position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; opacity:.78;}
.mess-title{text-align:center;}
.mess-title b{display:block; font-size:20px; font-weight:normal; line-height:1; color:#989898;} 
.mess-title h2{font-size:36px; margin:0;} 
.mess-title h2:after{width:60px; height:2px; display:block; margin:0 auto; content:''; background:#fc6b00;}
.mess-title h2>span:after{width:80px; height:2px; display:block; margin:0 auto 4px auto; content:''; background:#fc6b00;}
.mess-title p{margin:18px 0; color:#686868;}
.mess-list{float:left; width:50%; margin-top:38px;}
.mess-list ul{margin:0 -12px;}
.mess-list ul:after{display:block; content:''; clear:both;}
.mess-list ul>li{float:left; width:50%; padding:0 12px; margin-bottom:24px;}
.mess-list ul>li>span{display:block; border-radius:3px; border:1px solid rgba(255,255,255,.28); padding:18px;}
.mess-list ul>li>span>i{font-size:38px; display:block; text-align:center;}
.mess-list ul>li>span>u{font-size:16px; display:block; text-align:center; text-decoration:none; margin:8px 0;}
.mess-list ul>li>span>b{font-size:18px; display:block; text-align:center; font-weight:normal;}
.mess-form{float:left; width:50%; padding-left:58px; margin-top:38px;}
.mess-form dt{display:none;}
.mess-form dd{position:relative; margin-bottom:12px;}
.mess-form dd>p{display:none;}
.mess-form select,
.mess-form textarea,
.mess-form input[type=file],
.mess-form input[type=text],
.mess-form input[type=password],
.mess-form input[type=number],
.mess-form input[type=tel],
.mess-form input[type=email]{background:#383838; border-radius:0; border:none; padding:10px 18px; line-height:24px; height:44px; font-size:15px; color:#fff;}
.mess-form textarea{height:108px;}
.mess-form .form888 span.captcha{position:relative; max-width:100%; width:288px; display:block;}
.mess-form .form888 span.captcha i>img{position:absolute; right:6px; top:6px; background:rgba(255,255,255,0.88); padding:1px; cursor:pointer;}
.mess-form div.file_input>i{background:rgba(0,0,0,0.38); border:none;}
.mess-form select option{color:#181818;}
.mess-form button{display:block; color:#fff; border:none; line-height:44px; padding:0 38px; font-size:16px; border-radius:3px; cursor:pointer; transition:.3s; background:#fc6b00;}
.mess-form button:hover{background:#fff; color:#fc6b00;}
.mess-form *::-webkit-input-placeholder{color:#fff; opacity:1;}
.mess-form *::-moz-input-placeholder{color:#fff; opacity:1;}
.mess-form *::-ms-input-placeholder{color:#fff; opacity:1;}
@media(max-width:1200px){
.mess{padding:38px 0;}
.mess-title b{font-size:18px;} 
.mess-title h2{font-size:28px;} 
.mess-title h2:after{width:50px; height:2px;}
.mess-title h2>span:after{width:70px; height:2px;}
.mess-title p{margin:14px 0;}
.mess-list{margin-top:28px;}
.mess-form{padding-left:18px; margin-top:28px;}
}
@media(max-width:992px){
.mess-list{float:none; width:100%; margin-top:28px;}
.mess-list ul{margin:0 -8px;}
.mess-list ul>li{padding:0 8px; margin-bottom:18px;}
.mess-form{float:none; width:100%; padding-left:0; margin-top:8px;}
}
@media(max-width:767px){
.mess{padding:18px 0;}
.mess-title b{font-size:16px;} 
.mess-title h2{font-size:24px;} 
.mess-title h2>span:after{margin-bottom:2px;}
.mess-list{margin-top:18px;}
.mess-list ul{margin:0;}
.mess-list ul>li{padding:0; width:100%; margin-bottom:8px;}
.mess-list ul>li>span{padding:8px;}
}