@charset "UTF-8";
@font-face
{
font-family: enFont;
src: url('../fonts/enFont.ttf');
}
@font-face
{
font-family: numFont;
src: url('../fonts/numFont.ttf');
}
@font-face
{
font-family: chFont;
src: url('../fonts/chFont.ttf');
}
img{ max-width: 100%; }
.logo { padding: 22px 0px 0 25px; display: inline-block; }
.superNav { width: 100%; background-color: rgba(0,0,0,0.45); height: 80px; position:fixed; z-index:90; top:0; left:0 }
.superNav-inner { width: 100%; margin-right: auto; margin-left: auto; position: relative; }
.superNav-inner-header { float: left }
.superNav-inner-header-icon { display: none; }
.superRx{float:right;}
.superNav-inner-nav { float:left; margin-right:6px; }
.superNav-inner-nav li { display: inline-block; padding: 0 22px; position:relative; }
.superNav-inner-nav .superNav_a1{font-weight:bold; display: inline-block; line-height: 80px; color: #fff; font-size: 14px; position:relative; }
.superNav-inner-nav .superNav_a1:after{ content:""; background:#e50019; position:absolute; height:4px; width:0; left:50%; transition:all 0.3s ease; bottom:0}
.superNav-inner-nav .on .superNav_a1{color:#e50019;}
.superNav-inner-nav .on .superNav_a1:after,.superNav-inner-nav li:hover .superNav_a1:after{ width:100%; left:0%;}
.superSubNav{ position: absolute; width: 148px; margin-left: -74px; left: 50%; top: 80px; padding-top: 16px; display:none; }
.superSubNav:before{content:""; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:16px solid rgba(0,0,0,0.5); position:absolute; left:50%; margin-left:-12px; top:0}
.superSubNav dl{ padding: 18px; background:rgba(0,0,0,0.5); border-radius:0.3em;}
.superNav_a2{ line-height: 36px; text-align: center; display: block; height: 37px; border-bottom: 1px dotted #4D5056; font-size: 14px; color: #e4e4e4; }
.superSubNav dd:last-child a{border:none;}
.autoMaxImg img{position:relative;top:3px;}
@media (min-width:768px) {
.superNav-inner-nav { display: block!important; }
}
@media (max-width:767px) {
.logo { font-size: 16px; line-height: 50px; padding: 0 10px; }
.superNav { height: 50px; position: fixed; z-index: 80; left: 0; top: 0; background-color: rgba(0,0,0,0.7); }
.superNav .container { padding-left: 0; padding-right: 0; }
.superNav-inner-nav a { color: #fff; font-size: 14px;}
.superNav-inner-header { width: 100%; height: 50px; position: absolute; top: 0; right: 0; }
.superNav-inner-header-icon { color: #ffffff; height: 50px; font-size: 25px; text-align: center; width: 50px; position: absolute; right: 5px; top: 0; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; display: block; }
.superNav-inner-header-icon:hover { background-color: rgba(255,255,255,0.2); cursor: pointer; }
.superNav-inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 2px; background-color: rgba(255,255,255,1); }
.superNav-inner-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); }
.superNav-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); }
.superNav-inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.superNav-inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
 @keyframes clickfirst { 0% {
 transform: translateY(4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond { 0% {
 transform: translateY(-4px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
.superNav-inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.superNav-inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
 @keyframes outfirst { 0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-4px) rotate(0deg);
}
}
 @keyframes outsecond { 0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(4px) rotate(0deg);
}
}
.superNav-inner-nav { background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top: 50px; left: 0px; padding-top: 10px; padding-bottom: 80px; display: none; margin-left: 0; margin-right:0 }
.container-fluid{padding-left:0; padding-right:0;}
.superNav-inner-nav li { display: block; }
.superNav-inner-nav a { display: inline-block; line-height: 50px; text-decoration: none; width: 90%; margin-left: 5%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300; font-size: 16px; }
.superNav-inner-nav .superNav_a1{ line-height: 50px;}
.superNav-inner-nav .m2menu_a2{ padding-left:24px;}
.superNav-inner-nav a:hover { color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); }
.superNav-inner-nav a { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
 @-webkit-keyframes returnToNormal { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes returnToNormal { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
}
.hide{display:none!important}
.wrapper,.hmWraper,.hmWraper section{height:100%;}
.hmBody{background:#333;}
.section{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sliderNm { display: none; }
#sliderMenu { z-index: 92; position: absolute; top: 50%; right: 0px; width: 52px; }
#sliderMenu li.sliderCutNm { width: 22px; padding: 0px 3px; font-size: 14px; line-height: 15px; color: #ADADAD; position: absolute; bottom: 200px; left: 0px; height:auto; }
#sliderMenu li { line-height: 30px; height: 30px; position: relative; }
.sliderLine { background: #BCBCBC; height: 1px; width: 10px; position: absolute; top: 50%; right: 36px; transition:all 0.3s ease; }
.sliderNum{ opacity: 0; font: bold 14px/30px Arial; color: #bcbcbc; transition:all 0.3s ease; }
.active .sliderNum{opacity:1;}
.active .sliderLine{ right: 0px; height: 3px; width: 20px; margin-top:-1px; }
.hmSerBox { float: left; height: 32px; width: 190px; border: 1px solid #2A2A2A; margin-top: 24px; position: relative; border-radius:1.8em; }
.hmSerInt{ background: none; border: none; width: 100%; padding: 0px 32px 0px 14px; line-height: 30px; height: 30px; font-size: 14px; color: #999; }
.hmSerSubmit { line-height: 30px; text-align: center; display: block; height: 30px; width: 30px; position: absolute; top: 0px; right: 6px; font-size: 18px; color: #B0B0B0; }
.hmLan_a { color: #e4e4e4; }
.hmTop_sina,.hmTop_sina:hover { float: left; height: 30px; width: 30px; margin: 25px 14px 0px 0px; border: 2px solid #D2D2D2; line-height: 26px; text-align: center; border-radius: 50%; font-size: 15px; color: #d2d2d2; }
.hmTop_wx { float: left; height: 30px; width: 30px; margin: 25px 14px 0px 0px; border: 2px solid #D2D2D2; line-height: 26px; text-align: center; border-radius: 50%; color: #d2d2d2; }
.hmLanBx { float: left; margin-right: 28px; height: 80px; font-size: 14px; color: #e4e4e4; line-height: 80px; font-weight: bold; }
.hmLan_a.on { color: #e50019; }
.fullBanner { height: 100%; position: relative; background:#000; overflow:hidden }
.swiper-fullBg img{display:none;}
.swiper-fullBg {background-size:cover; background-position: center center; height:100%; position:absolute; width:100%; transform: scale(1.2);}
.fullBanner .swiper-container{height:100%;}
.fullBanner .swiper-slide-active .swiper-fullBg{animation: imageAnimation 6s linear 0s;}
@keyframes imageAnimation {
	0% {
	    transform: scale(1);
		animation-timing-function: ease-in;
	}
	100% {
	    transform: scale(1.2);
	    animation-timing-function: ease-out;
	}
}
.fullBanner .swiper-pagination{bottom:30px;}
.fullBanner .swiper-pagination-bullet{ background: url(../images/hmfocusicons.png) no-repeat left top; height: 16px; width: 23px; opacity:1; transition:all 0.3s ease; transform:rotate(270deg) }
.fullBanner .swiper-pagination-bullet-active{ background: url(../images/hmfocusicons.png) no-repeat right top; transform:rotate(0deg) }
.hmBanItms{ width: 21.5%; position: absolute; right: 21.6%; top: 35%; z-index: 2; }
.hmTextBg { width: 60%; height: 79%; position: absolute; top: 0px; right: 0px; }
.hm_t1en { color: #c81428; height: 42px; text-align: center; font: 36px/42px "enFont"; text-transform: uppercase; opacity:0; transition:all 0.5s ease-in; transform:translateY(-200px); font-weight:600!important; }
.hm_t1ch { font-size: 30px; color: #FFFFFF; line-height: 46px; text-align: center; opacity:0; transition:all 0.5s ease-in; transform:translateY(-200px); }
.hm_slider1 { margin-top: 12%; position: relative; opacity:0; transition:all 0.5s ease-in; transform:translateY(200px); }
.hm_slider1 .swiper-container{height: 316px;}
.hm_sd1Icon { margin: 0px auto 12px; height: 118px; width: 118px; position: relative; transition:all 0.3s ease; border-radius:50%; overflow:hidden }
.hm_sd1Icon u { display: block; position: absolute; width: 118px; height: 118px; background: url(../images/hmbor.png) no-repeat 0px 0px; transition: all .5s ease-in-out 0s; }
.hm_sd1Icon u.cl {
	clip: rect(0px,118px,-10px,59px);
}
.active .hm_sd1Icon u.cl {
	clip: rect(0px,118px,118px,59px);
}
.hm_sd1Icon u.cr {
	clip: rect(118px,59px,118px,0px);
}
.active .hm_sd1Icon u.cr {
	clip: rect(0px,59px,118px,0px);
}
.hm_sd1box:hover u.cl {
	clip: rect(0px,118px,-10px,59px);
}
.hm_sd1box:hover u.cr {
	clip: rect(118px,59px,118px,0px);
}
.hm_sd1Icon img { position: absolute; left: 27px; top: 27px; }
.hm_sd1box{display:block;}
.hm_sd1box strong { line-height: 62px; height: 63px; text-align: center; display: block; font-size: 24px; font-weight: normal; color: #e4e4e4; position:relative; }
.hm_sd1box strong:after{ content:""; height:1px; width:88px; position:absolute; bottom:0; left:50%; margin-left:-44px; background:#999999;}
.hm_sd1box p { font-size: 13px; line-height: 24px; color: #b0b0b0; text-align: center; padding-top: 15px; }
.hm_slider1 .swiper-pagination{bottom:0px;}
.hm_slider1 .swiper-pagination-bullet{ background: #999999; height: 10px; width: 10px; opacity: 1; margin: 0px 6px 4px!important; position:relative; top:-2px; }
.hm_slider1 .swiper-pagination-bullet-active{ background: #C81428; height: 14px; width: 14px; margin: 0px 4px 4px!important; top:0 }
.hmsd1BtnL { background: url(../images/hmbtn1.png) no-repeat left top; height: 42px; width: 25px; display: block; position: absolute; top: 30%; left: -100px; z-index:5 }
.hmsd1BtnL:hover { background: url(../images/hmbtn1.png) no-repeat left bottom;}
.hmsd1BtnR { background: url(../images/hmbtn1.png) no-repeat right top; height: 42px; width: 25px; display: block; position: absolute; top: 30%; right: -100px; z-index:5 }
.hmsd1BtnR:hover { background: url(../images/hmbtn1.png) no-repeat right bottom;}
.hm_sd1box:hover .hm_sd1Icon{ background:rgba(255,255,255,0.2);}
.hm_sd1box:hover .opacity{opacity:1;}
.active .hm_t1en{ transform:translateY(0); transition-delay:0.4s; opacity:1}
.active .hm_t1ch{ transform:translateY(0); transition-delay:0.1s; opacity:1}
.active .hm_slider1{ transform:translateY(0); transition-delay:0.4s; opacity:1}
.hmCase_ul { margin: 5% 0px; position: relative;/* opacity:0; transition:all 0.5s ease-in; transform:translateY(200px);*/ }
.hmCase_ul .swiper-pagination{display:none;}
.hmCase_m { line-height: 40px; height: 42px; width: 152px; border: 1px solid #4D4D4D; text-align: center; color: #E50019; font-size: 16px; text-transform: uppercase; margin: 0px auto; display: block; border-radius:0.2em; opacity:0; transform:translateY(200px); transition:all 0.3s ease-out ; position:relative; overflow:hidden }
.hmCase_m:after{ content: ""; position: absolute; left: -60px; top: -29px; width: 30px; height: 100px; background: rgba(255,255,255,0.15); display: block; transition:none; transform:rotate(25deg) }
.hmCase_m:hover:after{left:180px; transition:all 0.6s ease;}
.hmCase_ul .swiper-slide{transform:translateY(400px); transition:all 0.5s ease-out 0.3s; opacity:0}
.hmCase_aBox strong { font-weight: normal; line-height: 38px; display: block; margin-top: 20px; font-size: 18px; color: #e4e4e4; }
.hmCase_aBox p { color: #b0b0b0; font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; }
.hmCase_aBox .autoImg { overflow: hidden; }
.hmCase_aBox .autoImg img{transition:all 0.3s ease-in;}
.hmCase_aBox:hover .autoImg img{transform:scale(1.1);}
.hmCase_ul .hmsd1BtnL,.hmCase_ul .hmsd1BtnR{display:none;}
.active .hmCase_ul .swiper-slide {transform:translateY(0); opacity:1; transition:all 0.3s ease-in 0.6s;}
.active .hmCase_ul .swiper-slide:nth-child(2) {transform:translateY(0); opacity:1; transition:all 0.3s ease-in 0.9s;}
.active .hmCase_ul .swiper-slide:nth-child(3) {transform:translateY(0); opacity:1; transition:all 0.3s ease-in 1.2s;}
/*.active .hmCase_ul{ transform:translateY(0); opacity:1}*/
.active .hmCase_m{ transform:translateY(0); transition:all 0.5s ease-in 1.4s; opacity:1}
.hmFrbox { margin-top: 4%; transform:translateY(200px); opacity:0; transition:all 0.5s ease-in;}
.hmFrbox .swiper-pagination{display:none;}
.hmFrbox .swiper-slide{ transform:translateX(-200px); transition:all 0.5s ease-in; opacity:0}
.active .hmFrbox .swiper-slide{ transform:translateX(0); opacity:1; transition-delay:0.6s;}
.hmFrbox .swiper-slide:nth-child(2n){ transform:translateX(200px);}
.active .hmFrbox .swiper-slide:nth-child(2n){transform:translateX(0);}
.hmFr_sBox { height: 120px; margin-right: 1px; margin-bottom: 1px; overflow: hidden; }
.hmFr_sBoxny{  width: 24%; float: left; }
.hmFr_sBox2 { height: 240px; background:rgba(255,255,255,0.6); transition:all 0.3s ease-in }
.hmFr_sBox2:hover{ background:rgba(255,255,255,0.9); transform:translateY(-120px)}
.hmFr_sBox2 .bgImg { height: 120px; background-size: auto;}
.active .hmFrbox{ transform:translateY(0); transition-delay:0.4s; opacity:1}
.hmAtMneu { position: absolute; top: 17%; left: 40px; width: 78px; opacity:0; transition:all 0.5s ease-in; transform:translateX(-100px); z-index:3 }
.hmAtMneu li { line-height: 40px; height: 40px; margin-bottom: 6px; font-size: 15px; background: rgba(255,255,255,0.75); text-align: center; border-radius: 0.2em; cursor: pointer; transition:all 0.3s ease; }
.hmAtMneu li.on{ background: rgba(229,0,25,0.7); color: #FFF; }
.hmAtSlider { max-width: 690px; position: absolute; top: 38%; right: 13.5%; opacity:0; transition:all 0.5s ease-in; transform:translateY(300px); }
.hmAtxt { color: #e4e4e4; font-size: 14px; line-height: 28px; }
.hmAtxt a{position:relative; top:0px;}
.hmAtxt strong { font-size: 24px; font-weight: normal; line-height: 42px; height: 42px; display: block; margin-bottom: 20px; }
.hmTnum { background: url(../images/hmtbg.png) repeat; line-height: 88px; height: 88px; position: absolute; width: 100%; left: 0px; bottom: 0px; overflow:hidden; opacity:0; transition:all 0.5s ease-in; transform:translateY(100px); }
.hmTnum li { float: left; width: 18.5%; font-size: 15px; color: #e4e4e4; padding-left: 2.5%; transform:translateY(5px) }
.hmTnum li:nth-child(3){ width: 26%;}
.hmTnum li span { color: #e50019; font: 36px Arial; display: inline-block; margin-right: 10px; transform:translateY(1px) }
.active .hmAtMneu { transform:translateX(0); transition-delay:0.3s; opacity:1}
.active .hmAtSlider { transform:translateY(0); transition-delay:0.6s; opacity:1}
.active .hmTnum { transform:translateY(0); transition-delay:0.9s; opacity:1}
.hmLxBox { max-width: 868px; margin: 0px auto; }
.hmLxTop { font-size: 14px; line-height: 28px; color: #E4E4E4; opacity:0; transition:all 0.5s ease-in; transform:translateX(-600px); }
.hmLxTop a{ color: #E4E4E4;}
.hmLxLine { height: 39px; border-bottom: 1px dashed #595959; margin: 0px 0px 30px; width:0; transition:all 0.6s ease-in; }
.hmLxItms{ margin:0 -20px; opacity:0; transform:translateX(600px); transition:all 0.5s ease-in;}
.hmLxItms li { text-align: center; width: 25%; font-size: 20px; color: #e50019; line-height: 30px; float: left; }
.hmLx_sBox1 { float: left; width: 440px; padding-left: 26px; }
.hmLxTel { color: #e50019; height: 32px; font: 34px/34px Constantia; margin: -8px 0px 8px; }
.hmLx_sBox2 { float: right; width: 227px; padding-top: 34px; }
.cor_yellow,.cor_yellow:hover { color: #ffd800!important; }
.active .hmLxLine { width:100%; transition-delay:0.6s;}
.active .hmLxTop { transform:translateX(0); transition-delay:1s; opacity:1}
.active .hmLxItms { transform:translateY(0); transition-delay:1.3s; opacity:1}
.fp-section{overflow:hidden;}

.m2body { background: url(../images/m2gs_bg.jpg) no-repeat fixed center center; background-size: cover; }
.m2Aside { position: fixed; z-index: 10; left: 0px; top: 0px; height: 100%; background: #FFF; width: 260px; }
.m2asFot { font-size: 13px; line-height: 24px; color: #666; position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 0px 15px 25px 24px; }
.m2Logo { text-align: center; position:absolute; width:100%; top:10%; }
.m2WxImg { text-align: center; position: absolute; width: 100%; top: 19%; font-size: 14px; color: #666666; }
.m2Menu { top: 40%; position: absolute; width: 100%; text-align: center; }
.m2Menu .m2menu_a1 { font-size: 14px; line-height: 34px; display: inline-block; height: 34px; width: 115px; text-align: center; border-radius: 1.2em; margin: 1px auto; }
.m2Menu .m2menu_a1:hover,.m2Menu .on .m2menu_a1{ color: #FFF; background: #c81428; }
.m2main { margin-left: 260px; position: relative; height:100%; }
.m3Menu { position:fixed; left: 300px; top: 50px; z-index:50 }
.m3Menu .m2menu_a2 { color: #d20c22; border: 1px solid #4D4D4D; line-height: 36px; padding: 0px 15px; height: 38px; font-size: 14px; display: inline-block; background:rgba(255,255,255,0.05); border-radius:0.2em;}
.m3Menu .m2menu_a2:hover,.m3Menu .on .m2menu_a2{ color: #FFF; background: #d20c22; border: 1px solid #d20c22; }
.m3Menu li { float: left; margin-right: 10px; margin-bottom:10px; }
.kfMenu { position: fixed; z-index: 10; right: 10px; bottom: 45px; }
.backTop,.backTop:hover { font-size: 14px; color: #FFF; line-height: 45px; text-align: center; height: 45px; display: block; margin-bottom: 1px; background: rgba(255,255,255,0.5); width: 45px; font-weight: bold; border-radius:0.3em; position:relative; }
.backTop:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid rgba(255,255,255,0.5); position:absolute; left:50%; margin-left:-6px; top:-6px;}
.kfItms { height: 45px; width: 45px; margin-bottom: 1px; line-height: 45px; text-align: center; background: rgba(229,0,25,0.5); border-radius: 0.3em; transition: all 0.3s ease; cursor: pointer; position: relative; overflow:hidden }
.kfItms i{line-height:45px; color: #FFF; font-size: 18px;}
.kfItmsTel i {font-size:22px;}
.kfItms a,.kfItms a:hover{color:#fff;}
.kfItms:hover{ background: rgba(229,0,25,0.8); border-radius:0 0.3em 0.3em 0; overflow:visible;}
.kfItms p { position: absolute; left: -120px; top: 0px; background: rgba(229,0,25,0); line-height: 45px; color: #FFF; text-align: center; display: block; width: 120px; font-size: 14px; border-radius:0.3em 0 0 0.3em; opacity:0; transition: all 0.3s ease; transform:translateX(-50px) }
.kfItms:hover p{opacity:1; transform:translateX(0px); background: rgba(229,0,25,0.8);}
.kfWxImg { background: #FFF; height: 212px; width: 192px; position: absolute; left: -212px; bottom: 0px; border-radius: 0.3em; line-height: 14px; padding-top: 10px; color: #666666; opacity:0; transition:all 0.3s ease; transform:translateX(-50px); }
.kfWxImg:after{content:""; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; bottom:16px;}
.kfItms:hover .kfWxImg{opacity:1; transform:translateX(0px);}
.m2event { max-width: 1000px; padding: 118px 30px 60px; margin: 0px auto; position: relative; }
.m2event:before{ content: ""; background: #e4e4e4; height: 118px; width: 4px; display: block; position: absolute; left: 50%; top: 0px; margin-left: -2px; }
.m2event:after{ content: ""; background: #e4e4e4; height: 60px; width: 4px; display: block; position: absolute; left: 50%; margin-left: -2px; bottom: 0px; }
.m2event li { margin-right: 468px; color: #b0b0b0; font-size: 14px; line-height: 24px; text-align: right; }
.m2eYear { display: block; font: 42px/42px Arial; position: relative; color: #e4e4e4; padding-bottom: 13px; padding-right: 66px; }
.m2eYear:after{ content: ""; width: 4px; height: 10px; background: #e4e4e4; position: absolute; top: 0px; right: 0px; }
.m2eYear:before{ content: ""; width: 4px; height: 21px; background: #e4e4e4; position: absolute; right: 0px; bottom: 0px; }
.m2eBox strong { font-size: 16px; line-height: 28px; display: block; margin-bottom: 10px; color: #e4e4e4; position: relative; }
.m2eBox { border-right: 4px solid #e4e4e4; padding: 0px 66px 55px 0px; }
.m2eBox_i { height: 24px; width: 24px; border: 4px solid #e4e4e4; position: absolute; right: -10px; top: 10px; border-radius: 50%; transition: all 0.3s ease-in-out; }
.m2event li:hover .m2eBox_i{ height: 28px; width: 28px; top:8px; right:-12px;}
.m2event li:nth-child(2n) { margin-left: 468px; text-align:left; margin-right:0 }
.m2event li:nth-child(2n) .m2eYear{ padding-left: 66px; padding-right:0}
.m2event li:nth-child(2n) .m2eBox{ padding: 0px 0px 55px 66px; border-left: 4px solid #e4e4e4; border-right:none}
.m2event li:nth-child(2n) .m2eBox_i { right:auto; left: -10px;}
.m2event li:nth-child(2n):hover .m2eBox_i { right:auto; left: -12px;}
.m2event li:nth-child(2n) .m2eYear:after{ right:auto; left: 0px; }
.m2event li:nth-child(2n) .m2eYear:before{ right:auto; left: 0px; }
.m2mbrBox { margin: 0px auto; max-width: 1135px; padding:0 30px; }
.m2menu3{ padding: 158px 0px 38px; text-align: center; }
.m2menu3_a { line-height: 32px; height: 32px; margin: 0px 20px 15px; color: #e4e4e4; font-size: 16px; }
.m2menu3_a.on,.m2menu3_a:hover { color: #e50019; text-decoration: underline; }
.m2perText { color: #e4e4e4; font-size: 13px; line-height: 30px; margin-left: 412px; padding-top: 15px; }
.m2perBox{padding-bottom:80px; position:relative;}
.m2perBox .autoMaxImg{position:fixed;}
.m2mbrBox2{ margin: 0px auto; max-width: 1200px; padding:0 30px; }
.m2newsBox{ margin: 155px 13px 0px; }
.m2LoadingMore { font-size: 17px; color: #bcbcbc; line-height: 60px; height: 104px; display: block; text-align: center; margin: 0px auto; width: 170px;display:none }
.m2pList li { height: 305px; width: 475px; float: left; margin-right: 170px;}
.m2pList li:nth-child(2n){ margin-right: 0px; }
.m2pList .autoMaxImg{overflow:hidden;}
.m2pList .autoMaxImg img{transition:all 0.5s ease-in-out;}
.m2pTxt { padding-top: 82px; margin-left: 170px; line-height: 24px; color: #b0b0b0; font-size: 13px; transition:all 0.4s ease-in-out; }
.m2pTxt strong { color: #e4e4e4; font-size: 16px; display: block; }
.m2pList li a:hover .m2pTxt{transform:translateX(15px);}
.m2pList li a:hover .autoMaxImg img{transform:scale(1.1);}
.m2pDes { padding-left: 12px; color: #b0b0b0; border-left: 1px solid #b0b0b0; margin-top: 10px; }
.m2qy_t1 { color: #c81428; text-align: center; padding-top: 68px; font: 36px/48px enFont; text-transform: uppercase; }
.m2qy_t2 { color: #c9c9c9; font-size: 30px; text-align: center; line-height: 46px; margin-bottom: 54px; }
.m2qyList { margin: 0px 27px 30px; }
.m2qyList li { float: left; width: 33.333%; padding: 0px 13px; margin-bottom: 26px; }
.m2qy_aBox { background: #F4F4F4; border: 18px solid #FFF; display: block; height: 311px; border-radius: 0.3em; position: relative; }
.m2qyImg { height: 100%; width: 190px; float: left; border: 3px solid #ccc; }
.m2qyTxt { background: #FFF; left: 172px; top: 24px; right: 24px; bottom: 24px; position: absolute; padding-top: 44px; }
.m2qyTxt strong { display: block; line-height: 24px; height: 24px; border-left: 3px solid #E50019; padding: 0px 0px 0px 24px; margin-bottom: 20px; font-size: 18px; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m2qyTxt p { font-size: 13px; line-height: 24px; color: #666666; height: 96px; overflow: hidden; padding: 0px 24px; }
.m2QyBody { background: url(../images/m2qy_bg.jpg) no-repeat fixed center center; background-size: cover; }
.m2ryMain{ max-width: 1100px; margin: 0 auto; padding: 165px 30px 75px; }
.m2ryT { font-size: 24px; color: #e4e4e4; line-height: 56px; height: 56px; }
.m2ryList li { font-size: 13px; line-height: 48px; color: #e4e4e4; }
.m2ryList_div { font-size: 13px; line-height: 28px; color: #e4e4e4; }
.m2ryList_div p { font-size: 13px; line-height: 28px; color: #e4e4e4; }
.m2zpBox{ max-width: 1200px; margin: 0px auto 82px; background: #FFF; padding: 48px 40px 60px; border-radius:0.3em; }
.m2zpTop { background: #f2f2f2; padding: 30px; }
.m2zpTopBox { border: 1px dashed #E50019; font-size: 13px; line-height: 30px; padding: 18px 30px; }
.m2zpSelBox { text-align: center; padding: 72px 0px 38px; position: relative; z-index: 3; }
.m2zpSel { line-height: 42px; background: #F2F2F2; height: 42px; width: 225px; margin: 0px 6px 8px 0px; position: relative; display: inline-block;}
.m2zpInt1,.m2zpInt2 { padding: 0px 10px; width: 100%; height: 42px; border-width: 0px; border-style: none; background: none; font-size: 14px; line-height: 42px; color: #333; }
.m2zpOption { padding: 5px 0px; width: 100%; position: absolute; left: 0px; top: 42px; line-height: 28px; text-align: left; background: #F2F2F2; border-top: 1px solid #DDDDDD; }
.m2zpOption li { padding: 0px 15px; transition: all 0.3s ease; cursor: pointer; }
.m2zpOption li:hover { background: #E8E8E8; }
.m2zpSubmit { line-height: 42px; height: 42px; width: 96px; color: #FFF; background: #C81428; text-align: center; display: inline-block; font-size: 16px; font-weight: bold; }
.m2zpSubmit:hover{ background: #B81223; color: #FFF; }
.keUpDownSlide{}
.keUpDownSlide dl dt { line-height: 57px; height: 57px; position: relative; font-size: 13px; color: #666; border-bottom: 1px solid #DDDDDD; }
.keUpDownToggleBtn { background: url(../images/m2qy_tgbtn1.jpg) no-repeat; display: inline-block; height: 20px; width: 20px; position:relative; top:4px; }
.keUpDownSlide dl dd { color: #666666; font-size: 13px; line-height: 30px; padding: 40px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; display: none; background: #F5F5F5; }
.keUpDownSlide dl dt span{padding-left:40px;}
.keUpDownSlide dl dt.on { }
.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url(../images/m2qy_tgbtn2.jpg) no-repeat; }
.keUpDownSlide dl dt .m2zp_s1{ font-weight: bold; }
.m2zpItms { line-height: 56px; border-bottom: 1px solid #E2E2E2; border-top: 3px solid #C81428; background: #F8F8F8; font-size: 15px; font-weight: bold; }
.m2zp_s1 { float: left; padding-left: 20px; width: 38%; }
.m2zp_s2 { float: left; padding-left: 20px; width: 15%; }
.m2zp_s3 { float: left; padding-left: 20px; width: 18%; }
.m2zp_s4 { float: left; padding-right: 20px; width: 14%; text-align: right; }
.m2zpItms i { color: #c8c8c8; margin-right: 8px; }
.m2zpMain li { float: left; width: 50%; padding: 0px 35px; margin-bottom: 40px; }
.m2zpMain { margin: 0px -35px; }
.m2zpFun { padding-top: 15px; font-size: 14px; line-height: 46px; }
.m2zpBtn { line-height: 46px; text-align: center; height: 46px; width: 198px; color: #FFF; background: #C81428; float: left; font-size: 16px; border-radius:0.2em; }
.m2zpBtn:hover{ background: #B61222; color: #FFF; }
.m2zpFun .cor_yellow { color: #dbb400; text-decoration: underline; }
.m2newsList li { padding: 0px 27px; margin-bottom: 68px; float: left; width: 33.333%; }
.m2news_aBox { display: block; position: relative; padding: 95px 45px 22px; background: rgba(0,0,0,0.8); border-radius:0.1em; }
.m2nTime { color: #FFF; background: #D20C22; height: 74px; padding: 10px 11px 0px 0px; text-align: right; width: 100px; display: block; position: absolute; left: 45px; top: -14px; border-radius: 0.2em; font: 20px/26px enFont; }
.m2nTime span { display: block; line-height: 32px; font-size: 32px; position: relative; right: -2px; }
.m2news_aBox strong { font-size: 18px; color: #e4e4e4; line-height: 42px; font-weight: normal; display: block; height: 42px; transition:all 0.3s ease }
.m2news_aBox p { color: #b0b0b0; font-size: 13px; line-height: 24px; height: 96px; overflow: hidden; }
.m2news_aBox:hover{ background: rgba(255,255,255,0.8); transition:all 0.3s ease}
.m2news_aBox:hover strong{ color: #333333; }
.m2news_aBox:hover p{ color: #666666; }
.m2newsBox .m2LoadingMore{ position:relative; top:-20px;display:none;}
.m2newsBoxCon { padding: 152px 30px 85px; max-width: 1200px; margin: 0px auto; }
.m2newEbox { background: #FFF; padding: 60px 40px 55px; border-radius:0.2em; }
.m2news_t { font-size: 24px; line-height: 42px; margin-bottom: 10px; text-align: center; }
.m2news_fun { line-height: 24px; text-align: center; padding: 10px 15px; background: #F2F2F2; font-size: 14px; color: #999999; }
.m2news_res { background: url(../images/resicon1.png) no-repeat; height: 17px; width: 21px; margin: 0px 0px 0px 13px; display: inline-block; position:relative; top:2px; }
.m2news_res2 { background: url(../images/resicon2.png) no-repeat; }
.m2news_res3 { background: url(../images/resicon3.png) no-repeat; }
.m2news_res4 { background: url(../images/resicon4.png) no-repeat; }
.m2news_fun span{ white-space: nowrap; margin: 0px 8px; }
.m2Editor { font-size: 13px; line-height: 24px; color: #666666; padding: 28px 0px 40px; }
.m2nbm_t { line-height: 52px; text-align: center; height: 52px; margin-bottom: 16px; font-size: 24px; }
.m2nbm_t span { color: #c81428; font-family: enFont; }
.m2nbm_list li { padding: 0px 15px; float: left; width: 50%; line-height: 40px; height: 40px; font-size: 13px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap }
.m2nbm_list { margin: 0px -15px; }
.m2nbm_list li span { margin-right: 8px; }
.m2caseCon { padding: 105px 30px 0px; max-width: 1200px; margin: 0px auto; }
.m2case_t { color: #c9c9c9; text-align: center; line-height: 48px; height: 48px; font-size: 30px; }
.m2newsbody { background: url(../images/m2news_bg.jpg) no-repeat fixed center center; background-size: cover; }
.m2case_res { line-height: 38px; height: 38px; margin-bottom: 20px; text-align: center; font-size: 14px; font-weight: bold; color: #dddddd; }
.m2nCaseBox { background: #FFF; padding: 12px 40px; border-radius: 0.2em; }
.m2nCase_t2 { font-size: 24px; color: #333333; line-height: 42px; border-bottom: 1px solid #E8E8E8; margin: 38px 0px 12px; }
.m2caseBody { background: url(../images/m2casebg.jpg) no-repeat fixed center center; background-size: cover; }
.m2caseList { margin: -20px 20px 0px; }
.m2case_aBox{display:block; padding: 20px 18px 26px; background: #FFF; border-radius:0.3em; }
.m2case_aBox:hover{ color: #FFF; background: #c81428; }
.m2case_aBox strong { line-height: 28px;padding:6px 0; display: block; text-align: center; font-size: 18px; font-weight: normal; margin: 16px 0px 6px; position: relative; transition:all 0.3s ease }
.m2case_aBox strong:after{ content: ""; background: #DDDDDD; height: 1px; width: 88px; position: absolute; left: 50%; bottom: 0px; margin-left: -44px; transition:all 0.3s ease }
.m2case_aBox p { font-size: 13px; line-height: 24px; color: #666666; transition:all 0.3s ease }
.m2case_aBox:hover strong,.m2case_aBox:hover p{ color: #FFF; }
.m2case_aBox:hover strong:after{ background: #fff;}.m2caseTop { text-align: right; padding: 50px 15px 30px; margin-bottom: 20px; position: relative; z-index: 20; }
.m2caseSelBox { height: 40px; width: 235px; border: 1px solid #999999; margin: 0px 10px 20px; display: inline-block; position: relative; border-radius: 0.3em; background: url(../images/m2caseicon.png) no-repeat right center; }
.m2caseInt { line-height: 38px; height: 38px; width: 100%; border-width: 0px; border-style: none; font-size: 14px; color: #999999; padding: 0px 25px 0px 8px; background:none }
.m2caseOption { padding: 10px 0px; border: 1px solid #999999; width: 100%; position: absolute; left: 0px; top: 38px; background:rgba(0,0,0,0.7); border-radius:0.3em; max-height:320px; overflow-y:auto; }
.m2caseOption li { line-height: 34px; height: 34px; padding-left: 10px; text-align: left; color: #ccc; transition:all 0.3s ease }
.m2caseOption li:hover{ background: rgba(255,255,255,0.7); color: #333; }
.LoadingBox { height: 100%; width: 100%; background: #0e141e url(../images/welcomebg.jpg) no-repeat center center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 96; background-size: cover; }
.LoadingBor { position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; }
.Loadline_1 { height: 1px; width: 50%; position: absolute; left: 0; bottom: 0px; }
.Loadline_2 { height: 100%; width: 1px; position: absolute; left: 0px; bottom: 0px; }
.Loadline_3 { height: 1px; width: 50%; position: absolute; left: 0; top: 0px; }
.Loadline_4 { height: 1px; width: 50%; position: absolute; right: 0; top: 0px; }
.Loadline_5 { height: 100%; width: 1px; position: absolute; right: 0px; bottom: 0px; }
.Loadline_6 { height: 1px; width: 50%; position: absolute; right: 0; bottom: 0px; }
.Loadline_1 div{ background: #E4E4E4; width:0%; height:1px; transition:all 0.3s ease; position:absolute; right:0; bottom:0}
.Loadline_2 div{ background: #E4E4E4; width:1px; height:0%; transition:all 0.3s ease; position:absolute; right:0; bottom:0}
.Loadline_3 div{ background: #E4E4E4; width:0%; height:1px; transition:all 0.3s ease; position:absolute; left:0; bottom:0}
.Loadline_4 div{ background: #E4E4E4; width:0%; height:1px; transition:all 0.3s ease; position:absolute; left:0; bottom:0}
.Loadline_5 div{ background: #E4E4E4; width:1px; height:0%; transition:all 0.3s ease; position:absolute; right:0; top:0}
.Loadline_6 div{ background: #E4E4E4; width:0%; height:1px; transition:all 0.3s ease; position:absolute; right:0; bottom:0}
.Loadline_1.ok div,.Loadline_3.ok div,.Loadline_4.ok div,.Loadline_6.ok div{width:100%;}
.Loadline_2.ok div,.Loadline_5.ok div{height:100%;}
.LoadNum { color: #FFF; text-align: center; height: 50px; width: 100px; position: fixed; bottom: 30px; margin-left: -50px; left: 50%; font: italic 40px/50px numFont; }
.LoadText { padding: 0px 15px; max-width: 800px; width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #FFF; text-align: center;text-transform:uppercase; }
.Load_ch{ height: 62px; font: 40px/62px chFont; letter-spacing: 10px; }
.Load_en{ font: 34px/48px enFont; margin-bottom: 82px; }
/*2016-09-23 CSS*/
.hmFrbox{margin-bottom:60px;}
.hmAtxt a{ border-radius:0.2em;}
.hmAtxt a:hover{ color: #FFF!important; background: #e50019!important; border: 1px solid #e50019!important; }
.m2zpFun .cor_yellow{color:#e50019!important;}

@media (max-height:800px){
.m2Menu{top:40%;}
.m2Logo{top:8%;}
.m2WxImg{top:17%;}
.hm_t1en { height: 36px; font: 32px/36px "enFont";}
.hm_t1ch { font-size: 26px; line-height: 38px;}
.hmCase_ul{margin:2.5% 0;}
.hmFrbox{margin-top:3%; margin-bottom:40px;}
}

@media (max-height:699px){
.hm_t1en{margin-top:40px;}
.hm_slider1{margin-top:5%;}
.hmCase_ul{margin:1.5% 0;}
.hmCase_aBox{ display:block; margin-left:20px; margin-right:20px;}
.hmCase_aBox strong{margin-top:10px;}
.hmFrbox{margin-top:1.5%;}
.hmLxBox{margin-top:5%;}
.Load_en{margin-bottom:62px;}
.m2asFot{line-height:20px;}
.hmFrbox{margin-bottom:30px;}
.m2WxImg{display:none;}
.m2Menu{top:22%;}
}

/*2016-11-11 CSS*/
@media (max-height:640px){
.hm_t1ch{font-size:22px; line-height:30px;}
.hm_t1en{font-size:25px; line-height:30px; height:31px; margin-top:52px;}
.hmCase_ul{margin-top:1%; margin-bottom:1%;}
.hmFr_sBox{height:100px;}
.hmFr_sBox2{height:200px;}
.hmFr_sBox2 .bgImg {background-size: 100px auto; height:100px;}
.hmFrbox{margin-bottom:12px;}
.hmFr_sBox2:hover{ transform:translateY(-100px)}
}

@media (max-height:599px){
.m2WxImg{display:none;}
.m2Menu{top:19%;}
}

@media (max-width:1700px){
.m2qyTxt{left:120px;}
}

@media (max-width:1560px){
.hmsd1BtnL{left:-55px;}
.hmsd1BtnR{right:-55px;}
.hm_slider1{margin-left:100px; margin-right:100px;}
}

@media (max-width:1500px){
.m2pList li{margin-right:30px;}
.m2qyTxt{left:172px;}
.m2qyList li{width:50%;}
.m2zpBox{margin-left:35px; margin-right:35px;}
.m2newsList li{width:50%;}
.m2caseList{margin-top:20px;}
.m2caseTop{padding:110px 30px 0px; text-align:left;}

}

@media (max-width:1300px){
.hmCase_ul{margin-left:50px; margin-right:50px;}
.hmFrbox{margin-left:50px; margin-right:50px;}
.m2Aside{width:210px;}
.m2main{margin-left:210px;}
.m3Menu{left:250px;}
.m2asFot { padding: 0px 15px 25px 15px; }
.m2menu3{padding:138px 0 58px;}
.m2perText{margin-left:382px;}
.m2pList li{margin-right:20px; width:450px;}
.m2qyTxt{left:120px;}
}

@media (max-width:1220px){
/*.hm_slider1{margin-left:50px; margin-right:50px;}
.hmsd1BtnL,.hmsd1BtnR{display:none;}*/
.m2event{max-width:760px;}
.m2event li{margin-right:348px;}
.m2event li:nth-child(2n){margin-left:348px;}
.m2eBox{padding:0 35px 35px 0;}
.m2eYear{padding-right:35px;}
.m2event li:nth-child(2n) .m2eYear{padding-left:35px;}
.m2event li:nth-child(2n) .m2eBox{padding:0 0 35px 35px;}
.m3Menu .m2menu_a2{padding:0 12px;}
.m3Menu li{margin-right:6px;}
.m2pList li{ width:430px;}
.m2nCaseBox{padding:0px 20px;}
.m2Editor{padding:20px 0 30px;}
.m2zp_s1,.m2zp_s2,.m2zp_s3{padding-left:15px;}
.m2zp_s4{padding-right:15px;}
.keUpDownSlide dl dt span{padding-left:35px;}
}

@media (max-width:1199px){
.logo img{width:135px; height:auto;}
.logo{padding-left:0;}
.superNav-inner-nav li{padding:0 12px;}
/*.hmsd1BtnR,.hmsd1BtnL{display:none;}*/
.m2pList li{ width:405px;}
.m2qyTxt{left:172px;}
.m2qyList li{width:100%;}
}

@media (max-width:1099px){
.logo{padding-top:26px;}
.superNav-inner-nav li{padding:0 12px;}
.logo img{width:125px; height:auto;}
.hmTop_sina,.hmTop_wx{display:none;}
.hmAtSlider{top:22%;}
.hmAtMneu{top:23%;}
.hmTextBg{top:10%;}
.hmBanItms{top:38%;}
.hmTnum li{padding-left:1.5%;}
.hmFrbox .swiper-pagination{display:block; bottom:0}
.hmFrbox .swiper-container{padding-bottom:30px;}
.hmFrbox .swiper-pagination-bullet{ background: #999999; opacity: 1; height: 10px; width: 10px; }
.hmFrbox .swiper-pagination-bullet-active{ background: #c81428; transform:scale(1.2) }
.hmFr_sBox2 .bgImg{background-size:120px auto;}
.m2perBox .fl{float:none; width:100%; text-align:center; margin-bottom:28px;}
.m2perText{margin-left:0;}
.m2pList li{margin-right:0px; width:100%; height:auto; margin-bottom:60px;}
.m2zp_s1 {width: 35%; }
.m2zp_s4 {width: 17%; }
.m2perBox .autoMaxImg{position:static;}
}

@media (max-width:991px){
.hmSerBox{display:none;}
.hmLanBx{margin-right:15px;}
.logo img{width:115px; height:auto;}
.hmTextBg{top:10%;}
.hmBanItms{top:38%;}
.hmTextBg{width:90%; right:50%; margin-right:-45%;}
.hmBanItms{width:36%; right:50%; margin-right:-13%; top:29%}
.hmLxBox{width:auto; margin-left:50px; margin-right:50px;}
.hmLxTop .fl{display:none;}
.hmLx_sBox1{padding-left:0; width:420px;}
.hmLx_sBox2{float:left;}
.hmLxItms{margin:0;}
.hmAtSlider{position:relative; top:auto; right:auto; width:auto; margin-left:50px; margin-right:50px;}
.hmAtMneu{width:auto; left:50px;}
.hmAtMneu li{width:120px; float:left; margin-right:15px;}
.hmFr_sBox2 .bgImg{background-size:120px auto;}
.hmTnum li span{ margin-right:5px; font-size:24px;}
.hmTnum li{padding-left:1%;}
.hmCase_ul .swiper-container{ padding-bottom:45px;}
.hmCase_ul .swiper-pagination{display:block;}
.hmCase_ul .swiper-pagination-bullet{ background: #999999; opacity: 1; height: 10px; width: 10px; }
.hmCase_ul .swiper-pagination-bullet-active{ background: #c81428; transform:scale(1.2) }
.m2event{max-width:510px; padding-left:0; padding-right:0;}
.m2event:before,.m2event:after{ display:none}
.m2event li{margin-right:0px;}
.m2event li:nth-child(2n){margin-left:0;}
.m2eYear:before,.m2eYear:after{display:none;}
.m2eBox{border:none; padding:0px 0px 20px 0px; margin-bottom:35px; border-bottom:1px dotted #b0b0b0;}
.m2eBox_i{right:-1px; width:18px; height:18px; top:13px;}
.m2event li:hover .m2eBox_i{ height: 18px; width: 18px; top:13px; right:-1px;}
.m2event li:nth-child(2n) .m2eBox{border:none; border-bottom:1px dotted #b0b0b0; padding:0px 0px 20px 0px;}
.m2event li:nth-child(2n) .m2eBox_i,.m2event li:nth-child(2n):hover .m2eBox_i{left:-1px;}
.m3Menu{left:235px;}
.m2caseSelBox{margin:0 5px 20px;}
.m2qyTxt{left:120px;}
.m2zp_s1 {width: 65%; }
.m2zp_s4 {width: 35%; }
.m2zpMain li{padding:0 15px;}
.m2zpMain{margin:0 -15px; margin-top:15px;}
.m2zpMain li{float:none; width:100%;}
.m2zpBtn{float:none; display:inline-block; margin-bottom:15px;}
.m2zpFun .fr{float:none; width:100%; display:block;}
.m2news_t{font-size:22px;}
.m2nbm_list li{width:100%;}
.m2newsList li{width:100%;}
}

@media (max-width:768px){
.hmFr_sBoxny{  width: 49.5%; }
}
@media (max-width:767px){
.hmTextBg{width:90%; right:50%; margin-right:-48%; top:25%}
.hmBanItms{width:40%; right:50%; margin-right:-18.5%; top:40%}
.logo{padding-top:6px; height:50px; padding-left:15px;}
.superRx{margin-right:55px; position:static; z-index:1}
.hmLanBx{height:50px; line-height:50px;}
#sliderMenu{width:35px;}
.sliderLine{right:21px;}
.active .sliderLine{width:12px;}
.hm_slider1{margin-left:30px; margin-right:30px;}
.hmCase_ul{margin-left:30px; margin-right:30px;}
.hmCase_ul .swiper-container{ padding-bottom:45px;}
.hmCase_ul .swiper-pagination{display:block;}
.hmCase_ul .swiper-pagination-bullet{ background: #999999; opacity: 1; height: 10px; width: 10px; }
.hmCase_ul .swiper-pagination-bullet-active{ background: #c81428; transform:scale(1.2) }
.hmFrbox{margin-left:30px; margin-right:30px;}
.hmFr_sBox2 .bgImg{background-size:90px auto;}
.hmLxBox{margin-left:30px; margin-right:30px;}
.hmLxItms li{font-size:14px; line-height:26px;}
.hmLx_sBox1{width:auto; float:none}
.hmLx_sBox1 .cor_yellow{ white-space: nowrap; }
.hmLx_sBox2{float:none; width:auto;}
.hmLxLine{margin-bottom:15px; height:16px;}
.hmLx_sBox2{padding-top:18px;}
.hmLxTop{line-height:24px;}
.hmAtSlider{margin-left:30px; margin-right:30px; top:15px;}
.hmTnum{height:68px; line-height:68px;}
.hmTnum li:nth-child(1),.hmTnum li:nth-child(3),.hmTnum li:nth-child(5){ display:none;}
.hmTnum li{width:50%; padding-left:0; text-align:center;}
.hmAtxt{line-height:22px;}
.hmAtxt strong{font-size:18px; line-height:28px; margin-bottom:8px; height:auto;}
.hmAtMneu{left:30px; top:16%;}
.hmAtMneu li{width:70px; margin-right:5px;}
.hm_t1ch{font-size:24px; line-height:38px;}
.hm_t1en{font-size:32px; line-height:38px; height:38px;}
.hmFr_sBox2 .bgImg{height:90px;}
.hmFr_sBox2{height:180px;}
.hmFr_sBox{height:90px;}
.hmFr_sBox2:hover{ transform:translateY(-90px)}
.hmLanBx{position:relative; z-index:3;}
.superSubNav{display:none!important;}
.superNav_a1::after{display:none;}
.Load_ch{font-size:24px;letter-spacing:3px; line-height: 24px; opacity:0}
.Load_en{font-size:20px; line-height:28px; margin-bottom:20px; opacity:0}
.Load_loog img{width:180px; height:auto;}
.m2Aside{display:none;}
.m2main{margin-left:0;}
.m3Menu{display:none;}
.kfMenu{display:none;}
.m2event{padding:85px 15px 60px;}
.m2eYear{font-size:38px;}
.m2menu3_a{ margin: 0 10px 15px; white-space: nowrap; }
.m2menu3{ padding:118px 0 40px}
.m2mbrBox{padding:0 15px;}
.m2pList .fl{width:100%; float:none; text-align:center}
.m2pTxt{margin-left:0; padding-top:25px;}
.m2mbrBox2{padding:0 15px;}
.m2pList li{border-bottom:1px dotted #b0b0b0; padding-bottom:45px;}
.m2nCaseBox{padding:0px 15px;}
.m2Editor{padding:15px 0 30px;}
.m2caseCon{ padding:72px 15px 0;}
.m2case_t{font-size:22px; height:auto; line-height:36px;}
.m2nCase_t2{font-size:22px; margin-top:18px;}
.m2caseList{margin-left:0; margin-right:0;}
.m2qy_t1{ font:26px/34px enFont;}
.m2qy_t2{font-size:24px;}
.m2caseTop{padding-top:80px; }

.m2qyList{margin:0 0px 30px;}
.m2qy_aBox{border:5px solid #fff}
.m2qyTxt{right:10px;}
.m2qyTxt strong{padding-left:12px;}
.m2qyTxt p{padding:0 12px;}
.m2ryMain{padding:85px 15px 65px;}
.m2zpBox{margin-left:15px; margin-right:15px; padding:15px 15px 30px}
.m2zpTop{padding:15px;}
.m2zpTopBox{padding:12px 15px}
.keUpDownSlide dl dd{padding:20px;}
.m2zpFun .fr{line-height:30px;}
.m2qy_t2{margin-bottom:34px;}
.m2newsBoxCon{padding:85px 15px 65px;}
.m2news_t{font-size:20px; line-height:36px; margin-bottom:15px;}
.m2newEbox{padding:50px 15px 35px;}
.m2nbm_t{font-size:20px;}
.m2newsList li{padding:0;}
.m2news_aBox{padding:85px 25px 40px;}
.m2news_aBox p{height:auto;}
.m2nTime{left:25px;}
.m2newsBox{margin-top:115px;}
.m2pList li a:hover .m2pTxt{transform:translateX(0px);}
.hmsd1BtnL{left:-5px;}
.hmsd1BtnR{right:-5px;}
.hmLxItms li{ width: 50%; }
}

@media (max-width:359px){
.hmAtMneu li{width:60px; margin-right:2px;}
.hmAtxt{line-height:18px; font-size:12px; padding-top:60px;}
.hmAtxt strong{font-size:14px; line-height:20px;}
.hmLxTop{line-height:18px;}
.hmCase_aBox strong{margin-top:12px;}
.Load_ch{line-height:40px; height:40px;}
.Load_en{margin-bottom:16px;}
.m2nbm_t{font-size:16px;}
}

@media (max-height:450px){
.Load_ch{line-height:30px; height:30px; margin-top:-10px;}
.Load_loog img{width:150px; height:auto;}
.Load_en{margin-bottom:10px;}
}

/*2016-08-22 banner CSS*/
.hmBan2Box { width: 34%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; max-width: 662px; position: absolute; }
.hmBan2_s1 { display: block; margin: 0px auto; width: 93%; margin-bottom:6px; }
.hmBan2_s2 .fl { width: 67.4%; }
.hmBan2_s2 .fr { width: 31.9%; }
.hmBan2_s3 { float: right; width: 72%; margin-top:6px; }
.hmBan3Box { width: 35.7%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; max-width: 680px; position: absolute; }
.hmBan3_s1 { margin: 0px auto 28px; width: 84%; }
.hmBan4Box { width: 51.8%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; max-width: 995px; position: absolute; }
.hmBan4_s1{ margin: 0px auto 25px; width: 82.4%; }
.hmBan4_s2{ margin: 0px auto 10px; }
.hmBan4_s3{ margin: 0px auto; width: 69.8%; }
.hmBan5Box { width: 42.3%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; max-width: 812px; position: absolute; }
.hmBan5_s1 { width: 12%; position: absolute; left: 0px; top: 0px; }
.hmBan5_s2 { width: 19.4%; top: 54px; left: 16.2%; position: absolute; }
.hmBan5_s3 { margin-bottom: 16px; width: 62.2%; float: right; margin-top: 104px; }
.hmBan5_s4 { float: right; width: 77.1%; margin-bottom: 15px; }
.hmBan5_s5 { float: right; width: 39.4%; }
.hmBan5_s2Icon { width: 79.3%; position: absolute; left: -9.8%; top: -88%; }

@media (max-width:1880px){.hmBan5_s2Icon { top: -86%; }	}@media (max-width:1800px){.hmBan5_s2Icon { top: -83%; }}@media (max-width:1700px){.hmBan5_s2Icon { top: -78%; }}@media (max-width:1600px){.hmBan5_s2Icon { top: -74%; }}@media (max-width:1500px){.hmBan5_s2Icon { top: -69.5%; }}@media (max-width:1400px){.hmBan5_s2Icon { top: -66%; }}@media (max-width:1300px){.hmBan5_s2Icon { top: -62.5%; }}@media (max-width:1200px){.hmBan5_s2Icon { top: -56%; }}@media (max-width:1100px){.hmBan5_s2Icon { top: -50%; }}@media (max-width:1000px){.hmBan5_s2Icon { top: -45%; }}@media (max-width:900px){.hmBan5_s2Icon { top: -39%; }}

@media (max-width:991px){
.hmBan5Box { width: 56%; }
.hmBan5_s2Icon { top: -45.5%; }
.hmBan4Box { width: 70.8%; }
.hmBan3Box { width: 60.7%; }
.hmBan2Box { width: 42%;}
.m3Menu .m2menu_a2{padding:0 7px;}
}

@media (max-width:767px){
.hmBan5Box { width: 70%; }
.hmBan5_s2Icon { top: -23.5%; }
.hmBan4Box { width: 80.8%; }
.hmBan3Box { width: 70.7%; }
.hmBan2Box { width: 52%;}
.m2caseTop{text-align:center;}
}
@media (max-width:380px){
.hmBan5_s2Icon { top: -19.5%; }
}
@media (max-width:374px){
.hmBan5_s2Icon { top: -17.5%; }
}
@media (max-width:320px){
.hmBan5_s2Icon { top: -12.5%; }
}

.wxLayerBg{height:100%; width:100%; z-index:80; background:rgba(0,0,0,0.6); position:fixed; top:0; bottom:0; left:0; right:0}
.wxLayer{ background: #FFF; height: 160px; width: 130px; text-align: center; z-index: 82; margin-top: -80px; margin-left: -65px; position: fixed; left: 50%; top: 50%; padding-top:5px; line-height:18px; font-size:13px; color:#666; }

/*鼠标滑过微信*/
.hmTop_wx{position:relative;}
.hmTop_wx img{ position:absolute; left:0;top:30px; display:none; width: 127px; height: 127px; max-width: 127px;}

/*2016-09-13 CSS*/
.hmBan4_more{ text-align: center; height: 46px; width: 160px; display: block; border: 2px solid #E4E4E4; margin: 0px auto; font-size: 21px; line-height: 42px; color: #E4E4E4; border-radius:0.3em; margin-top:32px; }
.hmBan4_more:hover{ background:rgba(255,255,255,0.2); color:#E4E4E4;}
.hmBan5nBox{ width: 43%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); }
.hmBan5n_img1 { width: 71%; float: right; margin-bottom: 12px; }
.hmBan5n_img2 { clear: both; margin-bottom: 12px; }
.hmBan5n_img3 { margin-bottom: 16px; }
.hmBan5n_img4 { float: right; width: 19%; }
.hmBan6Box { width: 32%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
.hmBan6_imgBox1 { margin: 0px auto 16px; width: 87%; }
.hmBan6_s1 { float: left; width: 35.1%; }
.hmBan6_s2 { float: right; width: 59.3%; }
.hmBan6_imgBox2 { width: 83.4%; margin-left: 2%; }
.hmBan6_s3 { float: left; width: 45%; }
.hmBan6_s4 { float: right; width: 48%; }
.hmBan6_icon1 { width: 12%; position: absolute; left: 0px; top:-14%; }
.hmBan6_icon2 { width: 18%; position: absolute; right: 0px; bottom: 28%; }

@media (max-width:991px){
.hmBan5nBox{ width: 60%; }
.hmBan6Box { width: 50%;}
.hmBan4_more{ height: 42px; width: 140px; font-size: 18px; line-height: 38px; margin-top:26px; }
}

@media (max-width:767px){
.hmBan5nBox{ width: 70%; }
.hmBan6Box { width: 65%;}
.hmBan4_more{ height: 32px; width: 90px; border: 1px solid #E4E4E4; font-size: 14px; line-height: 30px; margin-top:16px; }

/*2016-12-21 CSS*/
.m2body .superNav-inner-nav,.m2caseBody .superNav-inner-nav,.m2newsbody .superNav-inner-nav,.m2QyBody .superNav-inner-nav{max-height:320px; overflow-x:auto;}
}
@media (max-width:767px) and (max-height:480px){
.hmAtSlider{top:18px;}
.hmAtxt{max-height:235px; overflow:hidden;}
.hmLxLine{display:none;}
.hmLxItms{display:none;}
}