@charset "UTF-8";
.index_section1{height:100vh; position:relative;}
.hmFocus{ height:100vh; background:#093977;}
.hmFocus_item { height: 100vh; position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmTxt img{transition:all 0.5s ease-in-out; opacity:0; transform:translate(-100px,0); margin:0 auto;}
.hmTxtDes{position:absolute; left:0; top:0; width:100%; padding-top: 4px; }
.hmTxt_ct { font-size: 60px; font-weight: bold; display: block; height: 84px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_et { font-size: 26px; margin-top:25px; line-height: 50px; font-weight: 100; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 70px; z-index: 5; }
.hmFocus_doc ul{ margin: 0px -12px; }
.hmFocus_doc ul li{padding:0 12px; width:25%; float:left; cursor:pointer}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 1px solid #FFF; transition: all 0.5s ease-in-out; font-size: 12px; color: #FFF; opacity:0.5; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 8.0s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 15s linear;}
.index_section2 { background: #093977;}
.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size: 36px; line-height: 48px; margin-bottom: 40px; font-weight: bold; letter-spacing: 2px; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size: 20px; line-height: 40px; font-weight: 100; margin-bottom: 45px; max-width: 945px; letter-spacing: 2px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_btn1{ line-height: 48px; background: #C61634; text-align: center; height: 48px; width: 200px; display: inline-block; margin-right: 24px; font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #AA132E; color: #FFF; }
.hmTxt_btn2{ line-height: 44px; height: 48px; width: 200px; border: 2px solid #FFF; text-align: center; display: inline-block; font-size: 16px; color: #FFF; }
.hmTxt_btn2:hover{ color: #c61634; background: #FFF; }
.index_content{ position:relative;padding: 15.27vh 0px; min-height:100vh; position:relative}
.index_bg{ height:100%; position:absolute; left:0; top:0; width:100%; background: url(../images/hmc2_bg1.jpg) no-repeat fixed center center; background-size:cover; opacity:0; transition:all 0.5s ease-in-out;}
.index_bg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0}
.index_bg.on{opacity:1;}
.index_content .container{position:relative; z-index:5;}
.active .hmTxt img{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxt_ct{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxt_et{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.active .hmTxtDes2_t1{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
@media (max-width:1799px){
.hmTxt_ct{font-size:50px;}
.index_content{padding: 80px 0px;}
.hmTxtDes2_t1 { font-size: 26px; line-height: 38px; margin-bottom: 26px;}
.hmTxtDes2_p1 { font-size: 18px; line-height: 32px; margin-bottom: 35px;}
.hmFocus_doc{bottom:40px;}
.hmTxtDes{padding-top:18px; }
}
@media (max-width:1199px){
.hmTxtDes{padding-top: 0px; }
}
@media (max-width:993px){
.index_section1,.hmFocus_item ,.hmFocus{height:600px;}
.hmTxt_ct{font-size:40px;}
.hmTxt_et{font-size:22px; line-height:38px; margin-top:-15px;}
}
@media (max-width:767px){
.index_section1,.hmFocus_item ,.hmFocus{height:400px;}
.hmTxt_ct{font-size:16px; height:30px; line-height:30px; margin-bottom:0}
.hmTxt_et{font-size:14px; line-height:22px; margin-top:5px;}
.hmTxt{width:100%;}
.hmTxt img{width:52%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}
.hmTxtDes2_t1 { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_p1 { font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.hmTxt_btn1{width:105px; height:40px; line-height:40px; font-size:14px; letter-spacing:0; margin-right:12px;}
.hmTxt_btn2{ line-height: 38px; height: 40px; width: 105px; border: 1px solid #FFF; font-size: 14px;}
}

.hmc2_tnm { font-size: 48px; font-weight: bold; color: #FFF; line-height: 66px; margin-bottom: 10px; position: relative; }
.hmc2_tnm:after{ content: ""; background: #C61634; height: 2px; width: 36px; margin-top: -1px; position: absolute; top: 50%; left: -58px; }
.hmc2_item { padding-top: 52px; position: relative; max-width:900px;}
.hmc2_item dt{height:80px; position:relative;}
.hmc2_item dt strong { font-size: 36px; font-weight: bold; display: block; line-height: 42px; position: relative; z-index: 2; color: #FFF; opacity:0.3; transition:all 0.5s ease-in-out; }
.hmc2_item dt span { display: block; height: 80px; position: absolute; left: 0px; bottom: 0px; width: 100%; background-position:40px center; background-repeat:no-repeat; }
.hmc2_item dd p { font-size: 18px; line-height: 36px; height:auto; overflow:hidden; color: #ffffff; margin-bottom: 24px; max-width:710px; }
.hmc2_more { background: url(../images/hmc2arrow.png) no-repeat right center; font-size: 18px; line-height: 30px; color: #FFF; display: inline-block; padding-right: 28px; height: 30px; }
.hmc2_more:hover{ color: #FFF; text-decoration: underline; }
.hmc2_item dd{ height:0; transition:all 0.5s ease-out; margin-top:-8px; overflow:hidden; opacity:0;}
.hmc2_item.on dd{ height:auto; opacity:1;}
.hmc2_item.on dt strong{opacity:1;}
.hmc2sCon{padding-left:60px; padding-right:60px;}
@media (max-width:1799px){
.hmc2_tnm{font-size:36px; line-height:52px;}
.hmc2_item{padding-top:25px;}
.hmc2_item dt{height:62px;}
.hmc2_item dt strong{font-size:22px;}
.hmc2_item dt span{background-size:auto 45px; height:55px;}
.hmc2_item dd p{ font-size: 15px; line-height: 30px; height:60px; margin-bottom: 18px; }
.hmc2_more { background: url(../images/hmc2arrow.png) no-repeat right center; font-size: 16px; line-height: 26px;padding-right: 25px; height: 26px; }
.hmc2_item.on dd{height:105px;}
}
@media (max-width:767px){
.index_content{padding:60px 0px;}
.hmc2sCon{padding-left:0px; padding-right:0px;}
.hmc2_tnm:after{display:none;}
.hmc2_tnm{font-size:26px; line-height:36px; text-align:center;}
.hmc2_item dd{height:auto!important; opacity:1; margin-top:-15px; opacity:0.8;}
.hmc2_item dt strong{opacity:1; font-size:20px; font-weight:normal}
.hmc2_item dt span{background-size:auto 32px; height:68px;}
.hmc2_item{padding-top:8px;}
.hmc2_item dd p{font-size:14px; line-height:26px; height:auto;}
.hmc2_more{font-size:14px;}
}
.index_section3 { background: #c61731; position: relative; height: 480px; overflow:hidden; z-index:2; }
.indexc3Box { font-size: 48px; font-weight: bold; color: #FFF; display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 72px; padding-top: 18px; }
.indexc3Box span{display:inline-block;}
.indexc3Box i{ content: ""; background: #FFF; height: 2px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: 0px; }
.index3_ani{ height: 401px; width: 432px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index:4; opacity:0.6}
.index3_ani i{ display: block; width: 357px; height: 357px; background: url(../images/aniline.png); position: absolute; top: 50%; left: 50%; opacity: 0; margin-top: -178px; margin-left: -178px; z-index:5;}
.index3_ani i:nth-of-type(1){animation: ani_1 2s linear infinite;}
.index3_ani i:nth-of-type(2){animation: ani_2 2s linear infinite;}
.index3_ani i:nth-of-type(3){animation: ani_3 2s linear infinite;}
.index3_ani i:nth-of-type(4){animation: ani_4 2s linear infinite;}
.index3_ani i:nth-of-type(5){animation: ani_5 2s linear infinite;}
.index3_ani i:nth-of-type(6){animation: ani_6 2s linear infinite;}
.index3_ani i:nth-of-type(7){animation: ani_7 2s linear infinite;}
.index3_ani i:nth-of-type(8){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(9){animation: ani_8 2s linear infinite;}
.index3_ani i:nth-of-type(10){animation: ani_8 2s linear infinite;}
@keyframes ani_1{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	40%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_2{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	43%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_3{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	46%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_4{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	49%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_5{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	52%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_6{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	55%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_7{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	58%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_8{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	61%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_9{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	64%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
@keyframes ani_10{
	0%{transform: rotate(0deg) scale(1); opacity: 1;}
	67%{transform: rotate(180deg) scale(0.5);}
	100%{transform: rotate(360deg) scale(1); opacity: 1;}
}
.index_c3imgAni img{position:absolute; left:0; top:0; width:100%; height:auto;}
.index_c3imgAni img:nth-child(1){animation: ani_c3img1 5s linear infinite;}
.index_c3imgAni img:nth-child(4){animation: ani_c3img2 15s linear infinite;}
.index_c3imgAni img:nth-child(2){animation: ani_c3img3 5s linear infinite;}
.index_c3imgAni img:nth-child(3){animation: ani_c3img3 8s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(5){animation: ani_c3img5 7s linear infinite;}
.index_c3imgAni img:nth-child(6){animation: ani_c3img5 7s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(7){animation: ani_c3img5 7s linear infinite; animation-delay:4s;}
.index_c3imgAni img:nth-child(8){animation: ani_c3img5 8s linear infinite; animation-delay:3s;}
.index_c3imgAni img:nth-child(9){animation: ani_c3img5 12s linear infinite; animation-delay:0s;}
.index_c3imgAni img:nth-child(10){animation: ani_c3img5 9s linear infinite; animation-delay:3s;}
.index_c3imgAni img:nth-child(11){animation: ani_c3img5 11s linear infinite; animation-delay:1s;}
.index_c3imgAni img:nth-child(12){animation: ani_c3img5 6s linear infinite; animation-delay:2s;}
.index_c3imgAni img:nth-child(13){animation: ani_c3img5 7s linear infinite; animation-delay:5s;}
.index_c3imgAni2 {position:relative;}
.index_c3aniImgs{ width:100%; height:100%; position:absolute; left:0; top:0;}
.index_c3aniImgs img{ width:100%; height:auto; width:100%; height:auto; position:absolute; left:0; top:0; opacity:0; animation: ani2_img 12s linear infinite 0s;}
.index_c3aniImgs img:nth-child(1){animation-delay: 0s;}
.index_c3aniImgs img:nth-child(2){animation-delay: 4s;}
.index_c3aniImgs img:nth-child(3){animation-delay: 8s;}
@keyframes ani2_img{
	0%{transform:scale(0.5); opacity: 0;}
	/*16%{transform:scale(1); opacity: 1;}*/
	33%{transform:scale(1); opacity: 1;}
	50%{transform:scale(1.2); opacity: 0;}
	100%{transform:scale(1.2); opacity: 0;}
}
@keyframes ani_c3img3{
	0%{opacity:0;}
	20%{opacity:1}
	80%{opacity:1}
	100%{opacity:0}
}
@keyframes ani_c3img5{
	0%{opacity:0; transform:scale(0.7)}
	80%{opacity:1; transform:scale(1)}
	100%{opacity:0; transform:scale(1)}
}
@media (max-width:1799px){
.index_section3 { height: 320px;}
.indexc3Box { font-size: 30px; line-height: 46px; padding-top: 12px; }
.indexc3Box i{ height: 1px; width: 30px; margin-left: -15px }
.index3_ani{ height: 300px; width: 332px;}
.index3_ani i{width: 280px; height: 280px; background: url(../images/aniline.png); background-size:280px auto; position: absolute; margin-top: -140px; margin-left: -140px; z-index:5;}
}
@media (max-width:767px){
.index_section3{overflow:hidden; height:200px;}
.indexc3Box { font-size:22px; line-height: 58px; padding-top: 18px; }
.index3_ani{width:160px; height:160px;}
.index3_ani i{height:160px; width:160px; margin-top:-80px; margin-left:-80px; background-size:cover;}
.index_c3imgAni{width:800px; position:relative;}
.index_c3imgAni2{width:800px; position:relative;}
}
.index_section4{ padding: 12.74vh 0px 60px 0px; position: relative; background: #f7f7f7;}
.indexC4box{padding:0 60px; min-height:600px;}
.hmc4_t { font-size: 48px; font-weight: bold; line-height: 60px; position: relative; }
.hmc4_t:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: -58px; top: 32px; }
.hmc4_des { font-size: 18px; line-height: 36px; color: #808080; max-width: 658px; margin-top: 22px; }
.hmc4ul li { margin-top: 3.4vh; height: 80px; position: relative; padding-left: 116px; font-size: 14px; line-height: 24px; color: #808080; max-width:700px; }
.hmc4ul li strong { display: block; padding-top: 8px; font: 50px/44px DINPro-Regular; color: #333; }
.hmc4ul li strong i{ font-size: 32px; font-style: normal; display: inline-block; margin-left: 6px; transform:translateY(-12px) }
.hmc4ul li img{ transition:all 0.6s ease-in-out;}
.hmc4ul li:hover img{ transform:rotateY(180deg);}
.hmc4Svg{width:60px; height:60px; position:absolute; left:0; top:0.6vh;}
.index4map{position:absolute; right:60px; top:22vh; height:720px;}
#description { text-align: left; float: left; width: 49%; max-width: 500px; padding-top: 50px; padding-left: 20px; }
#showoff {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#container { position: relative; display: inline-block; width: 800px; height: 600px; top:-5vh; }
#sphere, #flights, #glow-shadows, #locations, #drag { position: absolute; top: 0px; left: 0px; width: 700px; height: 560px; }
#glow-shadows { top: 1px; left: 1px; }
#glow-shadows.earth { background: url(../images/earth-glow-shadows.png); }
#glow-shadows.mars { background: url(../images/mars-glow-shadows.png); }
.location { position: absolute; width: 10px; height: 10px; left: 10px; top: 10px; border: 0px solid #C61634; margin-left: -5px; margin-top: -5px; cursor: pointer; background:#C61634 }
.location span{width:100px; line-height:16px; font-size:12px; color:#666; text-align:center; position:absolute; left:50%; margin-left:-50px; top:17px;}
/*.location:hover { width: 8px; height: 8px; margin-left: -7.5px; margin-top: -7.5px; }*/
.flight { position: absolute; width: 24px; height: 25px; left: 10px; top: 10px; background: url(../images/plain.png); background-size: 100% 100%; margin-left: -12px; margin-top: -12.5px; cursor: pointer; }
.flight:hover { width: 36px; height: 37.5px; margin-left: -18px; margin-top: -18.75px; }
.choose_example { width: 35%; margin-left: 32.5%; }
#example_code { width: 100%; height: 200px; background-color: black; color: white; border: 0px; resize: none; display: none; }
.code { margin-top: 10px; }
.social { display: inline-block; }
.social.twitter { vertical-align: -3px; }
.social.google { vertical-align: -7px; }
.index4shx{ background: url(../images/map_shdow.png) no-repeat center center; height: 88px; width: 398px; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%);}
/*#locations .location:nth-child(1){ background: url(../images/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location:nth-child(1) span{ top:28px}*/
#locations .location{ background: url(../images/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location span{ top:28px}
.hmc4Layer{ padding: 50px 30px; width: 505px; background: rgba(255,255,255,0.8); font-size: 14px; line-height: 18px; color: #808080; position: absolute; z-index: 10; left: -100px; top: 190px; box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.hmc4Layer strong{ font-size: 18px; font-weight: 100; line-height: 22px; margin-bottom: 12px; display: block; color:#333; }
.hmc4tel{ background: url(../images/tel_icon.png) no-repeat left center; color: #c61731; height: 20px; padding-left: 22px; margin-top: 12px; font: 14px/20px DINPro-Regular; }
.hmc4Close{ background: url(../images/close2.png) no-repeat center center; display: block; height: 20px; width: 20px; overflow: hidden; position: absolute; top: 20px; right: 20px; background-size:20px auto; cursor:pointer }
.hmc4chinaMap{ background: url(../images/chinamap.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px; }
.hmc4ChinaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4citem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4citem_btn{ background: url(../images/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4citem:hover .hmc4citem_btn{ background: url(../images/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4citem1{right:220px; top:180px;}
.hmc4citem2{right:164px; top:330px;}
.hmc4citem3{right:197px; top:403px;}
.hmc4citem4{right:201px; top:262px;}
.hmc4citem5{right:183px; top:306px;}
.hmc4citem6{right:403px; top:387px;}
.hmc4citem7{right:221px; top:372px;}
.hmc4citem8{right:220px; top:246px;}
.hmc4citem9{right:229px; top:262px;}
.hmc4citem10{right:76px; top:157px;}
.hmc4citem11{right:200px; top:420px;}
.hmc4citem12{right:138px; top:202px;}
.hmc4citem13{right:200px; top:290px;}
.hmc4citem14{right:179px; top:346px;}
.hmc4citem15{right:306px; top:298px;}
.hmc4citem16{right:225px; top:335px;}
.hmc4citem17{right:185px; top:388px;}
.hmc4citem18{right:225px; top:434px;}
.hmc4citem19{right:159px; top:420px;}
.hmc4citem20{right:224px; top:412px;}
.hmc4citem21{right:195px; top:358px;}
.hmc4citem1 .hmc4citem_btn{opacity:1}
.hmc4citem2 .hmc4citem_btn{opacity:0.8}
.hmc4citem3 .hmc4citem_btn{opacity:0.7}
.hmc4citem4 .hmc4citem_btn{opacity:0.9}
.hmc4citem5 .hmc4citem_btn{opacity:0.6}
.hmc4citem6 .hmc4citem_btn{opacity:1}
.hmc4citem7 .hmc4citem_btn{opacity:0.3}
.hmc4citem8 .hmc4citem_btn{opacity:0.6}
.hmc4citem9 .hmc4citem_btn{opacity:0.6}
.hmc4citem10 .hmc4citem_btn{opacity:0.6}
.hmc4citem11 .hmc4citem_btn{opacity:0.3}
.hmc4citem12 .hmc4citem_btn{opacity:0.7}
.hmc4citem13 .hmc4citem_btn{opacity:0.8}
.hmc4citem14 .hmc4citem_btn{opacity:0.7}
.hmc4citem15 .hmc4citem_btn{opacity:0.8}
.hmc4citem16 .hmc4citem_btn{opacity:0.7}
.hmc4citem17 .hmc4citem_btn{opacity:0.5}
.hmc4citem18 .hmc4citem_btn{opacity:0.6}
.hmc4citem19 .hmc4citem_btn{opacity:0.4}
.hmc4citem20 .hmc4citem_btn{opacity:0.2}
.hmc4citem21 .hmc4citem_btn{opacity:0.3}
.hmc4back{display:inline-block; position:absolute; z-index:20; left:50%; bottom:65px}
.hmc4cnm{ font-size: 12px; color: #c41731; white-space: nowrap; position: absolute; line-height: 17px; top: 0px; right: 20px; display: inline-block; transition:all 0.3s ease-out; opacity:0; visibility:hidden }
.hmc4citem:hover .hmc4cnm{opacity:1; visibility:visible}
.hmc4chLay{ background: #FFF; padding: 34px 22px 0px 38px; height: 180px; width: 420px; box-shadow:0 10px 30px rgba(0,0,0,0.1); position:absolute; right:-80px; bottom:35px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(10px); visibility:hidden}
.hmc4chLay:after{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; right:79px; bottom:-8px;}
.hmc4chLay strong{ font-size: 18px; font-weight: 100; line-height: 22px; display: block; }
.hmc4ctsitms{ font-size: 14px; line-height: 18px; color: #808080; margin: 0px 0px 12px; }
.hmc4ScrollBox{ height:80px; margin-top:12px; position:relative;/* overflow:hidden*/}
.hmc4citem:hover .hmc4chLay,.hmc4citem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4citem:hover,.hmc4citem.on{z-index:5;}
.hmc4ShowWord .hmc4chinaMap{ opacity:0; visibility:hidden}
.hmc4ShowChina #container,.hmc4ShowChina .index4shx{opacity:0;}
.hmc4ShowAmerica #container,.hmc4ShowAmerica .index4shx{opacity:0;}
.hmc4ShowAsia #container,.hmc4ShowAsia .index4shx{opacity:0;}
.hmc4ShowEurope #container,.hmc4ShowEurope .index4shx{opacity:0;}
.hmc4chinaMap,.hmc4AmericaMap,.hmc4AsiaMap,.hmc4EuropeMap{transition:all 0.8s ease-in-out;}
.hmc4AmericaMap{ background: url(../images/wordmap1.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px;}
.hmc4AmericaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4AMcitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AMcitem_btn{ background: url(../images/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AMcitem:hover .hmc4AMcitem_btn{ background: url(../images/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4AMcitem1{right:655px; top:30px;}
.hmc4AMcitem2{right:245px; top:125px;}
.hmc4AMcitem3{right:77px; top:133px;}
.hmc4AMcitem1 .hmc4citem_btn{opacity:1}
.hmc4AMcitem2 .hmc4citem_btn{opacity:0.8}
.hmc4AMcitem3 .hmc4citem_btn{opacity:0.7}
.hmc4AMcitem:hover .hmc4chLay,.hmc4AMcitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4AMcitem:hover,.hmc4AMcitem.on{z-index:5;}
.hmc4AsiaMap{ background: url(../images/wordmap2.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px;}
.hmc4AsiaItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4AScitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AScitem_btn{ background: url(../images/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4AScitem:hover .hmc4AScitem_btn{ background: url(../images/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4AScitem1{right:550px; top:150px;}
.hmc4AScitem2{right:420px; top:217px;}
.hmc4AScitem3{right:402px; top:252px;}
.hmc4AScitem4{right:168px; top:37px;}
.hmc4AScitem5{right:196px; top:48px;}
.hmc4AScitem6{right:179px; top:499px;}
.hmc4AScitem7{right:84px; top:478px;}
.hmc4AScitem1 .hmc4citem_btn{opacity:1}
.hmc4AScitem2 .hmc4citem_btn{opacity:0.8}
.hmc4AScitem3 .hmc4citem_btn{opacity:0.7}
.hmc4AScitem4 .hmc4citem_btn{opacity:0.9}
.hmc4AScitem5 .hmc4citem_btn{opacity:0.6}
.hmc4AScitem6 .hmc4citem_btn{opacity:1}
.hmc4AScitem7 .hmc4citem_btn{opacity:0.3}
.hmc4AScitem:hover .hmc4chLay,.hmc4AScitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4AScitem:hover,.hmc4AScitem.on{z-index:5;}
.hmc4EuropeMap{ background: url(../images/wordmap3.png) no-repeat center center; height: 800px; width: 1050px; position: absolute; right: 50px; top: -50px; }
.hmc4EuropeItems{ height: 516px; width: 750px; position: absolute; right:65px; top:170px;}
.hmc4EUcitem{ height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4EUcitem_btn{ background: url(../images/mp_i1.png) no-repeat center center; display: inline-block; height: 17px; width: 13px; position: absolute; right: 0px; top: 0px; }
.hmc4EUcitem:hover .hmc4EUcitem_btn{ background: url(../images/mp_i1a.png) no-repeat center center; opacity:1!important;}
.hmc4EUcitem1{right:587px; top:70px;}
.hmc4EUcitem1 .hmc4citem_btn{opacity:1}
.hmc4EUcitem:hover .hmc4chLay,.hmc4EUcitem.on .hmc4chLay{ opacity:1; transform:translateY(0px); visibility:visible}
.hmc4EUcitem:hover,.hmc4EUcitem.on{z-index:5;}
.hmc4vsOpacity{opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
@media (max-width:1799px){
.index_section4{ padding: 80px 0px;}
.indexC4box{ min-height:550px;}
.hmc4_t { font-size: 28px; line-height:46px;}
.hmc4_t:after{height: 1px; width: 30px; left: -48px; top: 25px; }
.hmc4_des { font-size: 15px; line-height: 28px; max-width: 588px; margin-top: 22px; }
.hmc4ul li { margin-top:60px; height:56px; padding-left: 72px; }
.hmc4ul li strong { padding-top: 0px; font: 40px/34px DINPro-Regular; margin-top:-8px; }
.hmc4ul li strong i{ font-size: 22px; 6px; transform:translateY(-18px) }
.hmc4Svg{width:80px; height:80px; position:absolute; left:0; top:0;}
.index4map{position:absolute; 
/*right:60px; */
top:22vh; height:720px;}
.hmc4Svg{width:56px; height:56px;}
.index4map{right:0; top:-22px; 
/*right:-50px;*/
}
#container{top:-20px;}
.hmc4EuropeMap{ background: url(../images/wordmap3.png) no-repeat 150px center;}
.hmc4EUcitem1{right:437px;}
.hmc4AmericaMap{top:20px;}
.hmc4EuropeMap{top:125px;}
}
@media (max-width:1199px){
.index4map {display:none;}
.hmc4_des{max-width:none;}.hmc7aBox.scaleImg .overflowHide
}
@media (max-width:767px){
.hmc4_t:after{ display:none;}
.index_section4{padding:60px 0;}
.indexC4box{padding:0;}
.hmc4_t{font-size:26px; line-height:38px;}
.hmc4_des{font-size:14px; line-height:26px; margin-top:10px;}
.hmc4ul li{height:auto; margin-top:26px;}
.hmc4Svg{width:40px; height:40px;}
.hmc4ul li{padding-left:48px; line-height:22px;}
.hmc4ul li strong { font: 30px/30px DINPro-Regular; margin-top:-5px; }
.hmc4ul li strong i{transform:translateY(-14px);}
.indexC4box{min-height:100px;}
.hmc4Svg{top:6px;}
}
.index_section5{ height:80vh; overflow:hidden}
.hmc5Lx{width:50%; height:100vh; float:left; transition:all 0.5s ease-out; overflow:hidden}
.hmc5Rx{width:50%; height:80vh; float:right; transition:all 0.5s ease-out;}
.hmc6logo{/*width:120px; height:80px; background:#fff; border-radius:0.4em;*/ vertical-align:middle; margin-bottom:10px;}
.hmc6logo img{max-width:80%; max-height:80%; width:auto; height:auto; display:inline-block;}
.hmc6box1{ width: 100%; height: 100vh; padding-top: 12.96vh; padding-left: calc((100vw - 1590px)/2); color: #FFF; position: relative;}
.hmc6box1:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0;  background: #093977 url(../images/wsnimg_1.jpg) no-repeat center center; background-size:cover;transition:all 0.5s ease-in-out; } 
.hmc6box1:hover:before{transform:scale(1.2);}
.hmc6box2{ height: 40vh; position: relative; transition: all 0.5s ease-out; overflow: hidden; background-size:cover;}
.hmc6box2:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0;  background: #000 url(../images/wsnimg_2.jpg) no-repeat center center; background-size:cover;transition:all 0.5s ease-in-out; } 
.hmc6box2:hover:before{transform:scale(1.2);}
.hmc6box3{ height: 40vh; position: relative; transition: all 0.5s ease-out; overflow: hidden; color: #fff; background-size:cover;}
.hmc6box3:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0;  background: #c61731 url(../images/wsnimg_3.jpg) no-repeat center center; background-size:cover;transition:all 0.5s ease-in-out; } 
.hmc6box3:hover:before{transform:scale(1.2);}
.hmc6_t1{ font-size: 32px; line-height: 40px; font-weight: bold; display: block; padding-left: 0px; position: relative; position:relative; z-index:2; transition:all 0.5s ease-in-out; }
.hmc6_t1:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc6_des1{ font-size: 18px; line-height: 36px; margin-top: 3.88vh; padding-left: 60px; position: relative; z-index: 2; height: 10.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:calc((100vw - 1590px)/2); }
.hmc6_des1 p{ max-height:108px; overflow:hidden;}
.hmc6_des2{ font-size: 18px; line-height: 36px; padding-top: 20.5vh; padding-left:120px; position: relative; z-index: 2; height: 20.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:120px; }
.hmc6_des2 p{ max-height:108px; overflow:hidden;}
.hmc6_des3{ font-size: 18px; line-height: 36px; padding-top: 23.5vh; padding-left:120px; position: relative; z-index: 2; height: 20.75vh; transition:all 0.5s ease-in-out; opacity:0; padding-right:120px; }
.hmc6_des3 p{ max-height:108px; overflow:hidden;}
.hmc6ul{overflow:hidden; margin-bottom:1.33vh; margin-left:60px; transition:all 0.5s ease-in-out; transform:scale(0.5); transform-origin:left center; opacity:0; position:relative; z-index:1}
.hmc6ul li { float: left; width: 40%; height: 15.92vh; }
.hmc6ul li p { font-size: 16px; line-height: 32px; }
.hmc6ul2{overflow:hidden; padding-top:6.56vh; margin-left:120px; transition:all 0.5s ease-in-out; transform-origin:left center; transform:scale(0.5);opacity:0; position:relative; z-index:1}
.hmc6ul2 li { float: left; width: 50%; height: 12.92vh; }
.hmc6ul2 li p { font-size: 16px; line-height: 32px; }
.hmc6ul3{/*overflow:hidden;*/ padding-top:6.56vh; margin-left:120px; transition:all 0.5s ease-in-out; transform-origin:left center; transform:scale(0.5);opacity:0; position:relative; z-index:1}
.hmc6ul3:after{content:""; height:0; clear:both; display:table;}
.hmc6ul3 li { float: left; width: 50%; height: 12.92vh; }
.hmc6ul3 li p { font-size: 16px; line-height: 32px; }
.hmc6sz { line-height: 56px;}
.hmc6_szSpan{ font: bold 60px DINPro-Regular; }
.hmc6_fs{ display: inline-block; position: relative; top: -28px; left: 2px; font-size: 28px; }
.hmc6_fs2{ font: 16px "微软雅黑"; display: inline-block; position: relative; top: -2px; left:2px; }
.hmc6_more2{ font-size: 16px; color: #FFF; line-height: 26px; background: url(../images/hmc6_ar3.png) no-repeat right center; display: inline-block; padding-right: 35px; margin-left:60px; transition:all 0.5s ease-in-out; opacity:0; position:relative; z-index:2  }
.hmc6_nmspan{ color: #c61731; display: inline-block; position: absolute; z-index: 2; bottom: 13.08vh; right: calc((100vw - 1590px)/2); font: 24px/28px DINPro-Bold; transition:all 0.5s ease-in-out; display:none!important; }
.hmc6box1:hover .hmc6_nmspan,.hmc6box2:hover .hmc6_nmspan,.hmc6box3:hover .hmc6_nmspan{opacity:0;}
.hmc6box3 .hmc6_nmspan,.hmc6box1 .hmc6_nmspan,.hmc6box2 .hmc6_nmspan{color:#fff;}
.hmc6Rt{ font-size: 32px; line-height: 40px; position: absolute; left: calc((100vw - 1590px)/2); top: 12.96vh; font-weight: bold; transition:all 0.5s ease-in-out; z-index:8; }
.hmc6Rt:after{ content: ""; background: #c61731; height: 2px; width: 36px;  position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; opacity:0 }
.hmc6box3 .hmc6Rt:after,.hmc6box2 .hmc6Rt:after{background: #fff;}
.hmc6box3 .hmc6Rt,.hmc6box2 .hmc6Rt{color:#fff;}
.hmc6box2 *{color:#fff;}
.hmc6Rwpr{ width:50vw; height:50vw; position:absolute; left:0; top:0; }
.hmc6_round{ width:50vw; height:50vw; background:#0a3d80; position:absolute; left:0; top:0; border-radius:50%; transition:all 0.5s ease-in-out; opacity:0}
.hmc6aniBg{ background: url(../images/hmc5bg1.png) no-repeat right top; height: 310px; width: 100vw; position: absolute; left: 0px; top: 0px; background-size:100% auto; opacity:0}
.hmc6box2 .hmc6ul2 li{width:25%;}
@media (min-width:993px){
.hmCon5LImportant .hmc5Lx{ width:66%;}
.hmCon5LImportant .hmc5Rx{ width:34%;}
.hmCon5RImportant .hmc5Lx{ width:34%;}
.hmCon5RImportant .hmc5Rx{ width:66%;}
.hmc5RxTopImgportant .hmc6box2{ height:50vh;}
.hmc5RxTopImgportant .hmc6box3{ height:30vh;}
.hmc5RxBomImgportant .hmc6box2{ height:30vh;}
.hmc5RxBomImgportant .hmc6box3{ height:70vh;}
.hmCon5LImportant .hmc6_round{ width:66vw; height:66vw;}
.hmCon5RImportant .hmc6_round{ width:34vw; height:34vw;}
.hmCon5RImportant .hmc6_t1{ font-size: 32px; line-height: 40px; }
.hmCon5RImportant .hmc6_t1:after{ top:19px;}
.hmCon5LImportant .hmc6ul{ opacity:1; transform:scale(1)}
.hmCon5LImportant .hmc6_des1{opacity:1;}
.hmc5RxTopImgportant .hmc6ul2{ opacity:1; transform:scale(1)}
.hmc5RxBomImgportant .hmc6ul3{ opacity:1; transform:scale(1)}
.hmCon5LImportant .hmc6_more2{opacity:1;}
.hmCon5LImportant .hmc6_t1{font-size: 48px; line-height: 60px; padding-left: 60px;}
.hmCon5LImportant .hmc6_t1:after{ opacity:1;}
.hmc6box2:hover .hmc6Rt,.hmc6box3:hover .hmc6Rt{ font-size: 40px; line-height: 50px; padding-left: 60px; bottom:auto; top: 12.96vh; padding-left: 60px; left:60px; transition:all 0.5s ease-in-out;}
.hmc6box2:hover .hmc6_des2,.hmc6box3:hover .hmc6_des3{ opacity:1;}
/*.hmc6box2 .hmc6_more2{ color: #333; background: url(../images/c8_ar1.png) no-repeat right center; }*/
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{ opacity:0; left:60px; transition:all 0.3s ease-in-out;}
.hmc6box2:hover .hmc6_more2,.hmc6box3:hover .hmc6_more2{ opacity:1;}
.hmc6box2:hover .hmc6Rt:after,.hmc6box3:hover .hmc6Rt:after{opacity:1;}
}
.hmc6_t1:after{ content: ""; background: #C61634; height: 2px; width: 36px; position: absolute; left: 0px; top: 29px; transition:all 0.5s ease-in-out; }
.indexc6Top{ background-attachment: fixed; background-repeat: 100% auto; background-repeat: no-repeat; background-position: center center; padding: 6.98vh 0px; }
.index6_t{ margin-left: 60px; font-size: 48px; line-height: 62px; font-weight: bold; color: #000; position: relative; }
.index6_t:before{ content: ""; background: #C61634; height: 2px; width: 36px; margin-top: -1px; position: absolute; top: 50%; left: -58px; }
.index6con{ padding: 0px 0px 90px; border-bottom: 1px solid #E6E6E6; position:relative; }
.index6slick{ margin-right:645px;}
.hmc6item strong { font-size: 36px; line-height: 58px; font-weight: normal; display: block; opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px); }
.hmc6item p { font-size: 18px; line-height: 36px; color: #808080; margin: 15px 0px 30px; opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px); max-height:108px; overflow:hidden }
.hmc6item div{ opacity:0; transition:all 0.5s ease-in-out; transform:translateX(100px);}
.hmc6more { background: #C61634 url(../images/hmc6_ar.png) no-repeat 167px center; height: 54px; width: 240px; padding-left: 66px; font-size: 18px; line-height: 54px; color: #FFF; display: inline-block; }
.hmc6more:hover { background: #C61634 url(../images/hmc6_ar.png) no-repeat 167px center; color: #FFF; box-shadow:0px 5px 15px rgba(198,23,49,0.6); transform:translate(15px,-5px) }
.hmc6item.slick-active strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc6item.slick-active p{ opacity:1; transform:translateX(0); transition-delay:0.4s}
.hmc6item.slick-active div{ opacity:1; transform:translateX(0); transition-delay:0.6s}
.hmc6Rx { text-align: center; height: 630px; background: #093977; width: 460px; position: absolute; right: 0px; top: 0px; color: #FFF; }
.hmc6Rx_et { font-size: 40px; color: #FFF; line-height: 62px; font-weight: 100; }
.hmc6Rx_ct { font-size: 36px; line-height: 58px; font-weight: 100; }
.hmc6RxTinfo{width:100%; position:absolute; left:0; top:65px; opacity:0; transition:all 0.3s ease-in-out;}
.hmc6RxTinfo.on{opacity:1;}
.hmc6Btns{ height: 20px; width: 192px; position: absolute; left: 50%; bottom: 90px; transform:translateX(-50%);}
.hmc6Btns:after{ content: ""; background: rgba(255,255,255,0.5); height: 20px; width: 1px; position: absolute; left: 50%; top: 0px; }
.hmc6Btns .prev{ background: url(../images/hmc6_ar2.png) no-repeat center center; float: left; height: 60px; width: 60px; border: 2px solid #FFF; border-radius:50%; position:relative; top:-20px; }
.hmc6Btns .next{ background: url(../images/hmc6_ar2.png) no-repeat center center; float: right; transform:rotate(180deg); height: 60px; width: 60px; border: 2px solid #FFF;border-radius:50%; position:relative; top:-20px; }
.hmc6Btns .prev:hover,.hmc6Btns .next:hover{ background: #FFF url(../images/hmc6_ar22.png) no-repeat center center; }
.hmc6Btnwr{padding-bottom:20px;}
@media (max-width:1799px){
.hmc6_t1{ font-size: 28px; line-height: 46px; padding-left: 50px; }
.hmc6_t1:after{height: 1px; width: 30px; top: 22px;}
.hmc6box1{ padding-top:60px; padding-left: calc((100vw - 1200px)/2); }
.hmc6Rt{ font-size: 22px; line-height: 32px; bottom: auto;}
.hmc6_des1{ font-size: 15px; line-height: 32px; margin-top: 3.88vh; padding-left: 50px; height: 10.55vh;  padding-right:calc((100vw - 1200px)/2); }
.hmc6ul{margin-bottom:3.33vh; margin-left:50px}
.hmc6ul li {height: 13.92vh; }
.hmc6ul li p { font-size: 14px; line-height: 28px; }
.hmc6sz{line-height:30px;}
.hmc6_szSpan{ font: bold 40px DINPro-Regular; }
.hmc6_fs{ top: -20px; left: 2px; font-size: 20px; }
.hmCon5RImportant .hmc6_t1{ font-size: 22px; line-height: 36px; }
.hmc5RxTopImgportant .hmc6Rt{ font-size: 30px; line-height: 46px;}
.hmc5RxBomImgportant .hmc6Rt{ font-size: 30px; line-height: 46px;}
.hmc6_nmspan{bottom:80px;}
.index6_t{ margin-left: 46px; font-size: 28px; line-height: 52px; }
.index6_t:before{height: 1px; width: 30px; left: -50px; }
.index6con{ padding: 0px 0px 80px; top:-62px;}
.hmc6item strong { font-size: 24px; line-height: 42px;}
.hmc6item p { font-size: 15px; line-height: 30px; padding: 15px 0px 30px;}
.hmc6more { background: #C61634 url(../images/hmc6_ar.png) no-repeat 157px center; height: 52px; width: 220px; padding-left: 56px; font-size: 16px; line-height: 52px;}
.index6slick{margin-right:465px;}
.hmc6Rx { height: 362px; width: 360px;top: -62px; }
.hmc6Rx_et { font-size: 30px;line-height: 52px }
.hmc6Rx_ct { font-size: 30px; line-height:48px; }
.hmc6RxTinfo{ top:62px;}
.hmCon5LImportant .hmc6_t1{font-size: 32px; line-height: 48px; padding-left:50px;}
.hmc6box2:hover .hmc6Rt,.hmc6box3:hover .hmc6Rt{ font-size: 28px; line-height: 40px; padding-left: 50px; top: 60px; padding-left: 50px; left:50px}
.hmc6Rt:after{ height: 1px; width: 30px; top: 20px;}
.hmc6box2:hover .hmc6_des2,.hmc6box3:hover .hmc6_des3{ opacity:1; padding-top:18vh; height:auto;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{ opacity:0; left:60px; transition:all 0.3s ease-in-out;}
.hmc6_more2{margin-left:50px;}
.hmc6Rt{ left: calc((100vw - 1200px)/2); top:60px;}
.hmc6_des2{ font-size: 14px; line-height: 28px; margin-top:0; padding-left: 100px; height:auto; }
.hmc6ul2{margin-bottom:3.33vh; margin-left:100px; padding-top:3vh;}
.hmc6ul2 li {height: 10.92vh; }
.hmc6ul2 li p { font-size: 14px; line-height: 28px; }
.hmc6box2 .hmc6ul2 li p {line-height: 22px; }
.hmc6_des3{font-size: 14px; line-height: 28px; margin-top:0; padding-left: 100px; height:auto; }
.hmc6ul3{margin-bottom:3.33vh; margin-left:100px; padding-top:3vh;}
.hmc6ul3 li {height: 13.92vh; }
.hmc6ul3 li p { font-size: 14px; line-height: 28px; }
.hmc6box2 .hmc6_more2, .hmc6box3 .hmc6_more2{left:50px;}
.hmc6_nmspan{ right: calc((100vw - 1200px)/2);}
.hmc6logo{height:40px;}
.hmc6logo img{height:40px; width:auto;}
.hmc6Btns{width:172px;}
.hmc6Btns .prev{height:50px; width: 50px; top:-15px; }
.hmc6Btns .next{ height: 50px; width: 50px; top:-15px; }
/*.hmc6box2 .hmc6_des2,.hmc6box3 .hmc6_des3{ opacity:1; padding-top:24vh;}
.hmc6box2 .hmc6Rt,.hmc6box3 .hmc6Rt{ font-size: 28px; line-height: 40px; padding-left: 50px; top: 60px; padding-left: 50px; left:50px}
.hmc6ul2{ opacity:1; transform:scale(1)}
.hmc6ul3{ opacity:1; transform:scale(1)}*/

}
@media (max-width:993px){
.index_section5{ height:auto;}
.hmc5Lx,.hmc5Rx{width:100%!important; height:auto!important; position:relative; float:none; display:block;}
.hmc6box1{height:auto!important;padding:60px 25px;}
.hmc6box2{height:auto!important;}
.hmc6box3{height:auto!important;}
.hmc6_des1{opacity:1;}
.hmc6ul{transform:none; opacity:1;}
.hmc6_more2{opacity:1;}
.hmc6_round{width:80vw!important; height:80vw!important; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc6Rwpr{position:static; width:0; height:0}
.hmc6_des1{height:auto; margin-bottom:25px;}
.hmc6ul2{transform:none; opacity:1; padding:60px 25px 10px; margin-left:60px}
.hmc6ul3{transform:none; opacity:1; padding:60px 25px 10px; margin-left:60px}
.hmc6ul li,.hmc6ul2 li,.hmc6ul3 li{height:105px;}
.hmc6Rt{font-size:32px!important; line-height:50px!important; position:static!important; padding:0 80px 60px;}
.hmc6_nmspan{display:none;}
.indexc6Top{ padding: 3.98vh 0px; background-attachment:local; background-position:center center!important; }
.index6slick{margin-right:285px;}
.hmc6Rx { height: 220px; width: 220px;top: -42px; }
.hmc6Rx_et { font-size: 20px;line-height: 42px }
.hmc6Rx_ct { font-size: 20px; line-height:38px; }
.hmc6RxTinfo{ top:42px;}
.hmc6Btns{bottom:50px;}
.hmc6_des2,.hmc6_des3{height:auto!important; opacity:1!important; padding:20px 15px 0!important;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{opacity:1!important; left:0}
.hmc6_t1{transform:translate(0,0)!important; opacity:1!important;}
.hmc6Rt { transform:translate(0,0)!important; opacity:1!important;}
}
@media (min-width:767px) and (max-width:993px){
.hmc6Rt{padding:60px 60px 0!important;}
.hmc6_des2,.hmc6_des3{padding-left:60px!important; padding-right:60px!important;}
.hmc6ul2,.hmc6ul3{padding-left:0!important; padding-top:25px!important;}
.hmc6aniBg{display:none!important;}
.hmc6box2 .hmc6_more2{ background: url(../images/hmc6_ar3.png) no-repeat right center; color: #fff; padding-right:20px; margin-left:15px; }
.hmc6box3 .hmc6_more2{opacity:1!important; left:50px; margin-left:10px!important;}
.hmc6box2,.hmc6box3{padding-bottom:60px;}
.hmc6box2 .hmc6_more2,.hmc6box3 .hmc6_more2{left:50px}
}
@media (max-width:767px){
.hmc6_t1:after{display:none;}
.hmc6_t1{padding-left:0;font-size:26px; line-height:38px;}
.hmc6_des1{padding-left:0; margin:15px 0 20px; font-size:14px; line-height:26px;}
.hmc6ul{margin-left:0;}
.hmc6_more2{margin-left:0;}
.hmc6ul li{width:100%;}
.hmc6_szSpan{ font: bold 30px DINPro-Regular; }
.hmc6_fs{top:-11px;}
.hmc6ul li, .hmc6ul2 li, .hmc6ul3 li{height:auto; margin-bottom:18px;}
.hmc6aniBg{display:none;}
.hmc6Rt{padding:0 15px!important; font-size:26px!important; line-height:38px!important;}
.hmc6box2{padding:50px 0 50px;}
.hmc6ul2{margin-left:0; padding-top:15px; padding-left:15px; padding-right:15px;}
.hmc6ul2 li{width:100%;}
.hmc6ul2 li p{font-size:14px; line-height:28px;}
.hmc6box3{padding:50px 0 50px;}
.hmc6ul3{margin-left:0; padding-top:15px; padding-left:15px; padding-right:15px;}
.hmc6ul3 li{width:100%;}
.hmc6ul3 li p{font-size:14px; line-height:28px;}
.hmc6box2 .hmc6_more2{ background: url(../images/hmc6_ar3.png) no-repeat right center; color: #fff; padding-right:20px; margin-left:15px; }
.hmc6box3 .hmc6_more2{margin-left:15px;}
.hmc6box1{padding-left:15px; padding-right:15px;}
.index6_t{font-size:28px; line-height:38px;}
.hmc6Rx_et{font-size:24px;}
.hmc6Rx_ct{font-size:20px; line-height:22px; height:22px;}
.hmc6Rx{height:112px; right:auto; left:50%; margin-left:-110px;}
.hmc6Btns:after{display:none;}
.hmc6Btns{width:180px;}
.hmc6RxTinfo{top:18px;}
.index6slick{margin-right:0;}
.hmc6item strong{font-size:20px; line-height:26px;}
.hmc6item p{font-size:14px; line-height:26px;}
.hmc6more { background: #C61634 url(../images/hmc6_ar.png) no-repeat 107px center!important; height: 42px; width: 140px; padding-left: 26px; font-size: 14px; line-height: 42px; background-size:6px auto;}
.index6con{padding-top:100px; padding-bottom:50px;}
.hmc6_des1 p,.hmc6_des3 p,.hmc6_des2 p{max-height:none; overflow:visible;}
.hmCon5LImportant .hmc6_t1{padding-left:0; font-size:26px; line-height:38px;}
.hmc6box2 .hmc6ul2 li{width:100%;}
}
.index_section7{ margin-top:90px; padding-bottom:90px;}
.index7wpr{position:relative;}
.index7Bcon{width:125%;}
.hmc7slick{ margin: 0px -12px 30px; position:relative;}
.hmc7slick .slick-list{transform:translateX(-21.85vw);}
/*.hmc7slickFirst .slick-list{transform:translateX(calc((100% - 1590px)/2));}*/
.hmc7aBox.scaleImg .overflowHide { height: 360px; }
.hmc7aBox.scaleImg .ellipsis { font-size: 24px; line-height: 82px; font-weight: 100; display: block; }
.hmc7item{padding:0 12px;}
.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../images/m2mvclose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; }
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }
.hmc7slick .slick-dots{bottom:-40px;transform:translateX(-12.25vw);}
.hmc7slick .slick-dots li button{display:none;}
.hmc7slick .slick-dots li{ height: 16px; width: 16px; border: 2px solid #C61634; margin: 0px 5px; border-radius:50%; }
.hmc7slick .slick-dots li.slick-active{background:#C61634;}
.hmc7aBox.scaleImg .overflowHide:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:2;}
.hmc7aBox.scaleImg .overflowHide i{ height: 80px; width: 80px; position: absolute; z-index: 3; transform: translate(-50%,-50%); top: 50%; left: 50%; background: url(../images/paly_i0.png) no-repeat center center; }
.hmc7aBox.scaleImg .overflowHide i:before{ content: ""; background: url(../images/paly_i1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;  }
.hmc7aBox.scaleImg .overflowHide i:after{ content: ""; background: url(../images/paly_i2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}
.hmc7aBox.scaleImg:hover .overflowHide i:before{animation: rotate 1.8s linear infinite; }
.hmc7aBox.scaleImg:hover .overflowHide i:after{animation: rotate2 1.8s linear infinite;}
.hmc7slick .slick-list{ transition:all 0.5s ease-out; }
@media (max-width:1379px){
.m2mvBox { width: 66%; height: 500px;}
}
@media (max-width:1799px){
.m2mvBox { width: 66%; height: 586px; }
.index_section7{ margin-top:80px; padding-bottom:80px;}
.hmc7aBox.scaleImg .overflowHide { height: 250px; }
.hmc7aBox.scaleImg .ellipsis { font-size:16px; line-height: 56px;}
.hmc7item{padding:0 12px;}
.hmc7slick .slick-list{transform:translateX(-19.25vw);}
}
@media (max-width:1559px){
.m2mvBox { width: 66%; height: 518px; }
.hmc7slick .slick-list{transform:translateX(-24.25vw);}
}
@media (max-width:1379px){
.hmc7slick .slick-list{transform:translateX(-25.25vw);}
}
@media (max-width:1199px){
.hmc7aBox.scaleImg .overflowHide { height:190px; }
}
@media (max-width:992px){
.mvLayer{margin-top:0; transform:translateY(-50%);height:auto;}
.mvLayer .m2xy_pimg{max-width:220px; margin-left:auto; margin-right:auto; height:240px;}
.m2mvBox { width: 66%; height: 300px;}
.mvClose{top:12px; right:5px;}
.index_section7{margin-top:60px; padding-bottom:60px;}
.hmc7aBox.scaleImg .ellipsis{font-size:16px;}
}
@media (max-width:767px){
.mvLayer .m2xy_pimg{max-width:120px; height:130px;}
.mvClose{top:auto; top:-40px; right:0px;}
.m2mvBox { width: 100%; height:200px;}
.hmc7aBox.scaleImg .overflowHide i{ transform:scale(0.6) translate(-50%,-50%); transform-origin: left top}
.hmc7aBox.scaleImg .overflowHide{height:142px;}
.hmc7aBox.scaleImg .ellipsis{font-size:14px;}
.index_section7 {margin-top:42px;padding-bottom: 50px;}
.hmc7slick .slick-dots li{ height: 12px; width: 12px; border:1px solid #C61634; }
.hmc7slick .slick-dots{bottom:-25px;}
.hmc7itemEmpty{display:none!important;}
.hmc7slick{margin-left:10px; margin-right:10px;}
.hmc7slick .slick-list{transform:translateX(0);}
.hmc7item{padding:0 5px;}
}
.index_section8{ background: #f7f7f7; padding: 11.11vh 0px; }
.index8tnm{ text-align: center; margin-bottom: 18px; }
.index8tnm h3{ font-size: 32px;}
.index8tnm p{margin-top: 40px; margin-bottom: 40px; font-size:16px;}
.hmc8tnm_a{ font-size: 32px; line-height: 100px; display: inline-block; position: relative; margin: 0px 28px; font-weight: bold;}
/* .hmc8tnm_a.on{ color: #c61731; } */
/* .hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; } */
.hmc8tnm_a.on:after,.hmc8tnm_a:hover:after{width:100%; left:0;}
.indexc8bom{opacity:0; transform:translateY(100px); transition:all 0.5s ease-out;}
.indexc8bom.on{opacity:1; transform:translateY(0);}
.hmc8Con{overflow:hidden; margin-bottom:80px;}
.hmc8more{text-align:center;}
.hmc3MoreBtn{ font-size: 16px; line-height: 38px; display: inline-block; background: url(../images/c8_ar1.png) no-repeat right center; padding-right: 28px; }
.hmc3MoreBtn:hover{background: url(../images/c8_ar2.png) no-repeat right center;}
.hmc8Lx{ padding-right: 12px; float: left; width: 50%; }
.hmc8Rx{ padding-left: 12px; float: left; width: 50%; }
.hmc8_aBox .overflowHide { height: 432px; }
.hmc8_abom { background: #FFF; height: 228px; padding: 26px 30px 0px; }
.hmc8_abom .ellipsis { font-size: 20px; line-height: 68px; font-weight: normal; display: block; height: 68px; }
.hmc8_abom p { font-size: 18px; line-height: 32px; color: #989898; height: 64px; overflow: hidden; }
.hmc8swiper .slick-dots{ bottom: 268px; left: 50%; width: auto; transform:translateX(-50%); background:rgba(0,0,0,0.3); padding:8px 26px 6px; border-radius:1.8em;}
.hmc8swiper .slick-dots li button{display:none;}
.hmc8swiper .slick-dots li{ height: 16px; width: 16px; border: 2px solid #C61634; margin: 0px 5px; border-radius:50%; }
.hmc8swiper .slick-dots li.slick-active{background:#C61634;}
.hmc8Rx_ul li{ margin-bottom: 24px; }
.hmc8Rx_ul li:last-child{margin-bottom:0;}
.hmc8aBox{display:block; overflow:hidden; background:#fff; position:relative;}
.hmc8aBox:before{ content: ""; background: url(../images/hmc8_arbg.png) no-repeat right center; height: 204px; width: 200px; position: absolute; top: 0px; right: 0px; z-index: 1; transition:all 0.4s ease-in-out; opacity:0; transform:translateX(35px) }
.hmc8aBox:after{ content: ""; background: url(../images/hmc8_ar.png) no-repeat center center; height: 100%; width: 60px; position: absolute; z-index: 2; top: 0px; right: 0px; transition:all 0.4s ease-in-out; opacity:0; transform:translateX(-25px); }
.hmc8aBox.scaleImg .overflowHide { float: left; height: 204px; width: 362px; }
.hmc8srx { margin: 0px 38px 0px 400px; padding-top: 22px; }
.hmc8srx .ellipsis { font-size: 20px; font-weight: normal; display: block; line-height: 64px; height: 64px; }
.hmc8srx p { font-size: 16px; line-height: 24px; color: #989898; height: 72px; overflow: hidden; }
.hmc8aBox *{ transition:all 0.5s ease-in-out;}
@media (min-width:993px){
.hmc8aBox:hover{ background:#c61731;}
.hmc8aBox:hover *{color:#fff; transition:all 0.5s ease-in-out;}
.hmc8aBox:hover:before{opacity:0.6; transform:translateX(0)}
.hmc8aBox:hover:after{opacity:1; transform:translateX(0px);}
}
.hmc8aItems {margin-bottom:55px;}
.hmc8aItem{float:left; position:relative; display:block}
.hmc8aItem .overflowHide{width:100%; height:100%;}
.hmc8aItems .hmc8aItem:nth-child(1){width:40%; height:720px;}
.hmc8aItems .hmc8aItem:nth-child(2){width:20%; height:360px; background:#c61731; color:#fff;}
.hmc8aItems .hmc8aItem:nth-child(2):hover{ background: #B5152E; color:#fff; }
.hmc8aItems .hmc8aItem:nth-child(3){width:20%; height:360px;}
.hmc8aItems .hmc8aItem:nth-child(4){width:20%; height:360px; background:#fff;}
.hmc8aItems .hmc8aItem:nth-child(5){width:40%; height:360px;}
.hmc8aItems .hmc8aItem:nth-child(6){ width: 20%; height: 360px; background: #093977; }
.hmc8aItems .hmc8aItem:nth-child(6):hover{ background: #09336C; color: #fff; }
.hmc8aItem .overflowHide .bgImg:after{ content:""; background:rgba(0,0,0,0.3); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc8aTxt1{ position: absolute; left: 60px; right: 60px; bottom: 48px; color: #FFF; }
.hmc8tm { font: 18px/32px DINPro-Regular; margin-top: 38px; transition:all 0.5s ease-in-out; }
.hmc8aItem:hover .hmc8tm{opacity:0; transform:translateY(-18px)}
.hmc8_st1 { font-size: 24px; line-height: 36px; }
.hmc8_snm { font-size: 16px; line-height: 18px; color: #FFF; display: inline-block; padding-left: 20px; margin-bottom: 80px; border-left: 1px solid #FFF; opacity:0!important }
.hmc8aTxt2{ padding: 58px 40px 0px; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; color:#fff; }
.hmc8_snm2 { font-size: 20px; line-height: 28px; height: 84px; overflow: hidden; transition:all 0.5s ease-in-out; }
.hmc8_snma{margin-bottom:100px;}
.hmc8aItems .hmc8aItem:nth-child(3) .overflowHide .bgImg:after{ background:rgba(0,0,0,0.5);}
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8_snm,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8_snm { color: #C61634; border-left: 1px solid #C61634; }
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8aTxt2,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8aTxt2{color:#333;}
.hmc8aItems .hmc8aItem:nth-child(5) .overflowHide .bgImg:after{ display:none}
.hmc8more2{color:#fff; transition:all 0.5s ease-in-out; position:absolute; left:40px; bottom:40px; font-size:14px; opacity:0;}
.hmc8aItem:hover .hmc8more2{opacity:1;}
.hmc8aItem .hmc8_snm2{transform:translateY(-40px);}
.hmc8aItem:hover .hmc8_snm2{transform:translateY(-65px);}
.hmc8aItems .hmc8aItem:nth-child(4) .hmc8more2,.hmc8aItems .hmc8aItem:nth-child(5) .hmc8more2{color:#666;}
.hmc8aItems .hmc8aItem:nth-child(1) .hmc8more2{position:static; margin-top:0px;}
.hmc8aItems .hmc8aItem:nth-child(1):hover .hmc8more2{transform:translateY(0px); margin-top:35px;}

@media (max-width:1799px){
.index_section8{ padding:80px 0px; }
.index8tnm{ margin-bottom: 25px; }
.hmc8tnm_a{ font-size: 26px; line-height: 62px; margin: 0px 20px; }
.hmc8tnm_a.on{ color: #c61731; }
.hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }
.hmc8Con{margin-bottom:40px;}
.hmc8_aBox .overflowHide{height:340px;}
.hmc8Lx{width:45%;}
.hmc8Rx{width:55%;}
.hmc8_abom { height: 187px; padding: 28px 25px 0px; }
.hmc8_abom .ellipsis { font-size: 18px; line-height: 58px; height: 58px; }
.hmc8_abom p { font-size: 16px; line-height: 30px; height: 60px;}
.hmc8aBox.scaleImg .overflowHide { height: 164px; width: 292px; }
.hmc8Rx_ul li{ margin-bottom:18px;}
.hmc8Rx_ul li:last-child{margin-bottom:0;}
.hmc8srx { margin: 0px 22px 0px 310px; padding-top: 15px; }
.hmc8srx .ellipsis { font-size: 18px; line-height: 52px; height: 52px; }
.hmc8srx p { font-size: 15px; line-height: 24px;}
.hmc8aItems .hmc8aItem:nth-child(1){height:520px;}
.hmc8aItems .hmc8aItem:nth-child(2){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(3){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(4){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(5){height:260px;}
.hmc8aItems .hmc8aItem:nth-child(6){height: 260px;}
.hmc8_st1{font-size:20px; line-height:32px;}
.hmc8tm{margin-top:20px;}
.hmc8aTxt1{left:50px; right:50px;}
.hmc8aTxt2{padding:38px 20px 0px;}
.hmc8_snma{margin-bottom:60px;}
.hmc8_snm2 { font-size: 16px; line-height: 26px; height: 84px;}
.hmc8aItems{margin-bottom:40px;}
.hmc8more2{left:20px; }
.hmc8aTxt2 .hmc8tm{margin-top:0px;}
}
@media (max-width:993px){
.index_section8{padding:60px 0;}
.hmc8Lx{width:100%; padding-right:0; float:none;}
.hmc8Rx{ width:100%; padding-left:0; float:none;}
.hmc8aBox.scaleImg .overflowHide{width:100%; float:none;}
.hmc8srx{margin-left:0; margin-right:0; padding:10px 15px 25px;}
.hmc8srx .ellipsis{line-height:44px;}
.hmc8swiper .slick-dots{bottom:220px;}
.hmc8_snm2{font-size:13px;}
.hmc8_st1{font-size:16px;}
.hmc8_snm{padding-left:12px;}
}
@media (max-width:767px){
	.index8tnm h3{ font-size: 26px;}
	.index8tnm p{margin-top: 40px; margin-bottom: 40px;}
.hmc8tnm_a{ font-size: 22px; font-weight:normal; line-height: 52px; margin: 0px 14px; }
.hmc8tnm_a.on{ color: #c61731; }
.hmc8tnm_a:after{ content: ""; background: #C61634; height: 2px; width: 0px; position: absolute; left: 50%; top: 0px; transition:all 0.5s ease-in-out; }
.index8tnm{margin-bottom:15px;}
.hmc8_aBox .overflowHide{height:205px;}
.hmc8swiper .slick-dots li{width:10px; height:10px; margin:0 5px;}
.hmc8swiper .slick-dots{bottom:172px;}
.hmc8_abom{padding:20px 15px 0px; height:155px;}
.hmc8_abom .ellipsis{font-size:16px; font-weight:bold; line-height:28px; height:28px; margin-bottom:4px;}
.hmc8_abom p{font-size:14px; line-height:26px; height:78px; overflow:hidden}
.hmc8aItem{width:100%!important; height:200px!important; margin-bottom:10px; box-shadow:0 2px 5px 4px rgba(0,0,0,0.1);}
.hmc8aTxt1{left:20px; right:20px; bottom:auto; top:38px;}
.hmc8_snm{margin-bottom:0; margin-bottom:15px;}
.hmc8_st1{font-size:14px; line-height:26px;}
.hmc8tm{margin-top:15px; display:none;}
.hmc8Con{margin-bottom:20px;}
.hmc8aItems{margin-bottom:20px;}
.index_section8{padding-bottom:50px;}
.hmc8more2{bottom:30px!important; margin-top:0!important; opacity:1;}
.hmc8aItem:hover .hmc8_snm2{transform:translateY(0px);}
.hmc8aItems .hmc8aItem:nth-child(1) .hmc8more2{ margin-top:25px!important;}
.hmc8more2{display:none!important;}
.hmc8tm{font-size:12px!important; transform:translateY(0)!important; opacity:1!important; display:block;}
.hmc8aItem .hmc8_snm2{transform:translateY(0px)!important;}
}
.hmBom{ background: #c61731 url(../images/footbg.jpg) no-repeat center bottom; text-align: center; padding: 70px 15px; color: #FFF; }
.hmBom_t1 { font-size: 36px; line-height: 60px; font-weight: bold; }
.hmBom_st { font-size: 20px; line-height: 30px; }
.hmBom_btns { margin-top: 35px; }
.hmBom_btn1{ font-size: 18px; line-height: 54px; color: #C61634; background: #FFFFFF; text-align: center; display: inline-block; height: 54px; width: 240px; }
.hmBom_btn1:hover{ box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px);}
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 39px center; text-align: left; height: 54px; width: 240px; border: 2px solid #FFF; padding-left: 68px; color: #FFF; display: inline-block; margin-left: 22px; position: relative; top: 1px; font: 20px/50px DINPro-Bold; }
.hmBom_btn2:hover{ color: #FFF; box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px); }
@media (max-width:1799px){
.hmBom_t1 { font-size: 28px; line-height:48px;}
.hmBom_st { font-size: 18px; line-height: 28px; }
.hmBom_btns { margin-top: 25px; }
.hmBom_btn1{ font-size: 16px; line-height: 48px; height: 48px; width: 220px; }
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 29px center; height: 48px; width: 220px; border: 1px solid #FFF; padding-left: 58px; margin-left: 16px; font: 18px/46px DINPro-Bold; }
}
@media (max-width:767px){
.hmBom_t1{font-size:26px; line-height:38px;}
.hmBom{padding:60px 15px;}
.hmBom_st{margin-top:18px;}
.hmBom_btn1{ font-size: 15px; line-height: 42px; height: 44px; width: 130px; }
.hmBom_btn1:hover{transform:translateY(0px);}
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 19px center; height: 44px; width: 160px; border: 1px solid #FFF; padding-left: 47px; margin-left: 12px; font:15px/42px DINPro-Bold; }
.hmBom_btn2:hover{transform:translateY(0px); }
.footWx{width:150px; display:block; float:none; margin:0 auto; clear:both}
.footWx img{width:120px; height:120px;}
.footWx p{margin-top:15px;}
.footerTop dl dd{line-height:32px; height:32px;}
.footerTop{padding-bottom:30px;}
.footerBottom{font-size:12px; line-height:22px;}
}
@keyframes map_iani1{
	0%{opacity: 0; transform:translateX(-188px);}
	50%{opacity: 1;}
	100%{opacity: 0; transform:translateX(0%);}
}
@keyframes map_iani2{
	0%{opacity: 1; transform:translateX(-20px);}
	50%{opacity: 1;}
	100%{opacity: 1; transform:translateX(50px);}
}
.index4alr{ height:58px; width:188px; position:absolute; left:50%; top:40px; margin-left:-94px; display:none}
.index4alr:before{ content: ""; background: url(../images/map_ar1.png) no-repeat center center; display: inline-block; height: 25px; width: 123px; position: absolute; left: 0px; top: 50%; margin-top: -12px; animation:map_iani2 5s infinite ease-out; }
.index4alr:after{ content: ""; background: url(../images/map_ar2.png) no-repeat center center; height: 53px; width: 41px; position: absolute; top: 0px; right: 0px; animation:map_iani1 1s infinite ease-out; }


/*2019-10-12 CSS*/
.hmMapBtns{ background: url(../images/mapstep_line.png) no-repeat center center; height: 12px; width: 633px; margin-left: -316px; position: absolute; left: 50%; bottom: -15px; z-index: 30; padding-left:60px; }
.index4map{top:16vh;}
.hmMapBtn{width:102px; position:relative; float:left; height:12px; z-index:5;}
.hmMapBtn:before{content:""; width:12px; height:12px; border-radius:50%; border:2px solid #C8213A; position:absolute; left:50%; top:0; margin-left:-6px; background:#fff; z-index:5; transition:all 0.3s ease-in-out; opacity:0}
.hmMapBtn:after{ content: ""; background: url(../images/mapstep.png) no-repeat center center; height: 12px; width: 12px; position: absolute; left: 50%; top: 0px; transform:translateX(-50%); transition:all 0.6s ease-in-out 0.2s; opacity:0}
.hmMapBtn.on:before{opacity:1;}
.hmMapBtn.on:after{ opacity:1; width:178px;}
.hmMapBtn p{ white-space: nowrap; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); font-size: 14px; color: #808080; line-height: 16px; }
@media (max-width:1799px){
/* .index4map{top:-60px;} */
.hmMapBtns{bottom:18px;}
}
/*2019-11-14 CSS*/
@media (max-width:993px){
.index8tnmFixed{ background:#fff; height:56px; line-height:56px; position:fixed; z-index:999; left:0; top:0; width:100%;}
.index8tnmWpr{height:56px;}
}
@media (max-width:767px){
.hmc6Rx{width:auto; left:0px; right:0px; margin-left:0}
.hmc6Btns .prev{ height: 40px; width: 40px; position: absolute; left: 25px; top: 36px;}
.hmc6Btns .next{ height: 40px; width: 40px; position: absolute; right: 25px; top: 36px;}
.hmc6Btns{position:static; transform:translate(0,0); width:100%;}
.hmc6item p{max-height:182px; max-height:104px; padding:0; margin-top:8px;}
.index6con{padding-bottom:30px;}
.hmc6item strong{height:26px; overflow:hidden; display:block;text-overflow:ellipsis;white-space:nowrap; font-size:16px; font-weight:bold;}
.hmc4Mareas{ margin:40px 7px 0; overflow:hidden}
.hmc4Mareas li{padding:0 8px; width:50%; float:left; margin-bottom:16px; }
.hmc4Ma_box{ display:block; position:relative; border-bottom:3px solid #c61731}
.hmc4Ma_box p{ font-size: 20px; line-height: 26px; color: #FFF; display: block; height: 26px; width: 100%; margin-top: -13px; position: absolute; left: 0px; top: 50%; right: 0px; text-align: center; }
.hmc4Ma_box .bgImg{ height:100px;}
.index_section4{padding-bottom:45px!important;}
.hmc4Svg{width:58px; height:58px; top:3px;}
.hmc4ul li{padding-left:75px; font-size:16px;}
.hmc4ul li strong{line-height:38px;}
.hmc7aBox.scaleImg .overflowHide{height:186px;}
.index7Bcon{width:165%;}
.hmc7slick .slick-dots {transform: translateX(-33vw);}
.hmc2_item dd p{display:none;}
.hmc2_more{display:none;}
.index_bg{background-attachment:inherit;}
.hmc2_tnm{text-align:left;}
.index6_t:before{display:none;}
.index6_t{margin-left:0;}
}