/* 初始化 */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,
table{ margin:0; padding:0; vertical-align:baseline; list-style:none; border:0; font-size: 16px; line-height: 30px; font-family:"Microsoft YaHei"!important;}
a{ color: #333; text-decoration: none; }
a:hover{ cursor: pointer; color: #ff4200; opacity: 0.8;}
img{ max-width:100%; vertical-align: top;}
body{ margin:0 auto; min-width:1200px; max-width:1920px;}
@media (max-width: 1100px) {
body{ min-width:inherit;}
}
/* footer */
.footer{ margin-top:50px; padding:70px 0; text-align:center; color:#FFF; background-color:#cc2827;}
@media (max-width: 1100px) {
.footer{ margin-top:30px; padding:30px;}
}
/* tab切换 */
.tabCon{ display:none;}
.tabCon.active{ display:block;}
/* 右侧 */
.indexRight{ position:fixed; right:0; top:50%; z-index:99; transform:translate(0,-46%); margin-left:630px; width:200px; opacity:0.5; transition:all 0.3s;}
.indexRight:hover{ opacity:1;}
.indexRight ul{ width:184px; padding:10px 0; background-color:#ffa800;}
.indexRight li{ list-style:none; text-align:center; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-right3.png) no-repeat center bottom;}
.indexRight li a{ font-size:16px; color:#5d3d00; line-height:46px;}
.indexRight li a:hover{ opacity:0.6;}
.indexRight .backTop{ width:200px; height:95px; padding:15px 0 0 5px; text-align:center; color:#855700; font-size:16px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-right2.png) no-repeat left top;}
.indexRight .backTop:hover{ cursor:pointer;}
.indexRightC{ padding-left:35px; height:32px; font-size:12px; line-height:22px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-right1.png) no-repeat left top;}
.indexRightC:hover{ cursor:pointer;}
.indexRightM{ left:auto; right:0; margin-left:0; width:184px;}
@media (max-width: 1100px) {
.indexRight{ display:none;}
}
/* 图集 */
.pinch-zoom-container{ width:100%; top:50%; transform:translate(0,-50%)!important;}
.am-pureview-slider .am-pinch-zoom{ display:block;}
.am-pureview-slider li{ display:block;}
.am-pureview-slider li.am-active,
.am-pureview-slider li.am-pureview-slide-prev,
.am-pureview-slider li.am-pureview-slide-next{ align-items:normal;}
.am-pinch-zoom.am-pureview-loaded{ width:100%; text-align:center;}
.am-pureview-slider img.am-img-loaded{ display:inline;}
.am-pureview-counter{ float:right;}
.am-pureview-bar .am-pureview-title{ margin-left:50px; line-height:44px; text-align:center;}
/* 返回 上一页 下一页 */
.am-pureview-actions{}
.am-pureview-direction li{ width:34px; height:81px;}
.am-pureview-direction a{ width:34px; height:81px;}
.am-pureview-prev{ background:url(/zt_fawcn/template/common/2020qcwhj_public/btn-prev.png) no-repeat center center;}
.am-pureview-next{ background:url(/zt_fawcn/template/common/2020qcwhj_public/btn-next.png) no-repeat center center;}
/* 视频弹出 */
.bgpop{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 1000;}
.video{ position:fixed; left:50%; top:50%; margin:-225px 0 0 -300px; width:600px; height:450px; outline: none;}
.popClose{ position:fixed; left:50%; top:50%; margin:-225px 0 0 300px; display:block; text-align:center; width:20px; height:20px; line-height:20px; background:rgba(0,0,0,0.5); color:#FFF; font-size:18px;}
@media (max-width: 1100px) {
.video{ left:0; transform:translate(0,-50%); margin:0; width:100%; height:auto;}
.popClose{ left:auto; right:10px; top:10px; text-align:right; width:100%; height:auto; margin:0; background:none;}
}
/* 首页标题 */
.indexTit{ height:151px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-tit.png) no-repeat center top;}
.indexTit h3{ position:relative; margin:0 auto; width:1110px; padding:0 45px; font-size:40px; line-height:150px; font-weight:bold; color:#FFF;}
.indexTit span a{ position:absolute; top:50%; right:40px; margin-top:-13px; padding:0 20px; line-height:26px; font-size:12px; font-weight:normal; color:#333; border-radius:13px; background-color:#febf07;}
.titRed h3{ color:#c50609;}
.indexStit{ position:relative; margin:0 auto; width:1150px; height:30px; padding:0 0 0 50px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-stit.png) no-repeat 20px center;}
.indexStit h3{ padding-right:20px; font-size:30px; line-height:30px; font-weight:bold; color:#c50609; background-color:#FFF; display:inline-block;}
.indexStit span a{ position:absolute; top:50%; right:40px; margin-top:-13px; padding:0 20px; line-height:26px; font-size:12px; font-weight:normal; color:#333; border-radius:13px; background-color:#febf07;}
@media (max-width: 1100px) {
.indexTit{ margin-top:30px; height:60px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-index3.png) no-repeat center top; background-size:100% 100%;}
.indexTit h3{ width:auto; padding:0 15px; color:#c50609; font-size:20px; line-height:42px;}
.indexTit span a{ right:15px;}
.indexStit{ width:auto; margin-top:30px; padding:0 0 0 40px;}
.indexStit h3{ font-size:22px;}
.indexStit span a{ right:15px;}
}
/* 首页内容 */
.bgbox{ padding-bottom:30px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-con.png) no-repeat center bottom;}
.bgbox2{ padding-bottom:10px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-con2.png) no-repeat center bottom;}
@media (max-width: 1100px) {
.bgbox,
.bgbox2{ padding-bottom:0; background:none;}
}
.index{ padding-top:540px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bgIndex-1.jpg) no-repeat center top;}
@media (max-width: 1100px) {
.index{ padding-top:0; background:none;}
}
.index1{ overflow:hidden; margin:20px auto; width:1130px; padding:0 40px;}
.index1 dt{ float:left; width:160px; margin-right:30px;}
.index1 dd{ float:left; width:920px; padding-right:20px;}
.index1 dd h3{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.index1 dd h3 a{ font-size:39px; font-weight:bold; color:#FFF; line-height:40px;}
.index1 dd p{ margin-top:20px; font-size:16px; line-height:30px; color:#FFF;}
.index1 dd p a{ margin-left:10px; display:inline-block; font-size:14px; line-height:30px; color:#fff6cb;}
@media (max-width: 1100px) {
.index1{ box-sizing:border-box; margin:0; width:100%; padding:15px; background-color:#c50609;}
.index1 dt{ display:none;}
.index1 dd{ float:none; width:auto;}
.index1 dd h3{ white-space:normal;}
.index1 dd h3 a{ font-size:22px; line-height:1.5;}
}
.index2{ overflow:hidden; margin:0 auto; width:1130px; padding:0 30px 0 40px;}
.index2L{ float:left; width:550px; margin-right:40px;}
.index2L-tit{ position:relative; height:120px; font-size:40px; line-height:90px; font-weight:bold; color:#FFF; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-index3.png) no-repeat center top;}
.index2L-tit span a{ position:absolute; right:15px; top:30px; padding:0 20px; line-height:26px; font-size:12px; font-weight:normal; color:#333; border-radius:13px; background-color:#febf07;}
.index2L h3{ margin-top:25px;}
.index2L h3 a{ font-size:18px; color:#FFF;}
.index2L ul{ margin-top:10px;}
.index2L li{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#ffcbcc;}
.index2L ul a{ font-size:16px; color:#ffcbcc; padding-left:15px; background:url(/zt_fawcn/template/common/2020qcwhj_public/ico-list2.png) no-repeat left center;}
.index2R{ float:left; width:520px; margin-top:5px;}
@media (max-width: 1100px) {
.index2{ width:auto; padding:0; background-color:#c50609;}
.index2L{ float:none; width:auto; margin:0; padding:15px;}
.index2L-tit{ height:60px; font-size:20px; line-height:42px; background-size:100% 100%;}
.index2L-tit span a{ right:0; top:10px;}
.index2R{ float:none; width:auto;}
}
/* 媒体报道 */
.indexMTBD{ margin:0 auto; padding:10px 0; width:1200px; overflow:hidden;}
.indexMTBD dl{ float:left; overflow:hidden; margin:20px 0 0 20px; padding:15px; width:550px; background:rgba(255,255,255,0.9);}
.indexMTBD dt{ float:left; margin-right:15px;}
.indexMTBD dt img{ width:140px; height:105px;}
.indexMTBD dd h3{ height:44px;}
.indexMTBD dd h3 a{ font-size:18px; line-height:24px; color:#222222;}
.indexMTBD dd p{ margin-top:10px; font-size:16px; line-height:24px; color:#666;}
.indexMTBD dd p a{ color:#f0454d;}
@media (max-width: 1100px) {
.indexMTBD{ width:auto; padding:0;}
.indexMTBD dl{ display:flex; /*align-items:center;*/ float:none; margin:15px 15px 0 15px; padding:0; width:auto;}
.indexMTBD dt{ flex-shrink:0; width:140px; float:none;}
.indexMTBD dd h3{ margin-top:5px; height:auto;}
.indexMTBD dd h3 a{ line-height:1.5;}
.indexMTBD dd p{ display:none;}
}
/* 镜头聚焦 */
.indexJTJJ { position: relative; margin:20px auto 0 auto; width:1200px; padding:20px 0;}
.indexJTJJ ul{ position:relative; overflow:hidden;}
.indexJTJJ li{ float:left; margin:0 0 0 20px; width:260px;}
.indexJTJJ li img{ width:100%; height:195px;}
.indexJTJJ li p{ text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexJTJJ li:first-child{ margin:0 0 0 20px; width:580px;}
.indexJTJJ li:first-child img{ width:100%; height:430px;}
@media (max-width: 1100px) {
.indexJTJJ{ width:auto; padding:0 15px 0 0;}
.indexJTJJ li{ margin:15px 0 0 0; width:50%; box-sizing:border-box; padding-left:15px;}
.indexJTJJ li img{ width:100%; height:auto;}
.indexJTJJ li:first-child{ margin:15px 0 0 0; width:50%;}
.indexJTJJ li:first-child img{ height:auto;}
.indexJTJJ li:last-child{ display:none;}
}
.indexSPZJ{ margin:0 auto; width:1150px; padding:30px 0 10px 0; text-align:center;}
.indexSPZJ .swiper-slide{ width:600px;}
.indexSPZJ .swiper-slide a:hover{ opacity:1;}
.indexSPZJ .swiper-slide p{ position:relative;}
.indexSPZJ .swiper-slide p span img{ position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px;}
.indexSPZJ .swiper-slide p span:hover img{ opacity:0.8; cursor:pointer;}
.indexSPZJ .swiper-slide h3{ display:none; margin-top:15px; padding:0 10px; font-size:18px; font-weight:normal; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexSPZJ .swiper-slide img{ width:600px; height:360px;}
.indexSPZJ .swiper-slide-active h3{ display:block;}
.indexSPZJ .swiperSPZJ-btn{ color:#c50609; margin-top:-40px;}
.indexSPZJ .swiper-button-prev:after,
.indexSPZJ .swiper-button-next:after{ display:none;}
.indexSPZJ .swiper-button-prev,
.indexSPZJ .swiper-container-rtl .swiper-button-next{ opacity:0.8; left:20px; width:33px; height:62px; background:url(/zt_fawcn/template/common/2020qcwhj_public/prev-video.png) no-repeat center center;}
.indexSPZJ .swiper-button-next,
.indexSPZJ .swiper-container-rtl .swiper-button-prev{ opacity:0.8; right:20px; width:33px; height:62px; background:url(/zt_fawcn/template/common/2020qcwhj_public/next-video.png) no-repeat center center;}
@media (max-width: 1100px) {
.indexSPZJ{ width:auto; padding:10px;}
.indexSPZJ .swiper-slide{ width:100%;}
.indexSPZJ .swiper-slide img{ width:100%; height:auto;}
.indexSPZJ .swiper-slide h3{ margin-top:5px; font-size:16px;}
.indexSPZJ .swiper-button-prev,
.indexSPZJ .swiper-container-rtl .swiper-button-next{ display:none; left:5px;}
.indexSPZJ .swiper-button-next,
.indexSPZJ .swiper-container-rtl .swiper-button-prev{ display:none; right:5px;}
}
.indexZTQBH{ margin:0 auto; width:1200px; height:530px; overflow:hidden;}
.indexZTQBH-L{ float:left; width:110px; margin-left:40px; padding-top:40px;}
.indexZTQBH-L li{ margin-top:6px; position:relative;}
.indexZTQBH-L li p{ box-sizing:border-box; width:84px; height:84px; padding-top:18px; text-align:center; line-height:24px; font-size:18px; background-color:#e0e3e2; border-radius:50%;}
.indexZTQBH-L li p:hover{ cursor:pointer;}
.indexZTQBH-L li span{ display:none; position:absolute; top:50%; right:0; width:9px; height:12px; margin-top:-6px; background:url(/zt_fawcn/template/common/2020qcwhj_public/ico-2.png) no-repeat center center;}
.indexZTQBH-L .active p{ color:#FFF; background-color:#c50609;}
.indexZTQBH-L .active span{ display:block;}
.indexZTQBH-R{ float:left; width:1050px; min-height:500px; box-sizing:border-box;}
@media (max-width: 1100px) {
.indexZTQBH{ width:auto; height:auto;}
.indexZTQBH-L{ float:none; width:100%; overflow:hidden; margin:0; padding:0;}
.indexZTQBH-L li{ float:left; width:20%; text-align:center;}
.indexZTQBH-L li p{ margin:0 auto; width:100%; height:auto; padding:10px 0; font-size:16px; line-height:20px; border-radius:0;}
.indexZTQBH-L .active span{ display:none;}
.indexZTQBH-R{ float:none; width:auto; min-height:0;}
}
.ZTQBH1{ overflow:hidden; padding:45px 25px 0 25px;}
.ZTQBH1-L{ padding-top:50px; float:left; width:440px; margin-right:30px;}
.ZTQBH1-L p{ text-indent:32px; line-height:36px; color:#000;}
@media (max-width: 1100px) {
.ZTQBH1{ padding:15px;}
.ZTQBH1-L{ float:none; width:auto; margin:0; padding:0;}
.ZTQBH1-R{ margin-top:10px;}
}
/* 7个车型
.ZTQBH2{ position:relative; padding-right:20px;}
.ZTQBH2 ul{ overflow:hidden; background:url(/zt_fawcn/template/common/2020qcwhj_public/CZCX-bg.png) no-repeat right 300px;}
.ZTQBH2 li{ float:left; margin:35px 0 0 35px;}
.ZTQBH2 li a:hover{ opacity:1;}
.ZTQBH2 li img{ border:4px solid #c50609; border-radius:3px;}
.ZTQBH2 li p{ position:relative; margin:-26px auto 0 auto; width:164px; height:48px; text-align:center; background-color:#c50609; border-radius:13px 13px 0 0;}
.ZTQBH2 li p a{ font-size:18px; line-height:48px; color:#FFF;}
.ZTQBH2 li:hover img{ border:4px solid #f5bc15;}
.ZTQBH2 li:hover p{ background-color:#f5bc15;}
.ZTQBH2 strong{ position:absolute; left:770px; top:380px; font-size:19px; line-height:38px; color:#c50609;}*/
.ZTQBH2{ position:relative; padding-right:20px;}
.ZTQBH2 ul{ overflow:hidden;}
.ZTQBH2 li{ float:left; margin:30px 0 0 30px;}
.ZTQBH2 li a:hover{ opacity:1;}
.ZTQBH2 li img{ border:4px solid #c50609; border-radius:3px;}
.ZTQBH2 li p{ position:relative; margin:-26px auto 0 auto; width:164px; height:48px; text-align:center; background-color:#c50609; border-radius:13px 13px 0 0;}
.ZTQBH2 li p a{ font-size:18px; line-height:48px; color:#FFF;}
.ZTQBH2 li:hover img{ border:4px solid #f5bc15;}
.ZTQBH2 li:hover p{ background-color:#f5bc15;}
.ZTQBH2 strong{ position:absolute; left:770px; top:380px; font-size:19px; line-height:38px; color:#c50609;}
.ZTQBH2 li:nth-child(1){ position:absolute; left:336px; top:0; transform:translate(0,50%)}
.ZTQBH2 li:nth-child(2){ position:absolute; left:0; top:0;}
.ZTQBH2 li:nth-child(3){ position:absolute; left:0; top:265px;}
.ZTQBH2 li:nth-child(4){ position:absolute; left:672px; top:0;}
.ZTQBH2 li:nth-child(5){ position:absolute; left:672px; top:265px;}
@media (max-width: 1100px) {
.ZTQBH2{ padding:0;}
.ZTQBH2 ul{ padding-right:15px; background:none;}
.ZTQBH2 li{ box-sizing:border-box; width:50%; margin:15px 0; padding-left:15px; position:relative!important; left:0!important; top:0!important; transform:translate(0,0)!important}
.ZTQBH2 li img{ box-sizing:border-box;}
.ZTQBH2 li p{ width:100%; margin:-3px 0 0 0; border-radius:0; font-size:16px; line-height:1.5; height:auto;}
.ZTQBH2 strong{ left:55%; top:auto; right:0; bottom:15%; font-size:16px; line-height:1.8;}
}
.ZTQBH-more{ text-align:right; margin:0 45px 15px 0;}
.ZTQBH-more a{ display:inline-block; padding:0 20px; line-height:26px; font-size:12px; color:#333; border-radius:13px; background-color:#febf07;}
.ZTQBH3{ overflow:hidden; margin-top:15px;}
.ZTQBH3 dl{ float:left; width:290px; padding:15px; margin-left:15px; background-color:#f5f5f5;}
.ZTQBH3 dt img{ width:290px; height:217.5px;}
.ZTQBH3 dd h3 a{ display:block; margin-top:10px; font-size:17px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ZTQBH3 dd p{ overflow:hidden; margin-top:10px; line-height:24px; height:96px; color:#666;}
.ZTQBH3 dd span{ display:block; margin-top:15px; padding-top:10px; border-top:1px dashed #ddd; color:#999;}
.ZTQBH3-img dt img{ width:auto; height:auto;}
@media (max-width: 1100px) {
.ZTQBH-more{ margin-right:15px;}
.ZTQBH3{ margin-top:15px;}
.ZTQBH3 dl{ float:none; margin:15px; width:auto;}
.ZTQBH3 dt img{ width:auto; height:auto;}
.ZTQBH3 dd p{ height:auto;}
}
.ZTQBH4{ margin-top:15px;}
.ZTQBH4 ul{ overflow:hidden;}
.ZTQBH4 li{ float:left; width:240px; margin:0 0 15px 15px;}
.ZTQBH4 li img{ width:240px; height:180px;}
.ZTQBH4 li p{ margin-top:3px; padding:0 15px; background-color:#efefef; font-size:16px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
@media (max-width: 1100px) {
.ZTQBH4 ul{ display:flex; flex-wrap: wrap; width:auto; padding:0 5px;}
.ZTQBH4 li{ box-sizing:border-box; width:50%; padding:0 5px; margin:10px 0 0 0; text-align:center;}
.ZTQBH4 li img{ max-width:100%; width:180px; height:135px;}
/* .ZTQBH4 li img{ width:100%; height:auto;} */
.ZTQBH4 li p{ background-color:inherit; line-height:30px; margin:0;}
}
.indexBg2{ margin-top:40px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bgIndex-2.jpg) no-repeat center top;}
.indexBg3{ margin-top:60px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bgIndex-3.jpg) no-repeat center bottom;}
@media (max-width: 1100px) {
.indexBg2{ margin-top:0; background:none;}
.indexBg3{ margin-top:0; background:none;}
}
.indexHQ{ overflow:hidden; margin:40px auto 0 auto; width:1200px;}
.indexHQ-L{ float:left; width:520px; padding:0 50px 0 30px;}
.indexHQ-L h3{ margin:10px 0; height:48px; font-size:18px; line-height:24px; color:#333;}
.indexHQ-L a{ margin-left:10px; color:#c50609; font-size:16px;}
.indexHQ-R{ float:left; width:600px;}
.indexHQ-tab{ overflow:hidden;}
.indexHQ-tab li{ float:left; padding:0 50px; font-size:20px; font-weight:bold; background:url(/zt_fawcn/template/common/2020qcwhj_public/ico-1.png) no-repeat right center;}
.indexHQ-tab li:last-child{ background:none;}
.indexHQ-tab li:hover{ cursor:pointer;}
.indexHQ-tab .active{ color:#c50609;}
.indexHQ-con{ margin-top:25px;}
.indexHQcon{ overflow:hidden; width:580px; height:290px;}
.indexHQcon li{ float:left; margin:2px;}
.indexHQcon li img{ width:188px; height:141px;}
.indexHQEHS9-L{ height:540px;}
@media (max-width: 1100px) {
.indexHQ{ margin:20px 0 0 0; width:auto;}
.indexHQ-L{ float:none; width:auto; padding:0 15px;}
.indexHQ-R{ float:none; width:auto;}
.indexHQ-tab{ margin-top:30px;}
.indexHQ-tab li{ width:25%; padding:0; text-align:center;}
.indexHQ-con{ margin:0;}
.indexHQcon{ display:flex; flex-wrap: wrap; width:auto; height:440px; padding:0 5px;}
.indexHQcon li{ box-sizing:border-box; width:50%; padding:0 5px; margin:10px 0 0 0; text-align:center;}
.indexHQcon li img{ max-width:100%; width:180px; height:135px;}
.indexHQEHS9-L{ height:auto;}
}
.indexHQcon2 ul{ overflow:hidden;}
.indexHQcon2 li{ float:left; padding:0 0 15px 2px;}
.indexHQcon2 li img{ width:194px;}
.indexHQcon2 li p a{ display:block; margin-top:2px; font-size:16px; line-height:32px; text-align:center; background-color:#efefef;}
@media (max-width: 1100px) {
.indexHQcon2 ul{ padding:15px 15px 0 0;}
.indexHQcon2 li{ width:50%; box-sizing:border-box; padding:0 0 15px 15px;}
.indexHQcon2 li img{ width:100%; height:140px;}
.indexHQcon2 li:first-child img{ height:329px;}
}
.indexHQcon3{ overflow:hidden;}
.LDtit{ float:left; width:230px; margin-right:5px;}
.LDtit li{ position:relative; margin-top:4px; padding:6px 0 6px 30px;}
.LDtit li p{ width:200px; line-height:44px; border-radius:6px; background-color:#ffdfe0; text-align:center; color:#383838;}
.LDtit li span{ position:absolute; left:0; top:0; display:block; width:50px; height:50px; font-size:25px; line-height:50px; color:#ffdfe0; border:3px solid #ffdfe0; text-align:center; border-radius:50%; background-color:#FFF;}
.LDtit li:hover{ cursor:pointer;}
.LDtit .active p{ background-color:#c50609; color:#FFF;}
.LDtit .active span{ color:#c50609; border:3px solid #ffe1a5;}
.LDcon{ display:none; float:left; width:310px; height:430px; overflow:auto; padding:25px; border-radius:7px; border:1px solid #e7e7e7; background-color:rgba(255,255,255,0.6)}
.LDcon p{ text-indent:32px;}
.LDcon.active{ display:block;}
@media (max-width: 1100px) {
.LDtit{ float:none; width:auto; margin:0; padding:15px 15px 0 0;}
.LDtit li{ float:left; width:50%; padding:0 0 0 15px; box-sizing:border-box;}
.LDtit li p{ width:100%;}
.LDtit li span{ display:none;}
.LDcon{ width:auto; height:auto; margin:15px; padding:15px;}
}
.indexH5{ padding-bottom:500px;}
.indexEHS9{ padding-bottom:20px;}
@media (max-width: 1100px) {
.indexH5{ padding-bottom:0;}
.indexEHS9{ padding-bottom:0;}
}
.indexTZS{ overflow:hidden; width:1200px; margin:60px auto 20px auto;}
.indexTZS dl{ float:left; position:relative; width:310px; margin-left:70px; padding-bottom:70px; background:url(/zt_fawcn/template/common/2020qcwhj_public/bg-index2.png) no-repeat center bottom; background-size:contain;}
.indexTZS dl:nth-child(2){ margin-top:55px;}
.indexTZS dt img{ width:310px; height:430px;}
.indexTZS dd a{ display:block; position:absolute; left:0; top:0; width:310px; height:430px; box-sizing:border-box; padding:0 30px; background:rgba(0,0,0,0.6); text-align:center;}
.indexTZS dd h3{ margin-top:100px; font-size:20px; color:#FFF;}
.indexTZS dd p{ margin-top:20px; color:#cfcfcf; font-size:16px; line-height:28px;}
@media (max-width: 1100px) {
.indexTZS{ width:auto;}
}
.indexCYJNH{ overflow:hidden; width:1120px; margin:20px auto; padding-top:20px; border:1px solid #e2bcbd; background:rgba(255,255,255,0.6);}
.indexCYJNH-item{ float:left; width:360px; margin: 0 0 25px 10px;}
.indexCYJNH-item h3{ margin-bottom:20px; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexCYJNH-list{ margin-top:5px;}
.indexCYJNH-list li{ padding-left:22px; background:url(/zt_fawcn/template/common/2020qcwhj_public/ico-list.png) no-repeat 7px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexCYJNH-list a{ font-size:16px; line-height:36px;}
@media (max-width: 1100px) {
.indexCYJNH{ width:auto; background:none; margin:0; padding:0; border:0;}
.indexCYJNH-item{ float:none; width:auto; margin:25px 0 0 0; padding:0 15px;}
.indexCYJNH-item em{ display:block; text-align:center;}
}
.indexJNHHG{ margin:0 auto; padding:10px 0; width:1200px; overflow:hidden;}
.indexJNHHG dl{ float:left; overflow:hidden; margin:20px 0 0 20px; padding:15px; width:550px; background:rgba(255,255,255,0.9);}
.indexJNHHG dt{ float:left; margin-right:15px;}
.indexJNHHG dt img{ width:140px; height:105px;}
.indexJNHHG dd h3{ height:44px;}
.indexJNHHG dd h3 a{ font-size:18px; line-height:24px; color:#222222;}
.indexJNHHG dd p{ margin-top:10px; font-size:16px; line-height:24px; color:#666;}
.indexJNHHG dd p a{ color:#f0454d; font-size:16px;}
.indexJNHHG-img ul{ overflow:hidden; margin:30px auto; width:1140px;}
.indexJNHHG-img li{ position:relative; float:left; width:285px;}
.indexJNHHG-img li img{ width:100%; height:213px;}
.indexJNHHG-img p{ display:none; position:absolute; left:0; bottom:40px; width:100%; box-sizing:border-box; padding-right:20px; background-color:#cc2827; text-align:right;}
.indexJNHHG-img p a{ color:#FFF; font-size:14px; line-height:60px;}
.indexJNHHG-img p a img{ vertical-align:middle; width:auto; height:auto;}
.indexJNHHG-img li:hover p{ display:block;}
.indexJNHHG-img h3 a{ display:block; text-align:center; padding:0 5px; font-size:16px; line-height:40px; font-weight:normal; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexJNHHG-img h3 a:hover{ color:#F00;}
@media (max-width: 1100px) {
.indexJNHHG{ width:auto; padding:0;}
.indexJNHHG dl{ display:flex; /*align-items:center;*/ float:none; margin:15px 15px 0 15px; padding:0; width:auto;}
.indexJNHHG dt{ flex-shrink:0; width:140px; float:none;}
.indexJNHHG dd h3{ margin-top:5px; height:auto;}
.indexJNHHG dd h3 a{ line-height:1.5;}
.indexJNHHG dd p{ display:none;}
.indexJNHHG-img ul{ width:auto; margin-top:15px; padding-left:15px;}
.indexJNHHG-img li{ width:50%; box-sizing:border-box; padding-right:15px;}
.indexJNHHG-img li:hover p{ display:none;}
.indexJNHHG-img li img{ height:auto;}
}
/* 移动端 */
.wapBanner{ display:none;}
.wapNavBtn{ display:none;}
.wapNav{ display:none;}
@media (max-width: 1100px) {
.wapBanner{ display:block;}
.wapNavBtn{ display:block; width:25px; position:absolute; top:5px; right:5px;}
.wapNav{ background:none; background-color:#cc2827;}
.wapNav ul{ width:100%; height:auto; padding:0; margin:0;}
.wapNav li{ float:none; padding:0; text-align:center;}
.wapNav a{ display:block; font-size:16px; color:#fff; line-height:40px; border-bottom:1px dashed #ffffff;}
}

/* 子页 */
.contents{ width:1200px; margin:30px auto;}
.titSub{ padding:15px; border-bottom:1px solid #dddddd;}
.titSub h3{ padding:0 0 0 15px; font-size:24px; line-height:26px; color:#cc2827; border-left:5px solid #cc2827;}
.page{ clear:both; padding:50px 0; text-align:center;}
.page ul{ padding-right:5px;}
.page li{ display:inline-block; margin-top:5px;}
.page li a{ display:inline-block; margin-left:5px; padding:0 11px; font-size:16px; line-height:30px; color:#000; border:1px solid #ddd;}
.page li a:hover,
.page li .NormalRed{ display:inline-block; margin-left:5px; padding:0 11px; font-size:16px; line-height:30px; color:#fff; border:1px solid #ddd; background-color:#bb2737; opacity:1; border-radius:3px;}
.page .pageNum span{ display:none!important;}
.detail{ padding:40px 30px;}
.detailTit{ font-size:25px; text-align:center; font-weight:bold; color:#000;}
.detailDate{ margin-top:20px; text-align:center; font-size:16px; color:#999;}
.detailDate span{ margin:0 10px;}
.detailCon{ margin-top:30px; font-size:16px; color:#3f3e3e;}
.detailCon p{ min-height:30px;}
.detailCon img{ display:block; margin:0 auto;}
.detailAuthor{ text-align:right; padding:30px 15px 0 0; color:#999;}
.list li{ padding:20px 5px; border-bottom:1px solid #dddddd;}
.list li h3{ position:relative; padding-right:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list li h3 a{ font-size:18px;}
.list li h3 span{ position:absolute; right:5px; top:0; font-size:14px; color:#999; font-weight:normal;}
.list li p{ margin-top:5px; color:#666666;}
.list li p a{ font-size:15px; color:#cc2827; }
.list-img ul{ overflow:hidden;}
.list-img li{ float:left; width:280px; margin:20px 10px 0 10px; text-align:center;}
.list-img li p{ padding-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-img li img{ width:280px; height:210px;}
.list-video{ overflow:hidden;}
.list-video dl{ float:left; margin:10px 0; width:280px; margin:20px 10px 0 10px;}
.list-video dt{ position:relative;}
.list-video img{ width:280px; height:168px;}
.list-video span img{ position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px 0 0 -30px;}
.list-video dd{ margin-top:10px; text-align:center; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@media (max-width: 1100px) {
.contents{ width:100%; margin-top:10px;}
.titSub{ margin:0;}
.titSub h3{ font-size:20px; line-height:20px;}
.page{ padding-top:30px; text-align:center;}
.page li a{ display:inline-block; padding:0 11px; line-height:30px; color:#000;}
.page li a:hover,
.page li .active{ color:#fff; background-color:#bb2737;}
.detail{ padding:40px 15px;}
.detailTit{ font-size:20px;}
.detailDate{ margin-top:20px; text-align:center; font-size:16px; color:#999;}
.detailDate span{ margin:0 5px;}
.detailCon{ margin-top:30px; font-size:16px; color:#3f3e3e;}
.detailCon p{ min-height:30px;}
.detailCon img{ display:block; margin:0 auto;}
.detailAuthor{ text-align:right; padding:30px 15px 0 0; color:#999;}
.list{ padding:0 15px;}
.list li h3{ padding-right:0; white-space:normal;}
.list li h3 a{ font-size:16px; line-height:24px;}
.list li p{ font-size:14px; line-height:24px;}
.list li p a{ font-size:14px;}
.list li span{ display:none;}
.list-img{ padding:10px 15px 0 0;}
.list-img li{ margin:10px 0 0 0; width:50%; padding:0 0 0 15px; box-sizing:border-box;}
.list-img li img{ width:100%; height:auto;}
.list-img li p{ padding-top:5px; font-size:14px;}
.list-video{ overflow:hidden; padding:0 15px 0 0;}
.list-video dl{ margin:10px 0 0 0; width:50%; padding:0 0 0 15px; box-sizing:border-box;}
.list-video img{ width:100%; height:auto;}
.list-video dd{ margin-top:5px; font-size:14px;}
}