*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei", sans-serif}
body{background:#fff;color:#000;line-height:1.6}
ul{list-style:none}
a{text-decoration:none;color:#000}
img{width:100%;display:block}
.container{width:1200px;margin:0 auto;padding:0 15px}
.text-center{text-align:center;}
.ad-banner{background:#f6f6f6;margin:15px 0;display:flex;align-items:center;justify-content:center;border:1px solid #ddd}
.ad-text{font-size:24px;color:#666}
.banner-wrap{display:flex;gap:20px;margin-bottom:20px}
.banner-carousel{width:70%;height:360px;position:relative;overflow:hidden;border:1px solid #ddd}
.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.4s ease}
.carousel-item.active{opacity:1}
.carousel-item img{height:100%;}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255, 255, 255, 0.7);text-align:center;line-height:40px;font-size:20px;cursor:pointer;display:none}
.banner-carousel:hover .carousel-arrow{display:block}
.arrow-left{left:10px}
.arrow-right{right:10px}
.banner-news{width:30%}
.news-title{font-size:18px;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px}
.news-list li{display:flex;align-items:center;margin-bottom:9px;font-size:14px}
.news-num{width:20px;height:20px;background:#000;color:#fff;border-radius:50%;text-align:center;line-height:20px;font-size:12px;margin-right:10px;flex-shrink:0}
.news-link{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-link:hover{color:#000}
.block-title{font-size:20px;margin-bottom:20px;padding-left:10px;border-left:3px solid #000}
.quick-nav{margin-bottom:40px}
.quick-list{display:flex;flex-wrap:wrap;gap:15px}
.quick-item{width:calc(100% / 6 - 13px);text-align:center;padding:20px 0;border:1px solid #ddd;box-shadow:0 1px 3px #eee}
.quick-icon{font-size:28px;margin-bottom:8px;color:#333}
.brand-block{margin-bottom:40px}
.brand-list{display:flex;flex-wrap:wrap;gap:12px}
.brand-item{width:calc(100% / 8 - 11px);height:80px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666}
.car-hot{margin-bottom:40px}
.car-list{display:flex;flex-wrap:wrap;gap:20px}
.car-card{width:calc(100% / 4 - 15px);border:1px solid #ddd;box-shadow:0 1px 3px #eee}
.car-img{overflow:hidden}
.car-info{padding:12px}
.car-name{font-size:16px;margin-bottom:8px}
.car-desc{font-size:13px;color:#666;margin-bottom:12px}
.more-btn{display:block;width:100%;height:36px;line-height:36px;text-align:center;border:1px solid #000;font-size:14px}
.more-btn:hover{background:#000;color:#fff}
.news-block{display:flex;gap:20px;margin-bottom:20px}
.news-carousel{width:60%;height:680px;position:relative;overflow:hidden;border:1px solid #ddd}
.news-right-list{width:40%}
.news-right-list li{padding:10px 0;list-style:inside;border-bottom:1px solid #ddd}
.news-right-list li:last-child{border-bottom:none}
.news-right-list a{font-size:14px;color:#666}
.news-right-list a:hover{color:#000}
.topic-block{margin-bottom:40px}
.topic-list{display:flex;gap:20px}
.topic-card{flex:1;border:1px solid #ddd;box-shadow:0 1px 3px #eee}
.topic-img{height:280px}
.topic-name{padding:10px;font-size:15px}
.shoot-block{margin-bottom:40px}
.video-block{margin-bottom:10px}
.video-list{display:flex;flex-wrap:wrap;gap:20px}
.video-card{width:calc(100% / 3 - 14px);border:1px solid #ddd;position:relative;box-shadow:0 1px 3px #eee}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.video-play::after{content:"";width:0;height:0;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.video-title{padding:10px;font-size:14px}
footer{background:#000;color:#aaa;padding:40px 0}
.footer-wrap{display:flex;justify-content:space-between;margin-bottom:30px}
.footer-col h4{font-size:16px;margin-bottom:15px;color:#fff}
.footer-link li{margin-bottom:6px}
.footer-link a{color:#aaa;font-size:14px}
.footer-link a:hover{color:#fff}
.copyright{text-align:center;font-size:14px;padding-top:20px;border-top:1px solid #333}
.copyright a{color:currentcolor;}
.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:45px 0;padding:0;list-style:none}
.pagination li{list-style:none}
.pagination li a{display:inline-block;min-width:40px;height:40px;line-height:40px;text-align:center;padding:0 10px;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;transition:0.2s all}
.pagination li a:hover{border-color:#000}
.pagination li.active a{background-color:#000;color:#fff;border-color:#000}
@media screen and (min-width:768px) and (max-width:1199px) {
	.container{width:100%}
    .about-wrap {flex-direction: column;}
	.quick-item{width:calc(100% / 3 - 10px)}
	.brand-item{width:calc(100% / 4 - 9px)}
	.car-card{width:calc(100% / 2 - 10px)}
	.video-card{width:calc(100% / 2 - 10px)}
}
@media screen and (max-width:767px) {
    .ad-banner{background:#f6f6f6;margin:15px 0;display:flex;align-items:center;justify-content:center;border:1px solid #ddd}
    .ad-banner img{height:50px;}
	.container{width:100%;}
    .about-wrap {flex-direction: column;}
    .contact-row { flex-direction: column; }
    .media-qrcode-wrap {flex-wrap: wrap;row-gap: 20px;}
    .media-qrcode-item {flex: 0 0 48%;}
    .media-qrcode {width: 100px; height: 100px; }
	.banner-wrap{flex-direction:column}
	.banner-carousel{width:100%;height:167px;}
    .banner-news{width:100%;height:335px;margin-bottom:20px;}
	.quick-item{width:calc(65% / 2 - 8px)}
	.brand-item{width:calc(48% / 2 - 6px)}
	.car-card{width:100%;}
    .car-img{width:100%;}
	.news-block{flex-direction:column}
	.news-carousel, .news-right-list{width:100%}
    .news-carousel{height:380px;overflow:hidden;}
	.topic-list{flex-wrap:wrap}
	.topic-card{width:calc(100% / 2 - 10px);flex:none}
    .topic-img{height:160px}
	.video-card{width:100%}
	.footer-wrap{flex-direction:column;gap:25px}
	.pagination{gap:6px}
    .pagination li a{min-width:34px;height:34px;line-height:34px;padding:0 6px;font-size:14px}
}

/* 新闻列表 */
.list-news {display: flex;align-items: center;justify-content: center;margin-bottom:30px}
.list-news .time{margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list-news .time .text-large{font-size:52px;line-height:54px;}
.list-news .news {margin-left:50px;margin-right:30px}
.list-news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list-news .button{width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
.list-news .button i{font-size: 22px;}
.list-news:hover .button{background:#ff9600;color:#fff;border:1px solid #ff9600}
.list-news:hover h3 a{color:#ff9600}
/* 新闻列表 */
.solution .media-img{position:relative;}
.solution .media-img .mask{opacity:0;z-index:3;background:url(../images/solution-hover.png) no-repeat center center;width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.solution .media-img .mask .subtitle{padding:25px}
.solution .media-img .mask .more{position:absolute;bottom:25px;right:25px}
.solution .media-img:hover .mask{z-index:5;transition:0.3s;opacity:1;transform: scale(1.1);}
.solution .media-img .linear-link{z-index:1;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2) 65%,rgba(0,0,0,.8) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.solution .media-img .linear-link .subtitle{padding:0 25px;z-index:3;width:100%;bottom:25px;left:0;position:absolute;transition:0.3s;}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/
.sidebar-l {margin-right:20px;}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px;}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}
/* 路径 */
.nav-bread{padding:0;height:70px;line-height:70px;font-size:0;}
.nav-bread h2{font-size:24px;font-weight:600;}
.nav-bread i{color:#888888;}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#ff9600}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */

/* 上下篇  */
.prenext-pro a.button{height:70px;line-height:70px;padding:0 25px}
.prenext-pro a.button:hover{background:#ff9600;color:#fff}
.prenext-pro a.border{border:1px solid #eee}

/* 内容 begin */
.article{overflow:hidden}
.article .padding-large{padding:20px 22px;}
.article .post h1{font-size: 26px;font-weight: 700;color: #141414;line-height: 1.5;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post .meta {margin-top: 15px;}
.article .post .meta span {color: #a4a4a4;}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:32px;margin-bottom:28px}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#ff9600;border-bottom:0 solid #ff9600}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#888888}
/* 内容 end */

/* 产品列表*/
.product-list .media{-webkit-transition:.3s;transition:.3s;}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(0,0,0,.05);}
.product-list .media-body {padding:10px 0 0 0}
.product-list .media:hover .media-body h2 a {color:#ff9600;}
.price-info ul li.v2-1{width:50%}
.price-info ul li.v2-2{width:50%;}
/*产品列表*/

/* 产品详细页begin */
.product-description .padding-large{padding:30px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{line-height:24px}
.product-description .zoomimg{width:474px}/* PC端独有 */

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:12%;}
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#6E6E6E;padding:20px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:18px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#ff9600;background:#FFF;border-bottom:3px solid #ff9600;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ebebeb;}
/* 产品详情TAB END */
/* 主体容器 */
.newcontainer{max-width:1200px;margin:0 auto;padding:0 5px;display:flex;gap:25px;margin-bottom:40px;}
.left-main{width:66.666%;}
.right-sidebar{width:33.333%;}
@media screen and (max-width:1199px){
.newcontainer{flex-direction:column;}
.left-main,.right-sidebar{width:100%;}
}
/* 资讯卡片 */
.news-title-block{font-size:20px;border-left:3px solid #000;padding-left:10px;margin-bottom:20px;}
.news-card{background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #eee;padding:15px;margin-bottom:15px;}
.news-card>a{display:flex;gap:15px;width:100%;}
.news-img{width:160px;height:110px;flex-shrink:0;}
.news-text{flex:1;}
.news-h3{font-size:16px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news-desc{font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;}
.news-meta{font-size:12px;color:#999;}
@media screen and (max-width:767px){
.news-card>a{flex-direction:column;}
.news-img{width:100%;height:100%;}
}

/* 侧边栏通用模块 */
.side-block{background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #eee;padding:15px;margin-bottom:20px;}
.side-h4{font-size:17px;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:12px;}

/* 阅读排行 */
.rank-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f6f6f6;font-size:14px;}
.rank-list li:last-child{border:none;}
.rank-num{color:#666;margin-right:6px;}
.rank-count{color:#999;font-size:12px;}

/* 侧边广告 */
.side-ad{height:200px;filter:grayscale(100%);}

/* 标签云 */
.tag-wrap{display:flex;flex-wrap:wrap;gap:8px;}
.tag-item{border:1px solid #ddd;padding:4px 10px;font-size:13px;color:#666;}
.tag-item:hover{border-color:#000;color:#000;}

/* 关于我们模块 左右分栏布局 */
.about-section {padding: 30px 0;}
.section-title {font-size: 24px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.about-wrap {display: flex;gap: 40px;}
/* 左侧侧边导航 */
.about-sidebar {width:220px;height:100%;flex-shrink: 0;border: 1px solid #ddd;box-shadow: 0 1px 3px #eee;}
.sidebar-title {padding: 12px 15px;background: #f6f6f6;border-bottom: 1px solid #ddd;font-weight: bold;}
.sidebar-menu li a {display: block;padding: 12px 15px;border-bottom: 1px solid #ddd;}
.sidebar-menu li a:hover {color: #666;background: #f6f6f6;}
.sidebar-menu li:last-child a {border-bottom: none;}
@media screen and (max-width:767px){
.about-sidebar {width:100%;}
}
/* 右侧内容区域 */
.about-content {flex: 1;}
.about-img {width: 100%;border: 1px solid #ddd;box-shadow: 0 1px 3px #eee;margin-bottom: 20px;}
.about-text p {color: #666;margin-bottom: 16px;line-height: 1.8;}
/* 联系我们end */
.channel-banner {height:100px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;margin:0;padding:0;}
.channel-banner .banner-info {position:absolute;top:50%;margin-top:-50px;left:0;right:0;z-index:3;}
.channel-banner .banner-info h3{font-size:20px;font-weight:600;position:relative;margin:15px 0;color:#fff;}
.channel-banner .banner-info h3:before {left:50%;margin-left:-15px;bottom:-10px;width:30px;height:3px;background:#ff9600;content:'';display:block;position:absolute;}
.channel-banner .banner-info p{font-size:16px;color:#fff;}
/*  联系我们begin  */
.contact-big-img {width: 100%;height: 320px;border: 1px solid #ddd;margin-bottom: 40px;box-shadow: 0 1px 3px #eee;}
.contact-row {display: flex;gap: 30px;margin-bottom: 40px;}
.contact-col {flex: 1;border: 1px solid #ddd;padding: 25px;box-shadow: 0 1px 3px #eee;}
.contact-col h3 {font-size: 17px;margin-bottom: 18px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.contact-text li {margin: 12px 0;color: #666;}
.qrcode-box {width: 140px;height: 140px;border: 1px solid #ddd;margin: 10px auto;background: #f6f6f6;}
.map-box {width: 100%;height: 200px;border: 1px solid #ddd;background: #f6f6f6;margin-top: 10px;}
.media-title {font-size: 17px;margin: 50px 0 25px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.media-qrcode-wrap {display: flex;justify-content: space-between;gap: 10px;margin-bottom:20px;}
.media-qrcode-item {flex: 1;text-align: center;}
.media-qrcode {width: 110px;height: 110px;border: 1px solid #ddd;background: #f6f6f6;margin: 0 auto 8px;}
.media-qrcode-item p {color: #666;font-size: 14px;}
 /*guestbook*/
.guestbook{padding:50px 80px 50px 0}
.guestbook h2{font-size:24px;font-weight:600}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:16px;padding:0 15px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:16px;background:#fff;border:0;}
.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:16px}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border:0;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
/* 横向左图右字列表 begin*/
.list-post-x .media{margin-bottom:20px}
.list-post-x .media.border{border:0;border-bottom:1px solid #ECEFF5;padding-bottom:20px}
.list-post-x .media img{transition:all .3s ease-out}
.list-post-x .media .thumb-md{position:relative;max-width:100px;overflow:hidden}
.list-post-x .media .thumb-md .playtime{position:absolute;bottom:5px;right:5px;padding:0 5px;height:20px;line-height:18px;background:rgba(0,0,0,.6);z-index:3;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.list-post-x .media .thumb-md .playicon{position:absolute;bottom:5px;left:5px;width:20px;height:20px;line-height:18px}
.list-post-x .media:hover img{transition:all .3s ease-out;transform:scale(1.1)}
.list-post-x .media.media-x .float-left{margin-right:15px}
.list-post-x .media.media-x .float-right{margin-left:15px}
.list-post-x .media.media-x .media-body{text-align:left;padding:0;height: 100px;display: flex;flex-direction: column;justify-content: center;}
.list-post-x .media.media-x .media-body h3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-post-x .media a:hover{color:#434C5A}
.list-post-x .media-body p{color:#888888;line-height:22px}
.list-post-x .media:last-child{margin-bottom:0}

.links-box{padding:5px;border-bottom:1px solid #eee;}
.links-box .container{max-width:1200px;margin:0 auto;padding:0 15px;}
.links-title{font-size:16px;color:#333;margin-bottom:15px;font-weight:bold;}
.links-list {margin:20px;}
.links-list a{display:inline-block;margin:0 12px 8px 0;color:#666;font-size:14px;text-decoration: none;}
.links-list a:hover{color:#0066cc;}
@media screen and (max-width:767px){
    .links-box{padding:20px 0;}
    .links-list a{margin:0 8px 6px 0;font-size:13px;}
}