﻿@charset "utf-8";

.hmTit{ position:relative; padding:30px 0 16px; color:#FFFFFF;}
.hmTitEn{ font-size:36px;line-height:66px;}
.hmTitCn{ font-size:20px; letter-spacing:0.1rem;}
.hmTitIco{ display:block; width:20px; height:11px; background:url(../img/logoIcoWhite.png) center center no-repeat; background-size:contain; position:absolute; right:0; bottom:0.3rem;}
.hmMore{ display:block; width:162px; height:38px; line-height:38px; border-radius:20px; text-align:center; margin:0.4rem auto; background:#e62129; color:#FFFFFF; font-size:14px; position:relative; overflow:hidden;}
.hmMore:after{ position:absolute; left:-60px; top:-30px; display:block; content:""; width:100%; height:20px; transform:rotate(45deg); transform-origin:left center; background:rgba(255,255,255,0.3);}
.hmMore span{ position:relative; z-index:1;}
.hmTitIco2{ display:inline-block; vertical-align:middle; position:static; margin-left:0.08rem;}
.hmMore:hover,.hmMore:focus{ color:#FFFFFF;}

.hmBg3{ padding:0.6rem 0 1rem;}
.hmBg3 .hmTit{ color:#000000;}
.hm3Top{ margin:0 -0.18rem;}
.hm3Top li{ padding:0 20px 26px;}
.hm3Top li a{ display:block; font-size:16px; color:#666666; line-height:28px; padding-bottom:24px; position:relative;}
.hm3Top li a:after,.hm3Top li a:before{ display:block; content:""; position:absolute; left:50%; transform:translateX(-50%);}
.hm3Top li a:before{ bottom:15px; width:1px; height:0; background:#e62129; transition:all 0.3s linear;}
.hm3Top li a:after{ bottom:0; width:20px; height:0; background:url(../img/logoIcoRed.png) center center no-repeat; background-size:contain; transition:all 0.3s linear;}
.hm3Top li a.active{ color:#e62129;}
.hm3Top li a.active:before,.hm3Top li a.active:after{ height:11px;}
.hmTitIco3{ background-image:url(../img/logoIcoRed.png);}
.hmBg7{padding:0px 0 68px;width:1200px;margin:0 auto;}
.hmBg7 .hmTit{ color:#000000;}
.hm7Box{ margin-top:24px;}
.hm7Item{ display:none; justify-content:space-between; flex-wrap:wrap;}
.hm7Item.active{ display:flex;}
.hm7Con{ height:100%; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.hm7Con1,.hm7Con2{ width:28.5%;}
.hm7Con3{ width:40%; list-style:none; padding:20px 40px;}
.hm7Con1{ padding:20px;}
.hm7Con1 a{ display:block;}
.hm7Con1Tit{ font-size:18px; line-height:20px; height:20px; color:#000000; transition:all 0.3s linear;}
.hm7Con1Time{ display:block; font-size:14px; color:#999999; line-height:28px; margin:10px 0;}
.hm7Con1Img{height:353px;}
.hm7Con2{ box-shadow:none;}
.hm7Con2 a{ display:block; padding:1px 30px; box-shadow:0 0 15px rgba(0,0,0,0.3); margin-bottom:16px;}
.hm7Con2 a:last-child{ margin-bottom:0;}
.hm7Con2 .hm7Con1Tit{ line-height:25px; height:25px; margin:13px 0;}
.hm7Con2Time{ margin-top:20px; border-top:1px solid #e4e4e4; padding:18px 0; position:relative;}
.hm7Con2More{ float:right; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.hm7Con2More span{ display:inline-block; vertical-align:middle; width:40px; height:1px; background:#e62129; opacity:0.5; margin-left:10px; transition:all 0.3s linear;}
.hm7Con3 li{ padding:15px 0; border-bottom:1px solid #e4e4e4;}
.hm7Con3 li:last-child{ border-bottom:none;}
.hm7Con3 li a{ display:block;}
.hm7Con3Time{ float:left; width:90px; font-size:14px; font-family:Arial; color:#666666; padding-right:10px;}
.hm7Con3Time span{ display:block; font-size:48px; color:#333333; line-height:100%;}
.hm7Con3Rig{ overflow:hidden;}
.hm7Con3Rig .hm7Con1Tit{ line-height:25px; height:25px; margin-bottom:5px;}
.hm7Con3Des{ font-size:14px; color:#999999; line-height:22px; height:44px; overflow:hidden;}
.hmBg8{ position:relative; overflow:hidden; padding:70px 0 100px; background:url(../img/hmBg8.jpg) center center fixed no-repeat; background-size:cover;}
.hm8Box{ margin-top:20px;}
.hm8Lef{ color:#FFFFFF;}
.hm8Tab{ float:left; width:55px; list-style:none;}
.hm8Tab li{ font-size:14px; color:#FFFFFF; line-height:24px; margin-bottom:8px; position:relative;}
.hm8Tab li span{ position:relative; display:inline-block; vertical-align:middle; border-bottom:1px solid transparent; cursor:pointer;}
.hm8Tab li span:after{ display:none; content:""; width:5px; height:6px; background:url(../img/arrow2.png) right center no-repeat; position:absolute; right:-12px; top:50%; margin-top:-3px;}
.hm8Tab li.active{ color:#e62129;}
.hm8Tab li.active span{ border-bottom-color:#e62129;}
.hm8Tab li.active span:after{ display:block;}
.hm8Rig{ float:right; width:62%;}
.hm8Add{ overflow:hidden; border-left:1px solid rgba(255,255,255,0.1); padding:0 20px; font-size:16px; width:380px;float: left;}
.hm8Mes{ overflow:hidden;}
.hm8Mes li{ float:left; padding-left:10px; margin-bottom:10px;}
.hm8Mes li:nth-child(1){ width:35%;}
.hm8Mes li:nth-child(2){ width:65%;}
.hm8Mes li:nth-child(3){ width:100%;}
.hm8Input{ display:block; background:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.1); height:54px; line-height:24px; padding:15px; width:100%; font-size:16px; color:#FFFFFF; box-shadow:none; appearance:none; -webkit-appearance:none;}
.hm8Input:focus{ border-bottom-color:#e62129;}
.hm8Mes li:nth-child(1) .hm8Input:first-child{ margin-bottom:10px;}
textarea.hm8Input{ height:118px; resize:none;}
.hm8Sub{ display:inline-block; background:none; border:1px solid rgba(255,255,255,0.1); margin:0.1rem 0 0; cursor:pointer;}
.footBg{ background:#191a1b; color:#FFFFFF; position:relative;}
.foot{ padding:0.3rem 0;}
.ftLef{ float:left; width:65%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
.ftLef li{ float:left; width:20%; margin-bottom:15px;}
.ftLef a{ color:#FFFFFF;}
.ftTit{ font-size:18px; line-height:200%; margin:5px 0;}
.ftCon{ }
.ftCon a{ color:#666666; line-height:30px; transition:all 0.3s linear;}
.ftLef li.last{ width:40%;}
.ftLef li.last .ftCon{ font-size:0;}
.ftLef li.last p{ font-size:14px; display:inline-block; vertical-align:middle; width:50%;}
.ftRig{ float:right; width:33.33%;}
.ftRigCon{ margin-bottom:15px;}
.ftWechat{ float:left; max-width:140px;}
.ftWechat img{ margin-bottom:5px;}
.ftWechat p{ opacity:0.5; margin:10px 0;}
.copyRight{ overflow:hidden; text-align:right; line-height:28px;}
.copyRight p,.copyRight span{ opacity:0.5;}
.copyRight span{ margin:0 5px;}
.copyRight a{ color:#FFFFFF;}

