@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');

}*/
body * {
	font-family: '微软雅黑' !important;
}

.logo { padding: 12px 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 15px; 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_sBox2 { height: 240px; background:rgba(255,255,255,0.12); transition:all 0.3s ease-in }

.hmFr_sBox2:hover{ background:rgba(255,255,255,0.6); 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: 1200px; position: absolute; top: 30%; right: 0;left: 0;margin: auto; 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:6px;}

.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: 46px 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: 16%; 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; min-height: 780px;overflow-y: scroll;}

.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%; }

.m2main .bg {

	width: 100%;height: 100%;position: fixed;top: 0;left: 0;object-fit: cover;-webkit-filter: brightness(30%); /* Chrome, Safari, Opera */

    filter: brightness(30%);

}

.m2main .bg2 {

	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/ge.png);

}

.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: 165px auto 50px auto;padding: 40px 30px;background: rgba(0,0,0,0.4);box-shadow: 0 5px 5px rgba(0,0,0,0.8);}

.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%; 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; z-index: 99999999;}

.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; }

.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: 110px 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:120px; 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:90px; height:auto;}

.hmTop_sina,.hmTop_wx{display:none;}

.hmAtSlider{top: 8%;}

.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:140px 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;top: 14%;}

.hmAtMneu li{width:120px; float:left; margin-right:15px;}

.hmFr_sBox2 .bgImg{background-size:130px 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: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:120px 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:8%;}

.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; 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;}

}



@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:50%; margin-left:-63px; top:30px; display:none}



/*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;}

}



.news-list {

	margin: 30px 0;

	color: #eee;

}

.news-list li {

	padding: 20px 0;

	box-sizing: border-box;

	width: 50%;

	float: left;

	padding: 20px;

	transition: all 0.5s;

	opacity: 0;

}

.news-list li .box {

	border: 1px solid #888;

	padding: 20px;

	display: flex;

	transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-webkit-transition: all 0.3s;

}

.news-list li .box .img {

	display: 1;

	margin-right: 20px;

}

.news-list li .box .img img {

	width: 100%;

}

.news-list li .box .text {

	display: 4;

}

.news-list li .box:hover {

	background: #fff;

	color: #000;

}

.news-list li a {

	font-size: 18px;

	color: inherit;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.news-list li a:hover {

	color: red;

}

.news-list li p {

	margin-top: 10px;

	font-size: 16px;

	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	line-height: 25px;

}



.about-swiper .slide1 video {

	box-sizing: border-box;

	display: block;

	width: 45%;

	float: left;

}

.about-swiper .slide1 .hmAtxt {

	box-sizing: border-box;

	width: 53%;

	float: right;

	padding-left: 20px;

	height: 320px;

	overflow: hidden;

}

.about-imgs {

	width: 100%;

}

.about-imgs .img {

	box-sizing: border-box;

	width: 25%;

	padding: 10px 40px;

	float: left;

}

.about-imgs .img img {

	width: 100%;

}

@media screen and (max-width:1396px) and (min-width:1101px){

.about-swiper .slide3 .hmAtxt {

	max-width: 800px;

	margin-left: 13%;

	padding-top: 100px;

}

}

@media screen and (max-width:1100px) and (min-width:994px){

.about-swiper {

		margin-top: 10% !important;

	}

.about-swiper .slide1 .about-video {

	width: 45%;

}

.about-swiper .slide1 .hmAtxt {

	width: 50%;

	height: 280px;

	overflow: hidden;

	margin-right: 5%;

}

.about-swiper .slide2 .hmAtxt {

	width: 100%;

}

.about-swiper .slide3 .hmAtxt {

	max-width: 800px;

	margin-left: 13%;

	padding-top: 100px;

}

}

@media screen and (max-width:993px) and (min-width:766px){

.news-list li .box .img {

	display: none;

}

.about-swiper {

		margin-top: 14% !important;

	}

.about-swiper .slide1 .about-video {

	width: 45%;

	margin-top: 8%;

}

.about-swiper .slide1 .hmAtxt {

	width: 54%;

	height: 235px;

	overflow: hidden;

	margin-top: 8%;

}

.about-swiper .slide1 .hmAtxt strong {

	font-size: 20px;

}

.about-swiper .slide2 .hmAtxt {

	width: 100%;

	margin-top: 10%;

}

.about-swiper .slide3 .hmAtxt {

	width: 100%;

	padding-top: 15%;

}

}

@media screen and (max-width:766px){

.news-list li .box .img {

	display: none;

}

.about-swiper {

		margin-top: -14% !important;

	}

.about-swiper .slide1 .about-video {

	width: 60%;

	margin-left: 20%;

}

.about-swiper .slide1 .hmAtxt {

	width: 100%;

}

.about-swiper .slide2 .hmAtxt {

	width: 100%;

	padding-top: 20%;

}

.about-swiper .slide3 .hmAtxt {

	width: 100%;

	padding-top: 40%;

}

.about-imgs {

	margin-top: 50px;

}

.about-imgs .img {

	padding: 10px;

}

}



.youshi {

	position: relative;

}

.youshi .img {

	margin: 150px auto;

	width: 25%;

	background: #fff;

	border-radius: 50%;

}

.youshi .img img {

	width: 100%;

	transition: all 0.5s;

}

.youshi .img img:hover {

	transform: rotate(360deg);

}

.youshi .item {

	padding: 20px;

	width: 35%;

	height: 35%;

	background: #fff;

	border: 1px solid #ccc;

	box-shadow: 0 0 5px #eee;

	display: inline-block;

	border-radius: 10px;

	position: absolute;

	transition: all 0.3s;

}

.youshi .item a {

	font-size: 22px;

}

.youshi .item1 {

	top: -100px;

	left: -100px;

	text-align: right;

	transition: all 0.3s;

	opacity: 0;

}

.youshi .item2 {

	top: -100px;

	right: -100px;

	transition: all 0.3s;

	opacity: 0;

}

.youshi .item3 {

	left: -150px;

	top: 0;

	bottom: 0;

	margin: auto;

	text-align: right;

	transition: 0.6s;

	opacity: 0;

}

.youshi .item4 {

	right: -150px;

	top: 0;

	bottom: 0;

	margin: auto;

	transition: 0.6s;

	opacity: 0;

}

.youshi .item5 {

	left: -100px;

	bottom: -100px;

	text-align: right;

	transition: all 0.9s;

	opacity: 0;

}

.youshi .item6 {

	right: -100px;

	bottom: -100px;

	transition: all 0.9s;

	opacity: 0;

}

.youshi-show .item1 {

	left: 0;

	opacity: 1;

}

.youshi-show .item2 {

	right: 0;

	opacity: 1;

}

.youshi-show .item3 {

	left: -50px;

	opacity: 1;

}

.youshi-show .item4 {

	right: -50px;

	opacity: 1;

}

.youshi-show .item5 {

	left: 0;

	opacity: 1;

}

.youshi-show .item6 {

	right: 0;

	opacity: 1;

}

.youshi .item1:hover {

	left: -20px;

}

.youshi .item2:hover {

	right: -20px;

}

.youshi .item3:hover {

	left: -70px;

}

.youshi .item4:hover {

	right: -70px;

}

.youshi .item5:hover {

	left: -20px;

}

.youshi .item6:hover {

	right: -20px;

}





.jiameng-text {

	border: 1px solid #ccc;

	color: #fff;

	padding: 20px;

	margin: 50px 0;

	margin-top: 200px;

	transition: all 0.5s;

	opacity: 0;

}

.jiameng-text p {

	text-indent: 28px;

	line-height: 25px;

}

.jiameng-text p + p {

	margin-top: 30px;

}









@media screen and (max-width:993px) and (min-width:766px){

	.youshi .item {

		height: 50%;

	}

}

@media screen and (max-width:765px){

.about-video {

	width: 100%;

	position: static;

	display: block;

	margin: 100px auto 20px auto;

}

.hmAtxt p {

	overflow:hidden;

	height: 45px;

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	padding-bottom: 20px;

}

.youshi .img {

	display: none;

}

.youshi .item {

	position: static;

	width: 100%;

	height: auto;

	text-align: center;

	margin: 10px 0;

}

.youshi .item p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

}





.jm-tab {

	display: flex;

}

.jm-tab li {

	flex: 1;

	text-align: center;

	border: 1px solid #000;

	cursor: pointer;

}

.jm-tab li a {

	display: block;

	padding: 20px 0;

}

.jm-tab .active {

	background: #C71428;

	color: #fff;

}

.jm-con {

	margin-top: 100px;

}

.jm-con p {

	line-height: 25px;

	text-indent: 28px;

}

.jm-con p + p {

	margin-top: 40px;

}

.jm-con p .tit {

	display: block;

	padding: 10px 0;

	font-size: 20px;

	text-indent: 0;

}





.LoadingBox {

	position: relative;

}

.LoadingBox .bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.2);

	z-index: 9999;

}

.LoadingBox #yd {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.section3 .items {

	height: 100%;

}

.section3 .items .item {

	width: 25%;

	box-sizing: border-box;

	float: left;

	height: 100%;

	background-image: url(../images/c1.jpg);

	background-size: cover;

	position: relative;

	overflow: hidden;

}

.section3 .items .item:nth-child(2) {

	background-image: url(../images/c2.jpg);

}

.section3 .items .item:nth-child(3) {

	background-image: url(../images/c3.jpg);

}

.section3 .item .bg1 {

	position: absolute;

	right: 200%;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

}

.section3 .item .bg2 {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

}

.section3 .item:hover .bg1{

	transition: all 0.5s;

	right: 0;

}

.section3 .item:hover .bg2 {

	transition: all 0.5s;

	left: 200%;

}

.section3 .item .font {

	position: absolute;

	width: 80%;

	left: 10%;

	top: 45%;

	color: #ccc;

	text-align: center;

}

.section3 .item .font h1 {

	padding: 20px 0;

	color: #fff;

	font-size: 34px;

	font-weight: 100;

}

.section3 .item .font .p {

	margin-top: 20px;

	line-height: 30px;

}

.section3 .item .font .down {

	width: 10px;

	height: 10px;

	border-left: 2px solid #fff;

	border-bottom: 2px solid #fff;

	transform: rotate(-45deg);

	margin: 40px auto 0 auto;

	animation: down 2s;

	-moz-animation: down 2s;

	-webkit-animation: down 2s;

	-o-animation: down 2s;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

	animation-timing-function: linear;

	-webkit-animation-timing-function: linear;

}

@keyframes down {

	0% {

		margin-top: 40px;

		opacity: 0;

	}

	25% {

		margin-top: 50px;

		opacity: 0.8;

	}

	50% {

		margin-top: 60px;

		opacity: 1;

	}

	75% {

		margin-top: 70px;

		opacity: 0.8;

	}

	100% {

		margin-top: 80px;

		opacity: 0;

	}

}


/*
.section6 video {

	width: 100%;

	height: 100%;

	object-fit: cover;

}*/
.section6 .title {
	top: 150px !important;
	text-align: center !important;
	font-family: '微软雅黑';
}
.section6 .title span {
	font-size: 14px;
}
.section6 {
	background-image: url(../images/hmBg2.jpg);
}

/*.section6 .bg {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9999;

	background: rgba(0,0,0,0.2);

	background-image: url(../images/ge.png);

	width: 100%;

	height: 100%;

}*/

.section6 .font {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	width: 65%;

	z-index: 999999;

	height: 35%;

	margin: auto;

}

.section6 .font .icon {

	color: #fff;

}

.section6 .font .box {

	height: 100%;

	position: relative;

}

.section6 .font .box .icon {

	position: absolute;

	left: 0;

	top: 30px;

}

.section6 .font .box .tab-con {

	width: 90%;

	position: absolute;

	top: 100%;

	left: 8%;

	font-size: 50px;

	color: #fff;

	font-family: '宋体';

	line-height: 70px;

	display: none;

	transition: all 0.5s;

	opacity: 0;

}

@media screen and (max-width: 1366px) {
	.section6 .font .box .tab-con {
		/*margin-top: 15%;*/
	}
}
@media screen and (max-width: 1200px) {
	.section6 .font .box .tab-con {
		margin-top: 10%;
	}
}
.section6 .font .box .act {

	display: block;

}

.section6 .font .box .tab-tit {

	position: absolute;

	bottom: 0;

	left: 0;

	height: 20px;

}

.section6 .font .box .tab-tit p {

	width: 4px;

	height: 15px;

	background: #fff;

	float: left;

	transition: all 0.3s;

	cursor: pointer;

}

.section6 .font .box .tab-tit p + p {

	margin-left: 15px;

}

.section6 .font .box .tab-tit .active {

	height: 30px;

	background: red;

	margin-top: -14px;

}

.section6 .title {

	position: absolute;

	width: 80%;

	top: 100px;

	left: 0;

	right: 0;

	margin: auto;

	color: #fff;

	text-align: right;

	z-index: 999999;

	font-size: 40px;

}
.section6 .font .box .tab-con .list {
	box-sizing: border-box;
	width: 25%;
	padding: 10px;
	float: left;
}
.section6 .font .box .tab-con .list .img {
	width: 100%;
	height: 200px;
	position: relative;
}
.section6 .font .box .tab-con .list .img img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	/*object-fit: cover;*/
}
.section6 .font .box .tab-con .list h2 {
	text-align: center;
	padding: 10px 0;
	font-size: 20px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.section6 .font .box .tab-con:nth-child(4) .list .img {
	/*height: 400px;
	/*border: 1px solid red;*/
}
@media screen and (max-width: 1366px) {
	.section6 .font .box .tab-con .list .img {
		height: 140px;
	}
	.section6 .font .box .tab-con:nth-child(4) .list .img {
		height: 280px;
		/*border: 1px solid red;*/
	}
}
/*.section6 .imgs {

	width: 50%;

	position: absolute;

	bottom: 40px;

	left: 0;

	right: 0;

	margin: auto;

	overflow: hidden;

	z-index: 999999;

}

.section6 .imgs .img {

	width: 16.5%;

	float: left;

	text-align: center;

}

.section6 .imgs .img img {

	width: 100px;

	margin-top: 30px;

	opacity: 0;

}

.section6 .imgss .img1 img {

	margin-top: 0;

	opacity: 1;

	transition: all 0.3s;

}

.section6 .imgss .img2 img {

	margin-top: 0;

	opacity: 1;

	transition: all 0.6s;

}

.section6 .imgss .img3 img {

	margin-top: 0;

	opacity: 1;

	transition: all 0.9s;

}

.section6 .imgss .img4 img {

	margin-top: 0;

	opacity: 1;

	transition: all 1.2s;

}

.section6 .imgss .img5 img {

	margin-top: 0;

	opacity: 1;

	transition: all 1.5s;

}

.section6 .imgss .img6 img {

	margin-top: 0;

	opacity: 1;

	transition: all 1.8s;

}*/

.section5 .scroll {

	width: 100%;

	height: 100%;

}

.section5 .items {

	width: 1200px;

	margin: 0 auto;

	height: 100%;

}

.section5 .items .item {

	width: 25%;

	height: 100%;

	float: left;

	box-sizing: border-box;

	position: relative;

}

.section5 .items .item .bg {

	position: absolute;

	transition: 0.5s;

	bottom: 0;

	background: #ba292e;

	width: 100%;

	height: 0;

	transition: all 0.5s;

}

.section5 .items .active .bg {

	height: 100%;

}



/*.section5 .items .item:hover .bg {

	height: 100%;

}*/

.section5 .items .item .box {

	display: inline-block;

	width: 100%;

	height: 50%;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

}

.section5 .items .item .img {

	width: 100px;

	height: 100px;

	border: 2px solid #fff;

	border-radius: 50%;

	overflow: hidden;

	text-align: center;

	margin: 0 auto;

	position: relative;

}

.section5 .items .item .img img {

	position: absolute;

	top: 20px;

	left: 0;

	right: 0;

	margin: auto;

	height: 50px;

	transition: all 0.5s;

}

.section5 .items .item .img p {

	position: absolute;

	top: 100px;

	font-size: 60px;

	font-family: '楷体';

	color: #ba292e;

	font-weight: bold;

	width: 100%;

	height: 100%;

	background: #fff;

	line-height: 100px;

	transition: all 0.5s;

	border-radius: 50%;

	box-sizing: border-box;

}

.section5 .items .item .font {

	text-align: center;

	color: #fff;

	padding: 0 20px;

}

.section5 .items .item .font h2 {

	padding: 20px 0;

}

.section5 .items .item .font button {

	margin-top: 40px;

	background: none;

	border: 1px solid #fff;

	color: #fff;

	font-size: 18px;

	padding: 5px 40px;

	transition: all 0.3s;

	opacity: 0;

}

.section5 .items .active .font button {

	opacity: 1;

}

.section5 .items .item:hover .img img {

	top: -60px;

}

.section5 .items .item:hover .img p {

	top: 0;

}

.section5 .items .item:hover button {

	opacity: 1;

}

.section5 .items .item .font button:hover {

	background: #fff;

	color: #ba292e;

	opacity: 1;

}



.section5 .items .item .font .text {

	margin-top: 30px;

	line-height: 30px;

}

.section5 .items .item2 .bg {

	background: #1599a5;

}

.section5 .items .item2 .img p {

	color: #1599a5;

}

.section5 .items .item2 .font button:hover {

	color: #1599a5;

}

.section5 .items .item3 .bg {

	background: #5e904d;

}

.section5 .items .item3 .img p {

	color: #5e904d;

}

.section5 .items .item3 .font button:hover {

	color: #5e904d;

}

.section5 .items .item4 .bg {

	background: #5d4378;

}

.section5 .items .item4 .img p {

	color: #5d4378;

}

.section5 .items .item4 .font button:hover {

	color: #5d4378;

}

.section7 .title {

	text-align: center;

	color: #fff;

}

.section7 .title h1 {

	font-size: 40px;

}

.section7 .title p {

	margin: 10px 0 20px 0;

	font-size: 16px;

}

.section7 .title a {

	display: block;

	width: 150px;

	height: 26px;

	background: #fff;

	color: rgb(190, 14, 41);

	margin: 20px auto;

	line-height: 26px;

	border-radius: 10px;

}

.section7 .box {

	width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	margin-top: -100px;

	opacity: 0;

	transition: all 0.5s;

}

.section7 .box .items {

	transition: all 0.5s;

}

.section7 .box .item {

	width: 300px;

	box-sizing: border-box;

	float: left;

	padding: 0 10px;

}

.section7 .box .item .img {

	width: 100%;

	box-sizing: border-box;

	overflow: hidden;

}

.section7 .box .item .img img {

	width: 100%;

	transition: all 1s;

}

.section7 .box .item .font {

	padding: 20px;

	width: 100%;

	box-sizing: border-box;

	background: #fff;

}

.section7 .box .item .font .icon {

	margin-top: 10px;

	height: 20px;

}

.section7 .box .item .font .icon img {

	float: left;

	height: 20px;

	margin-right: 5px;

}

.section7 .box .item .font .icon span {

	display: inline-block;

	height: 20px;

	width: 50%;

	line-height: 20px;

	color: #888;

}

.section7 .box .item .font .text {

	line-height: 20px;

	margin-top: 10px;

	color: #666;

}

.section7 .box .item .font .btn {

	display: block;

	width: 100px;

	height: 26px;

	background: #000;

	color: #fff;

	text-align: center;

	line-height: 26px;

	transition: all 0.5s;

	margin-top: 10px;

	border-radius: 20px;

}

.section7 .box .item:hover .img img {

	transform: scale(1.1);

}

.section7 .box .item:hover .btn {

	background: rgb(190, 14, 41);

	color: #fff;

}

.section7 .more {

	display: block;

	margin: 20px auto;

	width: 100px;

	text-align: center;

	height: 26px;

	line-height: 26px;

	background: #fff;

	transition: all 0.5s;

	border-radius: 10px;

	color: rgb(190, 14, 41);

}

.section7 .box .more:hover {

	background: rgb(190, 14, 41);

	color: #fff;

}

@media screen and (max-width: 1200px) {

	.section3 .items .item {

		width: 100%;

		height: 25%;

	}

	.section3 .item .font {

		top: 50px;

	}

	.section3 .item .font h1 {

		font-size: 20px;

		padding: 5px 0;

	}

	.section3 .item .font .p {

		margin-top: 5px;

	}

	.section6 .imgs {

		display: none;

	}

	.section6 .font {

		height: 80%;

	}

	.section6 .font .box .tab-con {

		width: 100%;

		position: absolute;

		top: 100%;

		left: 0%;

		font-size: 24px;

		line-height: 40px;

	}

	.section5 .scroll {

		width: 100%;

		overflow-x: scroll;

	}

	.section7 .news-list li {

		padding: 5px;

	}

	.news-list li .box {

		padding: 5px;

	}

	.section7 .title img {

		width: 50%;

	}

	.section7 .box {

		overflow-x: scroll;

	}

}